:root{--ink:#14324a;--nav:#0c2336;--teal:#008ba6;--bg:#f3f7fa;--line:#dce6ed;--muted:#5b7284}*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,'Noto Sans Devanagari',sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:1px solid var(--line);padding:9px 14px;border-radius:8px;background:white;color:var(--ink)}button:hover{border-color:var(--teal)}button:disabled{opacity:.45;cursor:default}a{color:var(--teal)}input,select,textarea{border:1px solid #bdcdd8;border-radius:7px;padding:10px;max-width:100%;background:white;color:var(--ink)}input:not([type=checkbox]),textarea{width:100%}textarea{min-height:85px}label{display:block;font-size:14px;font-weight:650;margin-bottom:5px}input[type=checkbox]{margin-right:6px}h1{font-size:28px;margin:0}h2{font-size:19px;margin:0 0 14px}h3{font-size:16px}p{margin:8px 0 14px}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{background:var(--nav);color:white;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 14px}.brand{font-size:23px;font-weight:800;padding:0 12px 22px}.brand small{display:block;font-size:13px;font-weight:400;color:#96b6c7}nav{overflow:auto}nav button{display:block;background:transparent;color:#b5cbd9;border:0;width:100%;text-align:left;margin:3px 0}nav button.selected{background:#1b4058;color:white}.identity{margin-top:auto;border-top:1px solid #294355;padding:16px 10px;font-size:14px;overflow-wrap:anywhere}.identity small{display:block;color:#b5cbd9}.top{display:flex;gap:12px;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line);padding:14px 26px;flex-wrap:wrap;position:sticky;top:0;z-index:2}.top-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.top label{margin:0}.top select{padding:7px;max-width:260px}.content{padding:28px;max-width:1550px;margin:auto}.heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.full{grid-column:1/-1}.primary{background:var(--teal);color:white;border-color:var(--teal)}.danger{color:#b3322b}.muted,small{color:var(--muted);font-size:14px}.notice{padding:13px 16px;background:#e8f4f7;border-radius:8px;margin:12px 0;font-size:14px}.warning{background:#fff1d6;color:#754d0a}.error{background:#ffe7e2;color:#9b2c1a}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:end}.toolbar input{width:240px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:650;color:var(--muted);white-space:nowrap}td small{display:block}tbody tr:hover{background:#f7fafc}.chip{display:inline-block;border-radius:6px;padding:3px 8px;background:#e7f3f4;font-size:14px;white-space:nowrap}.chip.amber{background:#fff0d5;color:#8a5b12}.chip.red{background:#fee9e6;color:#aa3028}.chip.green{background:#e1f6ed;color:#0a7752}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric{background:white;border:1px solid var(--line);padding:18px;border-radius:10px}.metric strong{display:block;font-size:30px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.push{margin-left:auto}.faults{display:flex;gap:12px;flex-wrap:wrap}.faults label{font-weight:400;background:#f2f7f9;padding:7px 12px;border-radius:7px}.unit{border:1px solid var(--line);border-radius:9px;padding:16px;margin:12px 0}.history{border-left:2px solid var(--line);padding-left:18px}.history p{font-size:14px}dialog{border:0;border-radius:12px;max-width:850px;width:95vw;max-height:90vh;padding:24px;color:var(--ink)}dialog::backdrop{background:#0b233688}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}#toast{display:none;position:fixed;bottom:24px;right:24px;background:#102f43;color:white;padding:14px 20px;max-width:90vw;z-index:10;border-radius:8px}#toast.visible{display:block}.loading{padding:40px}.empty{text-align:center;padding:35px;color:var(--muted)}.mobile-nav{display:none}.print-only{display:none}@media(max-width:1000px){.shell{grid-template-columns:1fr}aside{display:none}.mobile-nav{display:block}.content{padding:18px}.top{position:static;padding:14px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media print{body{background:white}aside,.top,nav,.no-print,dialog,#toast,button,.toolbar{display:none!important}.shell{display:block}.content{padding:0}.card{break-inside:avoid;border:0;padding:8px}.print-only{display:block}.grid{display:block}.table-wrap{overflow:visible}table{font-size:11px}a{color:inherit;text-decoration:none}}
 .batch-scroll{max-height:62vh;overflow:auto}.batch-scroll th{position:sticky;top:0;background:#eef5f8;z-index:1}.batch-scroll td{padding:9px;min-width:100px}.batch-scroll input:not([type=checkbox]){min-width:130px}.batch-scroll td:first-child{min-width:42px}.batch-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:20px 0}.wide-modal{max-width:1400px}.quote-grid td{min-width:130px}.quote-grid td:nth-child(2){min-width:210px}.quote-grid select{min-width:150px}details summary{cursor:pointer;font-weight:650;padding:10px 0}details textarea{min-height:120px}@media(max-width:1000px){.batch-metrics{grid-template-columns:repeat(3,1fr)}}@media print{.batch-scroll{max-height:none;overflow:visible}.batch-scroll th{position:static}.batch-scroll td{min-width:0}.batch-metrics{grid-template-columns:repeat(6,1fr)}tr{break-inside:avoid}.batch-scroll table{font-size:10px}.card:has(.batch-scroll){break-inside:auto}}

.product-query-card{padding:16px 20px}.product-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;align-items:end}.product-filters>div{min-width:0}.product-filters label{margin-bottom:3px}.product-filters input,.product-filters select{width:100%;padding:6px 9px;min-height:38px;font-size:14px}.product-filters button,.product-results-tools button{padding:7px 12px;font-size:14px}.query-actions{gap:8px}.product-filters #queryError{margin:0}.product-filters #queryError:empty{display:none}.query-help{font-size:13px;margin:6px 0}.query-help summary{padding:3px 0;color:var(--muted);font-weight:400}.query-help p{margin:4px 0 8px}.product-results-tools{align-items:center;gap:8px;margin:8px 0 10px}.product-results-tools strong{font-size:14px;margin-left:auto}@media(max-width:1200px){.product-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.product-query-card{padding:14px}.product-filters{grid-template-columns:1fr}.product-results-tools strong{margin-left:0;width:100%}}

.warranty-document h1{font-size:24px}.warranty-document h2{margin-top:12px}@media print{body:has(.warranty-document) .content>.print-only{display:none}.warranty-document{break-inside:auto;break-after:page}.warranty-document:last-child{break-after:auto}.warranty-document thead{display:table-header-group}.warranty-document tr{break-inside:avoid}.warranty-document td{overflow-wrap:anywhere}body:has(.warranty-document){font-size:12px}}

.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;break-inside:avoid}.return-document{margin-top:16px}

.unit-scan{display:flex;gap:8px;flex-wrap:wrap}.unit-scan input{flex:1;min-width:170px;width:auto}.photo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}.photo-grid img{width:100%;height:100px;object-fit:cover;border-radius:6px}.entered-list article{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}#unitVideo{width:100%;max-height:280px;background:#111;margin-top:12px}#unitEntry textarea{min-height:65px}@media(max-width:600px){.photo-grid{grid-template-columns:repeat(3,1fr)}.entered-list article{display:block}.unit-scan button{flex:1}#unitEntry .faults{gap:6px}#unitEntry .row label{width:100%}.signature-grid{gap:8px}}

.push-query{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.push-query label{display:flex;flex-direction:column;gap:6px;flex:1 1 160px}.push-query label:first-child{flex:2 1 230px}.push-query input,.push-query select{width:100%;min-width:0}.push-query #pushError:empty{display:none}.push-main{min-height:50px;padding:12px 26px;font-size:16px;font-weight:700;white-space:nowrap}

.push-table{table-layout:fixed;width:100%;min-width:780px}.push-table th,.push-table td{vertical-align:middle;padding:16px 14px}.push-table th:nth-child(1){width:17%}.push-table th:nth-child(2){width:17%}.push-table th:nth-child(3){width:8%}.push-table th:nth-child(4){width:18%}.push-table th:nth-child(5){width:18%}.push-table th:nth-child(6){width:22%}.push-table tbody tr{height:88px}.push-table td:last-child{white-space:nowrap}.push-table td:last-child button{height:40px;min-height:40px;padding:8px 14px;font-size:14px;margin:0 8px 0 0}.push-table .push-main{min-width:76px}.push-table small{margin-top:5px;line-height:20px}.push-table button:disabled{background:#e9eef1;color:#768995;opacity:1;border-color:#dce5ea}

/* Phone-first entry: keep overflow within data tables, never the whole page. */
.shell>main,.content,#page,.card,.grid>*,.top>*,.top-controls>*,.entered-list article>div{min-width:0}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media screen and (max-width:600px){
 .shell{display:block;width:100%}.content{padding:12px 10px 90px;max-width:100%}.card{padding:14px;margin-bottom:12px}.heading{margin-bottom:14px}h1{font-size:22px}h2{font-size:18px}
 .top{padding:10px;gap:8px}.top>div:first-child{width:100%;overflow-wrap:anywhere}.top-controls{width:100%;gap:6px}.top-controls label{flex:1 1 90px;min-width:0}.top-controls select{width:100%;max-width:100%;font-size:16px}.top .mobile-nav{width:100%;max-width:100%;min-height:44px}
 input,select,textarea{font-size:16px}button{min-height:44px}.unit-scan{display:grid;grid-template-columns:1fr 1fr}.unit-scan input{grid-column:1/-1;width:100%;min-width:0}.unit-scan button{padding:10px 6px}
 #unitEntry .faults{display:grid;grid-template-columns:1fr 1fr}#unitEntry .faults label{margin:0;padding:9px 6px;display:flex;align-items:center;font-size:14px;min-height:44px}
 #unitEntry>.row{display:grid;grid-template-columns:1fr;gap:8px}#unitEntry input[type=file]{width:100%;font-size:14px}#unitEntry [data-action=unitSave]{width:100%;margin-top:8px}
 #unitVideo{max-height:40vh;border-radius:8px;object-fit:cover}.entered-list b{overflow-wrap:anywhere}.entered-list article .row{margin-top:8px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid img{height:85px}.photo-grid button{width:100%;padding:5px}
 .push-query label,.push-query label:first-child{flex:1 1 100%}.push-query{gap:10px}.batch-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:12px}.toolbar{flex-wrap:wrap}.toolbar label{width:100%}
 dialog{padding:16px;width:calc(100vw - 16px);max-height:90dvh}.auth-account{right:8px;bottom:8px;max-width:calc(100vw - 16px)}
}

/* Compact shared phone/desktop return-entry layout. */
@media screen{
 .content:has(#unitEntry){max-width:1120px;padding-top:16px}
 #unitEntry{padding:18px}#unitEntry h3{margin:12px 0 6px;font-size:15px}#unitEntry>label{margin:8px 0 4px}
 #unitEntry .unit-scan{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}#unitEntry .unit-scan input{width:100%;min-width:0}
 #unitEntry textarea{min-height:56px;max-height:150px;resize:vertical}#unitEntry .faults{gap:6px}#unitEntry .faults label{padding:7px 10px;margin:0}
 .entry-help{font-size:13px;color:var(--muted);margin:4px 0 8px}.entry-help summary{font-weight:400;padding:4px 0}.entry-help p{margin:4px 0}
 .unit-upload{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:500px}.photo-picker{position:relative;display:flex;justify-content:center;align-items:center;min-height:44px;border:1px solid #bdcdd8;border-radius:8px;background:#f2f7f9;cursor:pointer;margin:0;overflow:hidden}
 .photo-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-picker:focus-within{outline:2px solid var(--teal);outline-offset:2px}
 #unitEntry .photo-grid:empty{display:none}#unitEntry>.muted{font-size:12px;margin:6px 0 10px}
 #unitEntry .row:has(#stopUnitCamera[hidden]){display:none}
 #submitUnitBatch p{font-size:13px;margin:6px 0 10px}.entered-list p{margin:4px 0}.entered-list article{padding:9px 0}
}
@media screen and (max-width:600px){
 .content:has(#unitEntry){padding:10px 8px 80px}.content:has(#unitEntry)>.notice{font-size:12px;padding:8px 10px;margin-bottom:10px}.content:has(#unitEntry) .heading{margin-bottom:10px}
 #unitEntry{padding:12px}#unitEntry .unit-scan{grid-template-columns:1fr 1fr}#unitEntry .unit-scan input{grid-column:1/-1;min-height:44px}
 #unitEntry .faults label{padding:8px 5px;font-size:13px}#unitEntry .unit-upload{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-upload .photo-picker{width:100%;font-size:14px}
 #submitUnitBatch>button{width:100%}.top-controls label{font-size:12px}.top small{font-size:12px}
}

.page-back:empty{display:none}.page-back{margin-bottom:12px}.page-back button{min-height:44px}

.brand{font-size:18px;line-height:1.3;overflow-wrap:break-word}.brand small{margin-top:7px}.identity{overflow-wrap:break-word}

.help-guide{max-width:1000px}.help-guide summary{cursor:pointer;font-size:18px}.help-guide section{margin-top:20px}.help-guide p{overflow-wrap:anywhere}.help-guide p[lang=en]{color:#496579}

.workflow-scroll{overflow-x:auto;padding:8px 15px 15px}.workflow-chart{min-width:1180px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 30px}.workflow-node{background:white;border:1px solid #bed2dd;border-top:4px solid #008ba6;border-radius:10px;padding:16px;position:relative;min-height:240px}.workflow-node h2{font-size:18px;margin:10px 0}.workflow-node small{display:block;color:#526c7e;margin-top:8px}.workflow-step{font-size:20px;font-weight:700}.workflow-node:after{content:'→';position:absolute;right:-26px;top:45%;font-size:26px;color:#008ba6}.workflow-node.turn:after{content:'↓';right:45%;top:auto;bottom:-37px}.workflow-node.reverse:after{content:'←';right:auto;left:-26px}.workflow-node.last:after{display:none}.workflow-note{max-width:1400px;margin-top:16px;font-size:14px}@media print{body:has(.workflow-chart) .workflow-chart{min-width:0;gap:30px 20px}body:has(.workflow-chart) .workflow-node{min-height:210px;padding:10px;font-size:11px;break-inside:avoid}body:has(.workflow-chart) .workflow-node h2{font-size:14px}body:has(.workflow-chart) .workflow-scroll{overflow:visible}body:has(.workflow-chart){page:workflowLandscape}@page workflowLandscape{size:A3 landscape;margin:12mm}}

.tutorial-nav{margin-top:auto;padding-top:16px;border-top:1px solid #294355}.tutorial-nav button{display:block;width:100%;text-align:left;background:transparent;color:#b5cbd9;border:0;margin:3px 0}.tutorial-nav button.selected{background:#1b4058;color:white}.tutorial-nav+.identity{margin-top:0}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.tutorial-card video{display:block;width:100%;aspect-ratio:16/9;background:#0c2336;border-radius:8px}.tutorial-card h2{min-height:2.5em}@media(max-width:800px){.tutorial-grid{grid-template-columns:1fr}}

.role-choices{border:1px solid #bfd0dc;border-radius:8px;padding:12px;display:flex;flex-wrap:wrap;gap:12px 24px}.role-choices label{display:flex;align-items:center;gap:8px}.role-choices input{width:18px;height:18px;margin:0}.role-choices small{flex-basis:100%;color:#526779}
