/* Warehousevana seller catalog workspace. Every selector starts with a .wvsc- class so nothing leaks into the
   storefront, buyer workspace, seller shell chrome or other workspace modules. Colours inherit the seller shell
   tokens when present and fall back to the same values elsewhere. */
.wvsc-root{--wvsc-navy:var(--wvs-navy,#0f1a30);--wvsc-ink:var(--wvs-ink,#14213d);--wvsc-muted:var(--wvs-muted,#56627a);--wvsc-line:var(--wvs-line,#dde3ee);--wvsc-card:var(--wvs-card,#fff);--wvsc-canvas:var(--wvs-canvas,#f3f5f9);--wvsc-amber:var(--wvs-amber,#f6a821);--wvsc-amber-ink:var(--wvs-amber-ink,#2b1a00);--wvsc-blue:var(--wvs-blue,#1f5fd6);--wvsc-green:var(--wvs-green,#14713f);--wvsc-green-soft:var(--wvs-green-soft,#e3f3e9);--wvsc-pending:var(--wvs-pending,#8a5300);--wvsc-pending-soft:var(--wvs-pending-soft,#fff2d6);--wvsc-red:var(--wvs-red,#b12a1f);--wvsc-red-soft:var(--wvs-red-soft,#fbe7e4);--wvsc-info-soft:#e8f0fd;display:grid;gap:16px;min-width:0;max-width:100%;color:var(--wvsc-ink);font-size:14px;line-height:1.5}
.wvsc-root *,.wvsc-root *::before,.wvsc-root *::after{box-sizing:border-box}
.wvsc-root [hidden]{display:none!important}
.wvsc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wvsc-region{min-width:0;background:var(--wvsc-card);border:1px solid var(--wvsc-line);border-radius:12px;padding:16px}
.wvsc-region:focus{outline:3px solid var(--wvsc-blue);outline-offset:2px}
.wvsc-region h2{margin:0;font-size:1.15rem;line-height:1.3}
.wvsc-region h3{margin:0;font-size:1rem;line-height:1.35}
.wvsc-muted{color:var(--wvsc-muted);margin:4px 0 0}
.wvsc-fine{color:var(--wvsc-muted);font-size:.82rem;margin:8px 0 0}
.wvsc-link{color:var(--wvsc-blue);font-weight:600;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.wvsc-link:hover{text-decoration-thickness:2px}
.wvsc-root code{font:600 .86em/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--wvsc-canvas);border-radius:4px;padding:1px 5px;word-break:break-all}
.wvsc-root [data-wvsc-results],.wvsc-root [data-wvsc-context-title],.wvsc-root [data-wvsc-step-title],.wvsc-root [data-wvsc-receipt],.wvsc-root [data-wvsc-create-title],.wvsc-root [data-wvsc-denied]{scroll-margin-top:84px}

/* Buttons: amber primary, outlined secondary, quiet text actions. 44px touch targets. */
.wvsc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 16px;border-radius:8px;border:1px solid transparent;font:650 .9rem/1.2 inherit;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer;max-width:100%;white-space:normal}
.wvsc-btn-primary{background:var(--wvsc-amber);border-color:var(--wvsc-amber);color:var(--wvsc-amber-ink)}
.wvsc-btn-primary:hover{background:#e59a12}
.wvsc-btn-secondary{background:var(--wvsc-card);border-color:#9fb0cc;color:var(--wvsc-ink)}
.wvsc-btn-secondary:hover{border-color:var(--wvsc-navy)}
.wvsc-btn-quiet{background:transparent;color:var(--wvsc-blue);border-color:transparent;text-decoration:underline;text-underline-offset:2px}
.wvsc-btn[disabled],.wvsc-btn[aria-busy="true"]{opacity:.6;cursor:not-allowed}
.wvsc-btn:focus-visible,.wvsc-tab:focus-visible,.wvsc-stat:focus-visible,.wvsc-link:focus-visible{outline:3px solid var(--wvsc-blue);outline-offset:2px}
.wvsc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}

/* Status chips */
.wvsc-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.6;white-space:nowrap;border:1px solid transparent}
.wvsc-chip-ok{background:var(--wvsc-green-soft);color:var(--wvsc-green)}
.wvsc-chip-info{background:var(--wvsc-info-soft);color:var(--wvsc-blue)}
.wvsc-chip-pending{background:var(--wvsc-pending-soft);color:var(--wvsc-pending)}
.wvsc-chip-error{background:var(--wvsc-red-soft);color:var(--wvsc-red)}
.wvsc-chip-neutral{background:var(--wvsc-canvas);color:var(--wvsc-ink);border-color:var(--wvsc-line)}
.wvsc-chip-muted{background:var(--wvsc-canvas);color:var(--wvsc-muted)}

/* Alerts */
.wvsc-alert{margin:12px 0 0;padding:12px 14px;border-radius:10px;border:1px solid var(--wvsc-line);border-left-width:4px;background:var(--wvsc-canvas);overflow-wrap:anywhere}
.wvsc-alert p{margin:4px 0}
.wvsc-alert-info{border-left-color:var(--wvsc-blue);background:var(--wvsc-info-soft)}
.wvsc-alert-ok{border-left-color:var(--wvsc-green);background:var(--wvsc-green-soft)}
.wvsc-alert-warn{border-left-color:var(--wvsc-amber);background:var(--wvsc-pending-soft)}
.wvsc-alert-error{border-left-color:var(--wvsc-red);background:var(--wvsc-red-soft)}
.wvsc-denied h2{margin-bottom:4px}

/* Overview */
.wvsc-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.wvsc-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:96px;padding:12px 14px;border-radius:10px;border:1px solid var(--wvsc-line);background:var(--wvsc-card);color:var(--wvsc-ink);font:inherit;text-align:left;cursor:pointer}
.wvsc-stat strong{font-size:1.6rem;line-height:1.1;font-variant-numeric:tabular-nums}
.wvsc-stat small{color:var(--wvsc-muted);font-size:.78rem}
.wvsc-stat-label{font-weight:650;font-size:.85rem}
.wvsc-stat:hover{border-color:#9fb0cc}
.wvsc-stat.is-current{border-color:var(--wvsc-amber);box-shadow:inset 0 -3px 0 var(--wvsc-amber)}

/* Layout: list + selected product context */
.wvsc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.wvsc-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}
.wvsc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.wvsc-tab{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:999px;border:1px solid var(--wvsc-line);background:var(--wvsc-card);color:var(--wvsc-ink);font:600 .85rem/1.2 inherit;font-family:inherit;cursor:pointer}
.wvsc-tab.is-current{background:var(--wvsc-navy);border-color:var(--wvsc-navy);color:#fff}
.wvsc-count{display:inline-block;min-width:22px;padding:0 6px;border-radius:999px;background:var(--wvsc-canvas);color:var(--wvsc-ink);font-size:.75rem;text-align:center;font-variant-numeric:tabular-nums}
.wvsc-tab.is-current .wvsc-count{background:var(--wvsc-amber);color:var(--wvsc-amber-ink)}
.wvsc-search{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px;align-items:end;margin-top:14px;padding:12px;border-radius:10px;background:var(--wvsc-canvas)}
.wvsc-search .wvsc-grow{grid-column:1/-1}
.wvsc-search-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}
.wvsc-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-weight:600;font-size:.86rem}
.wvsc-field input,.wvsc-field select,.wvsc-field textarea{width:100%;min-width:0;min-height:44px;padding:9px 11px;border-radius:8px;border:1px solid #9fb0cc;background:#fff;color:var(--wvsc-ink);font:400 .95rem/1.4 inherit;font-family:inherit}
.wvsc-field textarea{min-height:120px;resize:vertical}
.wvsc-field input:focus,.wvsc-field select:focus,.wvsc-field textarea:focus{outline:3px solid var(--wvsc-blue);outline-offset:1px;border-color:var(--wvsc-blue)}
.wvsc-field input[readonly],.wvsc-field textarea[readonly],.wvsc-field select[disabled]{background:var(--wvsc-canvas);color:var(--wvsc-muted)}
.wvsc-field.has-error input,.wvsc-field.has-error select,.wvsc-field.has-error textarea{border-color:var(--wvsc-red);border-width:2px}
.wvsc-hint{margin:0;color:var(--wvsc-muted);font-weight:400;font-size:.8rem}
.wvsc-error{margin:0;color:var(--wvsc-red);font-weight:650;font-size:.82rem}
.wvsc-error:empty{display:none}
.wvsc-summary{margin:14px 0 0;font-weight:600}
.wvsc-cards{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.wvsc-card{min-width:0;padding:14px;border:1px solid var(--wvsc-line);border-radius:10px;background:var(--wvsc-card)}
.wvsc-card.is-selected{border-color:var(--wvsc-amber);box-shadow:0 0 0 2px var(--wvsc-amber)}
.wvsc-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.wvsc-card-title{margin:8px 0 2px!important;overflow-wrap:anywhere}
.wvsc-sku{margin:2px 0 0;color:var(--wvsc-muted);overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.wvsc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px 12px;margin:10px 0 0}
.wvsc-facts div{min-width:0}
.wvsc-facts dt{color:var(--wvsc-muted);font-size:.76rem;font-weight:600}
.wvsc-facts dd{margin:0;font-weight:650;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.wvsc-card-actions{margin-top:10px}
.wvsc-feedback{margin:10px 0 0;padding:10px 12px;border-radius:8px;background:var(--wvsc-red-soft);color:#5a140e;overflow-wrap:anywhere}
.wvsc-feedback p{margin:4px 0 0}
.wvsc-pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wvsc-empty{margin-top:14px;padding:22px 16px;border:1px dashed #9fb0cc;border-radius:10px;text-align:center}
.wvsc-empty p{color:var(--wvsc-muted)}
.wvsc-skeleton{display:grid;gap:10px;margin-top:14px}
.wvsc-skeleton span{display:block;height:84px;border-radius:10px;background:linear-gradient(90deg,var(--wvsc-canvas),#e7ebf3,var(--wvsc-canvas));background-size:200% 100%;animation:wvsc-shimmer 1.4s linear infinite}
@keyframes wvsc-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}

/* Selected product context */
.wvsc-context-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:6px 10px}
.wvsc-context-head h2{overflow-wrap:anywhere;min-width:0;flex:1 1 200px}
.wvsc-guide{margin-top:14px;padding:12px 14px;border-radius:10px;border:1px solid var(--wvsc-line);border-left:4px solid var(--wvsc-navy)}
.wvsc-guide p{margin:6px 0 0}
.wvsc-guide-rejected{border-left-color:var(--wvsc-red)}
.wvsc-guide-approved{border-left-color:var(--wvsc-amber)}
.wvsc-guide-published{border-left-color:var(--wvsc-green)}
.wvsc-confirm{margin-top:12px;padding:12px;border-radius:10px;background:var(--wvsc-pending-soft)}
.wvsc-confirm h4{margin:0;font-size:.95rem}
.wvsc-confirm p{margin:6px 0 0}
.wvsc-flow{margin:10px 0 0;padding-left:20px;color:var(--wvsc-muted)}
.wvsc-facts-wide{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}

/* Guided creation */
.wvsc-create-region{scroll-margin-top:84px}
.wvsc-steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;padding:0}
.wvsc-step{display:flex;align-items:center;gap:8px;color:var(--wvsc-muted);font-weight:600;font-size:.88rem}
.wvsc-step-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--wvsc-line);font-size:.8rem;flex:none}
.wvsc-step.is-current{color:var(--wvsc-ink)}
.wvsc-step.is-current .wvsc-step-num{background:var(--wvsc-amber);border-color:var(--wvsc-amber);color:var(--wvsc-amber-ink)}
.wvsc-step.is-done .wvsc-step-num{background:var(--wvsc-green-soft);border-color:var(--wvsc-green);color:var(--wvsc-green)}
.wvsc-create{margin-top:12px}
.wvsc-fieldset{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;border:0;min-width:0}
.wvsc-fieldset legend{padding:0;margin-bottom:10px;font-weight:700;font-size:1rem}
.wvsc-review{display:grid;gap:8px;margin:0}
.wvsc-review div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:8px 0;border-bottom:1px solid var(--wvsc-line);min-width:0}
.wvsc-review dt{color:var(--wvsc-muted);font-size:.8rem;font-weight:600}
.wvsc-review dd{margin:0;font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap}
.wvsc-receipt{padding:14px;border-radius:10px;border:1px solid var(--wvsc-green);background:var(--wvsc-green-soft);overflow-wrap:anywhere}
.wvsc-receipt p{margin:6px 0 0}

@media (min-width:640px){
 .wvsc-search .wvsc-grow{grid-column:span 2}
 .wvsc-fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wvsc-fieldset legend,.wvsc-fieldset>.wvsc-field:has(textarea),.wvsc-fieldset>.wvsc-alert,.wvsc-fieldset>.wvsc-muted,.wvsc-fieldset>.wvsc-fine,.wvsc-fieldset>.wvsc-review{grid-column:1/-1}
 .wvsc-review div{grid-template-columns:minmax(140px,220px) minmax(0,1fr);gap:12px}
}
@media (min-width:1120px){
 .wvsc-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start}
 .wvsc-context{position:sticky;top:calc(var(--wvs-topbar-h,64px) + 12px)}
}
@media (max-width:420px){
 .wvsc-region{padding:12px;border-radius:10px}
 .wvsc-actions .wvsc-btn,.wvsc-pager .wvsc-btn,.wvsc-search-actions .wvsc-btn{flex:1 1 100%}
 .wvsc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wvsc-stat{min-height:84px;padding:10px}
 .wvsc-stat strong{font-size:1.3rem}
}
@media (prefers-reduced-motion:reduce){.wvsc-skeleton span{animation:none}}
@media (forced-colors:active){.wvsc-chip,.wvsc-tab.is-current,.wvsc-stat.is-current,.wvsc-card.is-selected{border:2px solid CanvasText}}
