/* Scoped theme: keep Vendor Desk readable inside the workspace shell. */
#vendors-view{--vendor-ink:#edf3fa;--vendor-muted:#a9b9cc;--vendor-line:#2b4057;--vendor-gold:#e3b650;max-width:1250px;margin-inline:auto;color:var(--vendor-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;padding:24px;background:#071321;border-radius:18px;color-scheme:dark}
#vendors-view *{box-sizing:border-box}
#vendors-view .section-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;padding-bottom:24px;border-bottom:1px solid var(--vendor-line)}
#vendors-view .eyebrow{color:var(--vendor-gold);font-size:11px;font-weight:750;letter-spacing:.14em;margin:0 0 8px}
#vendors-view h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;line-height:1.2;margin:0 0 10px;color:var(--vendor-ink)}
#vendors-view h3{font-size:19px;letter-spacing:-.02em;color:var(--vendor-ink);margin:0 0 10px}
#vendors-view p{color:var(--vendor-muted);margin:0 0 18px;font-size:14px}
#vendors-view label{display:flex;flex-direction:column;gap:7px;color:#bfccdc;font-size:12px;font-weight:600;letter-spacing:.01em}
#vendors-view>label{max-width:340px;margin-bottom:22px}
#vendors-view input,#vendors-view select,#vendors-view textarea{padding:11px 12px;border:1px solid #3a506a;border-radius:8px;background:#0b192a;color:var(--vendor-ink);width:100%;min-height:44px;font:inherit;font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s}
#vendors-view input::placeholder{color:#8296ae;opacity:1}
#vendors-view input:focus,#vendors-view select:focus,#vendors-view textarea:focus{outline:2px solid var(--vendor-gold);outline-offset:2px;border-color:var(--vendor-gold)}
#vendors-view input:disabled,#vendors-view select:disabled{opacity:.7;cursor:not-allowed}
#vendors-view .vendor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
#vendors-view article{border:1px solid var(--vendor-line);border-radius:16px;padding:26px;background:linear-gradient(145deg,#14263b,#101f31);margin:0 0 24px;box-shadow:0 8px 24px #00000018}
#vendors-view form{display:grid;gap:20px}
#vendors-view .vendor-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
#vendors-view .vendor-status{padding:18px 22px;background:#162b3d;border:1px solid #345166;border-left:4px solid var(--vendor-gold);border-radius:12px;margin-bottom:24px;color:#bfccdc;font-size:13px;line-height:1.8}
#vendors-view .vendor-status strong{color:#f2d58d;font-size:15px;font-weight:650}
#vendors-view .vendor-job{padding:16px 0;border-bottom:1px solid var(--vendor-line);overflow-wrap:anywhere}
#vendors-view .vendor-job:last-child{border-bottom:0}
#vendors-view small{display:block;color:var(--vendor-muted);font-size:12px;line-height:1.6}
#vendors-view button{margin:0;min-height:42px;padding:11px 18px;border-radius:8px;font:600 13px/1.4 system-ui;cursor:pointer;transition:background .15s,transform .15s}
#vendors-view button.primary{color:#161c24;background:var(--vendor-gold);border:1px solid #edc76e;box-shadow:0 2px 8px #0002}
#vendors-view button.primary:hover{background:#f0cb75;transform:translateY(-1px)}
#vendors-view button.ghost{background:#172a3e;border:1px solid #3a506a;color:#e0e9f5}
#vendors-view button.ghost:hover{background:#243d56}
#vendors-view button:focus-visible,#vendors-view a:focus-visible{outline:2px solid var(--vendor-gold);outline-offset:4px}
#vendors-view #vendor-assess{margin:4px 0 12px}
#vendors-view ul{padding-left:20px;color:var(--vendor-muted)}
#vendors-view a{color:#8bc9f0;text-underline-offset:4px;text-decoration-thickness:1px;font-size:14px}
#vendors-view a:hover{color:#c2e6ff}
#vendors-view #vendor-message:empty{display:none}
#vendors-view #vendor-message:not(:empty){padding:12px 16px;background:#162b3d;border:1px solid var(--vendor-line);border-radius:8px;color:var(--vendor-ink)}
#vendors-view #vendor-history:not(:empty){margin-top:18px;padding:18px;background:#101f31;border:1px solid var(--vendor-line);border-radius:12px;color:var(--vendor-muted);overflow-wrap:anywhere;font-size:13px}
@media(max-width:900px){#vendors-view .vendor-grid{grid-template-columns:1fr}}
@media(max-width:540px){#vendors-view .vendor-fields{grid-template-columns:1fr}#vendors-view article{padding:20px}#vendors-view .section-header{align-items:flex-start;gap:12px}#vendors-view .section-header button{padding:9px 12px}#vendors-view>label{max-width:none}}
@media(prefers-reduced-motion:reduce){#vendors-view button,#vendors-view input,#vendors-view select{transition:none}#vendors-view button.primary:hover{transform:none}}