/* settlements.css — 成交結算頁專屬樣式（外框與色票來自 terminal-shell.css）。
   表格 12 欄 + 右側明細抽屜 + 分批平倉時間軸。 */
.statebar{display:flex;align-items:center;gap:10px;min-height:32px;padding:7px 18px;line-height:1.5;background:rgba(255,122,26,.12);border-bottom:1px solid rgba(255,122,26,.28);font-family:var(--pix);font-size:14.5px;letter-spacing:.8px;color:#ffb277}
.grid12{display:grid;grid-template-columns:104px 148px 52px 52px 116px 80px 116px 124px 84px 92px 132px 132px;gap:12px;align-items:center;padding:9px 18px}
.thead{border-bottom:1px solid var(--line-2)}
.thead>div{font-family:var(--pix);font-size:12px;letter-spacing:.5px;color:var(--tx-faint);white-space:nowrap}
.trow{border-bottom:1px solid rgba(255,255,255,.035);cursor:pointer;border-left:2px solid transparent}
.trow:hover{background:var(--bg-hover)}
.trow.sel{background:var(--bg-hover);border-left-color:var(--or)}
.trow>div{font-size:13.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.num{font-family:var(--pix);font-variant-numeric:tabular-nums}
.win{color:var(--gr)}.loss{color:var(--rd)}.to{color:var(--tx-dim)}.dim{color:var(--tx-dim)}.faint{color:var(--tx-faint)}
.sym{font-family:var(--pix);font-weight:700;display:flex;align-items:center;min-width:0}
.sym>span.nm{overflow:hidden;text-overflow:ellipsis}
.dirL{color:var(--gr);font-family:var(--pix);font-size:12.4px}
.dirS{color:var(--rd);font-family:var(--pix);font-size:12.4px}
.lev{font-family:var(--pix);font-size:12px;color:var(--tx-dim);border:1px solid var(--line-2);border-radius:2px;padding:1px 4px;justify-self:start}
.ptag{font-family:var(--pix);font-size:10.8px;color:var(--or);border:1px solid rgba(255,122,26,.5);border-radius:2px;padding:0 3px;margin-left:5px}
.sptag{font-family:var(--pix);font-size:11.6px;color:var(--or);background:rgba(255,122,26,.12);border:1px solid rgba(255,122,26,.32);border-radius:2px;padding:1px 5px}
.trow:hover .sptag{background:rgba(255,122,26,.24)}
.fsel{width:176px!important;flex:0 0 auto;height:30px;background:var(--bg-panel-2);border:1px solid var(--line-2);color:var(--tx);font-family:var(--mono);font-size:12.8px;padding:0 8px;border-radius:2px}
.fseg{display:flex;border:1px solid var(--line-2);border-radius:2px;overflow:hidden}
.fseg button{background:transparent;border:0;color:var(--tx-dim);font-family:var(--pix);font-size:12.4px;padding:6px 11px;cursor:pointer}
.fseg button.on{background:rgba(255,122,26,.14);color:var(--or)}
.fdate{width:150px!important;flex:0 0 auto;height:30px;background:var(--bg-panel-2);border:1px solid var(--line-2);color:var(--tx-dim);font-family:var(--pix);font-size:12px;padding:0 6px;border-radius:2px}
.fchk{display:flex;align-items:center;gap:6px;font-family:var(--pix);font-size:12.4px;color:var(--tx-dim);cursor:pointer}
.fchk input{accent-color:var(--or)}
.emptynote{padding:56px 18px;color:var(--tx-faint);font-size:13px;line-height:1.7}
.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;max-width:92vw;background:var(--bg-panel);border-left:1px solid var(--line-2);box-shadow:-30px 0 60px rgba(0,0,0,.55);transform:translateX(101%);transition:transform .18s ease;z-index:40;display:flex;flex-direction:column}
.drawer.open{transform:translateX(0)}
.dwh{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.dwh .s{font-family:var(--pix);font-size:23px;font-weight:700}
.dwx{margin-left:auto;font-family:var(--pix);font-size:12.4px;color:var(--tx-dim);cursor:pointer}
.dwx:hover{color:var(--or)}
.dwb{overflow-y:auto;padding:0 18px 28px}
.dwr{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.05)}
.dwr .l{font-size:13.4px;color:var(--tx-dim)}
.dwr .v{font-family:var(--pix);font-size:14.6px;text-align:right;font-variant-numeric:tabular-nums}
.dwsec{font-family:var(--pix);font-size:11.6px;letter-spacing:1.4px;color:var(--tx-faint);padding:20px 0 8px}
.tl{display:flex;flex-direction:column}
.tlr{display:grid;grid-template-columns:20px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.05)}
.tls{font-family:var(--pix);font-size:11.6px;color:var(--tx-faint);padding-top:2px}
.tlm{min-width:0}
.tlm .rs{font-size:13.4px;color:var(--tx)}
.tlm .mt{font-family:var(--pix);font-size:11.8px;color:var(--tx-faint);margin-top:3px}
.tlv{text-align:right;font-family:var(--pix);font-variant-numeric:tabular-nums}
.tlv .p{font-size:14.2px}
.tlv .q{font-size:11.8px;color:var(--tx-dim);margin-top:3px}
.note{font-size:12.4px;color:var(--tx-faint);line-height:1.7;padding-top:10px}
@media(max-width:980px){.drawer{width:100%;max-width:none}}