/* Document workspace: a queue, a readable original, one review form. */
.dashboard-shell { max-width: 1500px; }
.dashboard { max-width: 1200px; min-width: 0; }
#panel-inbox > input[hidden] { display:none; }
#panel-inbox .fillups-head { margin-bottom:12px; }
.doc-toolbar { display:flex; align-items:center; gap:12px; margin:24px 0 16px; }
.doc-views { display:flex; padding:3px; background:var(--surface); border:1px solid var(--border); border-radius:9px; }
.doc-views button,.doc-text-button { border:0; background:transparent; color:var(--text-muted); padding:9px 12px; cursor:pointer; border-radius:6px; font:inherit; font-size:13px; }
.doc-danger { color:var(--danger); }
.doc-views button.active { background:var(--surface-2); color:var(--text); }
.doc-toolbar input { margin-left:auto; width:230px; padding:10px 12px; background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:8px; }
.doc-workspace { display:grid; grid-template-columns:250px minmax(0,1fr); min-height:620px; border:1px solid var(--border); border-radius:14px; overflow:hidden; background:var(--surface); }
.doc-queue { border-right:1px solid var(--border); max-height:calc(100vh - 245px); overflow:auto; padding:8px; }
.doc-item { display:flex; width:100%; gap:10px; text-align:left; padding:12px 10px; background:transparent; color:var(--text); border:1px solid transparent; border-radius:9px; cursor:pointer; margin-bottom:4px; }
.doc-item:hover { background:var(--surface-2); }
.doc-item.selected { background:#60a5fa14; border-color:#60a5fa70; }
.doc-item-icon { width:32px; height:40px; border-radius:4px; flex-shrink:0; display:grid; place-items:center; background:var(--surface-2); font-size:11px; color:var(--brand); }
.doc-item-copy { min-width:0; }
.doc-item strong { display:block; font-size:13px; line-height:1.45; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.doc-item small { display:block; font-size:11px; color:var(--text-muted); line-height:1.6; }
.doc-detail { min-width:0; }
.doc-detail-head { display:flex; justify-content:space-between; align-items:flex-start; padding:18px 20px; border-bottom:1px solid var(--border); gap:12px; }
.doc-detail-head h3 { font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
.doc-detail-head p { color:var(--text-muted); font-size:12px; margin-top:5px; }
.doc-detail-head a { color:var(--brand); font-size:12px; text-decoration:none; white-space:nowrap; }
.doc-review-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(240px,1fr); }
.doc-preview { background:#090c13; padding:16px; min-height:450px; overflow:auto; max-height:calc(100vh - 315px); }
.doc-preview img { display:block; width:100%; height:auto; margin:0 auto 12px; background:white; }
.doc-pagebar { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:center; gap:12px; padding:8px; color:var(--text-muted); background:#090c13; font-size:12px; }
.doc-pagebar button { cursor:pointer; min-width:44px; min-height:44px; border:1px solid var(--border); padding:5px 12px; border-radius:6px; background:var(--surface); color:var(--text); }
.doc-form { padding:18px; max-height:calc(100vh - 315px); overflow:auto; }
.doc-form label { display:block; font-size:12px; color:var(--text-muted); margin-bottom:13px; }
.doc-form input,.doc-form select,.doc-form textarea { display:block; width:100%; margin-top:6px; padding:9px 10px; border-radius:6px; border:1px solid var(--border); background:var(--bg); color:var(--text); font:inherit; font-size:13px; }
.doc-form textarea { min-height:75px; resize:vertical; }
.doc-form input:focus,.doc-form select:focus,.doc-form textarea:focus { outline:2px solid #60a5fa70; outline-offset:1px; }
.doc-form .doc-check { display:flex; align-items:flex-start; gap:8px; }
.doc-check input { width:auto; margin:2px 0 0; }
.doc-services { margin-bottom:13px; padding:10px 12px; border-radius:7px; background:var(--bg); border:1px solid var(--border); }
.doc-services-label { font-size:12px; color:var(--text-muted); margin:0 0 8px; }
.doc-service-check { display:flex !important; align-items:flex-start; gap:8px; font-size:13px !important; color:var(--text) !important; margin-bottom:8px !important; }
.doc-service-check:last-child { margin-bottom:0 !important; }
.doc-service-check input { width:auto; margin:3px 0 0; }
.doc-save { width:100%; border:0; border-radius:8px; padding:11px; color:#082516; background:var(--accent); font-weight:650; cursor:pointer; }
.doc-save:disabled { opacity:.55; cursor:wait; }
.doc-status { padding:10px 12px; border-radius:7px; background:var(--bg); color:var(--text-muted); font-size:12px; line-height:1.5; margin-bottom:14px; }
.doc-warning { color:var(--warning); }
.doc-empty { padding:32px 20px; color:var(--text-muted); font-size:14px; line-height:1.6; }
.doc-actions { display:flex; justify-content:space-between; margin-top:8px; }
#doc-upload-status:not(:empty) { padding:12px; margin-top:14px; background:var(--surface-2); border-radius:8px; font-size:13px; }
.doc-workspace.drag-over { outline:2px dashed var(--brand); outline-offset:4px; }
.veh-record-note { font-size:13px; line-height:1.6; color:var(--text-muted); margin-top:8px; white-space:pre-wrap; }
.veh-saved-documents { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:12px; }
.veh-saved-document { display:flex; align-items:center; gap:12px; padding:12px; text-align:left; border:1px solid var(--border); border-radius:10px; background:var(--bg); color:var(--text); cursor:pointer; min-width:0; }
.veh-saved-document img { width:54px; height:72px; object-fit:contain; background:white; }
.veh-saved-document strong,.veh-saved-document small { display:block; overflow-wrap:anywhere; }
.veh-saved-document small { color:var(--text-muted); margin-top:6px; font-size:12px; }
@media(max-width:1100px) { .doc-review-layout { grid-template-columns:1fr; } .doc-preview { max-height:460px; min-height:200px; } .doc-form { max-height:none; } }
@media(max-width:650px) {
 .tagline,.user-name { display:none; }
 .doc-toolbar { flex-wrap:wrap; gap:8px; } .doc-toolbar input { order:3; width:100%; }
 .doc-workspace { grid-template-columns:1fr; min-height:400px; }
 .doc-queue { max-height:230px; border-right:0; border-bottom:1px solid var(--border); }
 .doc-item { padding:8px; } .doc-detail-head { padding:14px; }
 .doc-preview { padding:10px; max-height:480px; }
 .doc-form { padding:14px; }
}