/* J.A.R.V.I.S. v3.2 — Stock & Order Pipeline panel */
.stockPanel{margin:14px 0}
.stockTiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}
.stockTile{border:1px solid var(--line,#d9e1e8);border-radius:8px;padding:10px 12px;min-width:0;border-top:3px solid var(--accent,#00a7d8)}
.stockTile small{display:block;font-size:10px;letter-spacing:.08em;font-weight:800;color:var(--muted,#6b7d8d)}
.stockTile b{display:block;font-size:22px;line-height:1.25;margin:3px 0 2px;font-variant-numeric:tabular-nums}
.stockTile span{display:block;font-size:11px;color:var(--muted,#6b7d8d);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stockTile.blue{border-top-color:#2787ff}.stockTile.cyan{border-top-color:#14c8f4}.stockTile.violet{border-top-color:#9c6cff}
.stockTile.red{border-top-color:var(--bad,#cf3f4e)}.stockTile.orange{border-top-color:#ff7a00}.stockTile.green{border-top-color:var(--good,#1aa36f)}
.stockTableWrap{overflow:auto;max-height:360px;width:0;min-width:100%}
.stockTable{width:100%;font-size:12px}
.stockTable td small{color:var(--muted,#6b7d8d)}
.stockSignal{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.03em;white-space:nowrap;border:1px solid currentColor}
.stockSignal.bad{color:var(--bad,#cf3f4e)}.stockSignal.warn{color:var(--warn,#c99318)}.stockSignal.good{color:var(--good,#1aa36f)}.stockSignal.muted{color:var(--muted,#6b7d8d)}
.stockFoot{font-size:10px;color:var(--muted,#6b7d8d);margin-top:8px}
@media(max-width:1300px){.stockTiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.stockTiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Stock & Pipeline page */
.spFilters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px;padding:12px 14px}
.spFilters label{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--muted,#6b7d8d);text-transform:uppercase}
.spFilters select,.spFilters input,.spInline select{min-width:160px;padding:7px 9px;border-radius:7px;border:1px solid var(--line,#d9e1e8);background:var(--input-bg,#fff);color:var(--text,#17212b);font-size:12px}
.spFilters .spSearch input{min-width:260px}
.spInline{display:flex;gap:8px}
.spGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.spBars{width:100%;max-width:560px;height:auto;display:block}
.spTall{max-height:520px}
th.spSort{cursor:pointer;user-select:none;white-space:nowrap}
th.spSort:hover{color:var(--accent,#00a7d8)}
.stockTable td.neg{color:var(--bad,#cf3f4e);font-weight:700}
@media(max-width:1300px){.spGrid{grid-template-columns:1fr}}
.stockTable td.spNo{white-space:nowrap}
/* the sales filters do not apply to stock: hide them while the stock page is open */
.mainCanvas:has(#stockPage.active) #filterWorkspace{display:none}
.spBars .spBarLbl{fill:var(--text,#17212b)}
.spBars .spBarVal{fill:var(--muted,#6b7d8d)}
#stockPage .pageHeader{flex-wrap:wrap;gap:10px}
.mainCanvas:has(#stockPage.active){width:100%;box-sizing:border-box}
.stockTable .spSplit{display:block;font-size:10px;color:var(--muted,#6b7d8d);font-weight:500;white-space:nowrap}
/* v3.9 down payments */
#stockPage #spTiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.spDpBody{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;align-items:start}
.spDpKpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.spDpKpi{border:1px solid var(--line,#d9e1e8);border-left:3px solid #14c8f4;border-radius:8px;padding:8px 10px;min-width:0}
.spDpKpi.good{border-left-color:#12805a}.spDpKpi.warn{border-left-color:#b85600}
.spDpKpi small{display:block;font-size:9.5px;letter-spacing:.07em;font-weight:800;color:var(--muted,#6b7d8d)}
.spDpKpi b{display:block;font-size:19px;line-height:1.25;margin:2px 0;font-variant-numeric:tabular-nums;white-space:nowrap}
.spDpKpi span{display:block;font-size:10.5px;color:var(--muted,#6b7d8d)}
.spDpCharts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.spDpSub{font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--muted,#6b7d8d);text-transform:uppercase;margin-bottom:4px}
.spDpBars{max-width:520px}
.spDpBars .spDpSeg{cursor:pointer}
.spDpBars .spDpSeg:hover{opacity:.82}
.spDpBars .spDpIn{fill:#fff;font-weight:700;pointer-events:none}
.spDpLegend{display:flex;gap:18px;font-size:11px;color:var(--muted,#6b7d8d);margin-top:8px}
.spDpLegend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.spDpLegend i.dpWith{background:#12805a}.spDpLegend i.dpWithout{background:#b85600}
.stockTable .spDpDocs .spDpDoc{display:block;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}
.stockTable td.spDpAmt{font-weight:800;color:var(--good,#1aa36f)}
.stockTable td.spMuted{color:var(--muted,#6b7d8d)}
html[data-theme="light"] .stockTable td.spDpAmt{color:#0f7350}
html[data-theme="light"] .stockSignal.warn{color:#9a6a00}
@media(max-width:1300px){.spDpBody{grid-template-columns:1fr}.spDpKpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.spDpCharts{grid-template-columns:1fr}.spDpKpis{grid-template-columns:1fr 1fr}}
#spList td{white-space:nowrap}
#spList td.spDpDocs{white-space:normal}
/* v3.10.1 colours */
.spSwatch{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px;vertical-align:-1px;border:1px solid var(--line,#c9d3dc);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.stockTable .spColNote{display:inline-block;margin-left:6px;font-size:9.5px;font-weight:800;letter-spacing:.03em;padding:1px 6px;border-radius:999px;border:1px solid var(--line,#d9e1e8);color:var(--muted,#6b7d8d)}
#spColours tr.spColRow{cursor:pointer}
#spColours tr.spColRow:hover td{background:rgba(127,140,160,.08)}
#spColours tr.spColRow.on td{background:rgba(20,200,244,.14)}
#spColours td{white-space:nowrap}
.spColMore{margin-top:8px}