/* ==========================================================================
   sector-rotation.css — the "Sectors" tab (pairs with sector-rotation.js). Midnight/gold premium look; reuses .sui-hero/.sui-tabs from strategies-ui.css.
   Remove the <link>/<script> and the nav/view markup to revert.
   ========================================================================== */
#view-sector{padding:0 22px 40px}
#view-sector .sr-hero{margin-top:var(--space-5)}
#view-sector .sui-tabs-wrap{max-width:1400px}
#sr-body{max-width:1400px;margin:0 auto}
#sr-body .empty{padding:34px 22px;text-align:center;color:var(--muted)}

.sr-card{margin:0 0 16px;border:1px solid var(--line);border-top:3px solid #b8892b;border-radius:16px;background:var(--panel);box-shadow:var(--sh-1);padding:0 0 16px}
.sr-ch{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding:16px 22px 8px}
.sr-ch h3{margin:0;font-size:17px;font-weight:750;letter-spacing:-.015em;color:var(--ink)}
.sr-ch>span{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.sr-card>*:not(.sr-ch){margin-left:22px;margin-right:22px}
.sr-lead{margin:4px 22px 12px;font-size:13.5px;line-height:1.65;color:var(--ink);max-width:110ch}
.sr-fine{margin:10px 22px 0;font-size:11.5px;line-height:1.6;color:var(--muted)}
.sr-h4,.sr-card h4{margin:14px 0 6px;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:#8a6516;display:flex;align-items:center;gap:8px}
.sr-card h4 em{font-style:normal;text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:700;padding:1px 9px;border-radius:999px;background:color-mix(in srgb,#b8892b 14%,transparent);color:color-mix(in srgb,#b8892b 70%,var(--ink));border:1px solid color-mix(in srgb,#b8892b 30%,transparent)}
.sr-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:6px 28px}
.sr-disc{max-width:1400px;margin:6px auto 0;padding:12px 16px;font-size:12px;line-height:1.6;color:var(--muted);border:1px solid color-mix(in srgb,#b8892b 35%,var(--line));border-left:3px solid #b8892b;border-radius:10px;background:color-mix(in srgb,#b8892b 7%,var(--panel))}
.sr-disc.inner{margin:14px 22px 0}
.up{color:var(--up)}.down{color:var(--down)}

/* regime + checks */
.sr-checks{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.sr-checks li{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.sr-checks li i{font-style:normal;font-size:12px}
.sr-checks li b{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}
.sr-checks li.on{background:color-mix(in srgb,var(--down) 8%,var(--panel));border-color:color-mix(in srgb,var(--down) 35%,var(--line));color:var(--ink)}
.sr-checks li.on i{color:var(--down)}
.sr-checks.relief li.on{background:color-mix(in srgb,var(--up) 9%,var(--panel));border-color:color-mix(in srgb,var(--up) 38%,var(--line))}
.sr-checks.relief li.on i{color:var(--up)}

/* macro tiles */
.sr-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:6px 0 0}
.sr-tile{position:relative;overflow:hidden;padding:13px 15px 12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,#b8892b 5%,var(--panel)),var(--panel));box-shadow:var(--sh-1)}
.sr-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#b8892b}
.sr-tile header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sr-tile header span{font-size:10.5px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sr-tile header em{font-style:normal;font-size:10px;color:var(--muted)}
.sr-tile b{display:block;margin:4px 0 2px;font-size:24px;font-weight:750;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.sr-chg{display:flex;gap:10px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.sr-spark{display:block;margin:6px 0 4px;max-width:100%}
.sr-tile p{margin:0;font-size:10.8px;line-height:1.5;color:var(--muted)}

/* research view */
.sr-focus{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin:2px 22px 4px}
.sr-focus span{font-size:10.5px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.sr-focus b{font-size:16px;color:var(--ink)}
.sr-focus em{font-style:normal;font-size:12.5px;color:var(--muted)}
.sr-ev,.sr-live,.sr-cat,.sr-risk,.sr-alt{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.sr-ev li{padding:9px 12px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);border-left:3px solid #b8892b}
.sr-ev li b{display:block;font-size:12.8px;color:var(--ink);line-height:1.45}
.sr-ev li small,.sr-live li small,.sr-cat small{display:block;margin-top:2px;font-size:11.5px;line-height:1.5;color:var(--muted)}
.sr-live li{display:grid;grid-template-columns:20px 1fr;gap:8px;padding:8px 10px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);font-size:12.5px}
.sr-live li i{font-style:normal;font-weight:800;color:var(--muted)}
.sr-live li.met{border-color:color-mix(in srgb,var(--up) 40%,var(--line));background:color-mix(in srgb,var(--up) 7%,var(--panel))}.sr-live li.met i{color:var(--up)}
.sr-live li.ok i{color:var(--up)}
.sr-live li.bad{border-color:color-mix(in srgb,var(--down) 50%,var(--line));background:color-mix(in srgb,var(--down) 10%,var(--panel))}.sr-live li.bad i{color:var(--down)}
.sr-cat li{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:8px 10px;border-radius:10px;background:var(--panel2);border:1px solid var(--line)}
.sr-cat time{font-weight:750;font-size:13px;color:#8a6516;font-variant-numeric:tabular-nums}.sr-cat time small{margin:0;font-weight:600}
.sr-risk li,.sr-alt li{position:relative;padding:0 0 0 14px;font-size:12.5px;line-height:1.55;color:var(--ink)}
.sr-risk li::before,.sr-alt li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#b8892b}
.sr-alt li time{font-weight:700;color:var(--muted);margin-right:4px}.sr-alt li em{font-style:normal;color:var(--muted);font-size:11px}
.sr-more{margin:12px 22px 0;border:1px solid var(--line);border-radius:10px;padding:8px 14px;background:var(--panel2)}
.sr-more summary{cursor:pointer;font-size:12.5px;font-weight:700;color:#8a6516}
.sr-more[open] summary{margin-bottom:8px}
.sr-mini{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;font-variant-numeric:tabular-nums}
.sr-mini th{background:linear-gradient(180deg,#101e44,#0b1630);color:#aab6d0;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;padding:9px 10px;text-align:left;border-bottom:2px solid #b8892b}
.sr-mini td{padding:9px 10px;border-bottom:1px solid color-mix(in srgb,#b8892b 16%,transparent);vertical-align:top}
.sr-mini tr.now td{background:color-mix(in srgb,#b8892b 12%,var(--panel));font-weight:700}
.sr-mini2{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sr-mini2 li{display:flex;justify-content:space-between;padding:6px 10px;border-radius:8px;background:var(--panel2);font-size:12.5px;font-variant-numeric:tabular-nums}
.sr-quads{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.sr-quad{padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line));background:color-mix(in srgb,var(--c) 8%,var(--panel))}
.sr-quad h5{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c)}
.sr-quad p{margin:0;font-size:12px;line-height:1.5;color:var(--ink)}

/* chips, pills */
.sr-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 22px 12px}
.sr-chips.inline{margin:0 0 0 auto}
.sr-chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s}
.sr-chip:hover{color:var(--ink);border-color:#b8892b}
.sr-chip.on{color:#fff;background:linear-gradient(135deg,#16264f,#0b1630);border-color:#b8892b}
.sr-chk{font-size:12px;color:var(--muted);display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.sr-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.05em;color:#fff;background:var(--c)}
.sr-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 22px 12px}

/* sector table */
.sr-tw{overflow:auto;margin:0 22px;border:1px solid rgba(184,137,43,.32);border-radius:14px}
.sr-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;font-variant-numeric:tabular-nums lining-nums}
.sr-tbl th{position:sticky;top:0;background:linear-gradient(180deg,#101e44,#0b1630);color:#aab6d0;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;padding:12px 10px;text-align:left;border-bottom:2px solid #b8892b;white-space:nowrap}
.sr-tbl th.r,.sr-tbl td.r{text-align:right}.sr-tbl th.c,.sr-tbl td.c{text-align:center}
.sr-tbl th.sr-s{cursor:pointer}.sr-tbl th.sr-s:hover{color:#fff}
.sr-tbl th.asc::after{content:" ▲";color:#e6cb85}.sr-tbl th.desc::after{content:" ▼";color:#e6cb85}
.sr-tbl td{padding:11px 10px;border-bottom:1px solid color-mix(in srgb,#b8892b 16%,transparent);background:var(--panel);white-space:nowrap;vertical-align:middle}
.sr-tbl tbody tr:hover td{background:#fcf7ea}
:root[data-theme="dark"] .sr-tbl tbody tr:hover td{background:rgba(230,203,133,.07)}
.sr-nm b{display:block;font-size:13.5px;color:var(--ink)}.sr-nm small{display:block;font-size:10.5px;color:var(--muted)}
.sr-dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--muted)}.sr-dot.on{background:var(--up);border-color:var(--up)}
.sr-pct{display:inline-block;width:46px;height:5px;border-radius:99px;background:var(--chip);vertical-align:middle;margin-right:6px;overflow:hidden}
.sr-pct i{display:block;height:100%;border-radius:99px;background:#b8892b}
.pc b{font-size:11px;color:var(--muted);font-weight:700}

/* rotation map */
.sr-rrg{margin:0 22px}
.sr-rrg svg{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.sr-qt{font-size:11px;font-weight:800;letter-spacing:.12em;text-anchor:start}
.sr-qt[x]{}
.sr-ax{stroke:#8a99ad;stroke-width:1;stroke-dasharray:4 4}
.sr-pl{font-size:11.5px;font-weight:650;fill:var(--ink)}
.sr-at{font-size:10.5px;fill:var(--muted)}
.sr-pt{cursor:pointer}.sr-pt:hover circle{r:9}
.sr-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 22px 0;font-size:12px;color:var(--muted)}
.sr-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.sr-legend b{color:var(--ink)}

/* scenario / scorecard labs */
.sr-lab{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:10px 28px;margin:0 22px}
.sr-lab>*{margin-left:0!important;margin-right:0!important}
.sr-sliders{display:grid;gap:12px;align-content:start}
.sr-sl{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:12px;color:var(--muted)}
.sr-sl span{grid-column:1}.sr-sl b{grid-column:2;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:750}
.sr-sl input[type=range]{grid-column:1/3;width:100%;accent-color:#b8892b}
.sr-out{min-width:0}
.sr-bar{display:grid;grid-template-columns:140px 1fr 62px;gap:10px;align-items:center;padding:3px 0;font-size:12.5px}
.sr-out.wide .sr-bar{grid-template-columns:140px 1fr 70px 70px}
.sr-bar span{color:var(--ink);font-weight:600}.sr-bar b{text-align:right;font-variant-numeric:tabular-nums}.sr-bar small{color:var(--muted);font-size:11px}
.sr-track{position:relative;height:12px;border-radius:99px;background:var(--chip)}
.sr-track::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--muted);opacity:.6}
.sr-track i{position:absolute;top:0;bottom:0;border-radius:99px}.sr-track i.pos{background:linear-gradient(90deg,#17884f,#10a86b)}.sr-track i.neg{background:linear-gradient(270deg,#c0392b,#dc5a52)}
.sr-sc{border:1px solid var(--line);border-radius:12px;margin:0 0 6px;background:var(--panel2)}
.sr-sc summary{display:grid;grid-template-columns:26px 150px 1fr 44px;gap:10px;align-items:center;padding:9px 12px;cursor:pointer;list-style:none}
.sr-sc summary::-webkit-details-marker{display:none}
.sr-sc summary em{font-style:normal;font-weight:800;color:#8a6516}
.sr-sc summary span{font-weight:700;color:var(--ink)}
.sr-sc summary b{text-align:right;font-variant-numeric:tabular-nums}
.sr-stack{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--chip)}.sr-stack i{display:block;height:100%}
.sr-sc p{margin:0 12px 8px;font-size:12px}
.sr-sq{display:inline-flex;align-items:center;gap:5px;margin:0 12px 4px 0;color:var(--muted)}.sr-sq i{width:9px;height:9px;border-radius:2px}.sr-sq b{color:var(--ink)}

@media(max-width:900px){
  #view-sector{padding:0 12px 32px}
  .sr-lab{grid-template-columns:1fr}
  .sr-bar,.sr-out.wide .sr-bar{grid-template-columns:100px 1fr 54px}.sr-out.wide .sr-bar small{display:none}
  .sr-sc summary{grid-template-columns:22px 110px 1fr 38px}
  .sr-card>*:not(.sr-ch){margin-left:14px;margin-right:14px}.sr-ch{padding:14px 14px 6px}.sr-lead,.sr-fine,.sr-more,.sr-chips,.sr-presets,.sr-tw,.sr-rrg,.sr-legend,.sr-focus,.sr-lab{margin-left:14px;margin-right:14px}
}

.sr-xs{overflow-x:auto;margin:0 22px;border-radius:12px}.sr-more .sr-xs{margin:0}.sr-xs .sr-mini{min-width:640px}
@media(max-width:900px){.sr-xs{margin:0 14px}}