
/* VoltTech Commerce UI — shared search and dialog language */
.vt-searchbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0}
.vt-search{position:relative;flex:1 1 260px}
.vt-search:before{content:"⌕";position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--teal,#2fe6c8);font:700 15px 'JetBrains Mono',monospace;pointer-events:none}
.vt-search input{width:100%;min-height:46px;padding:0 13px 0 38px;border:1px solid var(--line,#1a2b2b);border-radius:6px;background:#07100f;color:var(--text,#eaf4f1);outline:none}
.vt-search input:focus{border-color:var(--teal,#2fe6c8);box-shadow:0 0 0 2px rgba(47,230,200,.08)}
.vt-filter{min-height:46px;min-width:150px;border:1px solid var(--line,#1a2b2b);border-radius:6px;background:#07100f;color:var(--text,#eaf4f1);padding:0 12px}
.vt-result-count{color:var(--muted,#78918d);font:9px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.vt-empty-search{padding:17px;border:1px dashed var(--line,#1a2b2b);border-radius:7px;color:var(--muted,#78918d);font-size:12px}
.vt-picker{position:relative}
.vt-picker-results{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:35;max-height:300px;overflow:auto;border:1px solid #2a4541;border-radius:7px;background:#07100f;box-shadow:0 18px 50px rgba(0,0,0,.55);padding:6px}
.vt-picker-results[hidden]{display:none}
.vt-picker-option{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #152725;background:transparent;color:var(--text,#eaf4f1);padding:11px 10px;cursor:pointer}
.vt-picker-option:last-child{border-bottom:0}
.vt-picker-option:hover,.vt-picker-option:focus-visible{background:rgba(47,230,200,.08);outline:none}
.vt-picker-option b{display:block;font-size:12px}
.vt-picker-option span{display:block;color:var(--muted,#78918d);font-size:10px;margin-top:3px}
.vt-selected{margin-top:7px;padding:9px 11px;border:1px solid rgba(47,230,200,.24);border-radius:5px;color:#a7c2bd;font-size:11px;background:rgba(47,230,200,.035)}
.vt-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vt-customer-card{border:1px solid var(--line,#1a2b2b);border-radius:7px;background:#081111;padding:13px}
.vt-customer-card b{display:block}
.vt-customer-card small{display:block;color:var(--muted,#78918d);margin-top:4px;line-height:1.45}
.vt-customer-card button{margin-top:10px}

/* modal */
.vt-dialog-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.vt-dialog-backdrop[hidden]{display:none!important}
.vt-dialog{width:min(500px,100%);max-height:min(82vh,700px);overflow:auto;border:1px solid #26423e;border-radius:12px;background:linear-gradient(145deg,#0d1919,#071010);box-shadow:0 24px 90px rgba(0,0,0,.7);padding:22px;color:#eaf4f1;font-family:'Space Grotesk',sans-serif}
.vt-dialog.danger{border-color:rgba(255,116,116,.5)}
.vt-dialog-kicker{color:#2fe6c8;font:700 8px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.vt-dialog.danger .vt-dialog-kicker{color:#ff8d8d}
.vt-dialog h2{margin:7px 0 8px;font-size:24px}
.vt-dialog p{margin:0;color:#8aa09c;font-size:13px;line-height:1.6}
.vt-dialog pre{white-space:pre-wrap;word-break:break-word;margin:14px 0 0;border:1px solid #1d3330;border-radius:7px;background:#050b0b;padding:12px;color:#c9d9d6;font:10px/1.55 'JetBrains Mono',monospace}
.vt-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.vt-dialog-btn{min-height:43px;border:1px solid #304743;border-radius:6px;background:transparent;color:#b9cbc7;padding:0 15px;font:700 9px 'JetBrains Mono',monospace;text-transform:uppercase}
.vt-dialog-btn.primary{border-color:#2fe6c8;background:#2fe6c8;color:#04120f}
.vt-dialog-btn.danger{border-color:#ff7474;background:#ff7474;color:#1a0507}
@media(max-width:620px){
  .vt-searchbar{display:grid;grid-template-columns:1fr}
  .vt-filter{width:100%}
  .vt-customer-grid{grid-template-columns:1fr}
  .vt-dialog{padding:19px 15px}
  .vt-dialog-actions{display:grid;grid-template-columns:1fr 1fr}
  .vt-dialog-btn{width:100%}
}

/* v3.3 Admin workflow */
.vt-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:15px 0 20px}
.vt-flow-step{border:1px solid var(--line,#1a2b2b);border-radius:7px;background:#081111;padding:11px}
.vt-flow-step b{display:block;color:var(--teal,#2fe6c8);font:700 8px 'JetBrains Mono',monospace;text-transform:uppercase}
.vt-flow-step span{display:block;margin-top:5px;color:var(--muted,#78918d);font-size:10px;line-height:1.35}
.vt-queue{display:grid;gap:10px}.vt-work-card{border:1px solid var(--line,#1a2b2b);border-radius:8px;background:#081111;padding:15px}
.vt-work-card.attention{border-color:rgba(255,180,84,.42)}.vt-work-card.ready{border-color:rgba(47,230,200,.38)}
.vt-work-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.vt-work-stage{display:inline-block;color:var(--teal,#2fe6c8);font:700 8px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.vt-work-card.attention .vt-work-stage{color:#ffb454}.vt-work-card h3{margin:5px 0 3px;font-size:17px}
.vt-work-meta{color:var(--muted,#78918d);font-size:11px;line-height:1.55}.vt-work-money{color:var(--teal,#2fe6c8);font-weight:800;white-space:nowrap}
.vt-work-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.vt-queue-empty{border:1px dashed var(--line,#1a2b2b);border-radius:8px;padding:17px;color:var(--muted,#78918d)}
.vt-focus{animation:vtFocus 2.2s ease}@keyframes vtFocus{0%,35%{box-shadow:0 0 0 3px rgba(47,230,200,.26);border-color:#2fe6c8}100%{box-shadow:none}}
@media(max-width:720px){.vt-flow{grid-template-columns:1fr}.vt-flow-step{display:grid;grid-template-columns:86px 1fr;gap:8px;align-items:center}.vt-flow-step span{margin:0}.vt-work-top{display:grid}.vt-work-actions .btn{flex:1;min-width:125px}}
