/* CRM screens: two-column pages, deal board, quote builder, small charts. */
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:var(--s-4);align-items:start}
.board{display:flex;gap:var(--s-3);overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.col-stage{flex:0 0 272px;scroll-snap-align:start;background:var(--surface-2,var(--surface));border:1px solid var(--line);border-radius:var(--r-lg,14px);padding:12px;min-height:160px}
.col-stage.over{outline:2px dashed var(--brand);outline-offset:-4px}
.col-stage header{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}
.col-stage header b{font-size:var(--t-sm)}
.col-stage header span{color:var(--ink-400);font-size:var(--t-sm)}
.dcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;cursor:grab;color:inherit;text-decoration:none}
.dcard:hover{border-color:var(--brand)}
.dcard.drag{opacity:.45}
.dcard .amt{font-weight:700;margin-top:4px}
.dcard .stale{color:var(--warn-fg,#8a5a00);font-size:var(--t-sm);margin-top:4px}
.move{display:none;margin-top:8px}
@media (hover:none),(max-width:820px){.move{display:block}.dcard{cursor:default}}
.qlines{display:grid;gap:8px}
.qline{display:grid;grid-template-columns:minmax(0,3fr) 70px 100px 36px;gap:8px;align-items:center}
@media (max-width:560px){.qline{grid-template-columns:1fr 1fr 36px;grid-template-areas:'d d d' 'q r x'}.qline>.qpick{grid-area:d}.qline>:nth-child(2){grid-area:q}.qline>:nth-child(3){grid-area:r}.qline>:nth-child(4){grid-area:x}}
.bars{display:grid;gap:8px}
.bar{display:grid;grid-template-columns:minmax(80px,140px) 1fr auto;gap:10px;align-items:center;font-size:var(--t-sm)}
.bar i{display:block;height:12px;border-radius:6px;background:var(--cloud-customer);min-width:2px}
.bar .track{background:var(--line);border-radius:6px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tbl{width:100%;border-collapse:collapse;font-size:var(--t-sm)}
.tbl th,.tbl td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.tbl thead th{color:var(--ink-400);font-weight:600}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl tbody th{font-weight:600}
.move{display:block}
.stepper li.done .n{background:var(--ok,#1a7f4b);color:#fff}