/* admin-credit.css (v87)  The dashboard's Credit tab (admin-credit.js). The
   shared modal, KPI strip and tables come from admin-money.css; this adds the
   status strip, request cards, the Adjust box, the ladder editor and the
   switch. --a-* dashboard tokens only, both themes. */
.vc-help p{margin:0 0 10px;}
.vc-help p:last-child{margin-bottom:0;}
.vc-help a{color:var(--a-text);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.vc-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--a-surface);border:1px solid var(--a-border);box-shadow:var(--a-shadow-sm);}
.vc-status-t{flex:1 1 260px;font-size:.82rem;color:var(--a-text);}
.vc-status .adm-btn-sm{text-decoration:none;}
.pill.vc-says{background:var(--a-info-bg);color:var(--a-info-fg);}
.vc-plus{font-size:.74rem;font-weight:700;color:var(--a-ok-fg);}
.vc-req .mc-amt{white-space:nowrap;}
.adm-btn-sm.vc-primary{background:var(--a-text);color:var(--a-surface);border-color:var(--a-text);}
.adm-btn-sm.vc-primary:hover{opacity:.9;}
.vc-sum{margin:2px 0 0;padding:10px 12px;border-radius:10px;background:var(--a-surface-2);border:1px solid var(--a-border);font-size:.82rem;color:var(--a-text);}
.vc-sum:empty{display:none;}
.vc-sum b{color:var(--a-text-strong);}
.vm-msg.ok{color:var(--a-ok-fg);}
.vc-sec{margin:16px 0 0;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--a-muted);}
.vc-adj{margin:14px 0 0;padding:12px 14px;border-radius:12px;border:1px solid var(--a-border);background:var(--a-surface-2);}
.vc-adj-h{margin:0 0 8px;font-size:.8rem;font-weight:800;color:var(--a-text-strong);}
.vc-adj-g{display:grid;grid-template-columns:110px 160px minmax(0,1fr);gap:10px;}
@media(max-width:620px){.vc-adj-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.vc-adj-g label:last-child{grid-column:1 / -1;}}

/* the ladder editor */
.vc-switch{display:flex;align-items:flex-start;gap:12px;margin:4px 0 14px;padding:12px 14px;border-radius:12px;border:1px solid var(--a-border);background:var(--a-surface);cursor:pointer;}
.vc-switch input{position:absolute;opacity:0;width:1px;height:1px;}
.vc-switch-ui{position:relative;flex:0 0 auto;width:42px;height:24px;border-radius:999px;background:var(--a-border-2);transition:background .2s ease;margin-top:1px;}
.vc-switch-ui::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s ease;}
.vc-switch input:checked + .vc-switch-ui{background:var(--a-ok-fg);}
.vc-switch input:checked + .vc-switch-ui::after{transform:translateX(18px);}
.vc-switch input:focus-visible + .vc-switch-ui{box-shadow:0 0 0 3px var(--c-focus);}
.vc-switch b{display:block;font-size:.86rem;color:var(--a-text-strong);}
.vc-switch i{display:block;font-style:normal;font-size:.76rem;color:var(--a-muted);margin-top:2px;}
.vc-lim{display:grid;grid-template-columns:repeat(2,minmax(0,200px));gap:10px;}
.vc-tier{display:grid;grid-template-columns:minmax(0,160px) minmax(0,140px) auto;gap:10px;align-items:end;}
.vc-tier .vm-lab{margin-bottom:8px;}
.vc-tier .adm-btn-sm{margin-bottom:10px;justify-self:start;}
#vc-add{margin:4px 0 6px;}
.vc-prev .vm-tablewrap{max-width:520px;}
@media(max-width:560px){.vc-lim{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.vc-tier{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}.vc-tier .adm-btn-sm{grid-column:1 / -1;justify-self:start;}}

/* orders tab: store credit on an order (admin.html orderCard) */
.vc-order{margin:8px 0 4px;padding:9px 12px;border-radius:10px;border:1px solid var(--a-border);background:var(--a-surface-2);font-size:.8rem;line-height:1.5;color:var(--a-text);}
.vc-order b{color:var(--a-text-strong);}
.vc-order.back{border-style:dashed;}
.mc-due{display:block;font-size:.68rem;font-weight:700;color:var(--a-muted);text-align:right;white-space:nowrap;}

/* a short confirmation after Mark paid / Void */
.vc-toast{position:fixed;left:50%;bottom:24px;z-index:3000;max-width:min(560px,calc(100vw - 32px));transform:translateX(-50%);padding:12px 16px;border-radius:12px;
  background:var(--a-text);color:var(--a-surface);font:700 .84rem/1.45 var(--font);box-shadow:0 14px 40px rgba(0,0,0,.28);transition:opacity .35s ease,transform .35s ease;}
.vc-toast.out{opacity:0;transform:translate(-50%,8px);}
@media (prefers-reduced-motion:reduce){.vc-switch-ui,.vc-switch-ui::after,.vc-toast{transition:none;}}