/* V6.2: environment accents are separate from profit/loss semantics. */
:root{--accent:#6ce5be;--accent-hover:#93efd0;--accent-soft:#16332d;--accent-border:#397b68;--accent-ink:#082c23;--muted:#a5b2c6;--line:#334156}
html[data-environment=demo],body[data-environment=demo]{--accent:#c4a5ff;--accent-hover:#d9c6ff;--accent-soft:#2b2241;--accent-border:#8261b4;--accent-ink:#26153d}
body{font-size:15px;line-height:1.55}
.brand-icon{background:var(--accent);color:var(--accent-ink);width:40px;height:44px;border-radius:11px}
.brand b,.eyebrow,.aside-foot #appVersion{color:var(--accent)}
.brand small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.brand-environment{display:inline-block;margin-top:9px;padding:2px 8px;border:1px solid var(--accent-border);border-radius:5px;color:var(--accent);background:var(--accent-soft);font-size:10px;font-weight:700;letter-spacing:1px}
.nav-group{color:#a0aec2;font-size:11px;letter-spacing:1.2px}
.nav.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
button{font-weight:550;border-color:#3b4b62;color:#edf2fa;min-height:36px}
button:hover{border-color:var(--accent-border);background:#283449}
button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:750}
button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}
button.danger{color:var(--red)}button.danger:hover{border-color:#a24f5e;background:#35202a}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}
#voiceToggleV6.on{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}
.environment-switch{border:1px solid var(--line);border-radius:9px;overflow:hidden}
.environment-switch button{border:0;border-radius:0;min-width:64px;min-height:40px;color:#b6c2d4}
body .environment-switch button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -3px var(--accent);font-weight:750}
.environment-switch button[aria-pressed=false]:hover{color:#fff;background:#263044}
.segmented button.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}
.layout-handle{color:var(--accent)}.layout-editable{outline-color:var(--accent)}
.layout-toolbar{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);gap:9px}
.layout-toolbar button,.layout-toolbar select{font-size:12px;min-height:34px}.layout-toolbar label{font-size:12px}
.data-table th,.position-line.table-head,.fleet-list-head{font-size:12px;color:#b3bfd1;font-weight:600;background:#172130}
.data-table td,.position-line,.fleet-list-row{font-size:13px;padding-top:13px;padding-bottom:13px}
.data-table tbody tr:nth-child(even){background:#ffffff03}.data-table tbody tr:hover,.fleet-list-row:hover,summary.position-line:hover{background:#202d40}
.data-table th.sorted,.data-table a:hover,.fleet-list-row a:hover{color:var(--accent)}
.stat small,.kpi small,.bot-metrics small,.account-direction small,.account-close-count small{font-size:12px}
.stat span,.kpi span,.hint,.fleet-list-row small,.calendar-table small{font-size:12px;color:var(--muted)}
.card-secondary button{font-size:12px;min-height:30px;color:#b9c8dc}.actions button{font-size:13px;min-height:36px}
.account-totals{gap:20px}.account-totals>span{font-size:13px}.account-totals b{font-size:20px}
.account-direction{font-size:13px;background:var(--panel-2)}.account-direction strong{font-size:15px}
.fleet-pnl{font-size:15px}.badge{font-size:11px;letter-spacing:.35px}
.env-demo{color:#d4bcff;background:#2b2241;border-color:#8261b4}.env-live{color:#ffd49a;border-color:#81613b}
.positive,.side-long{color:#6ce5be}.negative,.side-short{color:#ff858d}
.chart-modes button,.chart-modes select,.chart-more>summary{min-height:32px}
@media(max-width:700px){body{font-size:14px}.layout-toolbar{padding:8px}.header-actions{gap:8px}.brand-environment{margin:0 0 0 8px}.account-totals b{font-size:18px}.data-table td,.position-line{font-size:12px}.layout-toolbar button,.layout-toolbar select{min-height:36px}.environment-switch button{min-width:56px}}

/* V6.2 interface corrections */
button.info-button,.actions button.info-button{width:26px;height:26px;min-width:26px;max-width:26px;min-height:26px;max-height:26px;flex:0 0 26px;padding:0;border-radius:50%;line-height:1;aspect-ratio:1}
main>header{flex-wrap:wrap;gap:16px}
main>header>div:first-child{flex:1 1 300px;min-width:0}
main>header .layout-toolbar{flex:0 1 auto;margin:0;padding:0;border:0;background:transparent;gap:6px;align-items:center}
main>header .layout-toolbar label{display:flex;align-items:center;gap:6px;margin:0}
main>header .layout-toolbar button{padding:8px}
main>header .layout-toolbar select{max-width:170px}
main>header .header-actions{flex-shrink:0;margin-left:auto}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#importFleetV6[hidden]{display:none}
.position-filters [data-view-switch]{align-self:end;white-space:nowrap}
.calendar-chart{overflow-x:auto}.calendar-chart svg{display:block;width:100%;min-width:640px}
.calendar-grid line{stroke:#334156;stroke-width:1;stroke-dasharray:3 4}.calendar-grid text{fill:#b9c8dc;font-size:14px}
[data-calendar-period]:hover>rect:first-child,[data-calendar-period]:focus>rect:first-child{fill:#ffffff0b}
.calendar-tooltip{position:fixed;z-index:10000;pointer-events:none;background:#172130;border:1px solid #6c7d96;border-radius:9px;padding:12px 16px;box-shadow:0 6px 24px #0008;max-width:calc(100vw - 24px);font-size:14px;color:#edf3fa}
.calendar-tooltip strong{display:block;margin-bottom:7px}.calendar-tooltip div{display:flex;justify-content:space-between;gap:24px;margin-top:4px}
@media(max-width:1100px){main>header .layout-toolbar{order:3;flex:1 1 100%;flex-wrap:wrap}}
/* Czyszczenie pozycji panelu */
.panel-reset summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--text);font-size:14px}.panel-reset details{margin:0}.panel-reset p{margin:10px 0}.panel-reset .actions{margin-top:12px}
/* Dzienny i 7-dniowy TP/SL na karcie konta */
.closed-tpsl-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.closed-tpsl{display:grid;grid-template-columns:auto auto;gap:4px 14px;align-items:baseline;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);font-size:13px;font-variant-numeric:tabular-nums;min-width:220px}.closed-tpsl small{grid-column:1/-1;color:var(--muted);font-size:12px}.closed-tpsl strong{grid-column:1/-1;font-size:16px}