/* Escuro é o padrão (estilo Orca/Revert); claro só pelo botão de tema. */
:root {
  color-scheme:dark;
  --bg:#0b0d12; --surface:#12151c; --surface-2:#181c25; --border:#232937; --text:#e8ebf2; --muted:#8a92a6;
  --accent:#8b9dff; --accent-bg:#1b2140; --pos:#34d399; --pos-bg:#0f2a20; --neg:#f87171; --neg-bg:#341818;
  --warn:#fbbf24; --warn-bg:#2f2610; --range:#34d399; --star:#f5b83d; --shadow:none;
}
:root[data-theme="light"] {
  color-scheme:light;
  --bg:#f5f6f8; --surface:#ffffff; --surface-2:#f0f2f5; --border:#e3e6eb; --text:#141821; --muted:#667085;
  --accent:#3b5bdb; --accent-bg:#edf2ff; --pos:#0f7b46; --pos-bg:#e7f6ee; --neg:#c0352b; --neg-bg:#fdeceb;
  --warn:#9a6700; --warn-bg:#fff6dd; --range:#0f9d63; --star:#e09b00; --shadow:0 1px 2px rgba(16,24,40,.05);
}
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--text); font:14px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color:var(--accent); text-decoration:none; } a:hover { text-decoration:underline; }
.num, td, .kpi-value { font-variant-numeric:tabular-nums; }
.muted { color:var(--muted); } .pos { color:var(--pos); } .neg { color:var(--neg); } .warn { color:var(--warn); }
small { font-size:12px; }

.topbar { position:sticky; top:0; z-index:10; background:color-mix(in srgb, var(--surface) 88%, transparent);
  backdrop-filter:saturate(1.4) blur(8px); border-bottom:1px solid var(--border); }
.topbar-in { max-width:1640px; margin:0 auto; padding:0 24px; height:56px; display:flex; align-items:center; gap:24px; }
.brand { font-weight:700; color:var(--text); display:flex; align-items:center; gap:8px; white-space:nowrap; }
.brand:hover { text-decoration:none; } .brand-mark { color:var(--accent); font-size:18px; }
.topbar nav { display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; flex:1; }
.topbar nav a, .nav-soon { padding:6px 10px; border-radius:6px; color:var(--muted); white-space:nowrap; font-weight:500; }
.topbar nav a:hover { background:var(--surface-2); color:var(--text); text-decoration:none; }
.topbar nav a[aria-current="page"] { background:var(--accent-bg); color:var(--accent); }
.nav-soon { opacity:.5; cursor:default; }
.topbar-end { display:flex; align-items:center; gap:10px; }
.live { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--muted); white-space:nowrap; }
.live .dot { width:8px; height:8px; border-radius:50%; background:var(--muted); }
.live[data-state="live"] .dot { background:var(--pos); box-shadow:0 0 0 3px var(--pos-bg); }
.live[data-state="stale"] .dot, .live[data-state="reconnecting"] .dot { background:var(--warn); box-shadow:0 0 0 3px var(--warn-bg); }
.live[data-state="busy"] .dot { background:var(--accent); animation:pulse 1.2s infinite; }
@keyframes pulse { 50% { opacity:.3; } }
.icon-btn, .btn { background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:6px;
  padding:5px 10px; cursor:pointer; font:inherit; }
.icon-btn:hover, .btn:hover { background:var(--surface-2); }
.btn[disabled] { opacity:.6; cursor:default; }

main { max-width:1640px; margin:0 auto; padding:24px 24px 8px; }
.page-head { display:flex; justify-content:space-between; align-items:flex-end; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.page-head h1 { font-size:22px; line-height:1.2; margin:0; }
.page-head p { margin:4px 0 0; color:var(--muted); }
.banner { background:var(--warn-bg); color:var(--warn); border:1px solid color-mix(in srgb, var(--warn) 30%, transparent);
  border-radius:8px; padding:8px 12px; margin-bottom:16px; }

.mm-chart { height:420px; position:relative; }
.spark-link { display:inline-block; line-height:0; }
.spark-link:hover svg { opacity:.75; }
@media (max-width:640px) { .mm-chart { height:300px; } }
.rr-chart { height:300px; position:relative; margin:-12px 0 6px; }
.kpis.rr { grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); }
.kpis.rr .rr-src { margin-top:4px; font-size:13px; }
.rr-legend { font-size:12px; margin:0; display:flex; flex-wrap:wrap; gap:4px 12px; align-items:center; }
.rr-legend i { display:inline-block; width:14px; height:0; border-top:2px solid var(--accent); margin-right:4px; vertical-align:middle; }
.rr-legend i.sol { border-color:var(--warn); } .rr-legend i.usd { border-top:1px dashed var(--muted); }
@media (max-width:640px) {
  .kpis.rr { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
  .kpis.rr .kpi { padding:8px 10px; } .kpis.rr .kpi-value { font-size:17px; } .kpis.rr .kpi-sub { font-size:11px; }
  .rr-chart { height:220px; }
}
.kpis { display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:12px; margin-bottom:24px; }
.kpi { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:12px 14px; box-shadow:var(--shadow); }
.kpi-label { color:var(--muted); font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:.04em; }
.kpi-value { font-size:22px; font-weight:650; margin-top:2px; }
.kpi-sub { color:var(--muted); font-size:12px; }

.section { margin-bottom:28px; }
.section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.section-head h2 { font-size:15px; margin:0; display:flex; align-items:center; gap:8px; }
.section h3 { font-size:13px; margin:12px 0 6px; font-weight:600; }
.count { background:var(--surface-2); color:var(--muted); border-radius:999px; padding:0 8px; font-size:12px; font-weight:600; }
.tools { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.search { background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:6px; padding:5px 10px; font:inherit; min-width:180px; }

.cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(330px, 1fr)); gap:12px; }
.card { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:14px 16px; box-shadow:var(--shadow); min-width:0; }
.card-head { display:flex; justify-content:space-between; align-items:baseline; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.card-head h3 { font-size:15px; margin:0; }
.card dl { display:grid; grid-template-columns:auto 1fr; gap:6px 14px; margin:0; }
.card dt { color:var(--muted); } .card dd { margin:0; min-width:0; }
.result { font-size:18px; font-weight:650; }
.blks { display:grid; gap:12px; }
.blk { border-top:1px solid var(--border); padding-top:10px; } .blk:first-child { border-top:none; padding-top:0; }
.blk h4 { margin:0 0 6px; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); }
.blk .hint { margin:-4px 0 6px; font-size:12px; color:var(--muted); }
.blk dl, dl.mini { display:grid; grid-template-columns:auto 1fr; gap:4px 14px; margin:0; font-variant-numeric:tabular-nums; }
.blk dt, dl.mini dt { color:var(--muted); } .blk dd, dl.mini dd { margin:0; min-width:0; }
.blk [title], dl.mini dt[title], .page-head [title] { cursor:help; text-decoration:underline dotted var(--border); text-underline-offset:3px; }
.blk .result { font-size:16px; }
table.data td.more { text-align:left; }
td.more summary { cursor:pointer; color:var(--accent); font-size:12px; }
td.more dl.mini { margin:6px 0 2px; white-space:normal; min-width:240px; font-size:13px; }

.badge { display:inline-block; font-size:11px; font-weight:600; padding:1px 8px; border-radius:999px; vertical-align:1px; }
.badge.ok { background:var(--pos-bg); color:var(--pos); } .badge.out { background:var(--neg-bg); color:var(--neg); }
.badge.warn { background:var(--warn-bg); color:var(--warn); }
.badge.info { background:var(--accent-bg); color:var(--accent); } .badge.mut { background:var(--surface-2); color:var(--muted); }

.empty { background:var(--surface); border:1px dashed var(--border); border-radius:10px; padding:20px; color:var(--muted); text-align:center; }
.table-wrap { background:var(--surface); border:1px solid var(--border); border-radius:10px; overflow-x:auto; box-shadow:var(--shadow); }
table.data { border-collapse:collapse; width:100%; }
table.data th, table.data td { padding:8px 12px; text-align:right; white-space:nowrap; border-bottom:1px solid var(--border); vertical-align:top; }
table.data th { color:var(--muted); font-size:12px; font-weight:600; background:var(--surface-2); position:sticky; top:0; }
table.data th:first-child, table.data td:first-child, table.data th.l, table.data td.l { text-align:left; }
/* cabeçalho em dois níveis: título do grupo centrado sobre as subcolunas, os demais rentes à base */
table.data thead th { vertical-align:bottom; }
table.data th.grp { text-align:center; padding-bottom:2px; border-bottom:none; }
table.data tr.sub th { text-align:right; padding-top:2px; }
table.data tr:last-child td { border-bottom:none; }
table.data tbody tr:hover { background:var(--surface-2); }
table.data th[data-sort] { cursor:pointer; user-select:none; }
table.data th[aria-sort="ascending"]::after { content:" ▲"; } table.data th[aria-sort="descending"]::after { content:" ▼"; }
tr.hl td { background:var(--accent-bg); }

.tabs { display:inline-flex; background:var(--surface-2); border-radius:8px; padding:3px; gap:2px; max-width:100%; overflow-x:auto; scrollbar-width:none; }
.tabs button { white-space:nowrap; background:none; border:0; color:var(--muted); padding:4px 12px; border-radius:6px; cursor:pointer; font:inherit; font-weight:500; }
.tabs button[aria-pressed="true"] { background:var(--surface); color:var(--text); box-shadow:var(--shadow); }

details.fold > summary { cursor:pointer; color:var(--muted); font-weight:600; padding:6px 0; list-style:none; }
details.fold > summary::before { content:"▸ "; } details.fold[open] > summary::before { content:"▾ "; }
details.fold[open] > summary { margin-bottom:8px; }

.sig-list { background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.sig-head, details.sig > summary { display:grid; grid-template-columns:minmax(190px,1.2fr) minmax(90px,.5fr) minmax(80px,.45fr) minmax(200px,1.5fr) minmax(120px,.8fr) minmax(120px,.85fr) .5fr .5fr .55fr .75fr 14px;
  gap:20px; align-items:center; padding:12px 18px; }
.sig-head { color:var(--muted); font-size:12px; font-weight:500; border-bottom:1px solid var(--border); }
.sig-head span:nth-child(n+7), .c-num { text-align:right; }
.sig-head span:nth-child(2), .c-open { text-align:left; }
.sig-head span[title] { cursor:help; text-decoration:underline dotted var(--border); text-underline-offset:3px; }
.c-exit { min-width:0; } .c-exit .chk-chip { margin-left:0; font-size:12px; line-height:22px; padding:0 10px; }
.chk-chip.done { color:var(--muted); }
details.sig { border-bottom:1px solid var(--border); } details.sig:last-of-type { border-bottom:none; }
details.sig > summary { cursor:pointer; list-style:none; transition:background .12s; }
details.sig > summary::-webkit-details-marker { display:none; }
details.sig > summary:hover, details.sig[open] > summary { background:var(--surface-2); }
details.sig > summary:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
.c-pair { display:grid; gap:2px; min-width:0; }
.sig-name { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:15px; white-space:nowrap; min-width:0; }
.fee { font-size:11px; font-weight:600; color:var(--muted); background:var(--surface-2); border:1px solid var(--border); border-radius:4px; padding:0 5px; }
.sig-dot { width:8px; height:8px; border-radius:50%; flex:none; background:var(--muted); }
.sig-dot.in { background:var(--range); box-shadow:0 0 0 3px color-mix(in srgb, var(--range) 20%, transparent); }
.sig-dot.out { background:var(--neg); box-shadow:0 0 0 3px var(--neg-bg); }
.c-num { font-variant-numeric:tabular-nums; white-space:nowrap; }
.c-res { display:grid; justify-items:end; } .c-res b { font-size:15px; font-weight:650; } .c-res small { font-weight:600; }
.sig-chev::after { content:""; display:block; width:7px; height:7px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted);
  transform:translateY(-2px) rotate(45deg); transition:transform .15s; }
details.sig[open] .sig-chev::after { transform:translateY(2px) rotate(-135deg); }
.sig-body { padding:14px 18px 16px; background:var(--surface-2); border-top:1px solid var(--border); }
.sig-blks { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
@media (max-width: 1000px) { .sig-blks { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .sig-blks { grid-template-columns:1fr; } }
.sig-blks .blk, .sig-blks .blk:first-child { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:12px 14px; }
.sig-foot { margin:12px 0 0; font-size:12px; }
.sig-empty { margin:0; padding:20px; color:var(--muted); text-align:center; }
.chk-chip { display:inline-block; margin-left:6px; padding:0 7px; border-radius:999px; font-size:11px; font-weight:600;
  line-height:18px; white-space:nowrap; background:var(--surface-2); color:var(--muted); border:1px solid var(--border); }
.chk-chip.ok { color:var(--pos); border-color:color-mix(in srgb, var(--pos) 30%, transparent); }
.chk-chip.warn { color:var(--warn); background:var(--warn-bg); border-color:color-mix(in srgb, var(--warn) 35%, transparent); }
.chk-chip.hit { color:var(--neg); background:var(--neg-bg); border-color:color-mix(in srgb, var(--neg) 35%, transparent); }
.chk { font-weight:700; } .chk.ok { color:var(--pos); } .chk.warn { color:var(--warn); } .chk.hit { color:var(--neg); } .chk.na { color:var(--muted); }
details.rules { margin:0 0 10px; }
details.rules > summary { font-size:13px; }
.rules-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.rules-grid section { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:12px 14px; }
.rules-grid h4 { margin:0 0 6px; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; }
.rules-grid h4 .muted { text-transform:none; letter-spacing:0; font-weight:500; }
.rules-grid ul { margin:0; padding-left:18px; display:grid; gap:3px; }
.rules-note { font-size:12px; margin:8px 0 4px; }
@media (max-width: 640px) { .rules-grid { grid-template-columns:1fr; } }

.rbar { font-size:12px; font-variant-numeric:tabular-nums; min-width:0; }
.rbar-top, .rbar-bot { display:flex; justify-content:space-between; gap:8px; white-space:nowrap; }
.rbar-top { color:var(--range); font-weight:600; font-size:13px; }
.rbar-bot { color:var(--muted); }
.rbar-track { position:relative; height:2px; margin:7px 0 5px; background:var(--range); border-radius:2px; }
.rbar-track i { position:absolute; top:-5px; width:2px; height:12px; margin-left:-1px; background:var(--text); border-radius:1px; }
.rbar.out .rbar-top { color:var(--neg); } .rbar.out .rbar-track { background:var(--neg); }
.rbar.done .rbar-top { color:var(--text); } .rbar.done .rbar-track { background:var(--border); }
.rbar.done .rbar-track i { background:var(--muted); }
.rbar sub, .blk sub { font-size:.72em; vertical-align:-.3em; line-height:0; }

.r-score { display:flex; align-items:center; gap:10px; }
.r-score b { font-size:15px; font-weight:650; font-variant-numeric:tabular-nums; }
.lsort { all:unset; cursor:pointer; color:inherit; font:inherit; white-space:nowrap; }
.lsort:hover, .lsort[data-dir] { color:var(--text); }
.lsort:focus-visible { outline:2px solid var(--accent); outline-offset:2px; border-radius:3px; }
.lsort::after { content:" ↕"; opacity:.35; } .lsort[data-dir="descending"]::after { content:" ▼"; opacity:1; }
.lsort[data-dir="ascending"]::after { content:" ▲"; opacity:1; }
.r-score.sm { gap:8px; } .r-score.sm .stars { font-size:14px; } .r-score.sm b { font-size:13px; }
.c-rate { min-width:0; white-space:nowrap; font-size:12px; }
.stars { display:inline-flex; gap:1px; font-size:17px; line-height:1; }
.stars i { font-style:normal; color:var(--border); }
.stars i.f { color:var(--star); }
.stars i.h { background:linear-gradient(90deg, var(--star) 50%, var(--border) 50%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pbar { display:inline-block; width:64px; height:6px; margin-right:4px; border-radius:3px; background:var(--border); vertical-align:middle; overflow:hidden; }
.pbar i { display:block; height:100%; background:var(--star); }
.lp-open .sig-head, .lp-open details.sig > summary { grid-template-columns:minmax(170px,1.2fr) minmax(220px,1.6fr) .7fr .7fr .6fr .75fr 14px; }
.lp-hist .sig-head, .lp-hist details.sig > summary { grid-template-columns:minmax(170px,1.6fr) .5fr .6fr .6fr .6fr .7fr .5fr 14px; }
.lp-open .sig-head span:nth-child(n+3), .lp-hist .sig-head span:nth-child(n+2) { text-align:right; }
.lp-open .c-num, .lp-hist .c-num { display:grid; justify-items:end; gap:1px; }
.lp-open .c-num small, .lp-hist .c-num small { font-size:12px; }
.sig-dot.done { background:var(--muted); }
.tl-fold { margin:12px 0 0; } .tl-fold > summary { font-size:13px; }
table.tl { border-collapse:collapse; font-size:12px; width:100%; }
table.tl td { padding:5px 12px 5px 0; border-bottom:1px solid var(--border); white-space:nowrap; }
table.tl td:nth-child(3) { white-space:normal; color:var(--muted); }
.nota { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:12px 14px; margin-bottom:10px; }
.nota-head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; margin-bottom:10px; }
.nota-head .stars { font-size:15px; } .nota-head .muted { font-size:12px; }
.nota-grid { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:10px 16px; }
.nota-it { display:grid; gap:4px; font-size:12px; color:var(--muted); cursor:help; }
.nota-it b { color:var(--text); font-weight:600; } .nota-it .pbar { width:100%; margin:0; }
@media (max-width: 760px) { .nota-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }

.pos-list { background:var(--surface); border:1px solid var(--border); border-radius:10px; overflow-x:auto; }
details.prow { border-bottom:1px solid var(--border); } details.prow:last-child { border-bottom:none; }
details.prow > summary, .pos-head { display:grid; grid-template-columns:1.4fr 1fr 1.6fr .5fr .8fr .8fr .8fr .6fr; gap:10px;
  padding:9px 12px; min-width:860px; list-style:none; align-items:center; }
details.prow > summary { cursor:pointer; } details.prow > summary:hover { background:var(--surface-2); }
details.prow > summary::-webkit-details-marker { display:none; }
details.prow > summary span:nth-child(n+4), .pos-head span:nth-child(n+4) { text-align:right; }
.pos-head { color:var(--muted); font-size:12px; font-weight:600; background:var(--surface-2); border-bottom:1px solid var(--border); }
.pos-detail { padding:4px 12px 14px; min-width:860px; }
.pos-detail table { border-collapse:collapse; font-size:13px; }
.pos-detail td { padding:4px 14px 4px 0; border-bottom:1px solid var(--border); white-space:nowrap; }
.mono { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; word-break:break-all; }
svg.wf { display:block; max-width:720px; } svg.wf text { fill:var(--text); font-size:13px; } svg.wf .wf-zero { stroke:var(--border); }

.chart-card { padding:10px 12px 8px; }
svg.chart { display:block; width:100%; height:180px; }
.chart-line { fill:none; stroke:var(--accent); stroke-width:2; }
.chart-area { fill:var(--accent-bg); stroke:none; }
.chart-axis { display:flex; justify-content:space-between; gap:8px; font-size:12px; color:var(--muted); margin-top:4px; flex-wrap:wrap; }
.alloc { display:flex; height:12px; border-radius:6px; overflow:hidden; margin:14px 0 8px; background:var(--surface-2); }
.alloc-seg { display:block; height:100%; min-width:2px; }
.alloc-legend { display:flex; flex-wrap:wrap; gap:6px 16px; font-size:12px; color:var(--muted); }
.alloc-legend i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:6px; vertical-align:-1px; }
.c0 { background:#3b5bdb; } .c1 { background:#0ca678; } .c2 { background:#f59f00; } .c3 { background:#e64980; }
.c4 { background:#7048e8; } .c5 { background:#1098ad; } .c6 { background:#74b816; } .c7 { background:#868e96; }
table.data td.desc { white-space:normal; min-width:260px; max-width:520px; text-align:left; overflow-wrap:anywhere; }
table[data-table="ops"] th:nth-child(3) { text-align:left; }
.note { font-size:12px; margin-top:24px; }
.check { font-size:12px; margin:-12px 0 20px; }
.exec-alert { background:var(--neg-bg); color:var(--neg); border:1px solid color-mix(in srgb, var(--neg) 40%, transparent); border-radius:10px; padding:10px 14px; margin-bottom:12px; }
details.grp { margin-top:20px; }
details.grp > summary { display:flex; align-items:center; gap:10px; cursor:pointer; list-style:none; font-size:14px; font-weight:600; padding:4px 0 12px; }
details.grp > summary::-webkit-details-marker { display:none; }
details.grp > summary::before { content:""; width:7px; height:7px; border-right:2px solid var(--muted); border-bottom:2px solid var(--muted);
  transform:rotate(-45deg); transition:transform .15s; }
details.grp[open] > summary::before { transform:rotate(45deg); }
details.grp > summary .muted { font-size:12px; font-weight:400; }
details.grp > summary:focus-visible { outline:2px solid var(--accent); outline-offset:2px; border-radius:4px; }
details.grp > .sig-list + .table-wrap { margin-top:12px; }
details.grp + .exec-skipped { margin-top:16px; }
.exec-pause { margin-bottom:12px; } .exec-note { font-size:12px; margin:8px 0 0; }
.flash { animation:flash 1.6s ease-out; border-radius:4px; }
@keyframes flash { from { background:var(--accent-bg); } to { background:transparent; } }
.foot { max-width:1640px; margin:0 auto; padding:8px 24px 32px; color:var(--muted); font-size:12px; }

@media (max-width: 640px) {
  .topbar-in { gap:12px; height:52px; }
  .brand { font-size:0; gap:0; } .brand-mark { font-size:20px; }
  .live-text { display:none; }
  main { padding-top:16px; }
  main, .topbar-in, .foot { padding-left:16px; padding-right:16px; }
  .cards { grid-template-columns:1fr; }
  .kpis { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .kpi-value { font-size:18px; }
  .search { min-width:0; width:100%; }
  .tools { width:100%; }
}
@media (max-width: 760px) {
  .sig-head { display:none; }
  details.sig > summary { grid-template-columns:1fr auto; gap:10px 14px; padding:12px 14px; }
  .c-range { grid-column:1 / -1; order:3; }
  .c-exit { order:2; }
  .c-rate { order:2; justify-self:end; }
  .lp-open details.sig > summary, .lp-hist details.sig > summary { grid-template-columns:1fr auto; }
  .m-hide { display:none !important; }
  .c-yield, .c-cap, .c-fees, .c-plat, .c-open, .sig-chev { display:none; }
  .sig-body { padding:12px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  details.sig > summary, .sig-chev::after, details.grp > summary::before { transition:none; }
}