/* Portrait-first workspace: usable touch targets and stacked records. */
:root{--rail:235px}html{min-width:320px}body{overflow-wrap:break-word}button,input,select,summary{-webkit-tap-highlight-color:transparent}button{font-family:inherit;font-weight:600;min-height:46px;touch-action:manipulation}input,select{font-size:16px;min-height:48px}button:focus-visible,summary:focus-visible{outline:3px solid #79acfa;outline-offset:3px}main{min-width:0}.grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.grid>*,.cards>*,.panel,.operation{min-width:0}.nav-icon{font-size:20px;line-height:1;display:inline-grid;place-items:center;width:26px;flex-shrink:0}nav button{display:flex;align-items:center;gap:10px;width:100%;white-space:normal}nav{margin-top:30px}.nav-toggle{display:none}.nav-shade{display:none}aside{overflow-y:auto;height:100dvh;z-index:30}.aside-bottom{position:static;margin-top:36px}.plate-entry{display:grid;grid-template-columns:1fr;justify-items:stretch;max-width:480px;margin:24px auto;gap:14px}.plate-entry .plate-wrap{width:100%;max-width:none}.plate-continue{width:100%;font-size:16px}.operation-intro{display:block}.operation-intro h2{font-size:23px}.operation-intro .eyebrow{font-size:10px}.split{gap:16px}.split>strong{text-align:right}.sub{font-size:12px}.panel-head{gap:12px;flex-wrap:wrap}.panel-head h2{line-height:1.45}.toolbar>label{flex:1;min-width:150px}.toolbar{align-items:end}.toolbar input,.toolbar select{width:100%}.flow-plate{font-weight:500;font-size:30px}.workflow-modal{width:720px;max-width:calc(100vw - 24px);max-height:90dvh;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px}.workflow-modal .panel-head{position:sticky;top:-24px;z-index:2;background:white;padding:12px 0;margin-top:-12px}.workflow-modal .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-modal .vehicle-choice svg{height:110px}.workflow-modal .vehicle-choice strong{font-size:14px;line-height:1.4}.workflow-modal .vehicle-choice{min-height:150px;padding:10px}.workflow-modal .service-grid{grid-template-columns:1fr}.service-choice{min-height:58px;font-size:15px;padding:18px}.service-choice strong{font-size:17px}.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.text-choice{min-height:54px;font-size:15px;padding:14px 10px}.workflow-modal .actions{position:sticky;bottom:-24px;background:white;z-index:2;display:flex;padding:16px 0;margin-bottom:-12px;box-shadow:0 -10px 16px #ffffffee}.actions button{flex:1;min-height:52px;font-size:15px}.workflow-modal form{gap:18px}.workflow-modal label{font-size:14px}.workflow-modal input[type=number]{font-size:21px;min-height:56px;padding:14px}.workflow-modal .total{font-size:23px}.confirm-qr{padding:12px;background:#edf4ff;border-radius:9px}.shared-options summary{min-height:44px;line-height:44px;font-size:13px}.shared-options label{max-width:none}.shared-options .choice-row{grid-template-columns:1fr 1fr}.qr-info{margin:0}#toast{z-index:90;max-width:calc(100vw - 24px);font-size:14px}dialog{max-height:90dvh;overscroll-behavior:contain}.mini-plate{font-size:18px;letter-spacing:2px}
@media(max-width:1100px){:root{--rail:180px}aside{width:var(--rail);padding:24px 12px}main{margin-left:var(--rail);padding:24px 20px}.brand{font-size:22px}nav button{padding:12px 8px;font-size:13px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.operation{padding:22px}}
@media(max-width:980px){
.responsive-table,.responsive-table tbody{display:block;width:100%;white-space:normal}.responsive-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.responsive-table tbody{display:grid;gap:14px}.responsive-table tr{display:block;border:1px solid #dce5f2;border-radius:12px;padding:12px;background:#fbfcff}.responsive-table td{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);align-items:center;gap:5px 12px;padding:11px 3px;font-size:14px;text-align:right;white-space:normal;overflow-wrap:anywhere}.responsive-table td:before{content:attr(data-label);font-size:11px;color:#7b8ba4;text-align:left}.responsive-table td>*{grid-column:2;min-width:0}.responsive-table td:before{grid-column:1;grid-row:1 / span 4}.responsive-table td .sub{font-size:11px}.responsive-table td strong{font-size:15px}.responsive-table td button{width:100%;font-size:14px}.responsive-table td:last-child{border-bottom:0}.responsive-table td.empty{display:block;min-height:70px;text-align:center}.responsive-table td.empty:before{display:none}.active-cars .responsive-table td:first-child{display:block;text-align:left}.active-cars .responsive-table td:first-child:before{display:none}.active-cars .mini-plate{font-size:22px;margin-bottom:8px}.active-cars .responsive-table td:nth-child(2){display:block;text-align:left}.active-cars .responsive-table td:nth-child(2):before{display:none}.active-cars .responsive-table td:last-child{display:block}.active-cars .responsive-table td:last-child:before{display:none}.active-cars .responsive-table td:last-child button{min-height:52px;font-size:16px}.panel{overflow:visible}.active-cars .total{font-size:22px}
}
@media(max-width:650px){
:root{--rail:60px}aside{width:var(--rail);padding:12px 7px;height:100dvh;overflow-x:hidden;transition:width .18s ease}.nav-toggle{display:grid;place-items:center;background:#213555;color:white;width:44px;min-height:44px;font-size:21px;margin:0 0 18px;padding:0}.brand{font-size:17px;text-align:center;letter-spacing:0}.brand span,aside>small,.nav-label{display:none}nav{margin-top:24px;gap:8px}nav button{width:44px;padding:0;min-height:48px;justify-content:center}.nav-icon{font-size:21px;width:28px}.aside-bottom{display:none}.nav-expanded aside{width:230px;padding:12px 14px}.nav-expanded .brand{text-align:left;margin:0 0 12px}.nav-expanded .brand span{display:inline}.nav-expanded aside>small{display:block}.nav-expanded .nav-label{display:inline}.nav-expanded nav button{width:100%;justify-content:flex-start;gap:12px;padding:10px;font-size:14px}.nav-expanded .nav-shade:not([hidden]){display:block;position:fixed;inset:0;background:#0d1d3c80;border-radius:0;z-index:29}.nav-shade[hidden]{display:none}main{margin-left:var(--rail);padding:20px 12px 32px;max-width:none}header{gap:10px;align-items:flex-start}h1{font-size:25px;margin:8px 0 20px;line-height:1.15}.eyebrow{font-size:9px;letter-spacing:1.4px}.avatar{font-size:11px;padding:9px}.notice{font-size:11px;padding:10px 12px;line-height:1.65}.operation{padding:17px;border-radius:13px}.operation-intro h2{font-size:21px;line-height:1.3}.operation-intro .sub{font-size:12px}.plate-wrap{padding:19px 7px;gap:12px;border-radius:12px}.plate-wrap label{font-size:10px;letter-spacing:1px}.plate-wrap input{font-size:38px;letter-spacing:3px;width:100%;padding:8px 0}.plate-wrap small{font-size:10px}.plate-entry{margin:20px 0 4px}.plate-continue{min-height:52px}.shift-status{flex-direction:column;align-items:stretch;padding:15px;gap:12px;margin:16px 0}.shift-status button{min-height:46px}.pending-shifts{flex-direction:column;align-items:stretch}.pending-shifts button{width:100%;white-space:normal}.cards{grid-template-columns:1fr;gap:12px}.card{padding:20px}.card strong{font-size:28px}.card small{font-size:13px}.card em{font-size:11px}.grid{gap:0}.panel{padding:16px;margin-bottom:16px;border-radius:13px}.toolbar{display:grid;grid-template-columns:1fr;gap:14px;margin:18px 0}.toolbar>label{min-width:0;font-size:12px}.fields{grid-template-columns:1fr}.total{font-size:21px}.panel-head .sub{margin:10px 0 0}.split{align-items:center;gap:14px;line-height:1.6;font-size:13px}.split strong{overflow-wrap:anywhere}.responsive-table td{grid-template-columns:minmax(72px,.8fr) minmax(0,1.2fr);gap:6px 8px}.responsive-table td:before{font-size:10px}.responsive-table tr{padding:10px}.filter{max-width:none}.bar-label{gap:10px;line-height:1.6}.workflow-modal{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:92dvh;padding:18px;margin:auto;border-radius:17px}.workflow-modal .panel-head{top:-18px;flex-wrap:nowrap;align-items:center}.workflow-modal h2{font-size:19px;margin:0}.workflow-modal .panel-head button{min-width:44px;flex-shrink:0}.workflow-modal .vehicle-grid{gap:10px}.workflow-modal .vehicle-choice{min-height:135px;padding:8px 6px}.workflow-modal .vehicle-choice svg{height:88px}.workflow-modal .vehicle-choice strong{font-size:13px}.workflow-modal .service-choice{display:flex;flex-wrap:nowrap;gap:10px;padding:17px 12px}.workflow-modal .service-choice span{font-size:14px;line-height:1.4}.workflow-modal .service-choice strong{font-size:16px}.workflow-modal .actions{bottom:-18px;gap:10px}.workflow-modal .text-choice{font-size:14px;min-height:54px}.workflow-modal .choice-row{gap:10px}.workflow-modal .flow-plate{font-size:28px}.workflow-modal .split{font-size:14px}.workflow-modal .shared-options .choice-row{grid-template-columns:1fr}.workflow-modal .confirm-qr{font-size:14px;padding:13px;line-height:1.5}.workflow-modal .qr-info{font-size:13px}.workflow-modal .sub{font-size:12px;line-height:1.7}.workflow-modal .total{font-size:23px}.actions{flex-wrap:wrap}.actions button{min-width:110px}#toast{left:72px;right:12px;bottom:18px;padding:14px;max-width:none;line-height:1.5}footer{line-height:1.6;font-size:10px}footer span{display:none}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.record-time{margin-top:6px;font-size:11px;white-space:normal;line-height:1.7;color:#5d7190}.active-cars .record-time{font-size:12px}.workflow-modal .record-time{text-align:center}@media(max-width:980px){.responsive-table .record-time{font-size:12px;line-height:1.7}}
.wash-list{list-style:none;margin:0;padding:0;width:100%;border-top:1px solid #d2e2f6}.wash-list-row{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,2fr) minmax(100px,.7fr);gap:16px;align-items:start;padding:18px 14px;margin:0;border:0;border-bottom:1px solid #cddff4;border-radius:0;background:#fff}.wash-list-row:nth-child(even){background:#eaf3ff}.wash-identity,.wash-details,.wash-charge{display:grid;gap:6px;min-width:0;line-height:1.5}.wash-identity>strong{letter-spacing:1.5px;font-size:17px}.wash-identity>span{font-size:11px;color:#607594}.wash-details>strong{font-size:14px;font-weight:600}.wash-details>span{font-size:12px;color:#455e80}.wash-hours{display:grid;gap:3px;color:#6c809c;font-size:11px;margin-top:3px}.wash-charge{text-align:right}.wash-charge>strong{font-size:17px;white-space:nowrap}.wash-charge>span{font-size:12px}.wash-charge>small{color:#607594;font-size:10px}@media(max-width:650px){.wash-list-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:16px 10px}.wash-identity{grid-column:1;grid-row:1}.wash-details{grid-column:1;grid-row:2}.wash-charge{grid-column:2;grid-row:1 / span 2;max-width:104px}.wash-identity>strong{font-size:17px}.wash-details>strong{font-size:13px}.wash-details>span{font-size:11px}.wash-charge>strong{font-size:16px}.wash-charge>span{font-size:11px}.wash-hours{font-size:10px;line-height:1.6}.wash-identity>span{font-size:10px}}
@media(max-width:650px){.wash-details{display:contents}.wash-details>strong{grid-column:1;grid-row:2}.wash-details>span{grid-column:1;grid-row:3}.wash-hours{grid-column:1 / -1;grid-row:4;gap:2px;margin-top:3px}.wash-charge{grid-row:1 / span 3}.wash-list-row{gap:5px 10px;padding:13px 10px}}
/* Visual guides across the management summary. */
.manager-view .card:nth-child(even){background:#eaf3ff;border-color:#d3e2f6}.manager-view .bar-row{margin:0;padding:16px 12px;border-bottom:1px solid #d3e2f6}.manager-view .bar-row:nth-of-type(even){background:#eaf3ff}.manager-view .split{padding:14px 12px;border-bottom:1px solid #d3e2f6}.manager-view .split:nth-of-type(even){background:#eaf3ff}.manager-view .wash-list-row{padding:14px 10px}.manager-view .bar{background:#dce8f8}.manager-view .bar-row:nth-of-type(even) .bar{background:#d1e1f8}
.settlement-head,.settlement-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(35px,.4fr) minmax(75px,.8fr) minmax(80px,.7fr);gap:14px;align-items:center;padding:12px 14px}.settlement-head{background:#f3f7fd;color:#7488a3;text-transform:uppercase;font-size:10px;letter-spacing:.4px;border-bottom:1px solid #ccdef4}.settlement-head span:nth-child(2),.settlement-count{text-align:center}.settlement-head span:nth-child(3),.settlement-amount{text-align:right}.settlement-head span:last-child{text-align:center}.settlement-list{margin:0;padding:0;list-style:none}.settlement-row{border-bottom:1px solid #ccdef4;background:white;font-size:14px;min-height:66px}.settlement-row:nth-child(even){background:#eaf3ff}.settlement-name{font-size:14px;font-weight:600;line-height:1.4}.settlement-amount{font-size:15px;white-space:nowrap}.settlement-row button{padding:10px 12px;font-size:13px;min-height:44px}.settlement-paid{font-size:12px;color:#218b72;text-align:center;white-space:nowrap}
@media(max-width:650px){.settlement-panel{padding:14px 10px}.settlement-head,.settlement-row{grid-template-columns:minmax(0,1fr) 22px 64px 62px;gap:6px;padding:10px 6px}.settlement-head{font-size:9px;letter-spacing:0}.settlement-name{font-size:12px}.settlement-amount{font-size:12px}.settlement-count{font-size:12px}.settlement-row{font-size:12px;min-height:64px}.settlement-row button{padding:9px 3px;font-size:11px;min-height:44px}.settlement-paid{font-size:10px}.manager-view .wash-list-row{padding:13px 10px}.manager-view .bar-row{padding:14px 10px}}
/* Neon accents keep the existing continuous white/blue wash list. */
.wash-list-row{position:relative;outline:1px solid #259dff;outline-offset:-1px;box-shadow:inset 0 0 7px #168dff26,0 0 5px #168dff20}.active-cars .responsive-table tbody tr:not(:has(.empty)){outline:1px solid #259dff;outline-offset:-1px;box-shadow:inset 0 0 8px #168dff25,0 0 6px #168dff22}.wash-identity>strong,.mini-plate,.flow-plate{width:fit-content;max-width:100%;border:1px solid #e6b845;background:#fffef8;padding:5px 9px;border-radius:6px;color:#16273e;box-shadow:0 0 5px #f4be454d;animation:gold-neon-glow 4s ease-in-out infinite}.flow-plate{width:auto;max-width:280px;padding:12px}.plate-wrap{position:relative;overflow:hidden;border-color:#e6b845;animation:gold-neon-glow 4s ease-in-out infinite}.plate-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 42%,#ffe6a42b 48%,#ffcf6252 50%,transparent 57%);transform:translateX(-140%);animation:gold-neon-sweep 5s ease-in-out infinite}.plate-wrap input{position:relative;z-index:1;background:#fffdf8}.mini-plate{display:inline-block}.wash-identity{justify-items:start}.wash-identity>span{max-width:100%}
@keyframes gold-neon-glow{0%,100%{box-shadow:0 0 4px #f4be4538,inset 0 0 3px #ffd87a18}50%{box-shadow:0 0 11px #eab33373,inset 0 0 6px #ffd87a2e}}
@keyframes gold-neon-sweep{0%,35%{transform:translateX(-140%)}75%,100%{transform:translateX(140%)}}
@media(prefers-reduced-motion:reduce){.wash-identity>strong,.mini-plate,.flow-plate,.plate-wrap,.plate-wrap:after{animation:none}.plate-wrap:after{display:none}}
@media print{.wash-list-row,.active-cars .responsive-table tbody tr,.wash-identity>strong,.mini-plate,.flow-plate,.plate-wrap{animation:none;box-shadow:none;outline:none}.plate-wrap:after{display:none}}
.client-actions{display:grid;gap:8px;margin-bottom:8px}.ready-button{background:#e7f6ef;color:#237353;border:1px solid #b3deca}.client-message{padding:18px;border:1px solid #d5e6df;border-radius:11px;background:#f0faf4;color:#284e3d;font-size:14px;line-height:1.8;margin:18px 0}.client-send-actions{display:grid;gap:12px;margin-top:18px}.client-send-actions button{min-height:52px;font-size:14px}.photo-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-side{padding:12px;border:1px solid #dbe5f3;border-radius:10px;min-width:0}.photo-side input{min-width:0;font-size:12px;min-height:44px;padding:8px 0;border:0}.photo-preview{display:grid;place-items:center;aspect-ratio:4/3;background:#f0f4f9;color:#8796ab;font-size:12px;overflow:hidden;border-radius:7px}.photo-preview img{width:100%;height:100%;object-fit:contain}.client-phone-entry{margin-top:20px}.history-contact{justify-self:start;background:#edf5ff;color:#2365aa;border:1px solid #d0e3fb;font-size:11px;min-height:36px;padding:6px 10px}.wash-details .history-contact{width:fit-content}.active-cars .responsive-table td:last-child>button{width:100%}@media(max-width:650px){.photo-side{padding:9px}.photo-sides{gap:9px}.photo-side input{font-size:10px}.wash-details .history-contact{grid-column:1 / -1;grid-row:5;max-width:100%;margin-top:5px}.client-message{padding:14px;font-size:13px}}
.whatsapp-link{display:flex;align-items:center;justify-content:center;min-height:54px;padding:15px 18px;border-radius:9px;background:#167c49;color:white;text-decoration:none;text-align:center;font-weight:600;font-size:15px;line-height:1.5;touch-action:manipulation}.whatsapp-link:focus-visible,.whatsapp-alternative:focus-visible{outline:3px solid #74b0fb;outline-offset:3px}.whatsapp-link:hover{background:#126b3e}.client-send-actions .sub{margin:0;line-height:1.7}.whatsapp-help{margin-top:18px;padding:14px;border:1px solid #d9e4f3;border-radius:9px}.whatsapp-help summary{cursor:pointer;min-height:36px;line-height:1.7;font-size:14px;color:#345a85}.whatsapp-alternative{display:block;color:#1768b6;padding:12px 0;line-height:1.5;font-size:14px}.whatsapp-help button{width:100%;margin-top:8px}.client-message{user-select:text;-webkit-user-select:text}
.settlement-head,.settlement-row{grid-template-columns:minmax(0,1.5fr) minmax(30px,.35fr) minmax(75px,.8fr) minmax(65px,.6fr) minmax(80px,.7fr);gap:12px}.settlement-head span:nth-child(4){text-align:center}.worker-detail-button{border:1px solid #c9defa}.worker-detail-intro h3{font-size:20px;margin:8px 0}.worker-detail-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.worker-detail-summary>div{background:#edf4ff;border:1px solid #d7e6f9;border-radius:10px;padding:15px;display:grid;gap:8px}.worker-detail-summary small{color:#6d819d;line-height:1.5;font-size:12px}.worker-detail-summary strong{font-size:23px;color:#195db7}.worker-wash-list{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid #cce0f8}.worker-wash-row{padding:16px 12px;border-bottom:1px solid #cce0f8}.worker-wash-row:nth-child(even){background:#edf5ff}.worker-wash-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px}.worker-wash-top>strong:last-child{color:#1768c2;font-size:18px;white-space:nowrap}.worker-wash-info{display:grid;gap:5px;font-size:12px;line-height:1.6;color:#677f9f}.worker-wash-info>strong{color:#263f62;font-size:14px}.shared-tag{color:#79581a;background:#fff6df;padding:6px 9px;border-radius:6px}
@media(max-width:650px){.settlement-head,.settlement-row{grid-template-columns:minmax(0,1fr) 18px 59px 44px 52px;gap:4px;padding:10px 4px}.settlement-name{font-size:11px}.settlement-amount{font-size:11px}.settlement-row button{padding:8px 2px;font-size:10px;min-width:0;min-height:44px}.settlement-head{font-size:8px}.settlement-count{font-size:11px}.worker-detail-summary>div{padding:12px}.worker-detail-summary strong{font-size:20px}.worker-detail-summary small{font-size:11px}.worker-wash-info{font-size:12px}}
@media(max-width:360px){.settlement-head,.settlement-row{grid-template-columns:minmax(0,1fr) 18px 58px 52px}.settlement-head span:nth-child(4){display:none}.settlement-name{grid-column:1;grid-row:1}.worker-detail-button{grid-column:1;grid-row:2;justify-self:start;min-width:48px!important}.settlement-count{grid-column:2;grid-row:1 / span 2}.settlement-amount{grid-column:3;grid-row:1 / span 2}.settlement-row>button:last-child,.settlement-paid{grid-column:4;grid-row:1 / span 2}.settlement-row{row-gap:3px}}
.wash-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wash-overview .card:nth-child(even){background:#eaf3ff;border-color:#c8dff9}.wash-overview .card strong{color:#185db5}.wash-overview .card em{color:#6c829f}.wash-overview .card small{font-weight:600}@media(max-width:650px){.wash-overview{grid-template-columns:1fr;gap:12px}.wash-overview .card{padding:18px 20px}.wash-overview .card strong{font-size:29px;margin:10px 0 7px}}
.expense-picker{border:0;padding:0;margin:0;min-width:0}.expense-picker legend{font-size:13px;color:#627b9c;font-weight:600;margin-bottom:12px;line-height:1.5}.expense-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.expense-concept{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:116px;border:2px solid #dce7f6;border-radius:12px;padding:14px 10px;background:#fbfdff;color:#223e65;cursor:pointer;text-align:center;touch-action:manipulation}.expense-icon{font-size:34px;line-height:1.2}.expense-concept strong{font-size:14px;line-height:1.4}.expense-concept input,.expense-payment input{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:0;opacity:0;clip-path:inset(50%)}.expense-concept:has(input:checked),.expense-payment:has(input:checked){background:#eaf3ff;border-color:#2785f1;box-shadow:0 0 0 1px #2785f1;color:#145da9}.expense-concept:has(input:focus-visible),.expense-payment:has(input:focus-visible){outline:3px solid #7db6ff;outline-offset:3px}.expense-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.expense-payment{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;border:2px solid #dce7f6;border-radius:9px;color:#365a86;text-align:center;font-size:14px;padding:12px;cursor:pointer;touch-action:manipulation}@media(max-width:650px){.expense-concept-grid{gap:10px}.expense-concept{min-height:105px;padding:12px 8px}.expense-icon{font-size:30px}.expense-concept strong{font-size:13px}.expense-payment-grid{gap:10px}.expense-payment{font-size:13px;padding:12px 8px}}
.manager-view>.grid:last-child{grid-template-columns:1fr}
.ordered-closing{border-top:1px solid #d4e2f5;margin:18px 0}.ordered-closing .split{padding:16px 12px}.ordered-closing .split>span{display:grid;gap:5px}.ordered-closing small{font-size:11px;color:#6f87a4}.ordered-closing .closing-income{background:#e3f0ff!important;color:#195d9f;font-weight:600}.ordered-closing .split:nth-last-child(-n+2){font-weight:700;border-top:1px solid #accff9;background:#edf5ff}.store-income-action{margin:18px 0}.store-income-action button{width:100%;min-height:50px}
/* Administradoras y tesorería: controles táctiles y balances acumulados. */
.admin-picker{border:0;padding:0;margin:14px 0;min-width:0}.admin-picker legend{font-size:13px;color:#53617c;margin-bottom:9px}.admin-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-buttons label{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;border:2px solid #dce7f8;border-radius:14px;background:#f5f9ff;cursor:pointer;margin:0;color:#172b53}.admin-buttons label:has(input:checked){border-color:#2377ed;background:#e5f0ff;box-shadow:0 0 0 3px #2879ef16}.admin-buttons label:focus-within{outline:2px solid #1765dc;outline-offset:3px}.admin-buttons input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.admin-buttons span{font-size:28px}.admin-buttons strong{font-size:16px}.treasury-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.treasury-balances .card{min-width:0}.treasury-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.treasury-actions button{min-height:48px}.treasury-balances .card strong{overflow-wrap:anywhere}.split small{display:block;color:#738099;font-size:12px;margin-top:5px}@media(max-width:700px){.treasury-balances{grid-template-columns:1fr;gap:10px}.treasury-balances .card{padding:18px}.treasury-actions{display:grid;grid-template-columns:1fr}.treasury-actions button{width:100%}.admin-buttons{gap:10px}.admin-buttons label{min-height:80px}.panel-head{flex-wrap:wrap;gap:10px}}
/* Cobro compacto: medios en una fila y restante QR visible junto al efectivo. */
dialog.workflow-modal.charge-modal{width:600px;max-width:calc(100vw - 20px);padding:18px 22px;max-height:calc(100dvh - 20px);scrollbar-gutter:auto}.charge-modal #modalContent>.panel-head{position:static;padding:0;margin:0 0 12px;flex-wrap:nowrap;gap:8px}.charge-modal .panel-head h2{font-size:19px;margin:0}.charge-modal .panel-head>button{min-height:40px;width:40px;padding:0;font-size:18px}.charge-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.charge-summary .flow-plate{font-size:25px;padding:7px 12px;margin:0 0 6px;max-width:200px;letter-spacing:3px}.charge-service{font-size:12px;color:#526986;line-height:1.4;display:block}.charge-total{display:grid;gap:5px;text-align:right}.charge-total small{font-size:11px;color:#6b7d99}.charge-total strong{font-size:28px;color:#1768e8;white-space:nowrap}.charge-time{font-size:10px;color:#75839a;margin:8px 0 12px}.charge-modal .charge-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}.charge-modal .charge-methods button{min-height:45px;font-size:13px;padding:8px 5px;line-height:1.25}.charge-modal form.charge-form{gap:9px}.charge-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;align-items:center}.charge-modal .charge-inputs label{font-size:12px;margin:0;gap:5px;min-width:0;display:grid}.charge-modal .charge-inputs input[type=number]{width:100%;min-height:46px;height:46px;padding:8px 10px;font-size:22px;min-width:0}.charge-modal .charge-inputs input::placeholder{font-size:17px}.charge-change{display:grid;gap:5px;text-align:right;font-size:12px;color:#62738d}.charge-change strong{font-size:23px;color:#173763}.is-mixed .charge-cash-part{grid-column:1;grid-row:1}.is-mixed .charge-received{grid-column:1;grid-row:2}.charge-remaining{grid-column:2;grid-row:1 / span 2;background:#e9f3ff;border:1px solid #b1d3ff;border-radius:12px;padding:16px 10px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center;min-width:0}.charge-remaining span{font-size:12px;color:#1f5598;line-height:1.4}.charge-remaining strong{font-size:32px;font-variant-numeric:tabular-nums;color:#1264d9;overflow-wrap:anywhere;line-height:1.15}.is-mixed .charge-change{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding-top:4px}.charge-hint{font-size:11px;color:#75839a;line-height:1.4;margin:0}.charge-modal .confirm-qr{padding:9px 10px;min-height:42px;margin:0;font-size:12px;line-height:1.35}.charge-modal .confirm-qr input{min-height:20px;height:20px;width:20px;margin:0}.charge-modal .actions{position:static;padding:0;margin:4px 0 0;box-shadow:none}.charge-modal .actions button{min-height:46px;font-size:15px;padding:10px}.charge-modal form{margin:0}@media(max-width:480px){dialog.workflow-modal.charge-modal{padding:14px;max-width:calc(100vw - 12px)}.charge-modal .panel-head h2{font-size:18px}.charge-summary{gap:8px}.charge-summary .flow-plate{font-size:21px;letter-spacing:2px;max-width:155px}.charge-total strong{font-size:24px}.charge-total small{font-size:10px}.charge-modal .charge-methods button{font-size:12px}.charge-inputs{gap:8px}.charge-remaining{padding:12px 6px}.charge-remaining strong{font-size:28px}.charge-remaining span{font-size:11px}.charge-modal .charge-inputs input[type=number]{font-size:20px}.charge-time{margin:7px 0 10px}}
/* Operación directa: prioriza placa y cuentas activas. */
.operation-page main{padding-top:16px}.operation-page main>header{align-items:center;margin-bottom:8px;min-height:36px}.operation-page main>header .eyebrow{display:none}.operation-page main>header h1{font-size:23px;margin:0;line-height:1.25}.operation-page .head-actions{gap:10px}.operation-page .avatar{padding:8px;font-size:11px}.operation-page main>.notice{padding:5px 10px;font-size:10px;line-height:1.4;margin-bottom:8px;background:transparent;border:0}.operation-page #shiftStatus{margin:0 0 10px;padding:8px 12px;min-height:48px;flex-direction:row;align-items:center;gap:10px}.operation-page #shiftStatus>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.operation-page #shiftStatus strong{font-size:13px}.operation-page #shiftStatus .sub{font-size:11px;line-height:1.3}.operation-page #shiftStatus button{min-height:36px;padding:7px 12px;font-size:12px;white-space:nowrap}.operation-page .operation{padding:14px 18px}.operation-page .plate-entry{max-width:760px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:center;gap:14px}.operation-page .plate-entry .plate-wrap{max-width:none;margin:0;padding:8px 12px;gap:3px;min-width:0;border-radius:10px}.operation-page .plate-wrap label{font-size:9px;letter-spacing:1.5px}.operation-page .plate-wrap input{font-size:36px;min-height:48px;padding:2px 0;letter-spacing:4px}.operation-page .plate-continue{min-height:54px;font-size:15px;padding:12px 16px}.operation-page .active-cars{margin-top:12px;padding:16px 18px}.operation-page .active-cars .panel-head{margin-bottom:10px}.operation-page .active-cars h2{font-size:17px}.operation-page .active-cars .panel-head .sub{margin:3px 0 0;font-size:11px}@media(max-width:650px){.operation-page main{padding-top:12px}.operation-page main>header h1{font-size:21px}.operation-page main>.notice{padding:3px 0;font-size:9px;margin-bottom:6px}.operation-page #shiftStatus{padding:8px;margin-bottom:8px;gap:6px}.operation-page #shiftStatus>div{display:grid;gap:3px}.operation-page #shiftStatus strong{font-size:12px}.operation-page #shiftStatus .sub{font-size:10px}.operation-page #shiftStatus button{font-size:11px;padding:7px 9px;min-height:38px}.operation-page .operation{padding:12px}.operation-page .plate-entry{grid-template-columns:1fr;gap:8px}.operation-page .plate-wrap input{font-size:34px}.operation-page .plate-continue{min-height:44px;padding:8px;font-size:14px}.operation-page .active-cars{padding:12px;margin-top:10px}.operation-page .active-cars .panel-head{gap:6px}.operation-page .active-cars .panel-head .sub{font-size:10px}}
/* Cuentas activas en renglones compactos; acciones juntas. */
.active-wash-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.active-wash-row{display:grid;grid-template-columns:minmax(175px,1.1fr) minmax(110px,1fr) auto auto;gap:14px;align-items:center;padding:12px;background:#fff;border:1px solid #259dff;border-radius:8px;box-shadow:inset 0 0 7px #168dff1c,0 0 4px #168dff18}.active-wash-row:nth-child(even){background:#edf5ff}.active-wash-identity,.active-wash-service{min-width:0;display:grid;gap:3px;line-height:1.4}.active-wash-identity .mini-plate{font-size:18px;margin:0 0 2px;padding:4px 8px;letter-spacing:2px}.active-wash-identity>span,.active-wash-identity>small{font-size:10px;color:#627797}.active-wash-service strong{font-size:13px;font-weight:600}.active-wash-service span{font-size:11px;color:#627797}.active-wash-value{font-size:16px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.active-wash-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.active-wash-actions .client-actions{display:contents;margin:0}.active-wash-actions button{min-height:42px;font-size:12px;padding:8px 10px;line-height:1.3;max-width:120px;white-space:normal}.active-wash-actions>button{min-width:78px}@media(min-width:651px) and (max-width:1100px){.active-wash-row{grid-template-columns:minmax(175px,1fr) minmax(120px,1fr) auto;gap:8px 14px}.active-wash-actions{grid-column:1 / -1;justify-self:end}.active-wash-actions button{max-width:none;min-width:110px}}@media(max-width:650px){.active-wash-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px}.active-wash-identity{grid-column:1;grid-row:1}.active-wash-identity .mini-plate{font-size:17px}.active-wash-identity>small{font-size:9px}.active-wash-service{grid-column:1;grid-row:2;gap:2px}.active-wash-service strong{font-size:12px}.active-wash-service span{font-size:10px}.active-wash-value{grid-column:2;grid-row:1 / span 2;font-size:16px}.active-wash-actions{grid-column:1 / -1;gap:6px;margin-top:4px}.active-wash-actions button{width:100%;max-width:none;min-width:0;min-height:44px;font-size:11px;padding:6px}.active-wash-actions>button{min-width:0}}
/* Lavadas: encabezado breve, filtros acotados y totales en una franja. */
.washes-page main{padding-top:16px}.washes-page main>header{min-height:36px;margin-bottom:8px;align-items:center}.washes-page main>header .eyebrow{display:none}.washes-page main>header h1{font-size:23px;line-height:1.25;margin:0}.washes-page .head-actions{gap:10px}.washes-page .avatar{padding:8px;font-size:11px}.washes-page main>.notice{padding:5px 10px;font-size:10px;line-height:1.4;background:transparent;border:0;margin-bottom:8px}.washes-page .toolbar{display:grid;grid-template-columns:minmax(170px,220px) minmax(150px,200px);justify-content:start;gap:12px;margin:10px 0}.washes-page .toolbar label{min-width:0;gap:4px;font-size:11px}.washes-page .toolbar input,.washes-page .toolbar select{min-height:40px;height:40px;padding:7px 10px;font-size:14px}.washes-page #scope{display:none!important}.washes-page .wash-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}.washes-page .wash-overview .card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 16px;min-height:72px}.washes-page .wash-overview .card .icon{display:none}.washes-page .wash-overview .card small{font-size:12px;grid-column:1;grid-row:1}.washes-page .wash-overview .card strong{font-size:26px;margin:0;grid-column:2;grid-row:1 / span 2;white-space:nowrap;text-align:right;letter-spacing:-.4px}.washes-page .wash-overview .card em{font-size:10px;grid-column:1;grid-row:2;line-height:1.4}.washes-page #view>.panel{padding:16px 18px}.washes-page #view>.panel .panel-head{margin-bottom:10px}.washes-page #view>.panel .filter{min-height:40px;padding:8px 10px;margin-bottom:12px;font-size:14px}@media(max-width:650px){.washes-page main{padding-top:12px}.washes-page main>header h1{font-size:21px}.washes-page main>.notice{padding:3px 0;font-size:9px;margin-bottom:6px}.washes-page .toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:8px 0}.washes-page .toolbar input,.washes-page .toolbar select{font-size:13px;padding:7px 5px;min-width:0}.washes-page .wash-overview{gap:8px;margin-bottom:10px}.washes-page .wash-overview .card{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px;min-height:82px}.washes-page .wash-overview .card small{grid-row:1;font-size:10px}.washes-page .wash-overview .card strong{grid-column:1;grid-row:2;font-size:22px;text-align:left;white-space:normal;overflow-wrap:anywhere}.washes-page .wash-overview .card em{grid-column:1;grid-row:3;font-size:9px}.washes-page #view>.panel{padding:12px}.washes-page #view>.panel .panel-head{gap:5px}.washes-page #view>.panel .panel-head h2{font-size:16px}}
/* Menú completo ajustado a la altura de la pantalla, sin barra de desplazamiento. */
body aside{display:flex;flex-direction:column;padding:18px 16px;height:100dvh;overflow:hidden}.brand{flex-shrink:0;font-size:23px;line-height:1.2}aside>small{margin-top:5px;font-size:9px;line-height:1.4;flex-shrink:0}aside #nav{display:grid;grid-template-rows:repeat(9,minmax(0,1fr));gap:4px;margin:14px 0 0;min-height:0;max-height:432px;flex:1;align-content:stretch}aside #nav button{height:100%;min-height:0;max-height:none;padding:5px 9px;font-size:12px;line-height:1.25;gap:8px;overflow:hidden}aside #nav .nav-icon{font-size:18px;width:23px}aside .aside-bottom{margin:14px 0 0;line-height:1.6;font-size:10px;flex-shrink:0}.aside-bottom small{font-size:9px}.nav-toggle{flex-shrink:0}@media(max-height:650px){body aside{padding-top:12px;padding-bottom:12px}aside #nav{margin-top:10px;gap:3px}aside .aside-bottom{display:none}.brand{font-size:21px}}@media(max-width:650px){body aside{padding:9px 7px}.nav-toggle{margin-bottom:9px;min-height:38px;height:38px}.brand{font-size:16px}aside #nav{margin-top:10px;max-height:432px;gap:3px}aside #nav button{padding:0;width:44px;justify-content:center}aside #nav .nav-icon{font-size:20px;width:26px}aside .aside-bottom{display:none}.nav-expanded aside{padding:9px 12px}.nav-expanded aside .brand{margin-bottom:0}.nav-expanded aside #nav button{width:100%;padding:5px 8px;justify-content:flex-start;font-size:12px}.nav-expanded aside>small{margin-top:4px}}@media(max-height:420px){body aside .brand,body aside>small{display:none}body aside #nav{margin-top:6px}.nav-expanded aside #nav{grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,minmax(0,1fr));gap:4px}.nav-expanded aside #nav button{font-size:10px;gap:4px;padding:3px}.nav-expanded aside #nav .nav-icon{width:18px;font-size:16px}}
/* Lavadas: filtros y cifras juntos; sin descripciones repetidas. */
.washes-page .toolbar{grid-template-columns:minmax(150px,190px) minmax(125px,160px) minmax(0,1fr);align-items:end;gap:10px;margin:6px 0 10px}.washes-page .toolbar .wash-overview{margin:0;gap:8px;min-width:0}.washes-page .toolbar .wash-overview .card{min-height:50px;padding:8px 12px;gap:4px 8px}.washes-page .toolbar .wash-overview .card small{font-size:11px;grid-row:1}.washes-page .toolbar .wash-overview .card strong{font-size:22px;grid-row:1}.washes-page .toolbar .wash-overview .card em{display:none}.washes-page main>.notice{margin-bottom:3px;padding-top:2px;padding-bottom:2px}.washes-page #view>.panel{padding:12px 14px}.washes-page #view>.panel .panel-head{margin-bottom:7px}.washes-page #view>.panel .filter{min-height:36px;height:36px;margin-bottom:9px}.washes-page .wash-list-row{padding:10px 12px;gap:12px;grid-template-columns:minmax(115px,.6fr) minmax(0,2fr) minmax(90px,.5fr);align-items:center}.washes-page .wash-identity,.washes-page .wash-charge{gap:3px;line-height:1.35}.washes-page .wash-identity>strong{font-size:16px;padding:4px 8px}.washes-page .wash-identity>span{font-size:10px}.washes-page .wash-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center;line-height:1.35}.washes-page .wash-details>strong{grid-column:1;grid-row:1;font-size:13px}.washes-page .wash-details>span{grid-column:1;grid-row:2;font-size:11px}.washes-page .wash-hours{grid-column:1;grid-row:3;display:flex;flex-wrap:wrap;gap:2px 12px;font-size:10px;margin:0;line-height:1.4}.washes-page .wash-details .history-contact{grid-column:2;grid-row:1 / span 3;margin:0;min-height:38px;padding:6px 10px;font-size:11px;white-space:nowrap}.washes-page .wash-charge>strong{font-size:16px}.washes-page .wash-charge>span{font-size:11px}@media(max-width:1100px){.washes-page .toolbar{grid-template-columns:minmax(130px,1fr) minmax(120px,1fr)}.washes-page .toolbar .wash-overview{grid-column:1 / -1;grid-template-columns:1fr 1fr}.washes-page .toolbar .wash-overview .card{min-height:44px}.washes-page .wash-hours{display:grid;gap:2px}.washes-page .wash-list-row{grid-template-columns:110px minmax(0,1fr) auto;gap:10px}}@media(max-width:650px){.washes-page .toolbar{gap:7px;margin:5px 0 8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.washes-page .toolbar .wash-overview{gap:7px}.washes-page .toolbar .wash-overview .card{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:7px 8px}.washes-page .toolbar .wash-overview .card small{font-size:9px}.washes-page .toolbar .wash-overview .card strong{font-size:18px;white-space:nowrap}.washes-page #view>.panel{padding:10px}.washes-page .wash-list-row{grid-template-columns:minmax(0,1fr) auto;padding:10px;gap:5px 8px}.washes-page .wash-identity{grid-column:1;grid-row:1}.washes-page .wash-charge{grid-column:2;grid-row:1;max-width:110px}.washes-page .wash-details{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}.washes-page .wash-details>strong{grid-column:1;grid-row:1;font-size:12px}.washes-page .wash-details>span{grid-column:1;grid-row:2;font-size:10px}.washes-page .wash-details .history-contact{grid-column:2;grid-row:1 / span 2;min-height:40px;font-size:10px;padding:6px 8px}.washes-page .wash-hours{grid-column:1 / -1;grid-row:3;display:flex;flex-wrap:wrap;gap:2px 8px;font-size:9px}.washes-page .wash-charge>strong{font-size:15px}.washes-page .wash-charge>span{font-size:10px}}
/* Liquidaciones: acceso directo a los lavadores, sin encabezados amplios. */
.settlements-page main{padding-top:16px}.settlements-page main>header{min-height:36px;margin-bottom:6px;align-items:center}.settlements-page main>header .eyebrow{display:none}.settlements-page main>header h1{font-size:23px;margin:0;line-height:1.25}.settlements-page .head-actions{gap:10px}.settlements-page .avatar{padding:8px;font-size:11px}.settlements-page main>.notice{background:transparent;border:0;padding:3px 10px;font-size:10px;line-height:1.4;margin-bottom:4px}.settlements-page .toolbar{display:grid;grid-template-columns:minmax(150px,190px) minmax(130px,160px);justify-content:start;gap:10px;margin:6px 0 10px;align-items:end}.settlements-page .toolbar label{min-width:0;gap:4px;font-size:11px}.settlements-page .toolbar input,.settlements-page .toolbar select{min-height:40px;height:40px;padding:7px 10px;font-size:14px}.settlements-page #scope{display:none!important}.settlements-page .settlement-panel{padding:14px 16px}.settlements-page .settlement-panel>h2{font-size:17px;margin:0 0 6px}.settlements-page .settlement-panel>.sub{font-size:11px;line-height:1.5;margin:6px 0 10px}.settlements-page .settlement-head{padding:8px 10px;gap:10px}.settlements-page .settlement-head,.settlements-page .settlement-row{grid-template-columns:minmax(120px,1.5fr) 52px minmax(90px,1fr) 88px 100px}.settlements-page .settlement-row{padding:7px 10px;gap:10px;min-height:54px}.settlements-page .settlement-row button{min-height:40px;padding:7px 10px;font-size:12px}.settlements-page .settlement-name{font-size:13px}.settlements-page .settlement-amount{font-size:15px}@media(max-width:650px){.settlements-page main{padding-top:12px}.settlements-page main>header h1{font-size:21px}.settlements-page main>.notice{font-size:9px;padding:3px 0}.settlements-page .toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:5px 0 8px}.settlements-page .toolbar input,.settlements-page .toolbar select{padding:7px 5px;font-size:13px;min-width:0}.settlements-page .settlement-panel{padding:10px}.settlements-page .settlement-panel>h2{font-size:15px;margin-bottom:5px}.settlements-page .settlement-panel>.sub{font-size:10px;line-height:1.4;margin:5px 0 8px}.settlements-page .settlement-head,.settlements-page .settlement-row{grid-template-columns:minmax(0,1fr) 18px 59px 44px 52px;gap:4px;padding:6px 3px}.settlements-page .settlement-head{font-size:8px}.settlements-page .settlement-row{min-height:52px}.settlements-page .settlement-name{font-size:11px}.settlements-page .settlement-amount{font-size:11px}.settlements-page .settlement-row button{min-height:40px;font-size:10px;padding:6px 2px}}@media(max-width:360px){.settlements-page .settlement-head,.settlements-page .settlement-row{grid-template-columns:minmax(0,1fr) 18px 58px 52px}.settlements-page .settlement-row{row-gap:3px}}
