/* Original request forms; shared official VARVOX tokens. */
.workspace-eyebrow { color:var(--brand-blue-dark); font-size:12px; margin:0 0 6px; }
.workspace-reference { color:var(--brand-muted); font-size:13px; }
.workspace-back { border:1px solid var(--brand-line); padding:8px 14px; border-radius:8px; font-size:13px; }
.workspace-note { padding:14px 18px; background:var(--brand-blue-soft); border-inline-start:3px solid var(--brand-blue); border-radius:8px; font-size:13px; }
.workspace-success { padding:14px 18px; border:1px solid var(--brand-success); color:var(--brand-success); border-radius:8px; background:white; }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; }
.field-grid > label { min-width:0; }
.field-wide { grid-column:1 / -1; }
.workspace-form input, .workspace-form select, .field-grid input, .field-grid select, #request-assignment select { display:block; width:100%; margin-top:6px; }
.field-hint { display:block; color:var(--brand-muted); font-weight:normal; margin-top:4px; }
.form-actions { display:flex; gap:16px; flex-wrap:wrap; align-items:center; margin-top:24px; }
.form-actions .muted { font-size:12px; }
button.primary-save { background:var(--brand-red); border-color:var(--brand-red); }
button.primary-save:hover { background:var(--brand-red-dark); }
.request-jumps { display:flex; flex-wrap:wrap; gap:10px; padding-block:20px; border-bottom:1px solid var(--brand-line); }
.request-jumps a { background:var(--brand-blue-soft); color:var(--brand-blue-dark); padding:6px 12px; border-radius:6px; font-size:12px; }
.request-data { border-top:3px solid var(--brand-blue); background:var(--brand-blue-wash); }
.request-data h2 { margin-top:0; }
.request-data dt { color:var(--brand-muted); font-size:13px; }
.workspace-editor { border:1px solid var(--brand-line); border-radius:8px; padding:14px 18px; }
.workspace-editor[open] { background:var(--brand-blue-wash); }
.workspace-editor summary { font-size:14px; font-weight:bold; }
.product-thumbnail { object-fit:contain; border:1px solid var(--brand-line); border-radius:8px; background:white; }
.image-placeholder { display:inline-block; color:var(--brand-muted); font-size:11px; width:64px; padding:12px 4px; text-align:center; background:var(--brand-surface); border-radius:8px; }
.product-card { scroll-margin-top:20px; border-top:3px solid var(--brand-blue); }
.product-heading { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.product-heading h3 { flex:1; min-width:0; margin:0; font-size:17px; overflow-wrap:anywhere; }
.product-heading .muted { font-size:12px; }
.product-number { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:8px; background:var(--brand-blue-soft); color:var(--brand-blue-dark); font-weight:bold; }
.product-upload { border-top:1px dashed var(--brand-line); margin-top:20px; padding-top:4px; }
.product-upload .muted { font-size:12px; }
.product-upload input { display:block; width:100%; margin-top:8px; background:var(--brand-blue-wash); }
.product-card .images:empty { display:none; }
.add-product { border-top:3px solid var(--brand-red); }
.add-product h2, #request-assignment h2 { margin-top:0; }
#request-assignment select { margin-bottom:16px; }
[hidden] { display:none!important; }
@media(max-width:600px) { .field-grid { grid-template-columns:1fr; gap:0; } .field-wide { grid-column:auto; } .request-jumps { gap:6px; } .product-heading h3 { flex-basis:calc(100% - 50px); } .product-heading > .muted { margin-inline-start:48px; } .form-actions button { width:100%; } .workspace-editor { padding:12px; } }