/* Mobile workspace: presentation only; PDF layouts are independent. */
.mobile-nav,.mobile-menu-close,.mobile-scrim,.reverse-toggle{display:none}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
@media screen and (max-width:760px){
 body{font-size:15px;padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow-wrap:anywhere}
 body>main{margin:0;min-width:0}body>aside{display:none}
 body.mobile-menu-open>aside{display:flex;position:fixed;inset:0 0 0 auto;width:min(340px,90vw);height:100dvh;z-index:70;padding:calc(20px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}
 body.mobile-menu-open .mobile-scrim{display:block;position:fixed;inset:0;z-index:65;background:#071006aa;border:0}
 .mobile-menu-close{display:block;align-self:flex-end;color:white;background:transparent;border:1px solid #74866c;border-radius:10px;padding:8px 14px;margin-bottom:16px}
 aside .brand img{max-width:230px}aside .workspace{display:block;margin:28px 0 14px}aside .nav{display:block;width:100%;text-align:left;font-size:16px;padding:13px;margin:4px 0}aside .account{margin-top:24px;display:grid;gap:10px}aside .account strong,aside .account small,aside .account a{display:block;font-size:15px}aside .profile-link{font-size:16px;min-height:44px;text-align:left}aside .sidebottom{display:block;margin-top:24px}
 header{position:sticky;top:0;z-index:20;height:auto;min-height:58px;padding:calc(8px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));gap:8px;background:var(--surface)}
 header>span{font-size:12px;min-width:0;max-width:46%;overflow-wrap:anywhere}.slash{margin:0 4px}.headeractions{gap:6px;flex:1;justify-content:flex-end;min-width:0}.save{font-size:11px;max-width:140px;line-height:1.3}.headeractions button{font-size:12px;min-width:64px;min-height:44px}
 .content{padding:14px max(12px,env(safe-area-inset-right)) 16px max(12px,env(safe-area-inset-left));width:100%;min-width:0}.heading{gap:8px;margin-bottom:16px}.heading h1{font-size:23px;line-height:1.2;letter-spacing:-.4px}.eyebrow{font-size:10px}.heading>.secondary{flex:1;font-size:13px;padding:10px}.heading>div{flex-basis:100%}
 p{font-size:13px;line-height:1.5}label{font-size:13px;line-height:1.4}h2,.sectionhead h2{font-size:16px;line-height:1.3}.sectionhead{padding:14px 12px;flex-wrap:wrap}.sectionhead p{font-size:12px}.badge{font-size:11px}.step{font-size:11px}.count{font-size:12px}
 button,a.primary,a.secondary,.import{touch-action:manipulation}button,.primary,.secondary,.icon{min-height:44px}.primary,.secondary{font-size:14px;padding:10px 12px;white-space:normal}.icon{min-width:44px}
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,#metaFields .content-width-field{font-size:16px!important;min-height:46px!important;width:100%!important;max-width:100%!important;padding:10px!important;border-radius:9px;margin-top:5px;min-width:0}
 input[type=checkbox],input[type=radio]{width:24px!important;height:24px!important;flex-shrink:0}.inspection-options label{min-height:44px;gap:10px}
 .grid,#metaFields,.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px 14px}.listbar{gap:6px;align-items:stretch}.listbar label{display:block;width:100%;font-size:13px}.listbar span{font-size:11px}.listbar select{width:100%}
 #metaFields label:has([name=from]),#metaFields label:has([name=to]),#metaFields label:has([name=client]),#metaFields label:has([name=reference]),#inspection>label{grid-column:1/-1}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:12px;min-width:0}.stat strong{font-size:26px}.stat span,.stat small{font-size:11px}.bottomgrid{display:block}.panel{border-radius:12px;margin-bottom:14px}.brakeconfig label{width:100%;margin:0 0 10px;max-width:none}.compact-brakes p{font-size:14px;padding:8px 0}.brakecounts,.station-hint{font-size:12px}
 .inspection-check{padding:10px}.inspection-check .grid{padding:0;grid-template-columns:1fr}.inspection-check legend{font-size:14px}.inspection-options{flex-wrap:wrap;gap:12px}
 .bulk-toolbar{justify-content:flex-start;gap:8px;padding:12px}.bulk-toolbar strong{flex-basis:100%;font-size:13px}.bulk-toolbar button{font-size:13px;flex:1 1 40%}.wagons .sectionhead .primary{font-size:14px}.wagons .sectionhead p{max-width:none;margin:6px 0 0}.tablefoot{font-size:12px;gap:10px;padding:12px}.tablefoot span{max-width:72%}
 /* Preserve table data and event delegation; stack each wagon into a labeled card. */
 .wagons .tablewrap:has(#wagonRows),.wagons .tablewrap:has(#reverseRows){overflow:visible;padding:0 10px 10px}
 .wagons .tablewrap:has(#wagonRows) table,.wagons .tablewrap:has(#reverseRows) table{display:block;width:100%;min-width:0;white-space:normal}
 .wagons .tablewrap:has(#wagonRows) thead,.wagons .tablewrap:has(#reverseRows) thead{display:none}
 #wagonRows,#reverseRows{display:grid;gap:12px;width:100%}
 #wagonRows tr,#reverseRows tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
 #wagonRows td,#reverseRows td{display:block;min-width:0;font-size:15px;padding:8px!important;white-space:normal!important;border-bottom:1px solid var(--line);text-align:center}
 #wagonRows td::before,#reverseRows td::before{content:attr(data-label);display:block;font:11px/1.35 Arial,sans-serif;color:var(--muted);margin-bottom:4px;font-weight:400}
 #wagonRows .number,#reverseRows .number{grid-column:1/-1;font-size:19px;font-variant-numeric:tabular-nums;background:var(--soft)}#wagonRows .number button{font-size:19px;width:100%;letter-spacing:.3px}#wagonRows .number .errornote{font-size:12px}
 #wagonRows td:first-child{display:flex;gap:10px;align-items:center;justify-content:center}#wagonRows td:first-child::before{margin:0}#wagonRows td:last-child{grid-column:1/-1;display:flex;justify-content:space-around;gap:8px;border-bottom:0}#wagonRows td:last-child::before{display:none}#wagonRows td:last-child button{min-width:52px;min-height:44px;border:1px solid var(--line);border-radius:8px;font-size:20px;background:var(--soft)}#reverseRows td:first-child{grid-column:1/-1;background:var(--soft)}
 .reverse-toggle{display:block;width:100%;margin:0 0 10px}.mobile-reverse-collapsed .tablewrap{display:none!important}
 .result-table{white-space:normal;table-layout:fixed}.result-table td,.result-table th{padding:9px 5px;font-size:12px;overflow-wrap:anywhere;letter-spacing:0}.result-table th:first-child{width:40%}
 .archive-table{min-width:680px}.archive-table td,.archive-table th{font-size:13px}.archive-table a{display:inline-block;min-height:44px;padding:10px 2px}.member-form{padding:0 12px 14px;gap:12px;align-items:stretch}.member-actions button{min-width:100px}.member-actions select{min-width:120px}.accesshint{padding:0 12px 14px}
 footer{display:grid;grid-template-columns:1fr;gap:10px;padding:14px}footer p{max-width:none;font-size:12px}footer button{width:100%;min-height:48px}footer #pdf{order:1}footer #brakeSlipButton{order:2}footer #emailPDF{order:3}.backup{flex-direction:column;align-items:center;gap:8px}.backup button,.backup .import{font-size:13px;padding:12px}
 dialog,#wagonDialog,#bulkDialog{position:fixed;inset:0;margin:auto;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
 .dialoghead{position:sticky;top:0;z-index:4;padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.dialoghead h2{font-size:20px}.dialoghead .eyebrow{font-size:10px}.dialogfoot{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.dialogfoot button{font-size:14px;min-height:48px;margin:0!important}.dialogfoot button[type=submit]:last-child{grid-column:1/-1}
 #wagonFields.formgrid{display:grid;grid-template-columns:1fr;padding:12px;gap:12px}.wagon-group{padding:12px 10px;border-radius:10px}.wagon-group legend{font-size:14px}.wagon-group legend span{font-size:11px}.group-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.group-fields .wide,.group-fields .full{grid-column:1/-1}.group-fields label{font-size:13px}.group-fields textarea{min-height:90px}.computed-field output{font-size:22px}.computed-field span{font-size:12px}.automatic-note{font-size:12px;padding:8px}#numberPreview{font-size:18px;min-height:24px}#numberPreview small{font-size:12px}#formError{font-size:14px;padding:0 12px}.mail-fields{padding:14px;gap:14px}#brakeSlipFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0}
 .mobile-nav{position:fixed;display:flex;inset:auto 0 0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -4px 20px #132f3910}
 .mobile-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:54px;min-width:0;background:none;border:0;border-radius:10px;color:var(--muted);font-size:11px}.mobile-nav button span{font-size:22px;line-height:24px}.mobile-nav button[aria-current=page]{background:var(--soft);color:var(--teal);font-weight:bold}.mobile-nav button.mobile-add{color:#21350e;background:#78be20;margin:0 6px}.mobile-nav button:disabled{opacity:.35}
 #toast{bottom:calc(86px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);width:max-content;font-size:14px;padding:12px 16px;z-index:90}.login-card{margin:20px 12px;padding:24px}.login-card h2{font-size:24px}
 .pwa-tip{padding:12px 14px;margin:12px;border:1px solid var(--line);background:var(--soft);border-radius:10px;font-size:13px}.pwa-tip button{float:right;padding:6px;min-width:44px;border:0;background:none;color:var(--ink)}
}
@media screen and (max-width:360px){.grid,#metaFields,.group-fields,#brakeSlipFields{grid-template-columns:1fr}.group-fields .wide{grid-column:auto}.headeractions .save{max-width:90px}.heading>.secondary{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media screen and (max-width:760px){.access-page{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.access-page .access-card{margin:14px;padding:24px 18px;max-width:460px}.access-card input,.access-card select{font-size:16px;min-height:48px}.access-card button{min-height:48px;font-size:16px}}
.offline-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;background:var(--soft);border-bottom:1px solid var(--line)}.offline-bar span{flex:1;font-size:13px;min-width:200px}.offline-bar span[data-offline=true]{color:#8a5100}html[data-theme=dark] .offline-bar span[data-offline=true]{color:#ffca7a}@media(max-width:760px){.offline-bar{padding:10px 12px}.offline-bar span{flex-basis:100%}.offline-bar button{flex:1;font-size:12px}}

/* Compact mobile list: only the wagon number until its disclosure is opened. */
.mobile-wagon-number{font:inherit;color:inherit;border:0;background:none;padding:0}
@media screen and (max-width:760px){
 #wagonRows,#reverseRows{gap:0}
 #wagonRows tr,#reverseRows tr{border-radius:0;border:0;border-bottom:1px solid var(--line)}
 #wagonRows tr:not(.mobile-wagon-expanded)>td:not(.number),#reverseRows tr:not(.mobile-wagon-expanded)>td:not(.number){display:none!important}
 #wagonRows tr>.number,#reverseRows tr>.number{grid-column:1/-1;grid-row:1;padding:0!important;border:0;background:var(--surface)}
 #wagonRows .number::before,#reverseRows .number::before{display:none}
 #wagonRows .number button,#reverseRows .number button{display:block;width:100%;min-height:44px;margin:0;padding:9px 12px;border:0;border-radius:0;font-size:17px;line-height:26px;letter-spacing:.3px;white-space:nowrap;background:none;color:var(--teal);text-align:center}
 #wagonRows tr:not(.mobile-wagon-expanded) .number .errornote{display:none}
 #wagonRows tr.mobile-wagon-expanded>.number,#reverseRows tr.mobile-wagon-expanded>.number{background:var(--soft);border-bottom:1px solid var(--line)}
 #wagonRows .number button:focus-visible,#reverseRows .number button:focus-visible{outline:2px solid #78be20;outline-offset:-3px}
}

.mobile-view-version{display:none}@media screen and (max-width:760px){.mobile-view-version{display:block;flex-basis:100%;font-size:11px;color:var(--muted)}}

@media screen and (max-width:760px){
 #wagonRows .number button::before,#reverseRows .number button::before{content:attr(data-position) " · ";color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums}
}

/* Constrain native Safari date controls to their grid column. */
@media screen and (max-width:760px){
 #metaFields>label,#inspection>label,.group-fields>label{min-width:0;max-width:100%}
 #metaFields input,#inspection input[type="datetime-local"]{box-sizing:border-box;min-inline-size:0!important;max-inline-size:100%!important;inline-size:100%!important}
 input[type="date"],input[type="datetime-local"]{-webkit-appearance:none;appearance:none;min-width:0}
 input[type="date"]::-webkit-date-and-time-value,input[type="datetime-local"]::-webkit-date-and-time-value{min-width:0;text-align:center}
}
@media screen and (max-width:520px){
 #metaFields{grid-template-columns:minmax(0,1fr);row-gap:10px}
 #metaFields>label{grid-column:1/-1}
}