/* VERVE POS WEB — MASTER CLOSURE UI 20260930
   Approved direction: repair/redesign visibly broken UI while preserving engine/data contracts. */
:root{--mc-radius:16px;--mc-gap:14px;--mc-soft:color-mix(in srgb,var(--surface,#20232b) 92%,transparent);--mc-border:color-mix(in srgb,currentColor 12%,transparent)}
.vd-title-block{display:flex;align-items:center;gap:12px;min-width:0}.vd-title-stack{display:flex;flex-direction:column;gap:4px;min-width:0}.vd-title-stack h1{margin:0;line-height:1.05}.vd-breadcrumb{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;min-width:0;font-size:11px;line-height:1;color:var(--muted,#9ca3af)}.vd-breadcrumb button{appearance:none;border:0;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vd-breadcrumb button:hover{color:var(--text,#fff)}.vd-breadcrumb button[aria-current="page"]{color:var(--text,#fff);font-weight:700;pointer-events:none}.vd-breadcrumb span{opacity:.45}
.vd-outlet button>span{display:flex;align-items:center}.vd-outlet button>span>b{font-size:13px}
.vd-prayer-main b em{font-style:normal}.vd-prayer-main b{white-space:nowrap}
.vd-dashboard-content{padding-bottom:36px}.vd-dashboard-hero{align-items:center;margin-bottom:14px}.vd-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.vd-kpi{position:relative;min-height:118px;padding:18px;border:1px solid var(--mc-border);border-radius:var(--mc-radius);background:var(--mc-soft);overflow:hidden}.vd-kpi small{display:block;padding-right:36px;font-size:12px;font-weight:750;letter-spacing:.02em;opacity:.72}.vd-kpi strong{display:block;margin-top:8px;font-size:25px;line-height:1.05;letter-spacing:-.03em}.vd-kpi em{display:block;margin-top:8px;font-size:11px;font-style:normal;opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vd-kpi-icon{position:absolute!important;right:14px!important;top:14px!important;left:auto!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;opacity:.8}.vd-kpi-icon svg{width:20px;height:20px}
.vd-dashboard-analytics{grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr)!important;gap:14px!important}.vd-dashboard-analytics>.vd-card{min-height:0!important}.vd-sales-chart-card{height:auto!important}.vd-line-chart{height:215px;display:flex;flex-direction:column;justify-content:flex-end}.vd-line-chart svg{width:100%;height:178px;overflow:visible}.vd-line-stroke{fill:none;stroke:currentColor;stroke-width:3;vector-effect:non-scaling-stroke}.vd-line-area{fill:currentColor;opacity:.06;stroke:none}.vd-line-chart circle{fill:var(--surface,#20232b);stroke:currentColor;stroke-width:3}.vd-chart-labels{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;opacity:.62;text-align:center;margin-top:4px}.vd-chart-empty{height:190px;display:grid;place-content:center;text-align:center;gap:6px;opacity:.7}.vd-chart-empty span{font-size:12px}
.vd-donut-layout{display:grid;grid-template-columns:minmax(150px,190px) 1fr;gap:20px;align-items:center;min-height:210px}.vd-donut-chart{width:168px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#4fd1c5 0 var(--cash),#ff5aa5 var(--cash) 100%);position:relative;display:grid;place-items:center;margin:auto}.vd-donut-chart:after{content:"";position:absolute;inset:21px;border-radius:50%;background:var(--surface,#20232b);box-shadow:0 0 0 1px var(--mc-border)}.vd-donut-chart>div{position:relative;z-index:1;text-align:center;display:grid;gap:4px}.vd-donut-chart small{font-size:10px;opacity:.65}.vd-donut-chart strong{font-size:18px}.vd-donut-legend{display:grid;gap:12px}.vd-donut-legend span{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:12px}.vd-donut-legend i{width:9px;height:9px;border-radius:50%}.vd-donut-legend i.cash{background:#4fd1c5}.vd-donut-legend i.qr{background:#ff5aa5}
.vd-quick-grid button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important}.vd-quick-grid button svg{width:17px;height:17px}.vd-quick-grid button span{font-size:13px;font-weight:700}
.vd-stat{position:relative!important;overflow:hidden!important}.vd-stat>.vd-stat-icon{left:auto!important;right:14px!important;top:14px!important}.vd-stat>small{padding-right:40px!important;display:block!important}.vd-bars{min-height:160px!important;max-height:190px!important}
.vd-cash-analytics{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:14px;margin-top:14px}.vd-cash-chart-card,.vd-cash-donut-card{border:1px solid var(--mc-border);border-radius:var(--mc-radius);padding:16px;background:var(--mc-soft)}.vd-cash-chart-card h3,.vd-cash-donut-card h3{margin:3px 0 12px}.vd-cash-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;opacity:.75}.vd-cash-legend span{display:flex;align-items:center;gap:5px}.vd-cash-legend i{width:8px;height:8px;border-radius:50%}.vd-cash-legend .in{background:#4fd1c5}.vd-cash-legend .out{background:#ff5aa5}.vd-cash-legend .net{background:#f8c04e}.vd-cash-svg{width:100%;height:210px}.vd-cash-svg .grid{stroke:currentColor;opacity:.08;stroke-width:1}.vd-cash-svg .money-in{fill:none;stroke:#4fd1c5;stroke-width:3}.vd-cash-svg .money-out{fill:none;stroke:#ff5aa5;stroke-width:3}.vd-cash-svg .net{fill:none;stroke:#f8c04e;stroke-width:3}.vd-cash-labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;text-align:center;font-size:10px;opacity:.6;overflow:hidden}
@media(max-width:1400px){.vd-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.vd-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-dashboard-analytics,.vd-cash-analytics{grid-template-columns:1fr!important}.vd-donut-layout{grid-template-columns:170px 1fr}}@media(max-width:640px){.vd-kpi-grid{grid-template-columns:1fr 1fr}.vd-kpi{min-height:104px;padding:14px}.vd-kpi strong{font-size:21px}.vd-donut-layout{grid-template-columns:1fr}.vd-breadcrumb{max-width:65vw}.vd-title-stack h1{font-size:23px}.vd-topbar{align-items:flex-start}.vd-prayer-pill{max-width:185px}.vd-prayer-main small{display:none}}@media(max-width:420px){.vd-kpi-grid{grid-template-columns:1fr}.vd-breadcrumb{max-width:54vw}}