/* Phiếu tiếp nhận on the cloud Desktop (Owner 22/10/2026): the form window, the phiếu window, the Tiếp nhận xe screen and the
   two A4 pages of the Local (preview/workshop.css receipt and print rules). Scoped under .intake-window (dialogs),
   .intake-desk (the screen) and .cvdv-tab-intake (the tab Phiếu tiếp nhận of Công việc, cvdv-desk.mjs; Owner 07/11: it had none
   of these rules) so the Mobile base styles of this page (mobile.css: header, section, label, input, button) stay out. */
:root{--intake-ink:#1d2f26;--intake-muted:#5f7067;--intake-line:#d3ddd6;--intake-green:#286548;--intake-green-dark:#1e5138;--intake-soft:#eef4f0;--intake-red:#a33f2c}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake){color:var(--intake-ink);font-size:13px}
:where(.intake-window,.intake-desk,.cvdv-tab-intake) :is(header,section,fieldset,label,p,h1,h2,h3,dl,dd){margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none}
:where(.intake-window,.intake-desk,.cvdv-tab-intake) :is(section,header){display:block}
:where(.intake-window,.intake-desk,.cvdv-tab-intake) :is(input,textarea,select){display:block;box-sizing:border-box;width:100%;min-width:0;min-height:32px;margin:0;padding:5px 8px;border:1px solid #b9c8be;border-radius:5px;background:#fff;color:var(--intake-ink);font:inherit;font-size:13px;line-height:1.35}
:where(.intake-window,.intake-desk,.cvdv-tab-intake) textarea{resize:vertical}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) :is(input,textarea,select):disabled{background:#f1f4f2;color:#56665d}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) input[readonly]{background:#f3f6f4}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) [aria-invalid=true]{border-color:var(--intake-red);background:#fff6f4}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) [hidden]{display:none!important}
:where(.intake-window,.intake-desk,.cvdv-tab-intake) button{min-height:0;margin:0;font:inherit}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;margin:0;padding:6px 14px;border:1px solid #b9d0c0;border-radius:7px;background:#fff;color:var(--intake-green-dark);font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-button:hover{background:var(--intake-soft)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-button.primary{background:var(--intake-green);border-color:var(--intake-green);color:#fff}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-button.primary:hover{background:var(--intake-green-dark)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-button.danger{color:var(--intake-red);border-color:#dcb6ad}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-button.quiet{border-color:transparent;background:none;color:var(--intake-muted)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-button:disabled{opacity:.55;cursor:not-allowed}
/* Windows */
.intake-window{box-sizing:border-box;width:min(1220px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--intake-line);border-radius:12px;background:#f7f9f8;box-shadow:0 20px 70px #0003;overflow:hidden}
.intake-window[open]{display:flex;flex-direction:column}
.intake-window::backdrop{background:#17372c80}
.intake-window>form{display:flex;flex-direction:column;min-height:0;flex:1}
.intake-window .intake-window-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#284b3e;color:#fff}
.intake-window .intake-window-head h2{font-size:19px;color:#fff}
.intake-window .intake-window-identity{margin-top:2px;font-size:13px;color:#cfe0d6;font-weight:600;letter-spacing:.02em}
.intake-window .intake-window-head .intake-button{background:transparent;color:#fff;border-color:#7d9c8d}
.intake-window .intake-window-close{min-width:34px;min-height:34px;padding:0 8px;border:1px solid #7d9c8d;border-radius:7px;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.intake-window .intake-window-body{flex:1;min-height:0;overflow:auto;padding:12px 18px}
.intake-window .intake-window-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-top:1px solid var(--intake-line);background:#fff}
.intake-window .intake-window-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.intake-window .intake-toolbar{padding:10px 18px 0}
.intake-window>.intake-status{padding:6px 18px 0}
.intake-window>.intake-status:empty{display:none}
.intake-state-window{width:min(560px,calc(100vw - 24px))}
.intake-state-window>form{padding:20px;gap:12px}
.intake-state-window h2{font-size:20px}
.intake-state-window .intake-window-identity{color:var(--intake-green-dark)}
/* Groups and fields (the form window and the read-only phiếu share them) */
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-form-grid{display:grid;grid-template-columns:1.05fr 1fr .95fr;gap:10px;align-items:start}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-group{min-width:0;padding:8px 10px 10px;border:1px solid var(--intake-line);border-radius:8px;background:#fff}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-group>legend,:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-group>h3,:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-subhead{float:none;width:100%;margin:0 0 6px;padding:0 0 4px;border-bottom:1px solid #e3eae5;font-size:11px;font-weight:800;letter-spacing:.06em;color:#2f5a44}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-subhead{margin-top:8px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:6px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-row.split{grid-template-columns:repeat(2,minmax(0,1fr))}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-field{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12px;font-weight:600;color:#3d5246}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-field>span,:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-caption{font-size:11.5px;font-weight:600;color:#4d6255}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-field b{color:var(--intake-red)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-error{display:block;min-height:0;font-size:11.5px;font-weight:600;color:var(--intake-red)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-error:empty{display:none}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-check{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:600}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-check input{width:16px;min-height:16px;height:16px;padding:0}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-note{margin-top:6px;font-size:11.5px;line-height:1.4;color:var(--intake-muted)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-note:empty{display:none}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-readonly{min-height:32px;padding:6px 8px;border:1px solid #d6e0d9;border-radius:5px;background:#f3f6f4;font-weight:600}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-customer-pick{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-customer-code{flex:1 1 160px;min-height:32px;padding:6px 8px;border:1px dashed #b9c8be;border-radius:5px;background:#f8faf9;font-weight:700;color:#2f5a44}
/* Khách cũ trùng thông tin (Owner 27/10/2026): the customers that look like the one typed, each with Dùng khách này. */
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-customer-matches{display:grid;gap:4px;margin-top:6px;padding:6px 8px;border:1px solid #e3d6a8;border-radius:5px;background:#fffbea}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-customer-matches.attention{border-color:#c98a1b;box-shadow:0 0 0 2px #f3d48a}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-customer-match{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-customer-match span{overflow-wrap:anywhere}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-condition{margin-top:10px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-fuel{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin:4px 0 8px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-radio{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-radio input{width:15px;min-height:15px;height:15px;padding:0}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-accessories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px 8px;margin:4px 0 6px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-accessory{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:11.5px;font-weight:600;color:#3d5246}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-accessory span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-accessory select{min-height:28px;padding:3px 6px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-reason{flex-direction:row;align-items:center;gap:8px;padding:6px 10px;border:1px solid #e3c98c;border-radius:8px;background:#fffaf0}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-reason>span{white-space:nowrap}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-reason>input{flex:1}
.intake-window .intake-window-foot-text{flex:1;min-width:0;display:grid;gap:4px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-status{font-size:13px;font-weight:600;color:#2f5a44}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-status.error{color:var(--intake-red)}
/* The saved phiếu, read only */
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-cell{display:flex;flex-direction:column;gap:2px;min-width:0}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-cell>span{font-size:11px;font-weight:600;color:var(--intake-muted)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-cell>output{display:block;min-height:28px;padding:5px 8px;border:1px solid #dbe3de;border-radius:5px;background:#f7f9f8;font-size:13px;font-weight:600;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-cell.strong>output{font-size:15px;font-weight:800;color:#20442f}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-lower{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:10px;align-items:stretch}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-lower .intake-condition{margin-top:0}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-text{min-height:60px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.5}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-fuel-box{display:inline-flex;align-items:center;gap:4px;font-weight:600}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-fuel-box i{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid #6d7f74;font-style:normal;font-size:12px;line-height:1}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-fuel em{font-size:11.5px;font-style:normal;color:var(--intake-muted)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-condition-facts{display:grid;grid-template-columns:130px minmax(0,1fr);gap:4px 10px;font-size:12.5px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-condition-facts dt{color:var(--intake-muted);font-weight:600}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-condition-facts dd{white-space:pre-wrap;overflow-wrap:anywhere}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-cancelled{margin-bottom:8px;padding:8px 12px;border:2px solid var(--intake-red);border-radius:6px;color:#923823;font-weight:800}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-history-panel{margin-top:10px;padding:8px 12px;border:1px solid var(--intake-line);border-radius:8px;background:#fff}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-history-panel h3{font-size:11px;font-weight:800;letter-spacing:.06em;color:#2f5a44;margin-bottom:4px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-history{margin:0;padding-left:20px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-history li{margin:0 0 8px;overflow-wrap:anywhere}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-history p{margin:2px 0;font-size:12px;color:var(--intake-muted)}
.intake-window .intake-window-body.previewing{background:#e9eeeb}
/* The Tiếp nhận xe screen: fills the work area; the list and the phiếu scroll on their own. */
@media(min-width:1024px){.desktop-cloud .desktop-layout>.desktop-content:has(.intake-desk){display:flex;flex-direction:column;padding-bottom:12px}
  .desktop-cloud .desktop-content:has(.intake-desk)>#module-panel{flex:1 1 0;min-height:0}
  .desktop-cloud #module-panel .intake-desk{height:100%}}
#module-panel .intake-desk{display:flex;flex-direction:column;gap:8px;min-height:0;padding-top:10px}
#module-panel .intake-desk .intake-desk-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
#module-panel .intake-desk .intake-desk-head h1{font-size:24px;margin:2px 0 0}
#module-panel .intake-desk .intake-desk-actions{display:flex;gap:8px}
#module-panel .intake-desk>.intake-status:empty{display:none}
#module-panel .intake-desk .intake-desk-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(270px,310px) minmax(0,1fr);gap:12px}
#module-panel .intake-desk .intake-desk-list{display:flex;flex-direction:column;gap:6px;min-height:0;padding:10px;border:1px solid var(--intake-line);border-radius:10px;background:#fff}
#module-panel .intake-desk .intake-desk-filters{display:grid;gap:6px}
#module-panel .intake-desk .intake-desk-dates{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;font-size:12px;color:var(--intake-muted)}
#module-panel .intake-desk .intake-desk-count{font-size:12px;color:var(--intake-muted)}
#module-panel .intake-desk .intake-desk-rows{flex:1;min-height:120px;overflow:auto;display:block}
#module-panel .intake-desk .intake-desk-row{display:grid;gap:2px;width:100%;height:auto;min-height:0;margin:0 0 4px;padding:7px 9px;line-height:1.3;border:1px solid #e1e8e3;border-radius:7px;background:#fafcfb;color:var(--intake-ink);text-align:left;cursor:pointer}
#module-panel .intake-desk .intake-desk-row:hover{background:var(--intake-soft)}
#module-panel .intake-desk .intake-desk-row.selected{border-color:var(--intake-green);background:#e3efe7;box-shadow:inset 3px 0 0 var(--intake-green)}
#module-panel .intake-desk .intake-desk-row.cancelled{opacity:.75}
#module-panel .intake-desk .intake-desk-row-top,#module-panel .intake-desk .intake-desk-row-bottom,#module-panel .intake-desk .intake-desk-row-meta{display:flex;justify-content:space-between;gap:8px;min-width:0}
#module-panel .intake-desk .intake-desk-row-top strong{font-size:13px;color:#2f5a44}
#module-panel .intake-desk .intake-desk-plate{font-weight:800;font-size:13.5px}
#module-panel .intake-desk .intake-desk-row-bottom{font-size:12.5px;font-weight:600}
#module-panel .intake-desk .intake-desk-row-meta{font-size:11.5px;color:var(--intake-muted)}
#module-panel .intake-desk .intake-desk-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#module-panel .intake-desk .intake-desk-main{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0}
#module-panel .intake-desk .intake-desk-sheet{flex:1;min-height:0;overflow:auto;padding-bottom:6px;container-type:inline-size}
/* A narrow phiếu pane (the desk beside its list): Xe and Khách hàng side by side, Tiếp nhận as one row under them. */
@container (max-width:880px){
  #module-panel .intake-desk .intake-form-grid{grid-template-columns:1fr 1fr}
  #module-panel .intake-desk .intake-reception{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:8px;align-items:end}
  #module-panel .intake-desk .intake-reception>.intake-row.split{grid-column:span 2}
  #module-panel .intake-desk .intake-reception>h3{grid-column:1/-1}
  #module-panel .intake-desk .intake-lower{grid-template-columns:1fr}}
#module-panel .intake-desk .intake-desk-empty{padding:40px 20px;border:1px dashed #c7d4cb;border-radius:10px;background:#fff;text-align:center;color:var(--intake-muted)}
@media(max-width:1100px){:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-form-grid{grid-template-columns:1fr 1fr}:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-accessories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-form-grid,:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-lower,#module-panel .intake-desk .intake-desk-split{grid-template-columns:1fr}
  :is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-accessories{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Hình ảnh (Ảnh tiếp nhận, intake-photos.mjs): a strip of thumbnails under the form or the phiếu, Chụp ảnh / Chọn ảnh, and the
   full photo in a viewer. On a phone the strip keeps 3 thumbnails a row and the buttons stay large enough to tap. */
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos{margin-top:10px;padding:10px 12px;border:1px solid var(--intake-line);border-radius:8px;background:#fff}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-head h3{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--intake-green-dark)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-count{font-size:12px;color:var(--intake-muted)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-tools{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-tools .intake-button{min-height:36px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-status:empty{display:none}
/* Its own status line (not .intake-status: the window and the screen keep one status each). */
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-status{font-size:13px;font-weight:600;color:#2f5a44}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-status.error{color:var(--intake-red)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-list>li{position:relative;margin:0}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-list>li.intake-photos-empty{grid-column:1/-1;font-size:12px;color:var(--intake-muted)}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-thumb{display:block;width:100%;aspect-ratio:4/3;padding:0;border:1px solid var(--intake-line);border-radius:6px;overflow:hidden;background:var(--intake-soft);cursor:zoom-in}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-thumb img{display:block;width:100%;height:100%;object-fit:cover}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) li.pending .intake-photo-thumb{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--intake-muted);cursor:progress}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-remove{position:absolute;top:4px;right:4px;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgba(29,47,38,.78);color:#fff;font-size:16px;line-height:26px;cursor:pointer}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-retry{margin-top:4px;padding:2px 8px;border:1px solid #b9c8be;border-radius:5px;background:#fff;font-size:12px;cursor:pointer}
/* Kept for Lưu (Owner 26/10/2026): a photo picked shows under its label; a saved one marked to remove is greyed with its flag. */
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) li.pending .intake-photo-thumb{position:relative}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) li.pending .intake-photo-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-photo-label{position:relative;padding:1px 6px;border-radius:4px;background:rgba(255,255,255,.9);color:#2f5a44;font-weight:700}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) li.removing .intake-photo-thumb{opacity:.4}
:is(.intake-window,#module-panel .intake-desk,#module-panel .cvdv-tab-intake) .intake-photo-flag{display:block;margin-top:4px;font-size:12px;font-weight:700;color:var(--intake-red)}
.intake-photo-viewer{width:min(96vw,1100px);max-height:94vh;padding:10px;border:0;border-radius:10px;background:#111;color:#fff}
.intake-photo-viewer::backdrop{background:rgba(0,0,0,.72)}
.intake-photo-viewer img{display:block;max-width:100%;max-height:calc(94vh - 70px);margin:0 auto;object-fit:contain}
.intake-photo-viewer-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}
.intake-photo-viewer-bar span{min-width:80px;text-align:center;font-size:13px}
@media(max-width:600px){:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  :is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-tools{margin-left:0;width:100%}
  :is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-tools .intake-button{flex:1 1 0;min-height:44px}}
/* Two-part A4 reception form (the Local's preview/workshop.css). Content stays untruncated, including long observations. */
.intake-receipt-sheet{padding:0;border:0;border-radius:0;background:transparent;font-family:Arial,sans-serif;font-size:12px;line-height:1.4;color:#19231d;overflow-wrap:anywhere}
.intake-receipt-sheet :is(section,header,footer,p,h2,h3,h4,dl,dd){color:inherit;box-shadow:none}
.intake-receipt-sheet .receipt-page{box-sizing:border-box;background:white;border:1px solid #cdd6cf;border-radius:0;padding:26px;margin:0 auto 20px;max-width:820px;display:flex;flex-direction:column;gap:10px}
.intake-receipt-sheet .receipt-letterhead{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 0 12px;margin:0;background:none;color:inherit;border-bottom:2px solid #304e3e}
.intake-receipt-sheet .receipt-letterhead>div{min-width:0}.intake-receipt-sheet .receipt-letterhead strong{font-size:13px}.intake-receipt-sheet .receipt-letterhead p{margin:2px 0;font-size:10px;color:#425048;line-height:1.4}
.intake-receipt-sheet .receipt-company-logo{width:185px;height:84px;object-fit:contain;flex:0 0 auto}
.intake-receipt-sheet .receipt-document-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}
.intake-receipt-sheet .receipt-document-heading h2{font-size:22px;line-height:1.2;margin:0}.intake-receipt-sheet .receipt-document-heading p{margin:4px 0 0;color:#69766e;letter-spacing:.1em;font-size:10px}
.intake-receipt-sheet .receipt-ro{border:1px solid #53685c;padding:8px 14px;min-width:130px;text-align:center}.intake-receipt-sheet .receipt-ro span{display:block;font-size:10px;letter-spacing:.12em}.intake-receipt-sheet .receipt-ro strong{font-size:18px;color:#243f30;white-space:nowrap}
.intake-receipt-sheet .receipt-inspection-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.intake-receipt-sheet .receipt-block{border:1px solid #8e9d93;border-radius:0;min-width:0;margin:0;padding:0;background:#fff}.intake-receipt-sheet .receipt-block h3{margin:0;padding:5px 8px;background:#e8eeea;border-bottom:1px solid #8e9d93;font-size:11px;font-weight:700;letter-spacing:.02em}
.intake-receipt-sheet .receipt-facts{margin:0;display:grid;grid-template-columns:1fr}.intake-receipt-sheet .receipt-facts>div{padding:5px 8px;min-width:0;border-bottom:1px solid #e1e6e2}
.intake-receipt-sheet .receipt-facts>div:last-child{border-bottom:0}.intake-receipt-sheet .receipt-facts dt{font-size:10px;color:#526257}.intake-receipt-sheet .receipt-facts dd{margin:1px 0 0;font-size:12px;font-weight:600;white-space:pre-wrap;overflow-wrap:anywhere}
.intake-receipt-sheet .receipt-intake-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f5f7f5;border-bottom:1px solid #d5ded7}
.intake-receipt-sheet .receipt-intake-columns h4{margin:0;padding:5px 10px;font-size:10px;font-weight:700;letter-spacing:.04em;color:#304e3e}
.intake-receipt-sheet .receipt-intake-columns h4:not(:last-child){border-right:1px solid #d5ded7}
.intake-receipt-sheet .receipt-intake-block .receipt-facts{grid-template-columns:repeat(3,minmax(0,1fr));line-height:1.2}
.intake-receipt-sheet .receipt-intake-block .receipt-facts>div{box-sizing:border-box;min-height:35px;padding:4px 10px}
.intake-receipt-sheet .receipt-intake-block .receipt-facts>div:not(:nth-child(3n)){border-right:1px solid #e1e6e2}
.intake-receipt-sheet .receipt-intake-block .receipt-facts>.receipt-intake-address{grid-column:1/-1;border-right:0;min-height:0}
.intake-receipt-sheet .receipt-fuel{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:6px 8px;border:1px solid #8e9d93}.intake-receipt-sheet .receipt-fuel em{font-size:10px;color:#526257;font-style:normal}.intake-receipt-sheet .receipt-choice{display:inline-flex;align-items:center;gap:5px}
.intake-receipt-sheet .receipt-check{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid #526257;line-height:1;font-size:13px;color:#000;font-family:Arial,sans-serif}
.intake-receipt-sheet .receipt-request .intake-receipt-complaint{padding:8px;margin:0;min-height:68px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.intake-receipt-sheet .receipt-writing{padding:8px;margin:0;min-height:45px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.intake-receipt-sheet .receipt-technician-results{display:flex;flex-direction:column;flex:1}.intake-receipt-sheet .receipt-technician-writing{flex:1;min-height:250px}
.intake-receipt-sheet .receipt-small-note{font-size:10px;color:#526257;line-height:1.4;margin:0}.intake-receipt-sheet .receipt-block>.receipt-small-note{padding:5px 8px}
.intake-receipt-sheet .receipt-page-footer{border-top:1px solid #becbc2;padding-top:7px;margin-top:auto;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#526257}
.intake-receipt-sheet .receipt-vehicle-summary{border:1px solid #8e9d93}.intake-receipt-sheet .receipt-vehicle-summary .receipt-facts{grid-template-columns:1.1fr .8fr 1.5fr .7fr}.intake-receipt-sheet .receipt-vehicle-summary .receipt-facts>div{border-right:1px solid #e1e6e2;border-bottom:0}
.intake-receipt-sheet .receipt-vehicle-diagram{display:block;width:100%;height:auto;padding:8px;box-sizing:border-box;fill:none;stroke:none}
/* The Desktop's icon rule (.desktop-cloud svg) strokes every svg; the diagram's labels keep plain text. */
.intake-receipt-sheet .receipt-vehicle-diagram text{stroke:none}
.intake-receipt-sheet .receipt-inspection-results{display:flex;flex-direction:column}
.intake-receipt-sheet .receipt-inspection-writing{display:flex;flex-direction:column;flex:1;padding:0 8px 8px}
.intake-receipt-sheet .receipt-handwriting-line{box-sizing:border-box;flex:1;min-height:26px;border-bottom:1px dashed #98a49b}
.intake-receipt-sheet .receipt-inspection-grid .receipt-writing{min-height:60px}.intake-receipt-sheet .receipt-block>p:not(.receipt-writing):not(.intake-receipt-complaint):not(.receipt-small-note){margin:8px;line-height:1.5}
.intake-receipt-sheet .receipt-signatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:center;padding:12px 0 0;margin:0;border:0;background:none}.intake-receipt-sheet .receipt-signatures strong{font-size:12px}.intake-receipt-sheet .receipt-signatures p{font-size:10px;margin:5px 0}.intake-receipt-sheet .receipt-signature-space{height:58px}
.intake-receipt-sheet .intake-receipt-cancelled{padding:12px 16px;border:2px solid #a33f2c;color:#923823;margin:0}
.intake-print-root{display:none}
@media print{
  @page{size:A4;margin:14mm}
  /* No room at the page edges for the browser's own lines (date and time, title, address, page number; Owner 04/11/2026: "Bỏ
     các dòng gạch đỏ"): the pages' margins 0, the same white edges as the print root's padding, repeated on every page
     (money.css: the A5 vouchers). A browser that cannot repeat it keeps the margins, and its lines. */
  @supports (box-decoration-break:clone){
    @page{margin:0}
    body.intake-printing>.intake-print-root{box-sizing:border-box;padding:14mm;box-decoration-break:clone}
  }
  html:has(body.intake-printing){height:auto!important;overflow:visible!important;background:#fff!important}
  body.intake-printing{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important;color:#000}
  body.intake-printing>:not(.intake-print-root){display:none!important}
  body.intake-printing>.intake-print-root{display:block!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important}
  body.intake-printing dialog::backdrop{display:none!important}
  .intake-print-root .intake-receipt-sheet{width:auto;border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible;color:#000;font-family:Arial,sans-serif;font-size:9pt;line-height:1.35}
  .intake-print-root h2,.intake-print-root h3{break-after:avoid}
  .intake-print-root .intake-receipt-cancelled{break-inside:avoid}
  .intake-print-root .receipt-page{border:0;margin:0;padding:0;max-width:none;gap:2mm;min-height:260mm;overflow:visible}
  .intake-print-root .receipt-page+.receipt-page{break-before:page;page-break-before:always}
  .intake-print-root .receipt-letterhead{flex-direction:row;align-items:center;padding-bottom:3mm;break-inside:avoid}
  .intake-print-root .receipt-letterhead strong{font-size:9pt}.intake-print-root .receipt-letterhead p{font-size:7.5pt}
  .intake-print-root .receipt-company-logo{width:43mm;height:20mm}
  .intake-print-root .receipt-document-title{flex-direction:row;align-items:center}.intake-print-root .receipt-document-heading h2{font-size:16pt}
  .intake-print-root .receipt-ro strong{font-size:13pt}.intake-print-root .receipt-ro{min-width:30mm;padding:2mm 3mm}
  .intake-print-root .receipt-inspection-grid{grid-template-columns:1fr 1fr;gap:2.5mm}
  .intake-print-root .receipt-block h3{font-size:8pt;padding:1.3mm 2mm;print-color-adjust:exact;-webkit-print-color-adjust:exact;break-after:avoid}
  .intake-print-root .receipt-facts{line-height:1.1}.intake-print-root .receipt-facts>div{padding:.7mm 2mm;break-inside:avoid}.intake-print-root .receipt-facts dt{font-size:7.5pt}.intake-print-root .receipt-facts dd{font-size:9pt}
  .intake-print-root .receipt-intake-block{break-inside:avoid}
  .intake-print-root .receipt-intake-columns{print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .intake-print-root .receipt-intake-columns h4{font-size:7.5pt;padding:1.1mm 2.5mm}
  .intake-print-root .receipt-intake-block .receipt-facts{line-height:1.1}
  .intake-print-root .receipt-intake-block .receipt-facts>div{min-height:8mm;padding:.85mm 2.5mm}
  .intake-print-root .receipt-intake-block .receipt-facts dd{margin-top:.25mm}
  .intake-print-root .receipt-intake-block .receipt-facts>.receipt-intake-address{min-height:0}
  .intake-print-root .receipt-vehicle-summary .receipt-facts{grid-template-columns:1.1fr .8fr 1.5fr .7fr}
  .intake-print-root .receipt-fuel,.intake-print-root .receipt-vehicle-diagram,.intake-print-root .receipt-signatures{break-inside:avoid}
  .intake-print-root .receipt-small-note,.intake-print-root .receipt-page-footer{font-size:7.5pt}
  .intake-print-root .receipt-request .intake-receipt-complaint{min-height:22mm;padding:2mm}
  .intake-print-root .receipt-writing{min-height:12mm;padding:2mm}
  .intake-print-root .receipt-technician-writing{min-height:68mm}
  .intake-print-root .receipt-inspection-grid{break-inside:avoid}
  .intake-print-root .receipt-inspection-writing{padding:0 2mm 2mm}
  .intake-print-root .receipt-handwriting-line{min-height:6mm;border-bottom:.5pt dashed #98a49b}
  .intake-print-root .receipt-signatures{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:3mm}.intake-print-root .receipt-signature-space{height:16mm}
  /* Cloud: the handover box may hold the recorded accessories too; the page keeps its footer on the same sheet. */
  .intake-print-root .receipt-page{min-height:262mm}
  .intake-print-root .receipt-vehicle-diagram{padding:1.5mm}
}
/* Đọc ảnh bằng AI (intake-ai.mjs): the button in the HÌNH ẢNH head; the dialog over the form: pick photos and agree, then the
   suggestion beside the form's values, ticked field by field, and the dashboard lamps for the notes. */
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-aside{min-height:36px}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photos-tools[hidden]+.intake-photos-aside{margin-left:auto}
.intake-ai-window{width:min(760px,calc(100vw - 24px))}
.intake-ai-window .intake-ai-body{display:flex;flex-direction:column;gap:12px}
.intake-ai-window .intake-ai-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.intake-ai-window .intake-ai-photos label{display:flex;flex-direction:column;gap:4px;padding:6px;border:1px solid var(--intake-line);border-radius:7px;background:#fff;cursor:pointer;font-size:12px}
.intake-ai-window .intake-ai-photos label:has(input:checked){border-color:var(--intake-green);box-shadow:0 0 0 2px #28654833}
.intake-ai-window .intake-ai-photos input{width:18px;min-height:18px;height:18px;margin:0}
.intake-ai-window .intake-ai-photos img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;background:var(--intake-soft)}
.intake-ai-window .intake-check{display:flex;align-items:flex-start;gap:8px;font-size:13px}
.intake-ai-window .intake-check input{width:18px;min-height:18px;height:18px;flex:0 0 auto;margin-top:1px}
.intake-ai-window .intake-ai-consent{padding:10px;border:1px solid #e1d3a6;border-radius:7px;background:#fffbea}
.intake-ai-window .intake-ai-wait{padding:24px 0;text-align:center}
.intake-ai-window .intake-ai-result{width:100%;border-collapse:collapse;background:#fff;font-size:13px}
.intake-ai-window .intake-ai-result :is(th,td){padding:7px 8px;border-bottom:1px solid var(--intake-line);text-align:left;vertical-align:middle;overflow-wrap:anywhere}
.intake-ai-window .intake-ai-result thead th{font-size:11px;color:var(--intake-muted);text-transform:uppercase;letter-spacing:.03em}
.intake-ai-window .intake-ai-result td:first-child{width:32px}.intake-ai-window .intake-ai-result td:first-child input{width:18px;min-height:18px;height:18px}
.intake-ai-window .intake-ai-result tr.intake-ai-none td:last-child{color:var(--intake-muted);font-style:italic}
.intake-ai-window .intake-ai-lamps{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--intake-line);border-radius:7px;background:#fff}
.intake-ai-window .intake-ai-lamps legend{padding:0 4px;font-size:12px;font-weight:700;color:var(--intake-green-dark)}
.intake-ai-window .intake-ai-detail{color:var(--intake-muted)}
/* The buttons of the dialog on a phone: the id in :is() outweighs the base button rule (as the photo strip's). */
@media(max-width:600px){.intake-ai-window .intake-ai-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.intake-ai-window .intake-window-actions{flex-wrap:wrap}
  :is(.intake-ai-window,#module-panel .intake-ai-window) .intake-window-actions .intake-button{flex:1 1 40%;min-height:44px}}
/* Cài đặt AI (ai-settings.mjs, Quản trị of Quản lý): what the server has, the models in order, the reads a day, the latest reads. */
#module-panel .ai-settings{display:flex;flex-direction:column;gap:14px;max-width:1100px;color:var(--intake-ink);font-size:13px}
#module-panel .ai-settings :is(section,form,label,p,h1,h2,ul,li,table){margin:0;box-shadow:none}
#module-panel .ai-settings h2{font-size:15px;color:var(--intake-green-dark)}
#module-panel .ai-settings :is(input,select){box-sizing:border-box;width:100%;min-height:32px;margin:0;padding:5px 8px;border:1px solid #b9c8be;border-radius:5px;background:#fff;font:inherit;color:inherit}
#module-panel .ai-settings :is(input,select):disabled{background:#f1f4f2}
#module-panel .ai-settings-facts{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border:1px solid var(--intake-line);border-radius:8px;background:#fff;list-style:none}
#module-panel .ai-settings-facts li::before{content:'● ';color:#b0412c}#module-panel .ai-settings-facts li.ok::before{color:var(--intake-green)}
#module-panel .ai-settings-form{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--intake-line);border-radius:8px;background:#fff}
#module-panel .ai-settings-switch{display:flex;align-items:center;gap:8px;font-weight:700}
#module-panel .ai-settings-switch input{width:20px;min-height:20px;height:20px}
#module-panel :is(.ai-settings-models,.ai-settings-history){width:100%;border-collapse:collapse}
#module-panel :is(.ai-settings-models,.ai-settings-history) :is(th,td){padding:6px;border-bottom:1px solid var(--intake-line);text-align:left;vertical-align:top}
#module-panel :is(.ai-settings-models,.ai-settings-history) th{font-size:11px;color:var(--intake-muted);text-transform:uppercase;letter-spacing:.03em}
#module-panel .ai-settings-models td.ai-settings-order{width:28px;font-weight:700;padding-top:12px}
#module-panel .ai-settings-row-tools{white-space:nowrap;width:1%}
#module-panel .ai-settings-icon{min-height:32px;margin:0 2px 0 0;padding:4px 9px;border:1px solid #b9d0c0;border-radius:6px;background:#fff;color:var(--intake-ink);font:inherit;cursor:pointer}
#module-panel .ai-settings-icon:disabled{opacity:.45;cursor:not-allowed}
#module-panel .ai-settings-empty{color:var(--intake-muted);font-style:italic}
#module-panel .ai-settings-limit{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#module-panel .ai-settings-limit input{width:110px}
#module-panel .ai-settings-actions{display:flex;gap:8px}
#module-panel .ai-settings-status:empty{display:none}#module-panel .ai-settings-status{padding:8px 12px;border-radius:7px;background:var(--intake-soft)}
#module-panel .ai-settings-status.error{background:#fff1ee;color:var(--intake-red)}#module-panel .ai-settings-status.ok{background:#e9f6ee;color:var(--intake-green-dark)}
#module-panel .ai-settings-reads{display:flex;flex-direction:column;gap:8px}
#module-panel .ai-settings-reads-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#module-panel .ai-settings-table-wrap{overflow-x:auto;border:1px solid var(--intake-line);border-radius:8px;background:#fff}
#module-panel .ai-settings-tried{white-space:pre-line;font-size:12px}
@media(max-width:700px){#module-panel .ai-settings-models thead{display:none}#module-panel .ai-settings-models tr{display:grid;grid-template-columns:28px 1fr;gap:4px;padding:6px 0;border-bottom:1px solid var(--intake-line)}
  #module-panel .ai-settings-models td{border:0;padding:2px}#module-panel .ai-settings-models td:not(.ai-settings-order){grid-column:2}}
#module-panel .ai-settings :is(.primary-button,.secondary-button){align-self:flex-start;width:auto;min-height:36px;margin:0;padding:6px 16px}
#module-panel .ai-settings ::placeholder{font-family:inherit;font-size:12px;color:#8a978f}
/* desktop.css sets every third table cell in monospace (an older read-back table): not here. */
#module-panel .ai-settings td:nth-child(3),.intake-ai-window .intake-ai-result td:nth-child(3){font-family:inherit;max-width:none}
/* Kết nối Google Drive (drive-settings.mjs, Quản trị of Quản lý, beside Cài đặt AI): the facts and buttons of .ai-settings. */
#module-panel .drive-settings-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:600px){#module-panel .drive-settings .drive-settings-actions>button{flex:1 1 100%;width:100%;min-height:44px}}
/* Ảnh tiếp nhận in the progress dialog of Điều phối xưởng (service-board.mjs): view only; a photo not brought says so. */
#module-panel .visit-photos{margin:0 0 12px}#module-panel .visit-photos:empty{display:none}
#module-panel .visit-photos .intake-photos-head h3{margin:0}#module-panel .visit-photos .intake-photos-status{margin:6px 0 0}
#module-panel .visit-photos-note{margin:0}
:is(.intake-window,#module-panel .intake-desk,#module-panel .visit-photos,#module-panel .cvdv-tab-intake) .intake-photo-thumb .intake-photo-broken{display:flex;align-items:center;justify-content:center;height:100%;padding:4px;font-size:12px;text-align:center;color:var(--intake-red)}
/* Xe đã có hồ sơ / Xe mới (intake-form.mjs, Owner 27/10/2026): the box at the top of THÔNG TIN XE on a new intake; a field
   filled from the car's file or by AI says so beside its name; a fact of the car still empty is outlined once the car is checked. */
.intake-window .intake-vehicle-status{display:flex;flex-direction:column;gap:2px;margin:0 0 6px;padding:7px 9px;border:1px solid var(--intake-line);border-left:4px solid #9fb2a6;border-radius:6px;background:#f8faf9;font-size:12px;line-height:1.4;color:var(--intake-muted)}
.intake-window .intake-vehicle-status strong{font-size:13px;color:var(--intake-ink)}
.intake-window .intake-vehicle-status[data-state=known]{border-left-color:var(--intake-green);background:#eef6f1}
.intake-window .intake-vehicle-status[data-state=known] strong{color:var(--intake-green-dark)}
.intake-window .intake-vehicle-status[data-state=new]{border-left-color:#b7791f;background:#fff8ea}
.intake-window .intake-vehicle-status[data-state=new] strong{color:#8a5a12}
.intake-window .intake-vehicle-status[data-state=unknown]{border-left-color:var(--intake-red)}
.intake-window .intake-vehicle-missing{font-weight:700;color:#8a5a12}
.intake-window .intake-vehicle-complete{font-weight:700;color:var(--intake-green-dark)}
.intake-window .intake-field[data-source]>span::after{margin-left:6px;padding:0 5px;border-radius:4px;font-size:10.5px;font-weight:700}
.intake-window .intake-field[data-source=record]>span::after{content:'từ hồ sơ';background:#e3f0e8;color:var(--intake-green-dark)}
.intake-window .intake-field[data-source=ai]>span::after{content:'AI';background:#e6eefb;color:#2b4f86}
.intake-window .intake-field[data-missing] :is(input,textarea){border-color:#d69e2e;background:#fffbf0}
/* The phiếu in tabs (Owner 28/10/2026: "đừng làm một trang quá dài"): one part at a time; the photos with Tình trạng xe. */
#module-panel .intake-desk .intake-desk-tabs{display:flex;flex-wrap:wrap;gap:6px}
#module-panel .intake-desk .intake-desk-tab{min-height:32px;margin:0;padding:4px 12px;border:1px solid #c5d6cb;border-radius:16px;background:#fff;color:#294c3d;font-size:13px;font-weight:600;cursor:pointer}
#module-panel .intake-desk .intake-desk-tab[aria-selected=true]{background:#294c3d;border-color:#294c3d;color:#fff}
#module-panel .intake-desk-sheet[data-pane=sheet] :is(.intake-condition,.intake-photos,.work-panel),
#module-panel .intake-desk-sheet[data-pane=condition] :is(.intake-form-grid,.intake-request,.work-panel),
#module-panel .intake-desk-sheet[data-pane=inspection] :is(.intake-sheet,.intake-photos),
#module-panel .intake-desk-sheet[data-pane=history] :is(.intake-sheet,.intake-photos,.work-panel){display:none}
#module-panel .intake-desk-sheet[data-pane=sheet] .intake-lower,#module-panel .intake-desk-sheet[data-pane=condition] .intake-lower{grid-template-columns:minmax(0,1fr)}
#module-panel .intake-desk-sheet[data-pane=inspection]:not(:has(.work-panel:not([hidden])))::before{content:'Chưa có lệnh kiểm tra cho phiếu này.';display:block;padding:16px 4px;color:#5d6f64;font-size:13px}