/* Native controls and component text follow the chosen theme, including popup menus. */
:root { color-scheme:light; }
:root[data-theme="dark"] { color-scheme:dark; }
.ship-picker { background:var(--surface);border-color:var(--border);color:var(--text); }
.ship-picker > summary { color:var(--text); }
.ship-picker button.scard.ship-selected { background:var(--surface-2);color:var(--text);outline-color:var(--accent); }
.ship-picker button.scard.ship-selected .sc-name::before { color:var(--accent); }
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;}}
input,select,textarea,button { color:var(--text); }
select,select option,select optgroup { color:var(--text);background-color:var(--surface); }
.eq-workspace input,.eq-workspace select,.eq-workspace option { -webkit-text-fill-color:var(--text); }
.eq-workspace,.eq-result-block { color:var(--text); }
.eq-work-controls { padding:20px; }
.eq-loadout-head { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px; }
.eq-loadout-head h2 { margin:0;font-size:1.1rem; }
.eq-loadout-count { color:var(--muted);font-size:.82rem;white-space:nowrap; }
.eq-controls { padding-bottom:14px;border-bottom:1px solid var(--border);gap:12px; }
.eq-loadout-actions { display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0; }
.eq-loadout-actions .calc-presets { margin:0; }
.eq-loadout-actions > .calc-btn { margin-left:auto; }
.eq-work-controls .eqc-grid { gap:12px; }
.eq-work-controls .eqc { padding:18px 14px 14px;gap:12px;min-height:130px;color:var(--text); }
.eq-work-controls .eqc-name { color:var(--text);line-height:1.45; }
.eq-work-controls .eqc .calc-sel { min-height:42px;font-size:.85rem;border:1px solid var(--border); }
.eq-work-controls .eqc-eff { gap:4px;line-height:1.5; }
.eq-work-controls .eqc-slot { top:-8px;left:12px;padding:1px 7px;height:auto;border:1px solid var(--border);color:var(--text); }
.eq-preview { border-top:3px solid var(--accent); }
.eq-ship { gap:12px;flex-wrap:wrap;margin-bottom:18px; }
.eq-result-block .eq-table { max-width:860px;margin:auto; }
.eq-result-block .eq-table th,.eq-result-block .eq-table td { padding:10px 12px; }
.cmp-chips { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0; }
.cmp-chip,.cmp-empty-slot { min-width:0;min-height:72px;border-radius:12px;padding:12px; }
.cmp-chip { display:flex;gap:10px; }
.cmp-chip a { flex:1;overflow-wrap:anywhere; }
.cmp-slot-number { color:var(--muted);font-size:.8rem; }
.cmp-empty-slot { border:1px dashed var(--accent);color:var(--accent);background:var(--surface);font:inherit;cursor:pointer; }
.cmp-workspace { display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start; }
.cmp-workspace > .block { margin:0;min-width:0; }
.cmp-hexblock { position:sticky;top:78px; }
.cmp-legend { display:grid;gap:12px;justify-content:start; }
.cmp-tablewrap { padding:0;max-height:75vh;scrollbar-gutter:stable; }
.cmp-table { min-width:590px; }
.cmp-table th,.cmp-table td { padding:11px 12px; }
.cmp-table thead th { position:sticky;top:0;z-index:2;background:var(--surface); }
.cmp-table th[scope="row"] { z-index:1;max-width:160px;white-space:normal;min-width:110px; }
.cmp-table tbody tr:nth-child(even) td { background:var(--surface-2); }
.mu-triangle { width:100%;max-width:400px;display:block;margin:auto;overflow:visible; }
.mu-shape { fill:var(--accent);fill-opacity:.22;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round; }
.mu-label { fill:var(--muted);font-size:14px;font-weight:600; }
.mu-score { fill:var(--text);font-size:20px;font-weight:800; }
.moderation-entry { border-top:1px solid var(--border);padding:18px 0;overflow-wrap:anywhere; }
.moderation-entry pre { white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:var(--surface-2);padding:12px;border-radius:8px; }
.moderation-form { display:flex;flex-wrap:wrap;gap:10px; }
.moderation-form input { flex:1;min-width:180px;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:10px;font:inherit; }
.moderation-form [role="alert"] { flex-basis:100%;margin:0; }
.moderation .account-actions { gap:10px;margin:14px 0; }
.moderation [aria-pressed="true"] { outline:2px solid var(--accent);outline-offset:2px; }
.patch-impact { display:inline-flex;border:1px solid currentColor;border-radius:5px;padding:1px 6px;font-size:.72rem;font-weight:700;white-space:nowrap; }
.patch-impact.buff { color:var(--good); }.patch-impact.nerf { color:var(--bad); }.patch-impact.adjust { color:var(--muted); }
.patch-change { display:flex;gap:10px;align-items:baseline;margin:8px 0; }.patch-change-text { flex:1;min-width:0;white-space:pre-line; }
@media(max-width:1000px){.cmp-workspace{grid-template-columns:1fr;}.cmp-hexblock{position:static;}.cmp-tablewrap{max-height:none;}}
@media(max-width:720px){
 .eq-work-controls{padding:16px 12px;}.eq-loadout-count{font-size:.75rem;}.eq-work-controls .eqc{min-height:110px;}
 .cmp-chips{gap:7px;}.cmp-chip,.cmp-empty-slot{min-height:90px;padding:9px;font-size:.78rem;}
 .cmp-chip{display:grid;grid-template-columns:1fr auto;gap:3px;}.cmp-slot-number{display:none;}.cmp-chip a{grid-column:1/-1;}.cmp-x{grid-column:2;}
 .cmp-table{font-size:.72rem;min-width:0;table-layout:fixed;width:100%;}.cmp-table th,.cmp-table td{padding:10px 5px;overflow-wrap:anywhere;}
 .cmp-table th[scope="row"]{min-width:0;max-width:none;width:25%;}.cmp-table th{white-space:normal;}
 .patch-change{gap:7px;}
}