/* Module structure; dimensions use the original Vuexy component and utility scale. */
.workspace-eyebrow { color:var(--brand-blue-dark); margin:0 0 var(--vx-space-2); }
.workspace-reference { color:var(--brand-muted); }
.workspace-back { border:1px solid var(--brand-line); padding:var(--vx-space-2) var(--vx-space-4); border-radius:var(--bs-border-radius); }
.workspace-note { padding:var(--vx-space-4) var(--vx-space-5); background:var(--brand-blue-soft); border-inline-start:3px solid var(--brand-blue); border-radius:var(--bs-border-radius); }
.workspace-success { padding:var(--vx-space-4) var(--vx-space-5); border:1px solid var(--brand-success); color:var(--brand-success); border-radius:var(--bs-border-radius); background:var(--bs-paper-bg); }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--vx-space-1) var(--vx-space-6); }
.field-grid > label { min-width:0; }
.field-wide { grid-column:1 / -1; }
.workspace-form input { display:block; }
.workspace-form select { display:block; }
.field-grid input { display:block; }
.field-grid select { display:block; }
#request-assignment select { display:block; }
.field-hint { display:block; color:var(--brand-muted); margin-top:var(--vx-space-1); }
.form-actions { display:flex; gap:var(--vx-space-4); flex-wrap:wrap; align-items:center; margin-top:var(--vx-space-6); }
.request-jumps { display:flex; flex-wrap:wrap; gap:var(--vx-space-3); padding-block:var(--vx-space-6); border-bottom:1px solid var(--brand-line); }
.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); }
.workspace-editor[open] { background:var(--brand-blue-wash); }
.product-thumbnail { object-fit:contain; border:1px solid var(--brand-line); border-radius:var(--bs-border-radius); background:var(--bs-paper-bg); }
.image-placeholder { display:inline-block; color:var(--brand-muted); width:64px; padding:var(--vx-space-3) var(--vx-space-1); text-align:center; background:var(--brand-surface); border-radius:var(--bs-border-radius); }
.product-card { scroll-margin-top:var(--vx-space-6); border-top:3px solid var(--brand-blue); }
.product-heading { display:flex; align-items:center; gap:var(--vx-space-3); flex-wrap:wrap; margin-bottom:var(--vx-space-6); }
.product-heading h3 { flex:1; min-width:0; margin:0; overflow-wrap:anywhere; }
.product-number { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:var(--bs-border-radius); background:var(--brand-blue-soft); color:var(--brand-blue-dark); }
.product-upload { border-top:1px dashed var(--brand-line); margin-top:var(--vx-space-6); padding-top:var(--vx-space-1); }
.product-upload input { display:block; }
.product-card .images:empty { display:none; }
.add-product { border-top:3px solid var(--brand-red); }
.add-product h2 { margin-top:0; }
#request-assignment h2 { margin-top:0; }
[hidden] { display:none!important; }
@media(max-width:575.98px) {
.field-grid { grid-template-columns:1fr; gap:0; }
.field-wide { grid-column:auto; }
.request-jumps { gap:var(--vx-space-2); }
.product-heading h3 { flex-basis:calc(100% - 50px); }
.product-heading > .muted { margin-inline-start:var(--vx-space-12); }
.form-actions button { width:100%; }
}
.intake-editor-toolbar { display:flex; align-items:center; justify-content:space-between; gap:var(--vx-space-3); flex-wrap:wrap; }
.intake-editor-footer { display:flex; align-items:center; justify-content:space-between; gap:var(--vx-space-3); flex-wrap:wrap; }
.intake-detail-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--vx-space-3); flex-wrap:wrap; }
.intake-editor h2 { margin:0; }
.intake-editor h2 small { color:var(--brand-muted); }
.intake-editor-toolbar p { color:var(--brand-muted); }
.intake-scroll-hint { color:var(--brand-muted); }
.intake-items-scroll { overflow:auto; max-height:70vh; border:1px solid var(--brand-line); border-radius:var(--bs-border-radius); scroll-margin-top:var(--vx-space-3); }
.intake-items-table { table-layout:fixed; }
.intake-items-table th { position:sticky; top:0; z-index:2; }
.intake-items-table th:nth-child(1) { width:80px; }
.intake-items-table th:nth-child(2) { width:250px; }
.intake-items-table th:nth-child(3) { width:180px; }
.intake-items-table th:nth-child(4) { width:135px; }
.intake-items-table th:nth-child(5) { width:115px; }
.intake-items-table th:nth-child(6) { width:170px; }
.intake-items-table th:nth-child(7) { width:110px; }
.intake-items-table td { vertical-align:middle; }
.intake-items-table th { vertical-align:middle; }
.intake-items-table input { min-width:0; }
.intake-items-table select { min-width:0; }
.intake-items-table small { display:block; }
.intake-items-table output { display:block; }
.intake-item-state { display:block; }
.intake-items-table td>a { display:block; }
.intake-item-state { color:var(--brand-muted); }
.intake-row-number { color:var(--brand-muted); }
.intake-item-thumbnail { display:block; object-fit:contain; border:1px solid var(--brand-line); border-radius:var(--bs-border-radius); background:var(--bs-paper-bg); }
.intake-no-image { color:var(--brand-muted); }
.intake-spec-summary { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.intake-quantity { display:grid; grid-template-columns:1fr 1fr; gap:var(--vx-space-2); }
.intake-editor-footer { margin-top:var(--vx-space-4); justify-content:flex-start; }
.intake-detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--vx-space-3); }
.intake-item-attachments { display:flex; flex-wrap:wrap; gap:var(--vx-space-2); margin-top:var(--vx-space-4); }
.intake-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:767.98px) {
.intake-items-scroll { max-height:none; overflow:visible; border:0; }
.intake-items-table { display:block; }
.intake-items-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.intake-items-table tbody { display:block; }
.intake-item-row { display:grid; grid-template-columns:80px minmax(0,1fr); border:1px solid var(--brand-line); border-radius:var(--bs-border-radius); margin:var(--vx-space-3) 0; padding:var(--vx-space-3); gap:var(--vx-space-2); }
.intake-items-table .intake-item-row td { display:block; min-width:0; }
.intake-item-row td:first-child { grid-row:span 2; }
.intake-item-row td:nth-child(3) { grid-column:1/-1; }
.intake-item-row td:nth-child(4) { grid-column:1/-1; }
.intake-item-row td:nth-child(5) { grid-column:1/-1; }
.intake-item-row td:nth-child(6) { grid-column:1/-1; }
.intake-item-row td:nth-child(7) { grid-column:1/-1; }
.intake-item-row td:nth-child(n+3)::before { content:attr(data-label); display:block; }
.intake-items-table .intake-item-detail { display:block; }
.intake-items-table .intake-item-detail[hidden] { display:none; }
.intake-item-detail>td { display:block; }
.intake-detail-grid { grid-template-columns:1fr 1fr; }
.intake-detail-grid label { min-width:0; }
.intake-editor-footer button { width:100%; }
}
@media(max-width:400px) {
.intake-detail-grid { grid-template-columns:1fr; }
}