/* ==========================================================================
   Dimension Analysis & Overall Status Dashboard (matches reference UI)
   ========================================================================== */
.sc-root{color:var(--ink);padding:4px 0 28px;display:flex;flex-direction:column;gap:16px}

/* 1. Header Banner */
.sc-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.03)}
.sc-header-main{display:flex;align-items:center;gap:14px}
.sc-header-icon{font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(59,130,246,.1);color:#2563eb}
body.dark .sc-header-icon{background:rgba(223,177,91,.15);color:var(--gold2)}
.sc-header h2{margin:0 0 4px;font-size:21px;font-weight:750;color:var(--ink);letter-spacing:-0.2px}
.sc-header p{margin:0;font-size:12.5px;color:var(--muted)}
.sc-config-btn{display:inline-flex;align-items:center;gap:12px;padding:9px 16px;background:var(--paper2);border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--ink);transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.sc-config-btn:hover{border-color:var(--gold,#dfb15b);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.sc-config-icon{font-size:18px;color:#2563eb}
body.dark .sc-config-icon{color:var(--gold,#dfb15b)}
.sc-config-text{display:flex;flex-direction:column;text-align:left}
.sc-config-text strong{font-size:12px;color:var(--ink)}
.sc-config-text small{font-size:10px;color:var(--muted)}
.sc-chevron{font-size:18px;color:var(--muted);margin-left:4px}

/* 2. Hero Section (3 Cards) */
.sc-hero-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px}
@media(max-width:1050px){.sc-hero-grid{grid-template-columns:1fr}}
.sc-hero-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;box-shadow:0 3px 14px rgba(0,0,0,.03)}
.sc-hero-top{display:flex;align-items:center;gap:16px}

/* Radial Gauge Ring */
.sc-gauge-wrap{position:relative;width:84px;height:84px;flex-shrink:0}
.sc-gauge-svg{width:84px;height:84px;transform:rotate(-90deg)}
.sc-gauge-track{fill:none;stroke:var(--paper2);stroke-width:7}
body:not(.dark) .sc-gauge-track{stroke:#e2e8f0}
.sc-gauge-bar{fill:none;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .8s ease}
.sc-meter-green{stroke:#10b981}
.sc-meter-blue{stroke:#0284c7}
body.dark .sc-meter-blue{stroke:#38bdf8}
.sc-meter-amber{stroke:#f59e0b}
.sc-meter-red{stroke:#ef4444}

.sc-gauge-center{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.sc-gauge-num{font-size:26px;font-weight:800;line-height:1;color:var(--ink)}
.sc-gauge-denom{font-size:11px;color:var(--muted);margin-top:2px}

/* Hero Score Info */
.sc-hero-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.sc-hero-title{font-size:14.5px;font-weight:750;color:var(--ink);line-height:1.25}
.sc-hero-sub{font-size:11.5px;color:var(--muted)}
.sc-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;margin-top:4px}
.sc-badge-green{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.28)}
.sc-badge-amber{background:rgba(245,158,11,.12);color:#d97706;border:1px solid rgba(245,158,11,.28)}
.sc-badge-red{background:rgba(239,68,68,.12);color:#dc2626;border:1px solid rgba(239,68,68,.28)}
body.dark .sc-badge-green{color:#34d399}
body.dark .sc-badge-amber{color:#fbbf24}
body.dark .sc-badge-red{color:#f87171}

/* Tier bars with numbers above & dots below */
.sc-tier-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:10px}
.sc-tier-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.sc-tier-val{font-size:12.5px;font-weight:750;color:var(--ink);line-height:1}
.sc-tier-bar{width:100%;height:5px;border-radius:999px;display:block}
.sc-tier-bar.bar-green{background:#10b981}
.sc-tier-bar.bar-amber{background:#f59e0b}
.sc-tier-bar.bar-weak{background:#64748b}
.sc-tier-label{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--muted)}

.dot-green{width:7px;height:7px;border-radius:50%;background:#10b981;display:inline-block}
.dot-amber{width:7px;height:7px;border-radius:50%;background:#f59e0b;display:inline-block}
.dot-weak,.dot-red{width:7px;height:7px;border-radius:50%;background:#64748b;display:inline-block}

/* Card 3: Current Period */
.sc-period-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sc-period-planet-wrap{display:flex;align-items:center;gap:12px}
.sc-planet-sphere{width:42px;height:42px;border-radius:50%;flex-shrink:0;box-shadow:inset -4px -4px 9px rgba(0,0,0,.45),inset 2px 2px 5px rgba(255,255,255,.4),0 3px 8px rgba(0,0,0,.18);position:relative;overflow:hidden}
.planet-mars{background:radial-gradient(circle at 32% 32%,#f87171,#dc2626 60%,#7f1d1d 100%)}
.planet-ketu{background:radial-gradient(circle at 32% 32%,#fb923c,#c2410c 60%,#431407 100%)}
.planet-jupiter{background:radial-gradient(circle at 32% 32%,#fde047,#d97706 60%,#78350f 100%)}
.planet-saturn{background:radial-gradient(circle at 32% 32%,#cbd5e1,#64748b 60%,#1e293b 100%)}
.planet-sun{background:radial-gradient(circle at 32% 32%,#fef08a,#eab308 60%,#854d0e 100%)}
.planet-moon{background:radial-gradient(circle at 32% 32%,#f8fafc,#94a3b8 60%,#334155 100%)}
.planet-mercury{background:radial-gradient(circle at 32% 32%,#86efac,#16a34a 60%,#14532d 100%)}
.planet-venus{background:radial-gradient(circle at 32% 32%,#fbcfe8,#db2777 60%,#831843 100%)}
.planet-rahu{background:radial-gradient(circle at 32% 32%,#c084fc,#7e22ce 60%,#3b0764 100%)}

.sc-period-names{display:flex;flex-direction:column;gap:2px}
.sc-period-dasha{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-0.2px}
.sc-period-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sc-lord-mini-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--paper2);border:1px solid var(--line);border-radius:10px;cursor:default;transition:border-color .2s ease}
.sc-lord-mini-card:hover{border-color:var(--gold,#dfb15b)}
.sc-mini-left{display:flex;align-items:center;gap:10px;min-width:0}
.sc-mini-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}
.sc-mini-blue{background:rgba(59,130,246,.12);color:#2563eb}
.sc-mini-red{background:rgba(239,68,68,.12);color:#dc2626}
body.dark .sc-mini-blue{background:rgba(59,130,246,.2);color:#60a5fa}
body.dark .sc-mini-red{background:rgba(239,68,68,.2);color:#fca5a5}
.sc-mini-text{display:flex;flex-direction:column;min-width:0}
.sc-mini-text strong{font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-mini-text small{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-mini-arrow{font-size:16px;color:var(--muted);flex-shrink:0}

/* Insight row in Card 3 */
.sc-period-insight{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18);border-radius:10px;font-size:11.5px;line-height:1.45;color:var(--ink)}
body.dark .sc-period-insight{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.25)}
.sc-bulb-wrap{width:22px;height:22px;border-radius:50%;background:rgba(59,130,246,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}
.sc-period-insight p{margin:0;color:var(--ink)}

/* 3. Section Bar & Legend */
.sc-section-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.sc-section-title{display:flex;align-items:center;gap:12px}
.sc-chart-icon{font-size:24px;line-height:1}
.sc-section-title h3{margin:0;font-size:17px;font-weight:750;color:var(--ink)}
.sc-section-title p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.sc-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;font-weight:600;color:var(--muted)}
.sc-legend-item{display:inline-flex;align-items:center;gap:6px}

/* 4. 8 Dimension Cards Grid */
.sc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1200px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.sc-grid{grid-template-columns:1fr}}

.sc-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.sc-card:hover{border-color:var(--gold,#dfb15b);box-shadow:0 4px 14px rgba(0,0,0,.06);transform:translateY(-1px)}
.sc-card-summary{padding:14px 16px;cursor:pointer;list-style:none;user-select:none;display:flex;flex-direction:column;gap:10px}
.sc-card-summary::-webkit-details-marker{display:none}
.sc-card-summary::marker{content:""}

.sc-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-card-title-group{display:flex;align-items:center;gap:10px;min-width:0}
.sc-card-icon-badge{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:19px}
.icon-authority{background:rgba(245,158,11,.12);color:#d97706}
.icon-wealth{background:rgba(16,185,129,.12);color:#059669}
.icon-recognition{background:rgba(249,115,22,.12);color:#ea580c}
.icon-career{background:rgba(245,158,11,.12);color:#d97706}
.icon-stability{background:rgba(20,184,166,.12);color:#0d9488}
.icon-yogas{background:rgba(16,185,129,.12);color:#059669}
.icon-health{background:rgba(245,158,11,.12);color:#d97706}
.icon-education{background:rgba(16,185,129,.12);color:#059669}

body.dark .icon-authority{background:rgba(245,158,11,.2);color:#fbbf24}
body.dark .icon-wealth{background:rgba(16,185,129,.2);color:#34d399}
body.dark .icon-recognition{background:rgba(249,115,22,.2);color:#fb923c}
body.dark .icon-career{background:rgba(245,158,11,.2);color:#fbbf24}
body.dark .icon-stability{background:rgba(20,184,166,.2);color:#2dd4bf}
body.dark .icon-yogas{background:rgba(16,185,129,.2);color:#34d399}
body.dark .icon-health{background:rgba(245,158,11,.2);color:#fbbf24}
body.dark .icon-education{background:rgba(16,185,129,.2);color:#34d399}

.sc-card-title{font-size:13.5px;font-weight:750;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-card-score-group{display:flex;align-items:center;gap:6px;flex-shrink:0}
.sc-card-score{font-size:13.5px;font-weight:800;white-space:nowrap}
.score-green{color:#10b981}
.score-amber{color:#d97706}
.score-red{color:#dc2626}
body.dark .score-green{color:#34d399}
body.dark .score-amber{color:#fbbf24}
body.dark .score-red{color:#f87171}

.sc-card-chevron{font-size:18px;color:var(--muted);transition:transform .2s ease}
.sc-card[open] .sc-card-chevron{transform:rotate(90deg)}

.sc-card-bar-wrap{width:100%;height:6px;border-radius:999px;background:var(--paper2);overflow:hidden}
body:not(.dark) .sc-card-bar-wrap{background:#e2e8f0}
.sc-card-bar-fill{height:100%;border-radius:999px;display:block}
.sc-card-bar-fill.bar-green{background:#10b981}
.sc-card-bar-fill.bar-amber{background:#f59e0b}
.sc-card-bar-fill.bar-red{background:#ef4444}

.sc-card-sub{font-size:11px;color:var(--muted);margin:0}

.sc-card-body{padding:14px 16px 18px;border-top:1px solid var(--line);background:var(--paper2);border-radius:0 0 12px 12px;font-size:12px;line-height:1.55}

/* 5. Bottom Accordions */
.sc-accordion-row{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.sc-accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;list-style:none;user-select:none}
.sc-accordion-summary::-webkit-details-marker{display:none}
.sc-accordion-summary::marker{content:""}
.sc-acc-left{display:flex;align-items:center;gap:12px}
.sc-acc-icon{font-size:20px;line-height:1}
.sc-acc-left strong{display:block;font-size:13.5px;font-weight:750;color:var(--ink)}
.sc-acc-left small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.sc-acc-arrow{font-size:18px;color:var(--muted);transition:transform .2s ease}
.sc-accordion-row[open] .sc-acc-arrow{transform:rotate(90deg)}
.sc-accordion-body{padding:14px 18px 16px;border-top:1px solid var(--line);background:var(--paper2);font-size:12px;line-height:1.6}

/* Transparency 2-column layout */
.sc-transparency-intro{margin:0 0 12px;font-size:12px;line-height:1.6;color:var(--muted)}
.sc-transparency-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:768px){.sc-transparency-grid{grid-template-columns:1fr}}
.sc-transparency-grid ul{margin:0;padding-left:18px}
.sc-transparency-grid li{margin-bottom:6px;color:var(--muted);font-size:11.5px;line-height:1.5}

/* Preserved legacy selectors for embedded table/rule components */
.hs-root{color:var(--ink);padding:0}
.hs-note{margin-top:16px;font-size:12px;line-height:1.6;border-left:3px solid var(--gold,#dfb15b);background:var(--paper);border-radius:12px;padding:14px 18px;border:1px solid var(--line)}
.hs-note ul{padding-left:20px}

/* v3 correlated circuits */
.hs-circuit{padding:12px;margin:12px 0;border:1px solid var(--line);border-left:4px solid #249c70;border-radius:10px;background:var(--paper2);font-size:12px}
.hs-unavailable{border-left-color:#8a99aa}
.hs-circuit-top{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.hs-tag{font-size:10px;color:#197e5a;font-weight:700}
.hs-unavailable .hs-tag{color:var(--muted)}
.hs-metrics{display:flex;gap:10px;flex-wrap:wrap}
.hs-metrics span{padding:5px 8px;background:var(--paper);border:1px solid var(--line-subtle,rgba(223,177,91,.15));border-radius:7px}
.hs-circuit details{margin:9px 0}
.hs-circuit summary{cursor:pointer;color:var(--ink);font-weight:600}
.hs-circuit-summary>p{color:var(--muted)}
.hs-scored .hs-evidence.hs-positive{background:#e0f6e9;color:#14633e;border-left:3px solid #249c70;padding:5px 8px;border-radius:4px}
.hs-circuit li{overflow-wrap:anywhere}

.hs-settings{margin:14px 0;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.hs-settings>summary{cursor:pointer;font-weight:750;color:var(--ink)}
.hs-settings p{font-size:12px;line-height:1.6;color:var(--muted)}
.hs-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px}
.hs-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px}
.hs-controls input{width:100%;accent-color:var(--gold,#dfb15b)}
.hs-settings button{padding:8px 12px;border-radius:7px;cursor:pointer;background:var(--paper2);color:var(--ink);border:1px solid var(--line)}
.hs-settings button:hover{border-color:var(--gold);color:var(--gold2)}
.hs-circuit.hs-scored{border-left-color:var(--line)}
.hs-circuit.hs-scored:has(.hs-bar i[style*="19996d"]){border-left-color:#19996d}

/* v3.3 editable rule manager */
.hs-rule-manager{display:grid;gap:9px;margin:12px 0}
.hs-rule-row{display:grid;grid-template-columns:auto minmax(110px,1fr) repeat(4,minmax(100px,1fr)) minmax(85px,110px) auto;gap:8px;align-items:center;padding:10px;background:var(--paper2);border:1px solid var(--line);border-radius:10px}
.hs-rule-row select,.hs-rule-row input[type=number],.hs-rule-row input[type=text]{width:100%;min-width:0;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}
.hs-rule-row label{font-size:12px;color:var(--muted)}
.hs-rule-name{font-size:13px;font-weight:600;color:var(--ink)}
.hs-rule-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.hs-rule-actions button,.hs-rule-row button{cursor:pointer;padding:7px 10px;border-radius:7px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.hs-rule-actions button:hover,.hs-rule-row button:hover{border-color:var(--gold);color:var(--gold2)}
.hs-rule-audit{padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:9px;background:var(--paper2)}
.hs-rule-audit li{margin:5px 0;overflow-wrap:anywhere}
.hs-settings{max-width:100%;overflow:hidden}
.hs-settings .hs-controls input[type=number]{width:80px}
.hs-settings label{display:inline-flex;align-items:center;gap:8px;margin:4px 8px 4px 0}
@media(max-width:1250px){.hs-rule-row{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-rule-name{grid-column:1/-1}}

.hs-d1-table{width:100%;border-collapse:collapse;font-size:0.88rem}
.hs-d1-table th,.hs-d1-table td{padding:8px;text-align:left;border-bottom:1px solid var(--line-subtle,rgba(139,160,184,.15));vertical-align:top}
.hs-d1-table th{background:var(--paper2);color:var(--gold2,#f7d88d)}
.hs-incomplete{color:#ef4444;font-weight:700;padding:8px;background:rgba(239,68,68,.1);border-radius:6px}
.hs-rule-row input[data-hs-rule-target]{width:85px}

.hs-point-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0}
.hs-point-grid label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper2);color:var(--ink)}
.hs-point-grid input{max-width:75px;background:var(--paper);border:1px solid var(--line);color:var(--ink);padding:4px 6px;border-radius:6px}
.hs-point-settings{margin-bottom:12px}

/* v4.4: single circuit heading and compact native accordion */
.hs-circuit > summary{align-items:center;list-style:none;flex-wrap:wrap;min-height:32px}
.hs-circuit > summary::-webkit-details-marker{display:none}
.hs-circuit > summary::marker{content:""}
.hs-circuit > summary strong{min-width:0;overflow-wrap:anywhere}
.hs-circuit > summary .hs-tag{white-space:normal;text-align:right}
.hs-circuit:not([open]) .hs-circuit-body{display:none}
.hs-circuit[open] .hs-circuit-body{padding-top:10px}
.hs-circuit .hs-open-label{display:none}
.hs-circuit[open] .hs-open-label{display:inline}
.hs-circuit[open] .hs-closed-label{display:none}
.hs-circuit > summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* v4.5: independent compact Varga accordions, consistent single-line header */
.hs-circuit-summary > .hs-circuit{display:block;margin:9px 0;padding:10px 12px;clear:both}
.hs-circuit > summary.hs-circuit-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;min-height:32px;line-height:1.35}
.hs-circuit > summary.hs-circuit-header > strong{flex:1 1 auto;min-width:0}
.hs-circuit > summary.hs-circuit-header > .hs-tag{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;white-space:nowrap;text-align:right;font-size:10px}
.hs-circuit > summary.hs-circuit-header .hs-toggle-hint{display:inline-block;font-size:11px;color:var(--gold2,#dfb15b)}
.hs-circuit:not([open]) > .hs-circuit-body{display:none}
.hs-circuit[open] > .hs-circuit-body{padding-top:8px}
.hs-circuit .hs-metrics{gap:6px}
.hs-circuit .hs-metrics span{padding:4px 7px}
@media(max-width:420px){.hs-circuit > summary.hs-circuit-header{gap:6px}.hs-circuit > summary.hs-circuit-header > .hs-tag{font-size:9px;gap:4px}.hs-circuit > summary.hs-circuit-header > strong{font-size:12px}}

/* Tints for .sc-card */
.sc-card:has(> .sc-card-summary .score-green){border-color:rgba(16,185,129,.35)}
.sc-card:has(> .sc-card-summary .score-amber){border-color:rgba(245,158,11,.35)}
.sc-card:has(> .sc-card-summary .score-red){border-color:rgba(239,68,68,.35)}

body:not(.dark) .sc-card:has(> .sc-card-summary .score-green):hover{border-color:#10b981;box-shadow:0 4px 14px rgba(16,185,129,.12)}
body:not(.dark) .sc-card:has(> .sc-card-summary .score-amber):hover{border-color:#f59e0b;box-shadow:0 4px 14px rgba(245,158,11,.12)}
body:not(.dark) .sc-card:has(> .sc-card-summary .score-red):hover{border-color:#ef4444;box-shadow:0 4px 14px rgba(239,68,68,.12)}

body.dark .sc-card:has(> .sc-card-summary .score-green){border-color:rgba(52,211,153,.35)}
body.dark .sc-card:has(> .sc-card-summary .score-amber){border-color:rgba(251,191,36,.35)}
body.dark .sc-card:has(> .sc-card-summary .score-red){border-color:rgba(248,113,113,.35)}

/* Light score tint for domain cards. The rendered score bar selects the
   colour, keeping the visual state aligned with the actual calculation. */
.hs-dimension:has(> .hs-bar i[style*="#19996d"]){background:#eefaf4;border-color:#a8dfc3}
.hs-dimension:has(> .hs-bar i[style*="#db9b26"]){background:#fff9eb;border-color:#f0d899}
.hs-dimension:has(> .hs-bar i[style*="#c95159"]){background:#fff2f3;border-color:#efbac0}

.hs-dimension:has(> .hs-bar i[style*="#19996d"]) summary b{color:#188b66}
.hs-dimension:has(> .hs-bar i[style*="#db9b26"]) summary b{color:#b47a16}
.hs-dimension:has(> .hs-bar i[style*="#c95159"]) summary b{color:#c95159}

/* Dark mode theme support: vibrant translucent tints preserving color identification */
body.dark .hs-dimension:has(> .hs-bar i[style*="#19996d"]){background:rgba(25,153,109,.15);border-color:#19996d;color:var(--ink)}
body.dark .hs-dimension:has(> .hs-bar i[style*="#db9b26"]){background:rgba(219,155,38,.15);border-color:#db9b26;color:var(--ink)}
body.dark .hs-dimension:has(> .hs-bar i[style*="#c95159"]){background:rgba(201,81,89,.15);border-color:#c95159;color:var(--ink)}
body.dark .hs-dimension:has(> .hs-bar i[style*="#19996d"]) summary b{color:#34d399}
body.dark .hs-dimension:has(> .hs-bar i[style*="#db9b26"]) summary b{color:#fbbf24}
body.dark .hs-dimension:has(> .hs-bar i[style*="#c95159"]) summary b{color:#f87171}
body.dark .hs-positive{color:#34d399;border-left-color:#10b981;background:rgba(16,185,129,.12)}
body.dark .hs-scored .hs-evidence.hs-positive{background:rgba(16,185,129,.15);color:#34d399;border-left:3px solid #10b981}
body.dark .hs-tag{color:#34d399}

/* ==========================================================================
   Advance Yoga & Classical Rule Analysis Dashboard (matches reference UI)
   ========================================================================== */
.ay-root{color:var(--ink);padding:4px 0 28px;display:flex;flex-direction:column;gap:16px}

/* 1. Header Banner */
.ay-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.03)}
.ay-header-main{display:flex;align-items:center;gap:14px}
.ay-header-icon{font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(59,130,246,.1);color:#2563eb}
body.dark .ay-header-icon{background:rgba(223,177,91,.15);color:var(--gold2)}
.ay-header h2{margin:0 0 4px;font-size:20px;font-weight:750;color:var(--ink);letter-spacing:-0.2px}
.ay-header p{margin:0;font-size:12.5px;color:var(--muted)}
.ay-config-btn{display:inline-flex;align-items:center;gap:12px;padding:9px 16px;background:var(--paper2);border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--ink);transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.ay-config-btn:hover{border-color:var(--gold,#dfb15b);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.ay-config-icon{font-size:18px;color:var(--gold,#dfb15b)}
.ay-config-text{display:flex;flex-direction:column;text-align:left}
.ay-config-text strong{font-size:12px;color:var(--ink)}
.ay-config-text small{font-size:10px;color:var(--muted)}
.ay-chevron{font-size:18px;color:var(--muted);margin-left:4px}

/* 2. Hero Section (3 Cards) */
.ay-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:980px){.ay-hero-grid{grid-template-columns:1fr}}
.ay-hero-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;box-shadow:0 3px 14px rgba(0,0,0,.03)}
.ay-hero-top{display:flex;align-items:flex-start;gap:14px}
.ay-hero-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ay-hero-icon-wrap.icon-blue{background:rgba(59,130,246,.12);color:#2563eb}
.ay-hero-icon-wrap.icon-green{background:rgba(16,185,129,.12);color:#10b981}
body.dark .ay-hero-icon-wrap.icon-blue{background:rgba(96,165,250,.18);color:#93c5fd}
body.dark .ay-hero-icon-wrap.icon-green{background:rgba(16,185,129,.18);color:#34d399}
.ay-svg{width:22px;height:22px}
.ay-lotus-glyph{font-size:24px}
.ay-hero-label{font-size:13px;font-weight:600;color:var(--muted)}
.ay-hero-val{font-size:32px;font-weight:800;line-height:1.1;color:var(--ink);margin:2px 0}
.ay-hero-sub{font-size:11px;color:var(--muted)}

/* Segmented progress bar */
.ay-segment-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--paper2);gap:2px}
.ay-seg-detected{background:#10b981;border-radius:999px 0 0 999px}
.ay-seg-partial{background:#f59e0b}
.ay-seg-unavailable{background:#8ba0b8;border-radius:0 999px 999px 0}
.ay-segment-legend{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.ay-segment-legend span{display:inline-flex;align-items:center;gap:5px}
.dot-green{width:8px;height:8px;border-radius:50%;background:#10b981}
.dot-amber{width:8px;height:8px;border-radius:50%;background:#f59e0b}
.dot-gray{width:8px;height:8px;border-radius:50%;background:#8ba0b8}

/* Hero Card 2: Pills */
.ay-pills-row{display:flex;gap:8px;flex-wrap:wrap}
.ay-pill{font-size:11px;font-weight:600;padding:6px 10px;border-radius:8px;display:inline-flex;align-items:center;gap:5px}
.pill-raja{background:rgba(244,114,182,.12);color:#db2777;border:1px solid rgba(244,114,182,.25)}
.pill-mahapurusha{background:rgba(59,130,246,.12);color:#2563eb;border:1px solid rgba(59,130,246,.25)}
.pill-other{background:var(--paper2);color:var(--muted);border:1px solid var(--line)}
body.dark .pill-raja{color:#f472b6}
body.dark .pill-mahapurusha{color:#60a5fa}

/* Hero Card 3: Timing */
.ay-hero-timing{gap:10px}
.ay-timing-top{display:flex;align-items:center;gap:12px}
.ay-planet-avatar{font-size:28px;line-height:1}
.ay-timing-names{flex:1}
.ay-timing-dasha{font-size:18px;font-weight:750;color:var(--ink)}
.ay-activation-badge{font-size:11px;font-weight:700;color:#059669;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);padding:4px 9px;border-radius:999px;white-space:nowrap}
body.dark .ay-activation-badge{color:#34d399}
.ay-timing-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;padding:8px 10px;background:var(--paper2);border-radius:8px;border:1px solid var(--line)}
.ay-timing-subgrid small{color:var(--muted);display:block;margin-bottom:2px}
.ay-timing-subgrid b{color:var(--ink);font-size:13px}
.ay-timing-insight{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;padding:8px 10px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.22);border-radius:8px;color:var(--ink)}
.ay-bulb{font-size:15px;line-height:1;flex-shrink:0}
.ay-timing-insight p{margin:0}

/* 3. Section Header & Category Filters */
.ay-section-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.ay-section-title{display:flex;align-items:center;gap:10px}
.ay-stack-icon{font-size:24px;line-height:1}
.ay-section-title h3{margin:0;font-size:17px;font-weight:750;color:var(--ink)}
.ay-section-title p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.ay-filter-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ay-filter-pills{display:flex;gap:6px;flex-wrap:wrap}
.ay-filter-pill{font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;transition:all .18s ease}
.ay-filter-pill:hover{color:var(--ink);border-color:var(--gold,#dfb15b)}
.ay-filter-pill.active{background:#2563eb;color:#ffffff;border-color:#2563eb;font-weight:700;box-shadow:0 2px 8px rgba(37,99,235,.35)}
body.dark .ay-filter-pill.active{background:linear-gradient(135deg,var(--gold2,#f7d88d),var(--gold,#dfb15b));color:#101c33;border-color:var(--gold);box-shadow:0 2px 8px rgba(223,177,91,.35)}
.ay-search-wrap{position:relative;display:flex;align-items:center}
.ay-search-icon{position:absolute;left:10px;font-size:13px;color:var(--muted);pointer-events:none}
.ay-search-input{padding:6px 12px 6px 30px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:12px;min-width:190px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.ay-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
body.dark .ay-search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(223,177,91,.2)}

/* 4. Rule Cards Grid */
.ay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:780px){.ay-grid{grid-template-columns:1fr}}
.ay-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;border-left:4px solid #10b981;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.ay-card-jaimini-priority-house{background:#dcfce7;border-color:#86efac;border-left-color:#22c55e}
.ay-card-jaimini-priority-house:hover{background:#d1fae5;border-color:#4ade80;box-shadow:0 4px 16px rgba(34,197,94,.18)}
.ay-card-jaimini-priority-house .ay-card-body{background:#dcfce7;border-top-color:#bbf7d0}
body.dark .ay-card-jaimini-priority-house{background:rgba(34,197,94,.16);border-color:rgba(74,222,128,.5);border-left-color:#4ade80}
body.dark .ay-card-jaimini-priority-house .ay-card-body{background:rgba(20,83,45,.22);border-top-color:rgba(74,222,128,.3)}
.ay-card:hover{border-color:#10b981;box-shadow:0 4px 14px rgba(16,185,129,.12);transform:translateY(-1px)}
.ay-card-partial{border-left-color:#f59e0b}
.ay-card-partial:hover{border-color:#f59e0b;box-shadow:0 4px 14px rgba(245,158,11,.12)}
.ay-card-unavailable{border-left-color:#8ba0b8}
.ay-card-unavailable:hover{border-color:#8ba0b8}

.ay-card-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;user-select:none}
.ay-card-summary::-webkit-details-marker{display:none}
.ay-card-summary::marker{content:""}

.ay-card-left{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ay-card-num{font-size:13px;font-weight:750;color:#10b981;min-width:20px}
.ay-card-partial .ay-card-num{color:#f59e0b}
.ay-card-unavailable .ay-card-num{color:#8ba0b8}
.ay-card-icon{font-size:22px;line-height:1}

.ay-card-content{flex:1;min-width:0}
.ay-card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ay-card-title{font-size:13.5px;font-weight:700;color:var(--ink)}
.ay-cat-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;white-space:nowrap}
.cat-classical{background:rgba(59,130,246,.12);color:#2563eb}
.cat-dhana{background:rgba(16,185,129,.12);color:#059669}
.cat-special{background:rgba(168,85,247,.12);color:#7e22ce}
.cat-jaimini{background:rgba(244,63,94,.12);color:#e11d48}
.cat-varga{background:rgba(6,182,212,.12);color:#0891b2}
.cat-prosperity{background:rgba(16,185,129,.12);color:#059669}
.cat-authority{background:rgba(236,72,153,.12);color:#db2777}
.cat-raja{background:rgba(244,114,182,.14);color:#db2777}
.cat-strength{background:rgba(245,158,11,.12);color:#d97706}
.cat-miserable{background:rgba(239,68,68,.14);color:#dc2626;border:1px solid rgba(239,68,68,.3)}

body.dark .cat-classical{color:#60a5fa}
body.dark .cat-dhana{color:#34d399}
body.dark .cat-special{color:#c084fc}
body.dark .cat-jaimini{color:#fb7185}
body.dark .cat-varga{color:#38bdf8}
body.dark .cat-prosperity{color:#34d399}
body.dark .cat-authority{color:#f472b6}
body.dark .cat-raja{color:#f472b6}
body.dark .cat-strength{color:#fbbf24}
body.dark .cat-miserable{color:#f87171;background:rgba(239,68,68,.22)}

/* Miserable Yoga Dark Red Alert Styling (D1, D9, D10) */
.ay-card-miserable-darkred{border-left:6px solid #991b1b !important;background:rgba(153,27,27,.06) !important;border-color:rgba(153,27,27,.45) !important}
.ay-card-miserable-darkred:hover{border-color:#7f1d1d !important;box-shadow:0 4px 16px rgba(153,27,27,.25) !important}
.ay-card-miserable-darkred .ay-card-num{color:#991b1b !important}
.ay-card-miserable-darkred .ay-card-title{color:#991b1b !important}
body.dark .ay-card-miserable-darkred .ay-card-title{color:#f87171 !important}
.cat-miserable-darkred{background:rgba(153,27,27,.16) !important;color:#991b1b !important;border:1px solid rgba(153,27,27,.4) !important}
body.dark .cat-miserable-darkred{color:#fca5a5 !important;background:rgba(153,27,27,.28) !important}
.status-miserable-darkred{background:#991b1b !important;color:#ffffff !important;border:1px solid #7f1d1d !important;font-weight:800 !important}
body.dark .status-miserable-darkred{background:#b91c1c !important;color:#ffffff !important}
.ay-card-miserable-darkred .ay-card-body{border-top-color:rgba(153,27,27,.28) !important;background:rgba(153,27,27,.04) !important}

/* Miserable Yoga Orange Alert Styling (Other Vargas) */
.ay-card-miserable-orange{border-left:6px solid #ea580c !important;background:rgba(234,88,12,.05) !important;border-color:rgba(234,88,12,.4) !important}
.ay-card-miserable-orange:hover{border-color:#ea580c !important;box-shadow:0 4px 16px rgba(234,88,12,.22) !important}
.ay-card-miserable-orange .ay-card-num{color:#ea580c !important}
.ay-card-miserable-orange .ay-card-title{color:#c2410c !important}
body.dark .ay-card-miserable-orange .ay-card-title{color:#fb923c !important}
.cat-miserable-orange{background:rgba(234,88,12,.14) !important;color:#c2410c !important;border:1px solid rgba(234,88,12,.35) !important}
body.dark .cat-miserable-orange{color:#fdba74 !important;background:rgba(234,88,12,.25) !important}
.status-miserable-orange{background:#ea580c !important;color:#ffffff !important;border:1px solid #c2410c !important;font-weight:800 !important}
body.dark .status-miserable-orange{background:#f97316 !important;color:#ffffff !important}
.ay-card-miserable-orange .ay-card-body{border-top-color:rgba(234,88,12,.25) !important;background:rgba(234,88,12,.03) !important}
.ay-card-miserable-darkred .ay-card-title-row,.ay-card-miserable-orange .ay-card-title-row{flex-wrap:nowrap}
.ay-card-miserable-darkred .ay-card-title,.ay-card-miserable-orange .ay-card-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ay-card-miserable-darkred .ay-cat-badge,.ay-card-miserable-orange .ay-cat-badge{flex:0 0 auto}

.ay-card-subtitle{font-size:11px;color:var(--muted);margin:3px 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ay-card-planets{display:flex;gap:4px;flex-wrap:wrap}
.ay-planet-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;line-height:1.3}
.planet-sun{background:rgba(254,13,22,.12);color:#fe0d16}
.planet-moon{background:rgba(7,7,6,.08);color:#070706}
.planet-mars{background:rgba(254,13,22,.12);color:#fe0d16}
.planet-mercury{background:rgba(0,127,0,.12);color:#007f00}
.planet-jupiter{background:rgba(254,117,0,.12);color:#fe7500}
.planet-venus{background:rgba(254,0,254,.12);color:#fe00fe}
.planet-saturn{background:rgba(7,6,254,.12);color:#0706fe}
.planet-rahu{background:rgba(62,94,143,.12);color:#3e5e8f}
.planet-ketu{background:rgba(100,43,43,.12);color:#642b2b}

body.dark .planet-sun{background:rgba(254,13,22,.2);color:#ff4d4d}
body.dark .planet-moon{background:rgba(248,250,252,.15);color:#f8fafc}
body.dark .planet-mars{background:rgba(254,13,22,.2);color:#ff4d4d}
body.dark .planet-mercury{background:rgba(0,127,0,.22);color:#22c55e}
body.dark .planet-jupiter{background:rgba(254,117,0,.2);color:#ff9436}
body.dark .planet-venus{background:rgba(254,0,254,.2);color:#ff66ff}
body.dark .planet-saturn{background:rgba(7,6,254,.2);color:#6665ff}
body.dark .planet-rahu{background:rgba(62,94,143,.25);color:#8daed8}
body.dark .planet-ketu{background:rgba(100,43,43,.25);color:#c97979}

.ay-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.ay-status-badge{font-size:10.5px;font-weight:750;padding:4px 10px;border-radius:999px;letter-spacing:0.2px;white-space:nowrap}
.status-detected{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.3)}
.status-partial{background:rgba(245,158,11,.12);color:#d97706;border:1px solid rgba(245,158,11,.3)}
.status-unavailable{background:rgba(148,163,184,.12);color:#64748b;border:1px solid rgba(148,163,184,.3)}
body.dark .status-detected{color:#34d399}
body.dark .status-partial{color:#fbbf24}
body.dark .status-unavailable{color:#94a3b8}

.ay-expand-arrow{font-size:18px;color:var(--muted);transition:transform .2s ease}
.ay-card[open] .ay-expand-arrow{transform:rotate(90deg)}

.ay-card-body{padding:12px 14px 14px;border-top:1px solid var(--line);font-size:12px;line-height:1.55;background:var(--paper2);border-radius:0 0 10px 10px}
.ay-interpretation{margin:0 0 8px;color:var(--ink)}
.ay-evidence-list{margin:8px 0}
.ay-evidence-list ul{margin:4px 0 0;padding-left:20px}
.ay-evidence-list li{margin:3px 0;color:var(--muted)}
.ay-activation{margin:8px 0 0;font-size:11.5px;color:var(--gold2,#b47a24)}

/* 5. Bottom Accordions */
.ay-accordion-row{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.ay-accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;list-style:none;user-select:none}
.ay-accordion-summary::-webkit-details-marker{display:none}
.ay-accordion-summary::marker{content:""}

.ay-acc-left{display:flex;align-items:center;gap:12px}
.ay-acc-icon{font-size:20px;line-height:1}
.ay-acc-left strong{display:block;font-size:14px;color:var(--ink)}
.ay-acc-left small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.ay-acc-right{display:flex;align-items:center;gap:8px}
.ay-acc-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--paper2);border:1px solid var(--line);color:var(--muted)}
.ay-acc-arrow{font-size:18px;color:var(--muted);transition:transform .2s ease}
.ay-accordion-row[open] .ay-acc-arrow{transform:rotate(90deg)}
.ay-accordion-body{padding:14px 18px;border-top:1px solid var(--line);background:var(--paper2)}

/* 6. Classical Fructification Card */
.ay-fructification-card{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--gold,#dfb15b);border-radius:12px;padding:16px 18px;font-size:12px;line-height:1.6;box-shadow:0 2px 8px rgba(0,0,0,.02)}
.ay-fruc-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13.5px;color:var(--ink)}
.ay-fruc-icon{color:var(--gold,#dfb15b);font-size:16px}
.ay-fructification-card p{margin:0;color:var(--muted)}