/* Tiếp nhận xe on the Mobile (Owner 27/10/2026: received at the car, with the customer, a phone in hand): the Desktop's window
   (intake-form.mjs, layout 'mobile', id intake-mobile) over the whole screen; 16 px text in the fields (a phone does not zoom in
   on them), touch targets of 44 px or more; Ảnh xe and Đọc ảnh bằng AI first; Hủy / Lưu always at the bottom of the screen.
   The id outweighs the Desktop's rules (intake-desk.css), which this page loads first. */
#intake-mobile.intake-window{inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}
#intake-mobile.intake-window .intake-window-head{padding:8px 10px 8px 14px}
#intake-mobile.intake-window .intake-window-head h2{font-size:18px}
#intake-mobile.intake-window .intake-window-close{min-width:44px;min-height:44px;font-size:26px}
#intake-mobile.intake-window .intake-window-body{padding:10px 10px 18px;overscroll-behavior:contain}
#intake-mobile.intake-window .intake-form-grid{grid-template-columns:minmax(0,1fr);gap:10px}
#intake-mobile.intake-window :is(input,textarea,select){min-height:44px;padding:8px 10px;font-size:16px}
#intake-mobile.intake-window .intake-field,#intake-mobile.intake-window .intake-field>span{font-size:13px}
#intake-mobile.intake-window .intake-group>legend{font-size:12px}
#intake-mobile.intake-window .intake-check{min-height:40px;font-size:14px}
#intake-mobile.intake-window .intake-check input{width:22px;height:22px;min-height:22px}
#intake-mobile.intake-window .intake-photos{margin-top:0}
#intake-mobile.intake-window .intake-ai-row{margin:10px 0}
#intake-mobile.intake-window .intake-ai-row:has(>[hidden]){display:none}
#intake-mobile.intake-window .intake-ai-row .intake-ai-main{width:100%;min-height:52px;border-radius:10px;font-size:17px}
#intake-mobile.intake-window .intake-vehicle-status{padding:9px 11px;font-size:14px}
#intake-mobile.intake-window .intake-vehicle-status strong{font-size:16px}
#intake-mobile.intake-window .intake-customer-pick .intake-button{min-height:44px}
#intake-mobile.intake-window .intake-condition .intake-row.split{grid-template-columns:minmax(0,1fr)}
#intake-mobile.intake-window .intake-accessories{grid-template-columns:repeat(2,minmax(0,1fr))}
#intake-mobile.intake-window .intake-fuel{gap:8px 16px}
#intake-mobile.intake-window .intake-radio{min-height:36px;font-size:14px}
#intake-mobile.intake-window .intake-radio input{width:20px;height:20px;min-height:20px}
#intake-mobile.intake-window .intake-window-foot{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
#intake-mobile.intake-window .intake-status{font-size:14px}
#intake-mobile.intake-window .intake-window-actions{flex-wrap:nowrap}
#intake-mobile.intake-window .intake-window-actions .intake-button{flex:1 1 0;min-height:48px;font-size:16px}
#intake-mobile.intake-window .intake-window-actions .intake-button.primary{flex:2 1 0}
/* The page is hidden (another app, the camera): the window too, as the page's own panels (home.mjs). */
body.privacy-hidden .intake-window{visibility:hidden}
#intake-new{width:100%;min-height:56px;margin-top:12px;font-size:18px}
#intake-result{margin:12px 0 0;padding:12px;border-radius:8px;background:#e8f3ec;color:#1e5138;font-weight:600;overflow-wrap:anywhere}
#intake-result:empty{display:none}
/* Danh sách phiếu (the roles that read intakes): under the last save, as wide as ＋ Tiếp nhận xe mới. */
#mobile-list-open{width:100%;min-height:48px;margin-top:12px;font-size:16px}
/* In phiếu tiếp nhận of the phiếu just saved (Owner 28/10/2026: the CVDV prints it in the workshop), right under ✓ Đã lưu. */
#intake-print{width:100%;min-height:48px;margin-top:8px;font-size:16px}
#intake-print-note,.mobile-list-print-note{margin:8px 0 0;padding:10px 12px;border-radius:8px;background:#fff4d7;color:#5b4500;font-size:14px;line-height:1.45}
#intake-panel .heading p{margin:2px 0 0;color:#52665b;font-size:14px}