.cs-mock-sc-grid{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:14px;align-items:start}.cs-mock-sc-col,.cs-mock-sc-rail{display:flex;flex-direction:column;gap:12px;min-width:0}.cs-mock-sc-card{background:var(--m-card);border:1px solid var(--m-border);padding:14px 16px}.cs-mock-sc-card.accent{border-left:3px solid var(--m-olive)}.cs-mock-sc-card-h{font:700 10px Geist,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--m-fg2);margin-bottom:11px}.cs-mock-sc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;background:var(--m-card);border:1px solid var(--m-border);border-left:3px solid var(--m-olive);padding:14px 16px;flex-wrap:wrap}.cs-mock-sc-co{font:700 20px Geist,system-ui,sans-serif;letter-spacing:-.01em;color:var(--m-fg)}.cs-mock-sc-meta{font:600 10px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--m-faint);margin-top:5px}.cs-mock-sc-pills{display:flex;gap:7px;flex-wrap:wrap}.cs-mock-sc-pill{display:inline-flex;align-items:center;font:700 8.5px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;white-space:nowrap;border:1px solid transparent}.cs-mock-sc-pill.active,.cs-mock-sc-pill.approved{background:var(--m-pos);color:var(--m-on-accent)}.cs-mock-sc-pill.accepted{background:var(--m-olive);color:var(--m-on-accent)}.cs-mock-sc-pill.submitted{background:var(--m-teal);color:var(--m-on-accent)}.cs-mock-sc-pill.awaiting{background:var(--m-track);color:var(--m-faint);border-color:var(--m-border)}.cs-mock-sc-pill.paid{background:#dcf4e8;color:#176444;border-color:#afdec7}.cs-mock-sc-pill.invoiced{background:#ffefcc;color:#9e590a;border-color:#f8d996}.cs-mock-sc-tabs{display:flex;gap:2px;border-bottom:1px solid var(--m-border)}.cs-mock-sc-tab{font:700 10.5px Geist,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--m-fg2);background:none;border:0;padding:11px 18px;cursor:pointer}.cs-mock-sc-tab.active{color:var(--m-on-accent);background:var(--m-olive)}.cs-mock-sc-kvs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--m-border);border:1px solid var(--m-border)}.cs-mock-sc-kv{background:var(--m-card);padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}.cs-mock-sc-kv .k{font:700 8px Geist,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-faint)}.cs-mock-sc-kv .v{font:600 12.5px Geist,system-ui,sans-serif;color:var(--m-fg)}.cs-mock-sc-tblwrap{overflow:hidden}.cs-mock-sc-dim{color:var(--m-faint)}.cs-mock-sc-totrow td{border-top:2px solid var(--m-fg);border-bottom:0;color:var(--m-fg);font-weight:700}.cs-mock-sc-totlbl{font:700 8.5px Geist,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-faint)}.cs-mock-sc-srow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font:500 11.5px Geist,system-ui,sans-serif;color:var(--m-fg2);padding:5px 0}.cs-mock-sc-srow .v{color:var(--m-fg);font-variant-numeric:tabular-nums}.cs-mock-sc-srow .v.pos{color:var(--m-olive)}.cs-mock-sc-srow .v.neg{color:var(--m-neg)}.cs-mock-sc-srow.strong{font-weight:700;color:var(--m-fg)}.cs-mock-sc-srow.bt{border-top:1px solid var(--m-border);padding-top:8px;margin-top:3px}.cs-mock-sc-progh{display:flex;justify-content:space-between;align-items:baseline;margin-top:13px;font:700 8.5px Geist,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-faint)}.cs-mock-sc-progh b{font-size:13px;letter-spacing:0;color:var(--m-fg)}.cs-mock-sc-prog{position:relative;display:flex;height:8px;background:var(--m-track);border:1px solid var(--m-border);border-radius:999px;margin:6px 0;overflow:hidden}.cs-mock-sc-prog i{height:100%;width:0;transition:width 1s cubic-bezier(.22,1,.36,1)}.cs-mock-sc-prog i.done{background:var(--m-olive)}.cs-mock-sc-prog i.flight{background:var(--m-teal);transition-delay:.15s}.cs-mock-sc-progleg{display:flex;gap:14px;font:600 9px Geist,system-ui,sans-serif;color:var(--m-fg2)}.cs-mock-sc-progleg span{display:inline-flex;align-items:center;gap:5px}.cs-mock-sc-progleg i{width:8px;height:8px}.cs-mock-sc-progleg i.done{background:var(--m-olive)}.cs-mock-sc-progleg i.flight{background:var(--m-teal)}.cs-mock-sc-totalbox{display:flex;flex-direction:column;gap:3px;background:var(--m-olive);color:var(--m-on-accent);border-left:3px solid var(--m-fg);padding:14px 15px;margin-top:13px}.cs-mock-sc-totalbox span{font:700 8.5px Geist,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.82}.cs-mock-sc-totalbox b{font:700 21px Geist,system-ui,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cs-mock-sc-live{display:inline-flex;align-items:center;gap:6px;font:600 9px Geist,system-ui,sans-serif;letter-spacing:.04em;opacity:.92;margin-top:5px}.cs-mock-sc-live i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.cs-mock-sc-trow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font:500 11px Geist,system-ui,sans-serif;color:var(--m-fg2);padding:6px 0;border-bottom:1px solid var(--m-border)}.cs-mock-sc-trow:last-child{border-bottom:0}.cs-mock-sc-trow .v{color:var(--m-fg);font-variant-numeric:tabular-nums}@container (max-width: 900px){.cs-mock-sc-grid{grid-template-columns:1fr}}@container (max-width: 760px){.cs-mock-sc-c-pay,.cs-mock-sc-c-cat{display:none}}@container (max-width: 560px){.cs-mock-sc-c-period,.cs-mock-sc-c-assessed{display:none}.cs-mock-sc-kvs{grid-template-columns:1fr}}.cs-os[data-theme=dark] .cs-mock-sc-pill.paid{background:#0e2a1c;color:#5ae29e;border-color:#25563d}.cs-os[data-theme=dark] .cs-mock-sc-pill.invoiced{background:#352303;color:#ffb83d;border-color:#684912}