/* Warehousevana buyer overview. Every selector starts with a .wvbo- class; colours follow the navy/amber/white
   system of the buyer and seller shells. Grids use min() so no track is wider than a 360px phone. */
.wvbo{--wvbo-navy:#0f1a30;--wvbo-navy-2:#1a2a4c;--wvbo-ink:#14213d;--wvbo-muted:#56627a;--wvbo-line:#dde3ee;--wvbo-card:#fff;--wvbo-amber:#f6a821;--wvbo-amber-ink:#2b1a00;--wvbo-amber-soft:#fff4dc;--wvbo-blue:#1f5fd6;--wvbo-blue-soft:#e9f0fd;--wvbo-green:#14713f;--wvbo-green-soft:#e3f3e9;--wvbo-red:#b12a1f;--wvbo-red-soft:#fbe7e4;--wvbo-wait:#4b5876;--wvbo-wait-soft:#eef1f6;display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%;margin-top:16px;color:var(--wvbo-ink)}
.wvbo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Hero: company context and primary jobs */
.wvbo-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 20px;padding:20px 22px;border-radius:14px;background:linear-gradient(120deg,var(--wvbo-navy) 0%,var(--wvbo-navy-2) 100%);color:#fff;border-bottom:3px solid var(--wvbo-amber)}
.wvbo-hero-text{min-width:0}
.wvbo-kicker{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#ffd27d;overflow-wrap:anywhere}
.wvbo-hero-title{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:22px;line-height:1.25;font-weight:700;color:#fff;overflow-wrap:anywhere}
.wvbo-hero-meta{margin:6px 0 0;font-size:13px;color:#c9d3e8;overflow-wrap:anywhere}
.wvbo-hero-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}

/* Buttons and links */
.wvbo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 16px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:13px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.wvbo-btn-primary{background:var(--wvbo-amber);border-color:var(--wvbo-amber);color:var(--wvbo-amber-ink)}
.wvbo-btn-primary:hover{background:#ffb83e}
.wvbo-btn-ghost{background:transparent;border-color:#4d5f86;color:#fff}
.wvbo-btn-ghost:hover{background:rgba(255,255,255,.08)}
.wvbo-btn-quiet{background:var(--wvbo-card);border-color:var(--wvbo-line);color:var(--wvbo-blue)}
.wvbo-btn-quiet:hover{background:var(--wvbo-blue-soft)}
.wvbo-btn[disabled]{opacity:.6;cursor:not-allowed}
.wvbo-link{display:inline-flex;align-items:center;min-height:44px;color:var(--wvbo-blue);font-size:13px;font-weight:650;text-decoration:none;overflow-wrap:anywhere}
.wvbo-link:hover{text-decoration:underline}
.wvbo-link::after{content:'\203A';margin-left:6px}

/* Live status line */
.wvbo-live{margin:0;font-size:12px;color:var(--wvbo-muted)}

/* Sections */
.wvbo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;min-width:0}
.wvbo-section{min-width:0;padding:18px 18px 16px;border:1px solid var(--wvbo-line);border-radius:14px;background:var(--wvbo-card);box-shadow:0 1px 2px rgba(15,26,48,.05)}
.wvbo-wide{grid-column:1/-1}
.wvbo-section[aria-busy=true]{opacity:.92}
.wvbo-section-head{margin-bottom:12px}
.wvbo-h2{margin:0;font-family:Manrope,system-ui,sans-serif;font-size:17px;line-height:1.3;font-weight:700;color:var(--wvbo-ink);overflow-wrap:anywhere}
.wvbo-h2:focus{outline:none}
.wvbo-h2:focus-visible{outline:3px solid var(--wvbo-blue);outline-offset:3px;border-radius:4px}
.wvbo-h3{margin:0;font-size:14px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
.wvbo-sub{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--wvbo-muted)}

/* Metrics */
.wvbo-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:10px;margin:0;padding:0;list-style:none}
.wvbo-metric{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 12px 4px;border:1px solid var(--wvbo-line);border-top:3px solid var(--wvbo-navy);border-radius:10px;background:#fbfcfe}
.wvbo-metric[data-state=error]{border-top-color:var(--wvbo-red);background:var(--wvbo-red-soft)}
.wvbo-metric[data-state=denied]{border-top-color:var(--wvbo-wait);background:var(--wvbo-wait-soft)}
.wvbo-metric[data-state=loading]{border-top-color:var(--wvbo-line)}
.wvbo-metric-label{font-size:12px;font-weight:650;color:var(--wvbo-muted);overflow-wrap:anywhere}
.wvbo-count{font-family:Manrope,system-ui,sans-serif;font-size:26px;line-height:1.15;font-weight:800;color:var(--wvbo-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wvbo-word{font-size:17px}
.wvbo-pending{color:#98a3b8}
.wvbo-note{font-size:12px;line-height:1.45;color:var(--wvbo-muted);overflow-wrap:anywhere}

/* Next actions */
.wvbo-section-actions{border-left:4px solid var(--wvbo-amber)}
.wvbo-actions{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.wvbo-action{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:12px 14px;border:1px solid var(--wvbo-line);border-left:4px solid var(--wvbo-blue);border-radius:10px;background:#fbfcfe}
.wvbo-action-text{flex:1 1 260px;min-width:0}
.wvbo-action-text p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#33405c;overflow-wrap:anywhere}
.wvbo-source{display:inline-block;margin-top:4px;font-size:11px;color:var(--wvbo-muted)}
.wvbo-tone-warn{border-left-color:var(--wvbo-amber);background:var(--wvbo-amber-soft)}
.wvbo-tone-action{border-left-color:var(--wvbo-amber)}
.wvbo-tone-start{border-left-color:var(--wvbo-green);background:var(--wvbo-green-soft)}
.wvbo-tone-wait{border-left-color:var(--wvbo-wait)}
.wvbo-empty{margin:0;font-size:13px;color:var(--wvbo-muted)}
.wvbo-partial{margin:10px 0 0;font-size:12.5px;color:var(--wvbo-red)}

/* Partial failure inside a section */
.wvbo-section-alert{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--wvbo-red-soft);color:var(--wvbo-red);font-size:12.5px}
.wvbo-section-alert p{flex:1 1 220px;min-width:0;margin:0;overflow-wrap:anywhere}
.wvbo-reason{color:#7c2018}

/* Newest requests */
.wvbo-requests{display:flex;flex-direction:column;margin:0 0 6px;padding:0;list-style:none}
.wvbo-request{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:10px 0;border-bottom:1px solid var(--wvbo-line)}
.wvbo-request-main{display:flex;flex-direction:column;gap:2px;flex:1 1 240px;min-width:0}
.wvbo-request-side{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.wvbo-request-title{color:var(--wvbo-ink);font-weight:700;font-size:14px;text-decoration:none;overflow-wrap:anywhere}
.wvbo-request-title[href]{color:var(--wvbo-blue)}
.wvbo-request-title[href]:hover{text-decoration:underline}
.wvbo-request-meta{font-size:12px;color:var(--wvbo-muted);overflow-wrap:anywhere}
.wvbo-chip{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;border-radius:999px;background:var(--wvbo-wait-soft);color:var(--wvbo-wait);font-size:12px;font-weight:650;overflow-wrap:anywhere}
.wvbo-chip-action{background:var(--wvbo-amber-soft);color:#8a5300}
.wvbo-chip-ok{background:var(--wvbo-green-soft);color:var(--wvbo-green)}
.wvbo-chip-muted{background:#f1f2f5;color:#5b6273}
.wvbo-empty-state{padding:14px;border:1px dashed var(--wvbo-line);border-radius:10px;font-size:13px}
.wvbo-empty-state p{margin:0}

/* Whole-page states */
.wvbo-state-panel{border-left:4px solid var(--wvbo-red)}
.wvbo-state-panel p{font-size:13.5px;line-height:1.55;overflow-wrap:anywhere}
.wvbo-plain-links{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.wvbo-foot{margin:0;font-size:11.5px;line-height:1.55;color:var(--wvbo-muted)}

/* Focus */
.wvbo-btn:focus-visible,.wvbo-link:focus-visible,.wvbo-request-title:focus-visible{outline:3px solid var(--wvbo-blue);outline-offset:2px;border-radius:6px}
.wvbo-hero .wvbo-btn:focus-visible{outline-color:var(--wvbo-amber)}

@media (max-width:760px){
 .wvbo{gap:12px;margin-top:12px}
 .wvbo-hero{padding:16px}
 .wvbo-hero-title{font-size:19px}
 .wvbo-hero-actions{width:100%}
 .wvbo-hero-actions .wvbo-btn{flex:1 1 140px}
 .wvbo-section{padding:14px 14px 12px}
 .wvbo-action .wvbo-btn{width:100%}
 .wvbo-count{font-size:22px}
}
@media (max-width:374px){
 .wvbo-metrics{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
 .wvbo-btn{transition:none}
}
@media (forced-colors:active){
 .wvbo-metric,.wvbo-action{border:1px solid CanvasText}
}