/* VERVE POS Web — UI FIX LOCK3
   Targeted polish only: Supplier/PO, admin-family forms, Stock Adjustment, Cashflow.
   RC6.4.3.3 layout authority remains unchanged. */

/* ---------- Shared admin/form family ---------- */
.vd-form-help{margin:4px 0 16px!important;color:var(--muted);font-size:11.5px;line-height:1.5}
.vd-clean-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 14px!important;margin-top:12px}
.vd-clean-form .full{grid-column:1/-1}
.vd-field{display:grid!important;gap:7px!important;margin:0!important;align-content:start}
.vd-field>span{font-size:10px;font-weight:850;letter-spacing:.035em;color:color-mix(in srgb,var(--text) 88%,var(--muted))}
.vd-field>span em{font-style:normal;font-weight:650;color:var(--muted)}
.vd-clean-form input,.vd-clean-form select,.vd-clean-form textarea{width:100%;margin:0!important;min-height:44px!important;border-radius:12px!important;padding:10px 12px!important;background:color-mix(in srgb,var(--surface2) 94%,var(--surface))!important}
.vd-clean-form textarea{min-height:88px!important;resize:vertical}
.vd-primary-action{min-height:46px!important;margin-top:2px!important;font-weight:850!important;letter-spacing:.01em}
.vd-modal-card:has(.vd-clean-form){width:min(650px,94vw)!important;padding:18px 20px 22px!important}
.vd-modal-card:has(.vd-stock-adjust){width:min(580px,94vw)!important}
.vd-modal-card:has(.vd-supplier-form){width:min(650px,94vw)!important}
.vd-modal-card:has(.vd-supplier-upload){width:min(640px,94vw)!important}

.vd-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface2) 86%,transparent)}
.vd-segmented button{min-height:36px!important;border:0!important;background:transparent!important;color:var(--muted)!important;border-radius:9px!important;font-size:11px;font-weight:800}
.vd-segmented button.active{background:var(--surface)!important;color:var(--text)!important;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.vd-input-suffix{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface2)}
.vd-input-suffix input{border:0!important;border-radius:0!important;background:transparent!important}
.vd-input-suffix em{font-style:normal;font-size:10px;color:var(--muted);padding-right:12px}
.vd-stock-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 88%,transparent);border-radius:14px;padding:11px}
.vd-stock-preview span{display:grid;gap:3px;font-size:9px;color:var(--muted)}
.vd-stock-preview b,.vd-stock-preview strong,.vd-stock-preview em{font-style:normal;color:var(--text);font-size:15px;font-weight:850}
.vd-stock-preview em.pos{color:var(--good)}.vd-stock-preview em.neg{color:var(--bad)}

.vd-file-drop{min-height:122px;border:1px dashed color-mix(in srgb,var(--teal) 45%,var(--line));border-radius:15px;padding:16px!important;display:grid!important;place-items:center;text-align:center;gap:5px;background:color-mix(in srgb,var(--surface2) 90%,var(--teal) 2%);cursor:pointer}
.vd-file-drop:hover{border-color:color-mix(in srgb,var(--teal) 75%,var(--line));background:color-mix(in srgb,var(--surface2) 88%,var(--teal) 5%)}
.vd-file-drop input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.vd-file-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal);font-size:20px;font-weight:900}
.vd-file-drop b{font-size:12px}.vd-file-drop small{font-size:9px;color:var(--muted)}

/* ---------- Supplier & PO page ---------- */
.vd-supplier-toolbar{align-items:flex-end!important}
.vd-supplier-toolbar>div:first-child>p.muted{margin:5px 0 0;font-size:11px}
.vd-supplier-toolbar .actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.vd-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 14px}
.vd-summary-strip>div{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface2) 82%,transparent));border-radius:14px;padding:12px 14px;min-height:72px;display:grid;align-content:center}
.vd-summary-strip small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:850}
.vd-summary-strip strong{font-family:var(--display);font-size:22px;margin-top:4px}
.vd-supplier-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:12px;margin-bottom:12px}
.vd-supplier-panel{min-height:250px}
.vd-panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.vd-panel-title small{font-size:8px;letter-spacing:.15em;color:var(--muted);font-weight:900}
.vd-panel-title h3{margin:3px 0 0!important}.vd-panel-title p{margin:5px 0 0!important;font-size:10.5px}
.vd-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface2);font-size:10px;font-weight:850;color:var(--text)}
.vd-supplier-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}
.vd-supplier-row:last-child{border-bottom:0}.vd-supplier-row b{display:block;font-size:12px}.vd-supplier-row span{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.vd-supplier-docs{margin-top:0!important}.vd-supplier-docs .fc-line{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0!important}
.vd-empty-compact{border:1px dashed var(--line);border-radius:14px;padding:18px;display:grid;gap:5px;color:var(--muted);background:color-mix(in srgb,var(--surface2) 64%,transparent)}
.vd-empty-compact b{color:var(--text);font-size:12px}.vd-empty-compact span{font-size:10.5px;line-height:1.45}

/* ---------- Cashflow ---------- */
.vd-cashflow-shell{padding:16px!important}
.vd-cashflow-toolbar{margin-bottom:14px!important}
.vd-cashflow-toolbar>div>p.muted{margin:5px 0 0;font-size:11px}
.vd-date-chip{display:grid!important;grid-template-columns:auto auto;gap:8px;align-items:center;margin:0!important;padding:5px 7px 5px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);min-width:0}
.vd-date-chip>span{font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.vd-date-chip input{width:142px!important;min-height:34px!important;height:34px!important;padding:4px 7px!important;margin:0!important;border:0!important;background:transparent!important;font-size:11px!important;box-shadow:none!important}
.vd-cash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.vd-cash-metrics article{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface),var(--surface2));padding:14px;min-height:104px;display:grid;align-content:center}
.vd-cash-metrics small{font-size:9px;color:var(--muted);font-weight:800}.vd-cash-metrics strong{font-family:var(--display);font-size:24px;margin-top:5px}.vd-cash-metrics span{font-size:9px;color:var(--muted);margin-top:4px}
.vd-cash-metrics .vd-cash-net{border-color:color-mix(in srgb,var(--teal) 38%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,var(--teal) 5%),var(--surface2))}
.vd-cash-breakdown{margin-top:12px;border:1px solid var(--line);border-radius:15px;padding:14px;background:color-mix(in srgb,var(--surface2) 78%,transparent)}
.vd-mix-row{display:grid;grid-template-columns:100px 1fr 44px;gap:10px;align-items:center;margin:9px 0;font-size:10px}.vd-mix-row>div{height:7px;border-radius:99px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}.vd-mix-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--accent))}.vd-mix-row b{text-align:right;font-size:10px}.vd-cash-note{font-size:9.5px;color:var(--muted);margin:12px 0 0;border-top:1px solid var(--line);padding-top:10px}
.vd-loading-inline{padding:18px;color:var(--muted);font-size:11px}

/* ---------- Responsive: tablet ---------- */
@media(max-width:1024px){
 .vd-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 .vd-supplier-grid{grid-template-columns:1fr}
 .vd-supplier-panel{min-height:auto}
 .vd-cash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .vd-clean-form{gap:12px}
}

/* ---------- Responsive: phone ---------- */
@media(max-width:680px){
 .vd-clean-form{grid-template-columns:1fr!important;gap:11px!important}
 .vd-clean-form .full{grid-column:auto}
 .vd-modal-card:has(.vd-clean-form){width:min(96vw,560px)!important;padding:14px 14px 17px!important;max-height:92vh!important}
 .vd-form-dialog h2{font-size:20px!important}
 .vd-stock-preview{grid-template-columns:1fr 1fr 1fr;padding:9px}
 .vd-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .vd-summary-strip>div{padding:10px;min-height:64px}.vd-summary-strip strong{font-size:19px}
 .vd-supplier-toolbar{align-items:flex-start!important}.vd-supplier-toolbar .actions{width:100%;justify-content:flex-start}.vd-supplier-toolbar .actions button{flex:1 1 auto}
 .vd-supplier-docs .fc-line{align-items:flex-start;flex-direction:column}
 .vd-cashflow-toolbar{align-items:flex-start!important}.vd-date-chip{width:auto}.vd-date-chip input{width:128px!important}
 .vd-cash-metrics{grid-template-columns:1fr 1fr;gap:8px}.vd-cash-metrics article{min-height:88px;padding:11px}.vd-cash-metrics strong{font-size:20px}
 .vd-mix-row{grid-template-columns:78px 1fr 38px;gap:7px}
}

@media(max-width:430px){
 .vd-summary-strip{grid-template-columns:1fr 1fr}
 .vd-cash-metrics{grid-template-columns:1fr}
 .vd-stock-preview{grid-template-columns:1fr;gap:6px}
 .vd-date-chip{grid-template-columns:auto 1fr;width:100%}.vd-date-chip input{width:100%!important}
}