:root{color-scheme:light;font-family:Calibri,"Segoe UI",Tahoma,Arial,sans-serif;color:#000;background:#639ac5;font-size:20px;font-weight:700;--blue:#8bb9dc;--light:#c5dced;--line:#3c556a;--muted:#000}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{background:var(--blue);color:#000;border:0;border-radius:10px;padding:11px 20px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:hover{background:#a8cee9}button:disabled{opacity:.55;cursor:wait}input,select{border:1px solid #526f87;background:#ecf4fa;color:#000;border-radius:9px;padding:10px 12px;width:100%;min-width:0}input[type=number],input[type=date]{direction:ltr;text-align:right}input:focus,select:focus,button:focus-visible{outline:3px solid #82b5ed;outline-offset:2px}label{display:flex;flex-direction:column;gap:5px;text-align:right;font-weight:700;min-width:0}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.2}h2{font-size:21px;margin-bottom:10px}h3{font-size:18px}p{line-height:1.5;margin-bottom:10px}small,.subtle{color:var(--muted)}[hidden]{display:none!important}.topbar{background:#dfecf5;height:80px;padding:12px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:21px}.brand small{display:block;margin-top:3px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--blue);color:#000;font-size:30px;font-weight:700}.top-actions{display:flex;align-items:center;gap:10px}.secondary{background:var(--light);color:#000}.secondary:hover{background:#a7cbea}.ghost{background:transparent;color:var(--muted);padding:8px 12px}.ghost:hover{background:var(--light)}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 80px)}aside{background:#b8d4e8;border-left:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;justify-content:space-between}nav{display:grid;gap:7px}nav button{display:block;width:100%;background:transparent;color:var(--muted);text-align:right;padding:12px}nav button.active{background:var(--blue);color:#000}nav button:hover{background:var(--light);color:#000}.nav-label{display:block;margin:22px 12px 8px}.sidebar-footer{display:grid;gap:9px;margin:30px 12px 0}.status{font-weight:700;color:#000}.status.offline{color:#000}.status.error{color:#000}#content{padding:24px 30px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.eyebrow{color:var(--muted);font-size:17px;margin-bottom:5px}.panel{background:#dfecf5;border:1px solid var(--line);padding:20px;border-radius:16px;margin-bottom:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-title h2{margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-bottom:22px}.stat{background:#dfecf5;border:1px solid var(--line);border-radius:14px;padding:16px}.stat strong{display:block;font-size:29px;margin-top:8px}.stat small{font-weight:700}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:23px}.quick-actions button{padding:25px;text-align:right;background:linear-gradient(120deg,#c6deef,#edf5fb);position:relative}.quick-actions button strong{display:block;font-size:24px;margin:5px 0}.quick-actions button small{color:#000}.action-icon{font-size:31px}.entry-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:20px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.entry-form{margin:0}.entry-side{display:grid;gap:0}.entry-side dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.entry-side dt{color:var(--muted)}.entry-side dd{margin:0;overflow-wrap:anywhere}.weight-result{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--light);border-radius:12px;padding:9px;margin:16px 0}.weight-result strong{font-size:28px}.payment-choice{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0}.check{display:flex;flex-direction:row;align-items:center;gap:9px}.check input{width:20px;height:20px;flex-shrink:0}.form-actions{display:flex;gap:10px;margin-top:14px}.form-actions button:first-child{flex:1}.pill{font-size:17px;display:inline-block;border-radius:30px;padding:5px 12px;background:var(--light);color:#000;white-space:nowrap}.pill.completed{background:#c7e7d5;color:#000}.pill.expired{background:#e87078;color:#000;border:1px solid #a8242e}.pill.pending{background:#f3e3ac;color:#000}.hint{padding:0 12px;color:var(--muted);font-size:17px}.hint p{margin:6px 0}.debt-box{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.debt-box>strong{display:block;font-size:26px;color:#000;margin:6px 0}.debt-box p{font-size:17px}.debt-box button{font-size:17px;padding:9px;width:100%}.notice{border:1px solid #466986;background:#d5e8f5;border-radius:12px;padding:13px 17px;line-height:1.5;margin-bottom:18px;font-size:17px}.error{color:#000;line-height:1.6;white-space:pre-wrap;margin-top:8px}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;font-size:17px;text-align:right}th{background:#c6ddec;color:var(--muted);font-weight:700}td,th{padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td button{padding:6px 10px;font-size:17px}tr:hover td{background:#edf6fc}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:16px}.login-screen{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{max-width:430px;margin:50px auto;background:#dfecf5;padding:32px;border:1px solid var(--line);border-radius:20px;width:100%}.login-screen .login-card{margin:0}.login-card .brand-mark{margin:0 auto 20px}.login-card h1{text-align:center;font-size:25px}.login-card>p{text-align:center;color:var(--muted);margin:12px 0}.login-card form{display:grid;gap:17px;margin:20px 0}.login-card .subtle{display:block;text-align:center;font-size:17px}dialog{border:1px solid var(--line);border-radius:18px;max-width:650px;width:calc(100vw - 40px);max-height:90vh;overflow:auto;padding:24px;color:#000;background:#dfecf5}dialog::backdrop{background:#071723bb}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}dialog form{display:grid;gap:12px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0}.receipt-grid div{border-bottom:1px solid var(--line);padding:9px}.receipt-grid strong{display:block;margin-top:5px}.receipt-head{text-align:center;margin:15px 0}.receipt-head p{margin-top:6px}.receipt-foot{font-size:17px;color:var(--muted);overflow-wrap:anywhere}.receipt-weight{font-size:26px;text-align:center;background:var(--light);padding:15px;border-radius:10px}#toast{position:fixed;bottom:22px;left:25px;max-width:450px;background:#e4eff8;color:#000;border-radius:12px;padding:15px 22px;box-shadow:0 8px 30px #15365033;z-index:10}#queue-badge{float:left;background:#a7cbea;border-radius:20px;padding:0 7px;font-size:17px}pre{white-space:pre-wrap;max-width:500px;font-size:17px;direction:rtl}.offline-lock{opacity:.6}
@media(max-height:780px) and (min-width:1000px){.topbar{height:65px}.shell{min-height:calc(100vh - 65px)}#content{padding:18px 22px}.page-heading{margin-bottom:13px}.panel{padding:16px}.form-grid{gap:10px}input,select{padding:8px 10px}.weight-result{margin:11px 0;padding:5px}.hint{font-size:17px}.hint p{margin:4px 0}.form-actions{margin-top:10px}.entry-layout{gap:16px}.entry-side dl{gap:9px}}
@media(max-width:1100px){.shell{grid-template-columns:180px minmax(0,1fr)}#content{padding:18px}.entry-layout{grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.report-filters{grid-template-columns:repeat(2,1fr)}.brand strong{font-size:18px}}
@media(max-width:800px){.topbar{height:auto;padding:12px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px}.top-actions #operator{width:100%;font-size:17px;text-align:left}.brand strong{font-size:17px}.shell{display:block}aside{padding:8px;border-left:0;border-bottom:1px solid var(--line)}nav{display:flex;overflow:auto;gap:5px}nav button{width:auto;white-space:nowrap;padding:8px;font-size:17px}.admin-only:has(.nav-label){display:flex}.nav-label{display:none}.sidebar-footer{margin:5px 8px;display:flex;flex-wrap:wrap;gap:12px;font-size:17px}#content{padding:15px}.entry-layout{grid-template-columns:1fr}.hint{display:none}.page-heading{flex-wrap:wrap}h1{font-size:24px}.quick-actions{gap:10px}.quick-actions button{padding:15px}.quick-actions button strong{font-size:20px}}
@media(max-width:480px){.form-grid,.stats{grid-template-columns:1fr 1fr}.form-actions{flex-wrap:wrap}.top-actions button{font-size:12px;padding:6px}.brand-mark{width:36px;height:36px}.brand small{font-size:12px}.entry-layout{gap:12px}.panel{padding:13px}.report-filters{grid-template-columns:1fr}.quick-actions button strong{font-size:17px}}
@media print{body{background:#dfecf5;color:black}#app,#login,#toast,dialog .form-actions,.dialog-head{display:none!important}dialog[open]{display:block!important;position:static;border:0;width:100%;max-width:none;max-height:none;margin:0;padding:0;overflow:visible}.receipt-head h2{font-size:25px}.receipt-grid{font-size:18px}.receipt-weight{background:#dfecf5;border:1px solid black}.receipt-foot{color:black}@page{margin:12mm}}
.role-hidden{display:none!important}

@media(max-height:800px) and (min-width:1000px){#page-dashboard .page-heading{margin-bottom:10px}#page-dashboard .stats{margin-bottom:13px}#page-dashboard .stat{padding:10px 15px}#page-dashboard .stat strong{font-size:25px;margin-top:3px}#page-dashboard .quick-actions{margin-bottom:13px;gap:16px}#page-dashboard .quick-actions button{padding:12px 20px}#page-dashboard .quick-actions button strong{font-size:22px;margin:2px 0}#page-dashboard .action-icon{font-size:22px}#page-dashboard .panel{padding:13px 16px;margin-bottom:10px}#page-dashboard .panel-title{margin-bottom:5px}#page-dashboard td,#page-dashboard th{padding:7px 10px}#page-dashboard .notice{padding:9px 14px;margin-bottom:0;font-size:17px}}

.audit-details{white-space:normal;max-width:420px;min-width:240px;padding:12px;font-size:17px;overflow-wrap:anywhere;background:#c6ddec;border-radius:9px;margin:8px 0}.audit-details p{margin:4px 0}

:root{--senu-footer:48px}.brand-logo{width:50px;height:50px;object-fit:contain;flex-shrink:0;background:#e8f4f1;border-radius:12px;padding:3px}.brand strong[dir=ltr]{text-align:right}.brand small{font-size:17px}.login-logo{display:flex;justify-content:center;margin:0 auto 14px}.login-logo .brand-logo{width:70px;height:70px;padding:4px}.login-screen{min-height:calc(100vh - var(--senu-footer))}.shell{min-height:calc(100vh - 80px - var(--senu-footer))}.site-footer{min-height:var(--senu-footer);display:flex;align-items:center;justify-content:center;gap:24px;padding:6px 20px;border-top:1px solid var(--line);background:#b8d4e8;font-size:17px;color:var(--muted)}.senu-wordmark{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#000;text-decoration:none}.senu-wordmark .brand-logo{width:30px;height:30px;border-radius:7px;padding:1px}.senu-contacts{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.senu-contacts a{color:#000;text-decoration:none;white-space:nowrap}.senu-contacts a:hover{text-decoration:underline;color:#000}.site-footer a:focus-visible,.receipt-brand a:focus-visible{outline:2px solid #82b5ed;outline-offset:3px;border-radius:3px}.receipt-brand{border-top:1px solid var(--line);padding-top:10px;margin-top:13px;text-align:center;font-size:12px;color:var(--muted)}.receipt-brand .senu-contacts{gap:6px 14px;margin-top:5px;font-size:11px}
@media(max-height:800px) and (min-width:1000px){.shell{min-height:calc(100vh - 65px - var(--senu-footer))}}
@media(max-width:800px){:root{--senu-footer:96px}.site-footer{flex-direction:column;gap:5px;padding:10px 8px}.site-footer .senu-contacts{gap:5px 14px;font-size:12px}.brand small{font-size:11px;max-width:190px}.brand-logo{width:42px;height:42px}.brand strong{font-size:17px}.receipt-brand .senu-contacts{gap:5px 10px}}
@media print{.site-footer{display:none!important}.receipt-brand,.receipt-brand a{color:black}}
@media(max-height:800px) and (min-width:1000px){#page-dashboard .quick-actions button{padding:10px 20px}#page-dashboard .stat{padding:8px 15px}}

/* Vehicle type is chosen once, using the dashboard shortcuts. */
.action-icon{display:block;width:92px;height:40px;object-fit:contain;margin-bottom:2px}
.selected-vehicle{display:flex;flex-direction:column;gap:5px;font-weight:700;min-width:0}
.selected-vehicle>div{display:flex;align-items:center;gap:10px;min-height:43px;border:1px solid var(--line);border-radius:9px;padding:5px 10px;background:#c5dced}
.selected-vehicle img{object-fit:contain;flex-shrink:0}.selected-vehicle strong{font-size:17px}
.status{font-size:17px;line-height:1.45}input::placeholder{color:#000}input:read-only{background:#c5dced}input[type=checkbox]{accent-color:#2474b6}
@media(max-height:800px) and (min-width:1000px){.quick-actions .action-icon{width:82px;height:32px}.selected-vehicle>div{min-height:39px}.sidebar-footer{margin-top:20px}}
@media(max-width:480px){.selected-vehicle img{width:42px}.selected-vehicle>div{gap:5px}.selected-vehicle strong{font-size:17px}}
/* Printed slips stay white with black text regardless of screen theme. */
@media print{:root{color-scheme:light;background:white;color:black;--line:#ccc;--muted:#333}body,dialog[open]{background:white;color:black}dialog::backdrop{background:transparent}.receipt-weight{background:white;color:black}.receipt-brand,.receipt-brand a,.receipt-foot{color:black}.receipt-grid strong{color:black}.pill,.pill.completed,.pill.expired,.pill.pending{background:white;color:black;border:1px solid #666}th,tr:hover td{background:white;color:black}}

/* Simple dashboard: large vehicle choices, no trip list. */
#page-dashboard .quick-actions{margin:30px 0 0;gap:26px}#page-dashboard .quick-actions button{min-height:250px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;border:1px solid #4a88b1}#page-dashboard .quick-actions button strong{font-size:32px;margin:0}#page-dashboard .quick-actions .action-icon{width:230px;height:100px;margin:0}#page-dashboard .stats{margin-bottom:0}
nav{gap:4px}nav button{padding:10px 12px}.nav-label{margin-top:15px}.sidebar-footer{gap:7px;margin-top:15px}.brand strong[dir=rtl]{text-align:right}.staff-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.legacy-invoice-dialog{max-width:940px;width:calc(100vw - 40px)}#invoice-frame{display:block;width:100%;height:60vh;border:0;background:white;color-scheme:light}.legacy-invoice-dialog #receipt{background:white}.receipt-brand{font-size:9px}
@media(max-width:800px){#page-dashboard .quick-actions{gap:12px;margin-top:22px}#page-dashboard .quick-actions button{min-height:185px;padding:16px;gap:18px}#page-dashboard .quick-actions button strong{font-size:20px}#page-dashboard .quick-actions .action-icon{width:100%;max-width:160px;height:65px}.staff-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{#invoice-frame{height:1100px}.legacy-invoice-dialog{padding:0;border:0}}

/* Phone layouts keep forms, dialogs and report tables within the screen. */
@media(max-width:800px){.topbar{gap:10px}.brand{min-width:0;gap:8px}.brand>div{min-width:0}.top-actions{flex-shrink:0}.brand small{overflow-wrap:anywhere}.entry-form .payment-choice{flex-wrap:wrap}.form-actions button{min-height:44px}nav button{min-height:44px}.table-wrap{max-width:100%;overscroll-behavior-x:contain}.panel-title{gap:10px;flex-wrap:wrap}.legacy-invoice-dialog{padding:14px}.dialog-head{gap:8px}.receipt-grid div{min-width:0;overflow-wrap:anywhere}.pager{gap:10px}.pager button{min-height:44px}}
@media(max-width:480px){.topbar{flex-wrap:wrap}.brand{flex:1}.top-actions{width:100%;justify-content:space-between}.top-actions #operator{width:auto;font-size:17px}.top-actions button{min-height:40px;font-size:17px;padding:8px 10px}.staff-filters{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading>button{width:100%}.entry-form .form-actions button{width:100%;flex:auto}.selected-vehicle>div{min-height:43px}.receipt-grid{grid-template-columns:1fr}.dialog-head h2{font-size:18px}.dialog-head button{min-height:40px}.senu-contacts{max-width:100%}.senu-contacts a{overflow-wrap:anywhere}.login-card{padding:22px}.login-card form{gap:14px}.stats{gap:9px}.stat{padding:12px}.stat strong{font-size:25px}}

/* Each activity uses bordered label/value cells with explicit reading order. */
.activity-card{border:2px solid #58788f;border-radius:12px;background:#e6f0f7;margin-bottom:22px;min-width:0;overflow:hidden}
.activity-card>header{background:#ecf4fa;border-bottom:2px solid #58788f;padding:14px 18px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.activity-card>header h2{margin:0;font-size:23px;color:#000}.activity-header-date{font-size:17px;color:#000;font-variant-numeric:tabular-nums;white-space:nowrap}
.activity-card h3{font-size:17px;color:#000;padding:10px 12px;background:#b6d2e6;margin:0;border-bottom:1px solid #68869d}
.activity-event{padding:14px 16px}.activity-event>h3,.activity-times>h3{border:1px solid #68869d;border-radius:6px 6px 0 0}
.activity-cells{display:grid;grid-template-columns:1fr;margin:0;border-top:1px solid #68869d;border-inline-start:1px solid #68869d;min-width:0}
.activity-cell{display:grid;grid-template-columns:minmax(86px,.9fr) minmax(0,1.15fr);min-width:0;border-inline-end:1px solid #68869d;border-bottom:1px solid #68869d;min-height:51px}
.activity-cell dt{background:#ecf4fa;color:#000;font-size:17px;font-weight:700;line-height:1.4;padding:10px 11px;border-inline-end:1px solid #68869d;display:flex;align-items:center;text-align:right}
.activity-cell dd{margin:0;background:#f3f8fc;color:#000;padding:9px 10px;font-size:18px;font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.4;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.activity-cell bdi{min-width:0;max-width:100%;overflow-wrap:anywhere}.activity-event-cells{grid-template-columns:repeat(3,minmax(0,1fr));border-top:0}
.activity-money-cell dt{background:#bfddd8}.activity-money-cell dd{background:#e4f2e9;font-size:22px;color:#000}
.activity-date{display:grid;justify-items:center;gap:2px;font-size:17px;max-width:100%}.activity-clock{font-size:17px;color:#000}
.activity-trip{border-top:2px solid #58788f;padding:14px 16px;background:#b8d4e8}.activity-context{font-size:17px;color:#000;line-height:1.5;padding:9px 12px;border:1px solid #58788f;background:#d4e6f3;border-radius:6px;margin-bottom:12px}
.activity-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.activity-group{min-width:0}.activity-group>h3{border:1px solid #68869d;border-radius:6px 6px 0 0;border-bottom:0}.activity-times{margin-top:12px}
.activity-actions{padding:12px 16px;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #58788f;background:#c6ddec}.activity-actions:empty{display:none}.activity-actions button{min-height:44px}
.activity-card>details{padding:0 16px 12px}.activity-card>details>summary{cursor:pointer;color:#000;font-weight:700;padding:12px;margin-top:12px;background:#c5dced;border:1px solid #58788f;border-radius:6px}.activity-card .audit-details{max-width:none;min-width:0;padding:12px;margin-bottom:0;border:1px solid #58788f;border-top:0;border-radius:0 0 6px 6px}
.audit-field-table{margin:0;min-width:0;border-top:1px solid #68869d;border-inline-start:1px solid #68869d}.audit-field-table>div{display:grid;grid-template-columns:minmax(100px,160px) minmax(0,1fr);border-inline-end:1px solid #68869d;border-bottom:1px solid #68869d;min-width:0}.audit-field-table dt{background:#ecf4fa;color:#000;font-weight:700;padding:10px;border-inline-end:1px solid #68869d;line-height:1.5}.audit-field-table dd{margin:0;padding:10px;min-width:0;overflow-wrap:anywhere;color:#000;background:#c5dced}.audit-field-table .audit-field-table>div{grid-template-columns:minmax(90px,135px) minmax(0,1fr)}
@media(max-width:1150px){.activity-event-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-group:last-child{grid-column:1/-1}.activity-group:last-child .activity-cells{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.activity-groups,.activity-event-cells{grid-template-columns:1fr}.activity-group:last-child .activity-cells{grid-template-columns:1fr}.activity-card>header{padding:12px}.activity-event,.activity-trip{padding:12px}.activity-cell{grid-template-columns:minmax(100px,.85fr) minmax(0,1.2fr)}.activity-card>details{padding:0 12px 12px}.activity-actions{padding:12px}}
@media(max-width:480px){.activity-card>header h2{font-size:21px}.activity-header-date{font-size:17px}.activity-event,.activity-trip{padding:10px}.activity-card h3{font-size:17px}.activity-cell dt{font-size:17px;padding:9px 8px}.activity-cell dd{font-size:17px;padding:8px}.activity-cell{grid-template-columns:minmax(84px,.85fr) minmax(0,1.2fr)}.activity-date{font-size:17px}.activity-clock{font-size:17px}.audit-field-table>div,.audit-field-table .audit-field-table>div{grid-template-columns:1fr}.audit-field-table dt{border-inline-end:0;border-bottom:1px solid #68869d}.activity-card .audit-details{padding:8px}.activity-actions button{flex:1}.activity-context{padding:8px;font-size:17px}}

/* Stacked entry rows use the available width and keep the save controls on the left. */
input,select{font-size:22px;font-weight:700;border:2px solid #738ea3;color:#000;background:#fff}input:read-only{background:#d2e3ef}button,.button{color:#000;border:1px solid #638ba9}small,.subtle,.status,.status.offline,.status.error{color:#000}label{color:#000}table{font-size:19px;font-weight:700}td,th{border:1px solid #91aaba}th{background:#bed7e9;color:#000}tr:nth-child(even) td{background:#edf5fa}td button{font-size:18px}.pill{font-size:18px;color:#000}.stat small{font-size:18px}.stat strong{font-size:32px}
.topbar{height:76px}.shell{min-height:calc(100vh - 76px - var(--senu-footer))}#content{padding:18px 24px}.page-heading{margin-bottom:14px}.brand strong{font-size:24px}.brand small{font-size:17px}.panel{padding:16px}.site-footer{font-size:15px;color:#000}.senu-contacts a,.senu-wordmark{color:#000}
.entry-layout{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px}.entry-fields{display:grid;gap:9px}.entry-fields>label{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:center;font-size:21px}.entry-fields input{height:43px;padding:5px 10px}.selected-vehicle{margin-bottom:8px}.selected-vehicle>div{justify-content:center;background:#c6deef;padding:0;min-height:40px}.selected-vehicle strong{font-size:21px}.check input{width:24px;height:24px;accent-color:#235d8c}.weighing-note{font-size:18px;margin:9px 0 0}.weight-result{margin:8px 0;padding:5px}.payment-choice{padding:4px 0;font-size:20px}.entry-submit .form-actions{display:grid;margin:0;gap:10px}.entry-submit button{font-size:22px;min-height:56px}.entry-submit button:first-child{background:#8dc0e2;border:2px solid #46799f}.entry-side dt{font-size:18px}.entry-side dd{font-size:20px}.entry-side dl{grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)}.entry-side .panel{margin-bottom:13px}.entry-side .debt-box p{font-size:17px}
#general-form{grid-template-columns:repeat(2,minmax(145px,1fr)) minmax(120px,1fr) repeat(2,minmax(110px,.8fr)) auto;gap:9px}#today-form{grid-template-columns:minmax(160px,1.4fr) repeat(2,minmax(130px,1fr)) auto;gap:9px}.staff-filters label{font-size:19px}.staff-filters input,.staff-filters select{font-size:20px;padding:8px;min-height:45px}.staff-filters button{min-height:45px;padding:8px 14px}
#page-dashboard .quick-actions button{min-height:275px;gap:22px;background:linear-gradient(145deg,#c3ddef,#edf5fb);border:2px solid #6d94b3;box-shadow:0 5px 12px #29455b25}#page-dashboard .quick-actions .action-icon{width:100%;max-width:330px;height:145px}#page-dashboard .quick-actions button strong{font-size:34px}
.activity-card,.activity-card>header{border-color:#7896ab}.activity-cell dt,.activity-card h3,.audit-field-table dt{color:#000;font-size:19px}.activity-cell dd{color:#000;font-size:21px}.activity-clock,.activity-header-date,.activity-context{color:#000}.activity-context{font-size:18px}.activity-card>header h2{color:#000}.activity-date{font-size:19px}.activity-money-cell dd{font-size:25px}.activity-actions{background:#c6ddec}.error{background:#f9d9d9;border-radius:6px;color:#000}.error:empty{display:none}
@media(max-height:800px) and (min-width:1000px){.topbar{height:64px}.shell{min-height:calc(100vh - 64px - var(--senu-footer))}#content{padding:13px 20px}.page-heading{margin-bottom:10px}.page-heading h1{font-size:26px}.eyebrow{font-size:17px;margin-bottom:2px}.entry-fields{gap:7px}.entry-fields input{height:41px}.entry-form{padding:13px 16px}.entry-side h2{font-size:22px}.sidebar-footer{margin-top:12px}.sidebar-footer .status{font-size:17px}}
@media(max-width:1150px){.shell{grid-template-columns:175px minmax(0,1fr)}.entry-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.entry-fields>label{grid-template-columns:140px minmax(0,1fr)}.staff-filters{display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:12px!important}.staff-filters label{flex:1 0 150px}.staff-filters button{flex:0 0 auto}.activity-group:last-child .activity-cells{grid-template-columns:1fr}}
@media(max-width:800px){.topbar{height:auto;gap:10px}.brand strong{font-size:22px}.brand small{font-size:16px}.shell{display:block}.entry-layout{grid-template-columns:1fr}.entry-fields>label{grid-template-columns:145px minmax(0,1fr)}.entry-submit{position:fixed;bottom:0;left:0;right:0;z-index:5;margin:0!important;padding:10px 12px;background:#c6deef;border-radius:0;border-top:2px solid #638ba9}.entry-submit .form-actions{display:flex;flex-wrap:nowrap;direction:ltr}.entry-submit button{min-height:48px;font-size:20px}.entry-submit button:first-child{flex:1}.entry-side{padding-bottom:72px}.payment-choice{flex-wrap:wrap}.activity-cell dt{font-size:18px}.activity-cell dd{font-size:20px}.activity-card h3{font-size:19px}.site-footer .senu-contacts{font-size:15px}.activity-date{font-size:17px}.activity-clock{font-size:18px}#page-dashboard .quick-actions .action-icon{height:110px}#page-dashboard .quick-actions button{min-height:215px;padding:12px}#page-dashboard .quick-actions button strong{font-size:25px}}
@media(max-width:480px){#content{padding:12px}.entry-fields>label{grid-template-columns:1fr;gap:4px}.entry-fields input{height:45px}.entry-submit button{font-size:17px;padding:7px}.brand strong{font-size:21px}.top-actions button{font-size:17px}.top-actions #operator{font-size:17px}.stats{grid-template-columns:1fr 1fr}.stat small{font-size:17px}.quick-actions{grid-template-columns:1fr}.page-heading h1{font-size:25px}.activity-cell dt{font-size:18px}.activity-cell dd{font-size:20px}#page-dashboard .quick-actions button{min-height:205px}#page-dashboard .quick-actions .action-icon{max-width:270px}.entry-side dl{gap:9px}.senu-contacts a{font-size:15px}}
@media print{.entry-submit{display:none!important}body{background:#fff;color:#000}}

/* Larger entry controls remain readable when the browser is zoomed out for reports. */
#page-entry .entry-layout{margin-top:16px}
#page-entry .entry-form{padding:20px}
#page-entry .entry-fields{gap:12px}
#page-entry .entry-fields>label{font-size:28px;grid-template-columns:205px minmax(0,1fr)}
#page-entry .entry-fields input{height:64px;font-size:32px;padding:10px 14px}
#page-entry .selected-vehicle>div{min-height:52px}
#page-entry .selected-vehicle strong{font-size:28px}
#page-entry .weighing-note{font-size:23px;line-height:1.35;margin-top:12px}
#page-entry .weight-result{min-height:52px;font-size:27px}
#page-entry .weight-result strong{font-size:36px}
#page-entry .payment-choice{min-height:44px;font-size:26px}
#page-entry .check input{width:30px;height:30px}
#page-entry .entry-submit button{font-size:28px;min-height:66px}
#page-entry .entry-side h2{font-size:27px}
#page-entry .entry-side dt{font-size:23px}
#page-entry .entry-side dd{font-size:25px}
@media(max-height:800px) and (min-width:1000px){
  #page-entry .entry-layout{margin-top:8px}
  #page-entry .entry-form{padding:16px}
  #page-entry .entry-fields{gap:10px}
  #page-entry .entry-fields>label{font-size:25px;grid-template-columns:180px minmax(0,1fr)}
  #page-entry .entry-fields input{height:54px;font-size:28px;padding:7px 12px}
  #page-entry .selected-vehicle>div{min-height:46px}
  #page-entry .selected-vehicle strong{font-size:26px}
  #page-entry .weighing-note{font-size:21px;margin-top:9px}
  #page-entry .weight-result{min-height:46px;font-size:25px}
  #page-entry .payment-choice{font-size:24px}
  #page-entry .entry-submit button{font-size:26px;min-height:62px}
}
@media(max-width:800px){
  #page-entry .entry-layout{margin-top:10px}
  #page-entry .entry-form{padding:16px}
  #page-entry .entry-fields>label{font-size:24px;grid-template-columns:155px minmax(0,1fr)}
  #page-entry .entry-fields input{height:58px;font-size:28px}
  #page-entry .weighing-note{font-size:21px}
  #page-entry .payment-choice{font-size:23px}
  #page-entry .entry-submit button{font-size:21px;min-height:50px}
}
@media(max-width:480px){
  #page-entry .entry-fields>label{grid-template-columns:1fr}
  #page-entry .entry-submit button{font-size:18px}
}

/* Save controls sit directly below entry fields. Colored actions stay easy to distinguish. */
#page-entry .entry-submit{position:static;background:transparent;border:0;border-radius:0;padding:0;margin:16px 0 0!important}
#page-entry .entry-submit .form-actions{display:flex;flex-wrap:wrap;gap:12px;direction:rtl}
#page-entry .entry-submit button:first-child{flex:2}
#page-entry .entry-submit button:last-child{flex:1}
.edit-button{background:#f4b25e;border-color:#a56416;color:#000}
.edit-button:hover{background:#ffc779}
.edit-button:disabled{cursor:not-allowed}
.outgoing-button{background:#83c99a;border-color:#39774b;color:#000}
.outgoing-button:hover{background:#a0ddb3}
#general-table td:last-child,#general-table th:last-child,#waiting-list td:last-child,#waiting-list th:last-child{position:sticky;left:0;background:#dfecf5;z-index:1}
#general-table td:last-child{white-space:nowrap}
@media(max-height:800px) and (min-width:1000px){
  #page-entry .entry-form{padding:12px 16px}
  #page-entry .entry-fields{gap:8px}
  #page-entry .entry-fields input{height:50px}
  #page-entry .selected-vehicle>div{min-height:40px}
  #page-entry .weighing-note{font-size:19px;line-height:1.25;margin-top:8px}
  #page-entry .weight-result{min-height:38px;margin:6px 0}
  #page-entry .payment-choice{min-height:36px;font-size:22px;padding:2px 0}
  #page-entry .entry-submit{margin-top:10px!important}
  #page-entry .entry-submit button{min-height:54px;font-size:24px}
}
@media(max-width:800px){#page-entry .entry-side{padding-bottom:0}#page-entry .entry-submit .form-actions{flex-wrap:nowrap}#page-entry .entry-submit button{padding:9px 12px}}
#boot-loading{position:fixed;inset:0;z-index:100;background:#639ac5}

nav button[data-page=dashboard],nav button[data-page=dashboard].active{background:#79c5ac;border:2px solid #326b58;min-height:68px;font-size:27px;text-align:center;color:#000}
nav button[data-page=dashboard]:hover{background:#a2dfca}
.stat .stat-detail{display:block;font-size:16px;margin-top:6px;font-weight:700}
.waiting-filters{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:end}
#offline-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
#offline-readiness>div{padding:14px;border:1px solid #7896ab;background:#ecf4fa;border-radius:10px;min-width:0}
#offline-readiness strong{font-size:20px;display:block;overflow-wrap:anywhere}
#offline-readiness p,.offline-help{font-size:18px;line-height:1.6;margin:8px 0 0}
.offline-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
@media(max-width:800px){nav button[data-page=dashboard]{min-height:54px;font-size:23px;padding:10px 22px}#offline-readiness{grid-template-columns:1fr}.waiting-filters{grid-template-columns:1fr 1fr}.waiting-filters .waiting-vehicle-filter{grid-column:1/-1}.waiting-filters>button{grid-column:1/-1}}
@media(max-width:380px){.waiting-filters{grid-template-columns:1fr}}

/* Trip correction history compares the saved event values in aligned cells. */
.edit-history-comparison{padding:0 16px 16px;min-width:0}
.edit-change-summary{margin:0 0 12px;padding:12px;background:#d4e5f1;border:1px solid #7896ab;border-radius:6px;overflow-wrap:anywhere}
.edit-diff{table-layout:fixed;width:100%;border-collapse:collapse;border:2px solid #58788f}
.edit-diff caption{text-align:right;padding:0 0 10px;font-weight:700;font-size:20px}
.edit-diff th,.edit-diff td{white-space:normal;overflow-wrap:anywhere;text-align:center;vertical-align:middle;border:1px solid #7896ab;padding:12px;font-size:21px;line-height:1.5}
.edit-diff thead th{background:#afcfe5}.edit-diff tbody th{background:#deebf5}
.edit-diff td{background:#f7fbfe}.edit-diff .edit-changed th,.edit-diff .edit-changed td{background:#fff0d7}
.edit-diff small{display:block;font-size:16px;font-weight:700;color:#000;text-decoration:underline}
.edit-history-card .activity-cell dd{font-size:19px}
.edit-history-card{margin-bottom:0}
.edit-history-separator{border:0;height:4px;background:#42657e;border-radius:3px;margin:32px 0}
.date-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.date-control{display:grid;grid-template-columns:minmax(0,1fr) 40px;direction:ltr;min-width:0}
input.date-value{direction:ltr;text-align:center;border-radius:9px 0 0 9px;border-right:0;font-variant-numeric:tabular-nums}
.date-picker-button{display:grid;place-items:center;padding:6px;border:1px solid #526f87;background:#c5dced;border-radius:0 9px 9px 0;min-width:0;color:#000}
.calendar-native{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;padding:0;border:0}
.staff-filters .date-field{flex:1 0 150px}
.staff-filters .date-field label{flex:none}
#page-entry .entry-layout{grid-template-columns:minmax(0,1fr)}
#page-entry .entry-layout.has-debt{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}
#page-entry #plate,#correction-form [name=plate]{text-align:right}
#page-entry #debt-alert{margin:0;padding:16px;border:2px solid #a87832;background:#fff0d7;display:block;font-size:18px}
#page-entry #debt-alert h3{font-size:21px}
#page-entry #debt-alert p{font-size:18px;margin:10px 0}
#page-entry #debt-alert button{font-size:18px;line-height:1.4}
.entry-save-notice{background:#d2ead9;border:2px solid #4c825a;border-radius:9px;color:#000;padding:10px 14px;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.5}
#entry-result-dialog{max-width:480px;border:2px solid #ae5555;background:#fff1f1}
#entry-result-dialog h2{font-size:26px;margin-bottom:14px}
#entry-result-dialog p{font-size:21px;line-height:1.6;white-space:pre-wrap}
#entry-result-dialog button{min-width:110px}
#entry-result-dialog.save-success{border-color:#4c825a;background:#e2f2e6}
.invoice-button:disabled{cursor:not-allowed;opacity:.8;background:#d2d6d9;border:1px solid #8e969c;color:#343434}
#general-form{grid-template-columns:repeat(2,minmax(130px,1fr)) minmax(110px,1fr) repeat(3,minmax(105px,.8fr)) auto}
#today-form{grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(120px,1fr)) auto}
.waiting-filters{grid-template-columns:minmax(180px,1.5fr) repeat(2,minmax(155px,1fr)) minmax(155px,1fr) auto}
@media(max-width:800px){.waiting-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.waiting-filters{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){#page-entry .entry-layout.has-debt{grid-template-columns:minmax(0,1fr)}}
@media print{#entry-save-notice,#entry-result-dialog{display:none!important}}
@media(max-width:480px){.edit-history-comparison{padding:0 8px 10px}.edit-diff th,.edit-diff td{font-size:17px;padding:8px 5px}.edit-diff caption{font-size:18px}.edit-change-summary{font-size:18px;padding:8px}.edit-history-card .activity-header-date{white-space:normal}}
#page-entry .entry-heading{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,3fr) minmax(130px,1fr);align-items:center;gap:12px}
#page-entry .entry-heading .eyebrow{margin:0;font-size:20px}
#page-entry #entry-badge{justify-self:end}
#page-entry #entry-title{margin:0;min-height:68px;display:flex;align-items:center;justify-content:center;text-align:center;padding:7px 16px;font-size:44px;line-height:1.15;font-weight:700;color:#fff;background:#163f76;border:3px solid #092950;border-radius:12px}
#page-entry #entry-title[data-mode=outgoing]{background:#176443;border-color:#093f2a}
@media(max-width:800px){#page-entry .entry-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}#page-entry #entry-title{grid-column:1/-1;grid-row:2;font-size:clamp(28px,5vw,40px);min-height:60px;padding:8px}#page-entry .entry-heading .eyebrow{font-size:18px}}
#page-entry .arrival-age-warning{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 22px;margin:0;padding:6px 14px;text-align:center;background:#fff0ed;border:2px solid #b01e25;border-radius:10px;color:#b01e25;font-size:27px;font-weight:700;line-height:1.2}
#page-entry .arrival-age-warning strong{font-size:34px;font-weight:700}
#page-entry .arrival-age-warning bdi{white-space:nowrap}
@media(max-height:800px) and (min-width:1000px){#page-entry.has-arrival-age .entry-fields input{height:46px}#page-entry.has-arrival-age .entry-fields{gap:6px}#page-entry.has-arrival-age .selected-vehicle>div{min-height:36px}#page-entry.has-arrival-age .entry-layout{margin-top:4px}#page-entry.has-arrival-age .entry-submit{margin-top:8px!important}}
@media(max-width:800px){#page-entry .arrival-age-warning{grid-row:3;font-size:24px;gap:6px;padding:10px}#page-entry .arrival-age-warning strong{font-size:30px}}
@media(max-width:480px){#page-entry .arrival-age-warning{font-size:21px}#page-entry .arrival-age-warning strong{font-size:28px}}