/* ═══════════════════════════════════════════════════════════
   Unseen Front — Prophecy Dashboard  v2.0
   Interactive: tabs, expandable cards, animated affordances
   Design: Georgia + Arial · sharp edges · dark-red accent
═══════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; }

:root {
    --pd-bg:          #ffffff;
    --pd-bg-inner:    #f5f5f5;
    --pd-bg-section:  #eeeeee;
    --pd-bg-dark:     #111111;
    --pd-border:      #cccccc;
    --pd-border-dark: #333333;
    --pd-text:        #111111;
    --pd-text-mid:    #444444;
    --pd-text-light:  #888888;
    --pd-label:       #555555;
    --pd-accent:      #8b1a1a;
    --pd-remnant:     #1a5a1a;
    --pd-gold:        #7a5c00;
    --pd-blue:        #1a3f8b;
    --pd-purple:      #3a2d7a;

    --pd-critical: #8b1a1a;
    --pd-severe:   #8b1a1a;
    --pd-high:     #7a5c00;
    --pd-elevated: #3a2d7a;
    --pd-moderate: #1a3f8b;
    --pd-low:      #1a6b2e;
}

/* ── Strip WP wrapper ── */
.wp-block-shortcode:has(.pdash),
p:has(> .pdash) { margin:0!important;padding:0!important;line-height:0;font-size:0; }
.wp-block-shortcode .pdash { line-height:normal;font-size:initial; }

/* ════════════════════════════════════════
   GATE
════════════════════════════════════════ */
.pdash-gate {
    font-family: 'Arial', Helvetica, sans-serif;
    border: 1px solid var(--pd-border-dark);
    background: var(--pd-bg);
    color: var(--pd-text);
    width: 100%; overflow: hidden;
}
.pdash-gate__header { padding:20px 22px 16px; border-bottom:2px solid var(--pd-border-dark); }
.pdash-gate__eyebrow { display:block;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--pd-accent);margin-bottom:5px; }
.pdash-gate__title { font-family:'Georgia',serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px;color:var(--pd-text); }
.pdash-gate__sub { font-size:.82rem;color:var(--pd-text-mid);line-height:1.5;margin:0; }
.pdash-gate__preview { position:relative;background:var(--pd-bg-inner);border-bottom:1px solid var(--pd-border);padding:0;overflow:hidden; }
.pdash-gate__preview-label { font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pd-accent);padding:8px 16px 5px;border-bottom:1px solid var(--pd-border); }
.pdash-gate__preview-row { display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--pd-border); }
.pdash-gate__preview-row--blurred { opacity:.25;filter:blur(4px);user-select:none;pointer-events:none; }
.pdash-gate__preview-name { flex:1;font-family:'Georgia',serif;font-size:.88rem;font-weight:700;color:var(--pd-text); }
.pdash-gate__preview-score { font-family:'Georgia',serif;font-size:1.1rem;font-weight:700;min-width:44px;text-align:right; }
.pdash-gate__preview-band { font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 5px;border:1.5px solid currentColor;white-space:nowrap; }
.pdash-gate__preview-fade { position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,var(--pd-bg-inner)); }
.pdash-gate__cta { padding:22px 22px 26px; }
.pdash-gate__cta-headline { font-family:'Georgia',serif;font-size:1.2rem;font-weight:700;color:var(--pd-text);margin:0 0 8px; }
.pdash-gate__cta-sub { font-size:.85rem;color:var(--pd-text-mid);line-height:1.5;margin:0 0 14px; }
.pdash-gate__features { margin:0 0 18px;padding:0 0 0 16px;list-style:disc; }
.pdash-gate__features li { font-size:.82rem;color:var(--pd-text-mid);padding:3px 0;line-height:1.4; }
.pdash-gate__actions { display:flex;flex-direction:column;gap:9px;max-width:300px; }
.pdash-gate__btn-primary { display:block;padding:11px 18px;background:var(--pd-text);color:#fff!important;font-family:'Arial',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;text-align:center; }
.pdash-gate__btn-primary:hover { background:var(--pd-accent); }
.pdash-gate__btn-secondary { display:block;text-align:center;font-family:'Arial',sans-serif;font-size:.78rem;color:var(--pd-text-light)!important;text-decoration:none!important;padding:6px 0;border-top:1px solid var(--pd-border); }
.pdash-gate__btn-secondary:hover { color:var(--pd-text)!important; }

/* ════════════════════════════════════════
   FULL DASHBOARD
════════════════════════════════════════ */
.pdash {
    font-family:'Arial',Helvetica,sans-serif;
    background:var(--pd-bg);
    color:var(--pd-text);
    border:1px solid var(--pd-border-dark);
    width:100%;overflow:hidden;
}

/* ── Dashboard Header ── */
.pdash__header {
    display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;
    padding:16px 20px 12px;border-bottom:2px solid var(--pd-border-dark);
}
.pdash__eyebrow { font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--pd-accent);margin-bottom:4px;display:block; }
.pdash__title { font-family:'Georgia',serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;color:var(--pd-text); }
.pdash__sub { font-size:.62rem;color:var(--pd-text-light);text-transform:uppercase;letter-spacing:.08em; }
.pdash__header-hint { font-size:.65rem;color:var(--pd-text-light);font-style:italic;align-self:flex-end; }

/* ── Score Summary Strip ── */
.pdash__strip { display:flex;flex-wrap:wrap;border-bottom:1px solid var(--pd-border-dark);background:var(--pd-bg-inner); }
.pdash__strip-item {
    flex:1;min-width:160px;display:flex;flex-direction:column;gap:3px;
    padding:10px 14px 8px;border-right:1px solid var(--pd-border);
    background:transparent;border-top:none;border-left:none;border-bottom:none;
    cursor:pointer;text-align:left;transition:background .12s;
    font-family:inherit;
}
.pdash__strip-item:last-child { border-right:none; }
.pdash__strip-item:hover, .pdash__strip-item.active { background:var(--pd-bg-section); }
.pdash__strip-item.active { border-bottom:3px solid var(--pd-accent) !important; }
.pdash__strip-name { font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pd-label);line-height:1.2; }
.pdash__strip-score { font-family:'Georgia',serif;font-size:1.5rem;font-weight:700;line-height:1; }
.pdash__strip-row { display:flex;align-items:center;gap:6px; }
.pdash__strip-arrow { font-size:.75rem; }
.pdash__strip-band { font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:1px 4px;border:1.5px solid currentColor;width:fit-content; }

/* ════════════════════════════════════════
   ACCORDION PANELS
════════════════════════════════════════ */
.pdash__panels { display:flex;flex-direction:column; }

.pdash__panel { display:none;border-bottom:1px solid var(--pd-border); }
.pdash__panel.active { display:block; }

/* ── Panel Header (always visible in accordion) ── */
.pdash__panel-header {
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:13px 18px;background:var(--pd-bg-inner);
    border-bottom:1px solid var(--pd-border);
}
.pdash__panel-header-left { display:flex;flex-direction:column;gap:2px;min-width:0;flex:1; }
.pdash__panel-title { font-family:'Georgia',serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--pd-text); }
.pdash__panel-scripture { font-size:.58rem;color:var(--pd-text-light);font-style:italic;letter-spacing:.04em; }
.pdash__panel-header-right { display:flex;align-items:center;gap:8px;flex-shrink:0; }
.pdash__panel-score { font-family:'Georgia',serif;font-size:1.35rem;font-weight:700;line-height:1; }
.pdash__panel-band { font-size:.53rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 5px;border:1.5px solid currentColor;white-space:nowrap; }
.pdash__panel-arrow { font-size:.8rem; }
.pdash__panel-delta { font-size:.68rem;font-weight:700;min-width:34px;text-align:right; }

/* ── Tab Navigation ── */
.pdash__tabs {
    display:flex;flex-wrap:wrap;background:var(--pd-bg);
    border-bottom:1px solid var(--pd-border);
    padding:0 18px;gap:0;
}
.pdash__tab {
    padding:9px 14px;font-family:'Arial',sans-serif;font-size:.68rem;font-weight:700;
    text-transform:uppercase;letter-spacing:.07em;color:var(--pd-text-light);
    cursor:pointer;border:none;background:transparent;
    border-bottom:3px solid transparent;transition:color .15s,border-color .15s;
    white-space:nowrap;
}
.pdash__tab:hover { color:var(--pd-text); }
.pdash__tab.active { color:var(--pd-accent);border-bottom-color:var(--pd-accent); }

/* ── Tab Panes ── */
.pdash__tab-panes { padding:0; }
.pdash__tab-pane { display:none;padding:14px 18px 16px; }
.pdash__tab-pane.active { display:block; }

/* ── Section labels ── */
.pdash__section-label {
    font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
    color:var(--pd-label);margin-bottom:8px;padding-bottom:3px;
    border-bottom:1px solid var(--pd-border);display:block;
}

/* ── Summary text (Overview tab) ── */
.pdash__summary { font-size:.82rem;color:var(--pd-text-mid);line-height:1.7;margin-bottom:14px; }

/* ── Score bar (Overview) ── */
.pdash__overview-score-row {
    display:flex;align-items:center;gap:14px;margin-bottom:14px;
    padding-bottom:12px;border-bottom:1px solid var(--pd-border);flex-wrap:wrap;
}
.pdash__overview-score-num { font-family:'Georgia',serif;font-size:2.8rem;font-weight:700;line-height:1; }
.pdash__overview-score-meta { display:flex;flex-direction:column;gap:4px; }
.pdash__overview-band { font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 8px;border:2px solid currentColor; }
.pdash__overview-meta-row { display:flex;gap:16px;flex-wrap:wrap; }
.pdash__overview-meta-item { font-size:.65rem;color:var(--pd-text-mid); }
.pdash__overview-meta-item strong { color:var(--pd-text); }

/* ── Pillar / Vector / Indicator Cards ── */
.pdash__cards { display:flex;flex-direction:column;gap:8px; }

.pdash__card {
    border:1px solid var(--pd-border);background:var(--pd-bg);overflow:hidden;
    transition:border-color .15s;
}
.pdash__card:hover { border-color:var(--pd-border-dark); }

.pdash__card-header {
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:10px 13px;cursor:pointer;background:var(--pd-bg);
    border:none;width:100%;text-align:left;font-family:inherit;
    transition:background .12s;
}
.pdash__card-header:hover { background:var(--pd-bg-inner); }
.pdash__card--open .pdash__card-header { background:var(--pd-bg-inner); }

.pdash__card-header-left { flex:1;min-width:0;display:flex;align-items:center;gap:10px; }
.pdash__card-code { font-size:.6rem;font-weight:700;color:var(--pd-label);letter-spacing:.05em;flex-shrink:0; }
.pdash__card-name { font-size:.82rem;font-weight:700;color:var(--pd-text);flex:1;min-width:0; }
.pdash__card-scripture-inline { font-size:.6rem;color:var(--pd-text-light);font-style:italic;margin-left:4px; }

.pdash__card-header-right { display:flex;align-items:center;gap:8px;flex-shrink:0; }
.pdash__card-score { font-family:'Georgia',serif;font-size:1.1rem;font-weight:700;min-width:30px;text-align:right; }
.pdash__card-trend { font-size:.65rem;font-weight:700;white-space:nowrap; }
.pdash__card-chevron {
    font-size:.65rem;color:var(--pd-text-light);transition:transform .2s ease;
    display:inline-block;flex-shrink:0;
}
.pdash__card--open .pdash__card-chevron { transform:rotate(180deg); }

/* Click affordance hint */
.pdash__card-header::after {
    content:'';display:block;width:4px;height:100%;
    background:transparent;flex-shrink:0;transition:background .15s;
}
.pdash__card--open .pdash__card-header::after { background:var(--pd-accent); }

/* Bar inside card header */
.pdash__card-bar-wrap {
    flex:1;max-width:120px;height:4px;background:var(--pd-border);
    overflow:hidden;flex-shrink:0;
}
.pdash__card-bar-fill { height:100%;transition:width .5s ease; }

/* Card body */
.pdash__card-body { display:none;padding:12px 13px 13px;background:var(--pd-bg);border-top:1px solid var(--pd-border); }
.pdash__card--open .pdash__card-body { display:block; }

.pdash__card-desc { font-size:.78rem;color:var(--pd-text-mid);line-height:1.65;margin-bottom:10px; }
.pdash__card-scripture { font-size:.72rem;color:var(--pd-accent);font-style:italic;margin-bottom:8px;padding-left:8px;border-left:2px solid var(--pd-accent); }
.pdash__card-notes { font-size:.75rem;color:var(--pd-text-mid);line-height:1.6;background:var(--pd-bg-inner);padding:8px 10px;border-left:3px solid var(--pd-border); }

/* Trend badge inside card */
.pdash__trend-badge {
    display:inline-block;font-size:.58rem;font-weight:700;text-transform:uppercase;
    letter-spacing:.07em;padding:2px 7px;margin-bottom:8px;
}
.pdash__trend--worsening { background:#fef2f2;color:#8b1a1a;border:1px solid #8b1a1a; }
.pdash__trend--stable    { background:#fefce8;color:#7a5c00;border:1px solid #7a5c00; }
.pdash__trend--improving { background:#f0fdf4;color:#1a6b2e;border:1px solid #1a6b2e; }
.pdash__trend--watching  { background:#f5f5f5;color:#555555;border:1px solid #cccccc; }

/* ── Predictions Tab ── */
.pdash__predictions-grid {
    display:grid;grid-template-columns:1fr 1fr;gap:0;
    border:1px solid var(--pd-border);
}
.pdash__pred-col { padding:14px 16px; }
.pdash__pred-col:first-child { border-right:1px solid var(--pd-border); }
.pdash__pred-title {
    font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
    color:var(--pd-accent);margin-bottom:8px;display:flex;align-items:center;gap:6px;
}
.pdash__pred-title::before {
    content:'';display:inline-block;width:8px;height:8px;
    border-radius:50%;background:var(--pd-accent);flex-shrink:0;
}
.pdash__pred-col:last-child .pdash__pred-title { color:var(--pd-text-mid); }
.pdash__pred-col:last-child .pdash__pred-title::before { background:var(--pd-text-mid); }
.pdash__pred-text { font-size:.78rem;color:var(--pd-text-mid);line-height:1.65; }
.pdash__pred-empty { font-size:.75rem;color:var(--pd-text-light);font-style:italic; }

/* ── History Tab ── */
.pdash__narrative { font-size:.8rem;color:var(--pd-text-mid);line-height:1.7;margin-bottom:14px; }
.pdash__scriptural { font-size:.78rem;color:var(--pd-text-mid);line-height:1.65;padding-left:12px;border-left:3px solid var(--pd-border-dark); }

/* ── Key Factors ── */
.pdash__factors { display:flex;flex-direction:column;gap:6px; }
.pdash__factor-row { display:flex;align-items:baseline;gap:8px; }
.pdash__factor-badge { font-size:.6rem;font-weight:700;padding:2px 6px;border:1.5px solid currentColor;white-space:nowrap;flex-shrink:0; }
.pdash__factor-text { font-size:.8rem;color:var(--pd-text-mid);line-height:1.4; }

/* ── Tug-of-War (TOW) ── */
.pdash__tug-bar-section { margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--pd-border); }
.pdash__tug-rope-wrap {
    position:relative;height:22px;display:flex;
    border:1.5px solid var(--pd-border-dark);overflow:hidden;margin:8px 0 4px;
}
.pdash__tug-rope-left  { height:100%;background:var(--pd-remnant);transition:width .6s ease; }
.pdash__tug-rope-right { height:100%;background:var(--pd-accent);transition:width .6s ease;margin-left:auto; }
.pdash__tug-knot {
    position:absolute;top:50%;transform:translate(-50%,-50%);
    width:20px;height:28px;background:var(--pd-bg);border:2px solid var(--pd-border-dark);
    z-index:2;transition:left .6s ease;
}
.pdash__tug-labels { display:flex;justify-content:space-between;font-size:.58rem;color:var(--pd-text-light);font-style:italic; }
.pdash__tug-scores { display:flex;justify-content:space-between;margin-bottom:6px; }
.pdash__tug-score-item { display:flex;flex-direction:column;gap:2px; }
.pdash__tug-score-label { font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }
.pdash__tug-score-label--remnant  { color:var(--pd-remnant); }
.pdash__tug-score-label--apostasy { color:var(--pd-accent);text-align:right; }
.pdash__tug-score-val { font-family:'Georgia',serif;font-size:1.4rem;font-weight:700; }
.pdash__tug-score-val--remnant  { color:var(--pd-remnant); }
.pdash__tug-score-val--apostasy { color:var(--pd-accent);text-align:right; }

.pdash__tug-grid { display:flex;gap:0; }
.pdash__tug-col { flex:1;min-width:0; }
.pdash__tug-divider { width:1px;background:var(--pd-border);flex-shrink:0;margin:0 14px; }
.pdash__tug-col-header { font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--pd-label);margin-bottom:8px; }

/* ── Bar components ── */
.pdash__bar-row { margin-bottom:8px; }
.pdash__bar-row:last-child { margin-bottom:0; }
.pdash__bar-meta { display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px;gap:8px; }
.pdash__bar-label { font-size:.72rem;color:var(--pd-text-mid);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pdash__bar-val { font-family:'Georgia',serif;font-size:.85rem;font-weight:700;flex-shrink:0;min-width:26px;text-align:right; }
.pdash__bar-track { width:100%;height:5px;background:var(--pd-border);overflow:hidden; }
.pdash__bar-fill { height:100%;transition:width .5s ease; }

/* Bar fill colours */
.pdash__bar-fill.pdash-band-critical,
.pdash__bar-fill.pdash-band-severe  { background:var(--pd-severe);   }
.pdash__bar-fill.pdash-band-high    { background:var(--pd-high);     }
.pdash__bar-fill.pdash-band-elevated{ background:var(--pd-elevated); }
.pdash__bar-fill.pdash-band-moderate{ background:var(--pd-moderate); }
.pdash__bar-fill.pdash-band-low     { background:var(--pd-low);      }
.pdash__bar-fill.pdash__bar-fill--remnant  { background:var(--pd-remnant); }
.pdash__bar-fill.pdash__bar-fill--apostasy { background:var(--pd-accent);  }

/* Card bar fills also need colours */
.pdash__card-bar-fill.pdash-band-critical,
.pdash__card-bar-fill.pdash-band-severe   { background:var(--pd-severe);   }
.pdash__card-bar-fill.pdash-band-high     { background:var(--pd-high);     }
.pdash__card-bar-fill.pdash-band-elevated { background:var(--pd-elevated); }
.pdash__card-bar-fill.pdash-band-moderate { background:var(--pd-moderate); }
.pdash__card-bar-fill.pdash-band-low      { background:var(--pd-low);      }
.pdash__card-bar-fill--remnant  { background:var(--pd-remnant); }
.pdash__card-bar-fill--apostasy { background:var(--pd-accent);  }

/* ── Band & Arrow colours ── */
.pdash-band-critical,.pdash-band-severe { color:var(--pd-critical); }
.pdash-band-high      { color:var(--pd-high);     }
.pdash-band-elevated  { color:var(--pd-elevated);  }
.pdash-band-moderate  { color:var(--pd-moderate);  }
.pdash-band-low       { color:var(--pd-low);       }
.pdash-arrow-up   { color:var(--pd-accent);    }
.pdash-arrow-down { color:var(--pd-remnant);   }
.pdash-arrow-flat { color:var(--pd-text-light); }

/* ── Meta row ── */
.pdash__meta-row { display:flex;gap:18px;flex-wrap:wrap;padding:6px 0 8px;border-bottom:1px solid var(--pd-border);margin-bottom:12px; }
.pdash__meta-item { font-size:.63rem;color:var(--pd-text-mid);text-transform:uppercase;letter-spacing:.05em; }
.pdash__meta-label { color:var(--pd-label);font-weight:700;margin-right:4px; }

/* ── Footer ── */
.pdash__footer { padding:7px 18px;border-top:1px solid var(--pd-border);font-size:.58rem;color:var(--pd-text-light);text-transform:uppercase;letter-spacing:.08em; }

/* ── Responsive ── */
@media (max-width:600px) {
    .pdash__predictions-grid { grid-template-columns:1fr; }
    .pdash__pred-col:first-child { border-right:none;border-bottom:1px solid var(--pd-border); }
    .pdash__tug-grid { flex-direction:column; }
    .pdash__tug-divider { width:100%;height:1px;margin:10px 0; }
    .pdash__strip-item { min-width:48%; }
    .pdash__tabs { padding:0 8px; }
    .pdash__tab { padding:9px 8px;font-size:.6rem; }
    .pdash__card-bar-wrap { display:none; }
}

/* ── "Click to expand" affordance hint ── */
.pdash__expand-hint {
    font-size:.6rem;color:var(--pd-text-light);font-style:italic;
    margin-bottom:8px;display:block;
}
.pdash__expand-hint::before { content:'▸ '; color:var(--pd-accent); }