:root{--bg: #f4f7fa;--surface: #ffffff;--surface-2: #eef5fb;--ink: #0c1824;--muted: #5e6a75;--line: #dbe6ee;--teal: #1e7ec2;--teal-2: #37a9c9;--amber: #f4c542;--green: #137547;--red: #a83232;--blue: #244a7f;--shadow: 0 16px 36px rgba(12, 24, 36, .12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#ffffffc2,#f6f8f6f5),repeating-linear-gradient(90deg,rgba(30,126,194,.05) 0 1px,transparent 1px 84px)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.inline-action-link{display:inline;min-height:0;padding:0;color:var(--teal);background:transparent;border:0;border-radius:0;font-weight:900;text-decoration:underline;text-underline-offset:2px}.app-shell{min-height:100vh;padding:18px;overflow-x:hidden}.phone-app{padding-bottom:94px}.desk-app{padding-bottom:24px}.login-shell{min-height:100vh;background:#fff;color:#171b20}.login-site-header{position:relative;z-index:2;background:#fff;border-bottom:1px solid rgba(6,27,42,.08)}.login-topbar{height:32px;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 26px;font-size:13px;font-weight:700;color:#354250}.login-topbar a,.login-nav a{display:inline-flex;align-items:center;gap:7px}.login-topbar a:hover,.login-menu a:hover{color:#55cee3}.login-nav{height:74px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:24px;padding:0 24px}.pretrip-logo-link{display:inline-flex;align-items:center;height:74px}.login-header-logo{display:block;width:clamp(210px,19vw,270px);height:auto}.login-menu{display:flex;align-items:center;justify-content:flex-end;gap:34px;color:#05080c;font-size:16px;font-weight:600}.login-page-banner{height:300px;display:flex;align-items:center;padding:0 26px;background:linear-gradient(90deg,#1a1a1adb,#1a1a1a94),url(/pretrip-login-banner.webp) center center / cover no-repeat}.login-page-banner h1,.login-banner-logo-card{width:min(1280px,100%);margin:0 auto}.login-page-banner h1{color:#fff;font-size:clamp(38px,4vw,48px);line-height:1;font-weight:800;letter-spacing:0}.login-banner-logo-card{display:inline-flex;align-items:center}.login-banner-logo-card img{display:block;width:min(430px,calc(100vw - 52px));height:auto;border-radius:10px;box-shadow:0 16px 38px #00000047}.login-main{position:relative;z-index:3;display:grid;justify-items:center;width:100%;margin:0 auto;padding:0 0 72px;background:#fff}.login-content-heading{width:min(1040px,calc(100vw - 44px));margin:108px auto 0;text-align:center}.login-content-heading p{margin:0 0 8px;color:#354250;font-size:16px;font-weight:900;text-transform:uppercase}.login-content-heading h2{margin:0;color:#0c1016;font-size:clamp(34px,4vw,48px);line-height:1.08;font-weight:900}.login-content-heading span{display:block;margin:18px 0 0;color:#4b5563;font-size:17px;line-height:1.55}.login-info-panel{width:min(1040px,calc(100vw - 44px));margin:180px auto 16px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:20px;background:linear-gradient(105deg,#4a55b3,#2d85c6 56%,#55cee3);color:#fff;box-shadow:0 18px 44px #061b2a2e;z-index:4}.login-info-item{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 20px;text-align:center}.login-info-item+.login-info-item{border-left:1px solid rgba(255,255,255,.24)}.login-info-icon{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#4a55b3}.login-info-item h3{margin:0;color:#fff;font-size:20px;line-height:1.2;font-weight:800}.login-info-item span,.login-info-item a{margin:0;color:#fff;font-size:15px;line-height:1.45}.login-form-host{width:min(760px,calc(100vw - 44px));min-height:0;margin:28px auto 0;padding:54px 64px 62px;border-radius:32px;background:linear-gradient(180deg,#0a0c19d6,#0a0c12e0),url(/pretrip-login-banner.webp) center center / cover no-repeat}.login-title{margin:0 0 30px;color:#fff;text-align:center}.login-product-logo{display:block;width:min(360px,100%);height:auto;margin:0 auto 22px;border-radius:10px}.login-title h2{margin:0;color:#fff;font-size:clamp(32px,3.5vw,44px);line-height:1.08;font-weight:800}.login-title p{margin:12px 0 0;color:#ffffffe6;font-size:16px;line-height:1.5}.login-form{display:flex;flex-direction:column;width:min(520px,100%);margin:0 auto;padding:0}.login-form label,.login-field{display:grid;gap:9px;margin:0 0 20px}.login-form label>span,.login-field>label{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.login-form input{height:54px;min-height:54px;color:#111827;background:#fff;border:0;border-radius:4px;padding:0 16px;font-size:16px}.password-field{position:relative}.password-field input{padding-right:54px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:999px;color:#4b5563;background:transparent}.password-toggle:hover,.password-toggle:focus-visible{color:#1e7ec2;background:#1e7ec21a;outline:none}.login-submit,.scan-login-button{width:100%;border:0;border-radius:2px;min-height:46px;color:#fff;background:#1e7ec2;font-weight:800;text-transform:uppercase}.login-submit:hover,.scan-login-button:hover{background:#16679f}.scan-login-button{margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#1e7ec2e0;color:#fff}.scan-login-button:hover{background:#16679f}.login-support-button{align-self:center;display:inline-flex;align-items:center;justify-content:center;min-width:104px;min-height:42px;margin-top:22px;padding:0 18px;color:#fff;border:1px solid rgba(255,255,255,.72);border-radius:2px;font-size:14px;font-weight:900;text-transform:uppercase}.login-message{margin:-6px 0 16px;color:#ffd966;font-size:14px;font-weight:800}.login-site-footer{background:#1a1a1a;color:#9ca3af}.login-footer-main{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(150px,1fr));gap:26px;box-sizing:border-box;padding:60px 20px}.login-footer-main>div{display:grid;align-content:start;gap:7px}.login-footer-brand{padding-right:70px}.login-footer-logo{display:block;width:150px;height:auto;margin:0 0 18px;filter:brightness(0) invert(1)}.login-footer-brand p{max-width:360px;line-height:1.65}.login-footer-column h6{margin:0;color:#fff;font-size:14px;line-height:1.2;font-weight:800}.login-footer-column h6:not(:first-child){margin-top:15px}.login-footer-column ul{list-style:none;margin:0 0 22px;padding:0}.login-footer-column li{margin:0 0 7px;padding:0}.login-footer-main p,.login-footer-main span,.login-footer-main a{margin:0;color:#9ca3af;font-size:14px;line-height:1.55;text-decoration:none;transition:color .2s ease}.login-site-footer a:hover{color:#fff}.login-footer-bottom{border-top:1px solid rgba(255,255,255,.1);background:#1a1a1a}.login-footer-bottom-inner{width:min(1280px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;box-sizing:border-box;padding:20px;color:#9ca3af;font-size:14px;line-height:1.45}.login-footer-bottom-inner a{color:#9ca3af;text-decoration:none}.login-footer-bottom-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:16px}.app-legal-footer{width:min(1480px,100%);margin:18px auto 0;padding:10px 12px;color:var(--muted);font-size:.78rem;line-height:1.35;text-align:center}.app-legal-footer a{color:var(--teal);font-weight:900;text-decoration:none}.app-legal-footer a:hover{text-decoration:underline}.phone-app .app-legal-footer{margin-bottom:10px}.topbar,.tabs,.workspace-grid,.dashboard-shell,.admin-grid,.reports-view{max-width:1480px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0 18px}.brand-block,.topbar-actions,.panel-heading,.media-title,.reports-head,.report-card-head,.dialog-head,.next-banner,.checkpoint-head{display:flex;align-items:center}.brand-block{gap:14px}.app-brand-logo{display:block;width:clamp(158px,17vw,240px);height:auto;flex:0 1 auto}.brand-mark{display:grid;width:54px;height:54px;place-items:center;color:#fff;background:var(--teal);border-radius:8px;box-shadow:var(--shadow)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3vw,3.1rem);line-height:.95;letter-spacing:0}.brand-block p,.hint-text,.field span,.compact-field span,.tag-hint,.inspection-copy,.status-strip,.template-summary span,.alert-grid span,.report-card span,dt{color:var(--muted)}.topbar-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}.compact-field{display:flex;align-items:center;gap:8px;min-width:210px}.field{display:grid;gap:7px}.field span,.compact-field span{font-size:.9rem;font-weight:750}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:10px 12px}textarea{min-height:86px;resize:vertical}.sync-button,.ghost-button,.primary-action,.icon-button,.tabs button,.segmented button,.decision,.checkpoint-list button,.file-drop{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.sync-button{color:#fff;background:var(--teal);padding:0 14px;max-width:320px}.tabs{display:flex;gap:8px;overflow-x:auto;padding:6px;background:#e8efed;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}.tabs button{flex:1;min-width:128px;color:var(--muted);background:transparent;font-weight:800}.tabs button.active{color:#fff;background:var(--teal)}.workspace-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(420px,1fr) minmax(280px,360px);gap:14px}.setup-panel,.driver-surface,.list-panel,.admin-panel,.reports-view{background:#ffffffeb;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.setup-panel,.list-panel,.admin-panel,.reports-view{padding:16px}.setup-panel,.list-panel{display:grid;align-content:start;gap:16px}.panel-heading{gap:8px}.panel-heading h2,.reports-head h2,.checkpoint-head h2,.next-banner h2{font-size:1.24rem;letter-spacing:0}.scan-box{display:grid;gap:10px;padding:12px;background:var(--surface-2);border-radius:8px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.segmented button{min-height:38px;color:var(--muted);background:#fff;font-size:.88rem;font-weight:800}.segmented button.active{color:#fff;background:var(--teal-2)}.scan-row{display:grid;grid-template-columns:1fr 46px 46px;gap:6px}.icon-button{width:44px;height:44px;color:var(--ink);background:#fff;border:1px solid var(--line)}.icon-button.tiny{width:30px;height:30px;min-height:30px}.vehicle-diagram{padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.status-strip{display:flex;justify-content:space-between;gap:8px;font-size:.92rem;font-weight:800}.driver-surface{display:grid;gap:14px;padding:0;background:transparent;border:0;box-shadow:none}.next-banner{justify-content:space-between;gap:16px;padding:18px;color:#fff;background:linear-gradient(135deg,var(--teal),#17474c);border-radius:8px;box-shadow:var(--shadow)}.next-banner p{color:#ffffffd1}.eyebrow{color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.next-banner .eyebrow{color:#ffffffc2}.ghost-button{padding:0 14px;color:var(--teal);background:#fff;font-weight:900;white-space:nowrap}.checkpoint-panel{display:grid;gap:16px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.checkpoint-head{justify-content:space-between;gap:12px}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;color:#5e4a00;background:#fff1b9;border-radius:999px;font-size:.82rem;font-weight:900}.pill.done{color:#fff;background:var(--green)}.pill.pending{color:#5e4a00;background:#fff1b9}.inspection-copy{font-size:1.1rem;line-height:1.45}.tag-hint{padding:12px;background:#eef7f7;border-left:4px solid var(--teal);border-radius:6px;font-weight:750}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reference-tile{display:grid;gap:8px;padding:10px;color:var(--ink);background:#f8faf9;border:1px solid var(--line);border-radius:8px;min-height:128px;text-align:left}button.reference-tile{width:100%}button.reference-tile:hover{border-color:var(--teal);box-shadow:inset 0 0 0 2px #1e7ec224}.reference-tile strong{font-size:.9rem;line-height:1.22}.reference-visual{height:70px;border-radius:6px;overflow:hidden;position:relative;background:#eef5fb}.reference-tile.location .reference-visual{background-color:var(--blue)}.reference-tile.good .reference-visual{background-color:var(--green)}.reference-tile.issue .reference-visual{background-color:var(--red)}.reference-visual img{width:100%;height:100%;object-fit:cover}.decision-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.decision{min-height:74px;color:var(--ink);background:#fff;border:2px solid var(--line);font-size:1.24rem;font-weight:950}.decision.good.selected{color:#fff;background:var(--green);border-color:var(--green)}.decision.issue.selected{color:#fff;background:var(--red);border-color:var(--red)}.decision:disabled{opacity:.45}.media-box,.exception-box,.submit-box{display:grid;gap:10px}.media-title{gap:8px;font-weight:900}.photo-policy-strip{display:flex;flex-wrap:wrap;gap:6px}.photo-policy-strip span{padding:6px 8px;color:#244a7f;background:#eef5fb;border-radius:999px;font-size:.78rem;font-weight:900}.capture-actions{display:grid;grid-template-columns:1fr;gap:8px}.capture-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.file-drop{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--teal);background:#eef7f7;border:1px dashed var(--teal);border-radius:8px;font-weight:900;min-height:54px;text-align:center}.file-drop.primary-file{color:#fff;background:var(--teal);border-style:solid}.file-drop.secondary{min-height:48px;color:#244a7f;background:#eef5fb;border-color:#9ec9e8}.file-drop input{display:none}.capture-preview{display:grid;gap:8px;padding:8px;background:#f8faf9;border:1px solid var(--line);border-radius:8px}.capture-preview video{width:100%;max-height:260px;background:#0c1824;border-radius:8px;object-fit:cover}.media-status{color:var(--muted);font-size:.88rem;font-weight:750;line-height:1.4}.media-list{display:grid;gap:8px}.media-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto 32px;align-items:center;gap:8px;padding:7px;background:#f8faf9;border-radius:8px}.media-item span{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;font-weight:850}.media-item small{color:var(--muted);font-size:.78rem;font-weight:750}.media-item img,.file-icon{width:42px;height:42px;border-radius:6px}.media-item img{object-fit:cover}.file-icon{display:grid;place-items:center;background:var(--surface-2)}.checkline{display:flex;align-items:center;gap:10px;min-height:42px;font-weight:850}.checkline input{width:22px;height:22px;min-height:22px}.notice{display:flex;gap:10px;align-items:center;padding:12px;background:#eef7f7;border:1px solid #c6e5e4;border-radius:8px;font-weight:800}.notice.warning{background:#fff5d6;border-color:#f4d36b}.needed-list{display:flex;flex-wrap:wrap;gap:8px}.needed-list span{padding:8px 10px;color:#5e4a00;background:#fff1b9;border-radius:999px;font-size:.86rem;font-weight:900}.checkpoint-list{display:grid;gap:7px}.checkpoint-list button{justify-content:flex-start;min-height:48px;color:var(--ink);background:#f8faf9;border:1px solid var(--line);text-align:left;font-weight:850;padding:8px}.checkpoint-list button.active{border-color:var(--teal);box-shadow:inset 4px 0 0 var(--teal)}.check-badge{display:grid;place-items:center;width:28px;height:28px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:950}.check-badge.done{color:#fff;background:var(--green);border-color:var(--green)}.primary-action{width:100%;min-height:58px;color:#fff;background:var(--teal);font-size:1.05rem;font-weight:950}.driver-step-page{width:min(620px,100%);margin:0 auto}.driver-step-card{display:grid;gap:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.driver-step-top,.driver-progress-line,.driver-step-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.driver-step-top h2{margin:2px 0;font-size:1.45rem}.driver-step-top span,.driver-progress-line span{color:var(--muted);font-weight:800}.driver-small-button,.driver-secondary-action,.driver-link-button{min-height:42px;padding:0 12px;color:var(--teal);background:#eef5fb;border:0;border-radius:8px;font-weight:950}.driver-current-step{display:grid;gap:8px;padding:16px;color:#fff;background:linear-gradient(135deg,var(--teal),#17474c);border-radius:8px}.driver-current-step .eyebrow,.driver-current-step p{color:#ffffffd1}.driver-current-step h1{color:#fff;font-size:clamp(2rem,9vw,3rem);line-height:1}.driver-current-step p{font-size:1.08rem;line-height:1.42}.driver-scan-card,.driver-decision-box,.driver-final-fields,.driver-map-card,.driver-left-panel{display:grid;gap:10px;padding:13px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.driver-map-card>strong{font-size:1.05rem}.driver-current-map{background-color:#fff}.driver-scan-card.accepted{background:#e7f5ee;border-color:#a7d8be}.driver-scan-card>strong,.driver-decision-box>strong,.driver-left-panel>strong{font-size:1.05rem}.driver-scan-card>span{color:var(--muted);line-height:1.4}.driver-scan-card code{display:block;padding:12px;color:#14633d;background:#e7f5ee;border:2px solid #14633d;border-radius:8px;font-size:1.05rem;font-weight:950;text-align:center;overflow-wrap:anywhere}.driver-scan-entry{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:7px}.scan-field-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:46px;width:100%;color:#fff;background:var(--teal);border:0;border-radius:8px;font-size:.92rem;font-weight:950}.scan-error{padding:10px;color:#8e2525;background:#ffe5e5;border:1px solid #ffc9c9;border-radius:8px;font-weight:900}.accepted-scan-value{margin:0;padding:10px;color:#14633d;background:#e7f5ee;border:1px solid #a7d8be;border-radius:8px;font-weight:900}.driver-validation-message{margin:0;padding:12px;color:#8e2525;background:#ffe5e5;border:1px solid #ffc9c9;border-radius:8px;font-size:.98rem;font-weight:950;line-height:1.35}.driver-link-button{justify-self:start}.driver-link-button.active{color:#8e2525;background:#ffe5e5}.driver-simple-textarea{width:100%;min-height:82px}.driver-reference-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.driver-step-page .reference-tile{min-height:162px}.driver-step-page .reference-visual{height:116px}.driver-step-page .photo-policy-strip,.driver-step-page .media-status{display:none}.driver-note-field textarea{min-height:96px}.driver-step-actions{align-items:stretch}.driver-step-actions.nav-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.driver-step-actions.secondary-row{display:grid;grid-template-columns:1fr}.driver-step-actions .primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:190px}.driver-step-actions.nav-row .primary-action,.driver-step-actions.nav-row .driver-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0}.driver-secondary-action:disabled{opacity:.45}.driver-secondary-action.full-width{width:100%}.driver-left-panel span,.driver-left-panel button{padding:9px 10px;color:#5e4a00;background:#fff1b9;border-radius:8px;font-weight:900}.driver-left-panel button{min-height:44px;width:100%;border:1px solid #e6cf73;text-align:left}.driver-bottom-nav{position:fixed!important;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:1100;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:7px;background:#fffffff5;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 36px #0c18242e}.driver-bottom-nav button{display:grid;place-items:center;gap:3px;min-height:56px;color:var(--muted);background:transparent;border:0;border-radius:8px;font-size:.76rem;font-weight:950}.driver-bottom-nav button.active{color:#fff;background:var(--teal)}.desk-bottom-nav{width:min(1480px,100%);margin:10px auto 0;display:flex;justify-content:flex-end;gap:8px;padding:8px 0 24px}.desk-bottom-nav button{min-height:44px;padding:0 16px;background:#fffffff5;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #0c182429}.driver-history-view{display:grid;gap:12px;width:min(620px,100%);margin:0 auto;padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.driver-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.driver-history-head h2{font-size:2rem}.driver-history-head .driver-secondary-action{display:inline-flex;align-items:center;gap:7px}.driver-sync-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:#14633d;background:#e7f5ee;border:1px solid #a7d8be;border-radius:8px;font-weight:900}.driver-sync-strip.pending{color:#5e4a00;background:#fff1b9;border-color:#e6cf73}.driver-sync-strip span{color:inherit;font-size:.88rem;text-align:right}.driver-history-empty{display:grid;justify-items:center;gap:8px;padding:28px 12px;color:var(--muted);background:#f8fafc;border:1px dashed var(--line);border-radius:8px;font-weight:900}.driver-history-list{display:grid;gap:8px}.driver-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px;padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.driver-history-row div{display:grid;gap:3px;min-width:0}.driver-history-row strong{font-size:1rem}.driver-history-row span:not(.driver-history-pill){color:var(--muted);font-size:.9rem;font-weight:850}.driver-history-pill{flex:0 0 auto;padding:7px 9px;border-radius:999px;font-size:.78rem;font-weight:950}.driver-history-pill.ok{color:#fff;background:var(--green)}.driver-history-pill.pending,.driver-history-pill.seen{color:#5e4a00;background:#fff1b9}.driver-history-pill.issue{color:#fff;background:var(--red)}.vehicle-start-screen{width:min(560px,100%);margin:0 auto}.vehicle-start-card{display:grid;gap:18px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.vehicle-start-icon{display:grid;width:76px;height:76px;place-items:center;color:#fff;background:var(--teal);border-radius:8px}.vehicle-start-card h2{margin:0;font-size:2rem;line-height:1.05;letter-spacing:0}.vehicle-start-card>p:not(.eyebrow):not(.vehicle-start-message){color:var(--muted);font-size:1.08rem;line-height:1.45}.scan-vehicle-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:72px;width:100%;color:#fff;background:var(--teal);border:0;border-radius:8px;font-size:1.35rem;font-weight:950}.manual-vehicle-entry{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px}.vehicle-start-message{padding:12px;color:#5e4a00;background:#fff1b9;border-radius:8px;font-weight:850}.demo-code-box{display:flex;flex-wrap:wrap;gap:7px;padding:10px;color:#14633d;background:#e7f5ee;border:2px solid #14633d;border-radius:8px}.demo-code-box.compact{margin-top:8px}.demo-code-box strong{flex-basis:100%;color:#0d4f30;font-size:.82rem}.demo-code-box em,.demo-step-helper em{flex-basis:100%;color:#14633d;font-size:.92rem;font-style:normal;font-weight:800;line-height:1.35}.demo-code-box span{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;color:#fff;background:#14633d;border-radius:999px;font-size:.78rem;font-weight:900;overflow-wrap:anywhere}.demo-step-helper{display:grid;gap:8px;padding:12px;background:#e7f5ee;border:2px solid #14633d;border-radius:8px}.demo-step-helper strong{color:#0d4f30}.locked-inspection-summary{display:grid;gap:8px;padding:12px;background:#eef7f7;border-radius:8px}.locked-inspection-summary div{display:flex;align-items:center;justify-content:space-between;gap:12px}.locked-inspection-summary span{color:var(--muted);font-size:.88rem;font-weight:850}.locked-inspection-summary strong{text-align:right}.change-vehicle{color:#fff;background:var(--teal);margin-top:4px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:14px}.dashboard-shell{display:grid;gap:14px;width:min(1480px,100%);max-width:100%}.dashboard-shell>.dashboard-hero,.dashboard-shell>.admin-grid{width:100%;max-width:100%;margin-left:0;margin-right:0}.dashboard-hero{display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,620px);gap:18px;align-items:center;padding:22px;color:#fff;background:linear-gradient(115deg,#0c1824f2,#13426ce0),url(/pretrip-login-banner.webp) center center / cover no-repeat;border-radius:8px;box-shadow:var(--shadow)}.dashboard-hero h2{margin:5px 0 10px;color:#fff;font-size:clamp(2rem,3vw,3.2rem);line-height:1}.dashboard-hero p{color:#ffffffd6;line-height:1.45}.dashboard-hero .eyebrow{color:#55cee3}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboard-stat{display:grid;gap:4px;min-height:92px;align-content:center;padding:14px;background:#ffffff1c;border:1px solid rgba(255,255,255,.18);border-radius:8px}.dashboard-stat strong{color:#fff;font-size:2rem;line-height:1}.dashboard-stat span{color:#ffffffbd;font-size:.86rem;font-weight:850}.admin-section-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px;padding:8px;background:#e8efed;border:1px solid var(--line);border-radius:8px}.admin-section-nav button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:0;padding:0 12px;color:var(--muted);background:transparent;border:0;border-radius:8px;font-size:.92rem;font-weight:900;white-space:nowrap}.admin-section-nav button.active{color:#fff;background:var(--teal)}.admin-section-nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.admin-grid>.notice{grid-column:1 / -1}.admin-panel{display:grid;gap:16px;min-width:0}.admin-panel.wide{grid-column:1 / -1}.vehicle-access-list,.user-access-list,.notification-user-list,.support-actions,.panel-actions-row,.report-actions,.qr-actions{display:grid;gap:8px}.split-heading{justify-content:space-between;gap:14px;align-items:flex-start}.panel-title-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.panel-title-row.split-row{display:flex;justify-content:space-between;align-items:center}.panel-title-row.split-row>span{display:inline-flex;align-items:center;gap:8px;min-width:0}.filter-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.filter-tabs button,.qr-toolbar button,.action-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:0;border-radius:8px;padding:0 12px;color:var(--teal);background:#eef5fb;font-size:.9rem;font-weight:900;white-space:nowrap}.primary-action[data-tooltip],.ghost-button[data-tooltip],.info-hint[data-tooltip]{position:relative}.action-button span,.primary-action span,.ghost-button span{min-width:0;overflow-wrap:anywhere}.filter-tabs button.active,.qr-toolbar button.active,.action-button.primary{color:#fff;background:var(--teal)}.filter-tabs button.active *,.qr-toolbar button.active *,.action-button.primary *,.primary-action *,.modal-primary *{color:currentColor}.action-button.primary:not(:disabled),.primary-action:not(:disabled),.modal-primary{color:#fff}.action-button.danger{color:#8e2525;background:#ffe5e5}.action-button:disabled{opacity:.5}.admin-section-nav button[data-tooltip]:after,.filter-tabs button[data-tooltip]:after,.qr-toolbar button[data-tooltip]:after,.action-button[data-tooltip]:after,.icon-action[data-tooltip]:after,.info-hint[data-tooltip]:after,.primary-action[data-tooltip]:after,.ghost-button[data-tooltip]:after,.report-queue-row[data-tooltip]:after{content:attr(data-tooltip);display:none;position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;width:max-content;max-width:min(300px,80vw);padding:8px 10px;color:#fff;background:#0c1824;border-radius:6px;box-shadow:0 10px 28px #0c182438;font-size:.78rem;font-weight:750;line-height:1.35;white-space:normal;text-align:left;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease}.admin-section-nav button[data-tooltip]:hover:after,.filter-tabs button[data-tooltip]:hover:after,.qr-toolbar button[data-tooltip]:hover:after,.action-button[data-tooltip]:hover:after,.icon-action[data-tooltip]:hover:after,.info-hint[data-tooltip]:hover:after,.primary-action[data-tooltip]:hover:after,.ghost-button[data-tooltip]:hover:after,.report-queue-row[data-tooltip]:hover:after{display:block;opacity:1;transform:translate(-50%)}.report-ops-grid{display:grid;grid-template-columns:1fr;gap:12px;min-width:0}.report-queue-list,.report-detail-card{display:grid;gap:8px;min-width:0}.report-queue-list{align-content:start;max-height:680px;overflow-y:auto;padding-right:4px}.report-list-status{margin:0;color:var(--muted);font-size:.88rem;font-weight:850}.report-list-heading,.report-subsection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 6px}.report-list-heading span,.report-subsection-heading span{color:var(--muted);font-size:.82rem;font-weight:850}.report-queue-row{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:62px;padding:10px;color:var(--ink);background:#f8fafc;border:1px solid var(--line);border-radius:8px;text-align:left}.review-filter-panel{display:grid;grid-template-columns:minmax(240px,1fr) minmax(130px,160px) minmax(190px,240px) auto;gap:10px;align-items:end;min-width:0;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.custom-report-filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;min-width:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.custom-report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.review-search-field{min-width:0}.review-table-wrap{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.review-table{width:100%;min-width:860px;border-collapse:collapse;font-size:.88rem}.custom-review-table-wrap{max-height:min(620px,62vh)}.custom-review-table{min-width:1780px}.review-table th,.review-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.review-table th{position:sticky;top:0;z-index:1;color:var(--muted);background:#eef5fb;font-size:.78rem;font-weight:950;text-transform:uppercase}.review-table td{overflow-wrap:anywhere}.clickable-report-row{cursor:pointer}.clickable-report-row:hover{background:#f8fafc}.table-open-button{min-height:32px;padding:0 10px;color:#fff;background:var(--teal);border:0;border-radius:8px;font-weight:900}.report-queue-row.active{border-color:var(--teal);box-shadow:inset 4px 0 0 var(--teal)}.report-queue-main{display:grid;gap:3px;min-width:0}.report-queue-main small{color:var(--muted);font-size:.78rem;font-weight:800}.report-queue-main span,.issue-summary-box span,.notification-copy span,.report-output-note span,.empty-compact span{color:var(--muted);line-height:1.4}.report-queue-main strong,.report-queue-main span,.report-status,.vehicle-access-row strong,.vehicle-access-row span,.notification-user-main span,.notification-user-main strong{overflow-wrap:anywhere}.severity-dot{width:10px;height:10px;border-radius:999px;background:var(--green)}.severity-dot.high{background:var(--red)}.severity-dot.medium{background:#d9921b}.report-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;color:#14633d;background:#e7f5ee;border-radius:999px;font-size:.78rem;font-weight:900;white-space:nowrap}.report-status.needs-review,.report-status.missing{color:#8e2525;background:#ffe5e5}.report-status.scheduled{color:#6d5300;background:#fff3bf}.report-detail-card{padding:14px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;align-content:start}.report-detail-empty{justify-items:center;align-content:center;min-height:260px;color:var(--muted);text-align:center}.report-detail-empty strong{color:var(--ink)}.report-detail-empty span{max-width:420px;line-height:1.45}.report-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.report-detail-head h3{font-size:1.45rem}.report-detail-scroll{display:grid;gap:10px;max-height:430px;overflow-y:auto;padding-right:4px}.report-checkpoint-list{display:grid;gap:8px}.report-checkpoint-row{display:grid;gap:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.report-checkpoint-row.issue{border-color:#ffc9c9;box-shadow:inset 4px 0 0 var(--red)}.report-checkpoint-row>div:first-child{display:grid;gap:3px}.report-checkpoint-row>div:first-child span{color:var(--muted);line-height:1.35}.report-checkpoint-row dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.report-checkpoint-row dt{color:var(--muted)}.report-checkpoint-row dd{overflow-wrap:anywhere}.report-placeholder-detail{display:grid;justify-items:start;gap:8px;padding:14px;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:8px}.report-placeholder-detail.missing{color:#8e2525;background:#ffe5e5;border-color:#ffc9c9}.report-placeholder-detail strong{color:var(--ink)}.report-placeholder-detail.missing strong{color:#8e2525}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.issue-summary-box,.notification-copy,.report-output-note,.storage-policy-box div{display:grid;gap:5px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.report-output-note{grid-template-columns:auto 1fr;align-items:start}.storage-policy-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.storage-policy-box span{color:var(--muted);line-height:1.35}.export-config-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.export-config-panel .checkline,.export-config-panel .action-button{grid-column:span 2}.report-actions,.panel-actions-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.empty-compact{display:grid;place-items:center;gap:7px;min-height:170px;padding:18px;color:var(--muted);text-align:center;background:#f8fafc;border:1px dashed var(--line);border-radius:8px}.empty-compact strong{color:var(--ink)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#071112bd;z-index:1000;pointer-events:auto;overscroll-behavior:contain}.confirm-backdrop{z-index:1300}.image-preview-backdrop{z-index:1250}.image-preview-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(920px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 32px));overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 78px #0c182457}.image-preview-body{display:grid;place-items:center;min-height:0;padding:14px;background:#0c1824}.image-preview-body img{max-width:100%;max-height:min(620px,calc(100dvh - 150px));object-fit:contain;border-radius:8px}.report-modal-backdrop{align-items:center;justify-items:center;padding:16px}.report-review-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,calc(100vw - 28px));max-height:min(840px,calc(100dvh - 32px));overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 78px #0c182457;pointer-events:auto}.report-modal-header,.report-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#fff}.report-modal-header{border-bottom:1px solid var(--line)}.report-modal-header h2{font-size:clamp(1.55rem,2vw,2.25rem)}.report-modal-header span,.report-modal-summary dd,.review-state-box span,.report-media-card span{overflow-wrap:anywhere}.report-modal-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.report-modal-header-actions .modal-secondary,.report-modal-header-actions .modal-primary,.report-modal-header-actions .icon-action,.report-modal-header-actions a.modal-secondary{display:inline-flex;align-items:center;justify-content:center;min-width:118px;min-height:42px;padding:0 14px;border-radius:8px;font-size:.9rem;font-weight:900;line-height:1;text-decoration:none;white-space:nowrap}.report-modal-body{display:grid;gap:12px;min-height:0;overflow-y:auto;padding:16px;background:#f8fafc}.report-modal-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.report-modal-summary>div,.review-state-box>div{display:grid;gap:4px;min-width:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.report-modal-summary dt,.review-state-box strong{color:var(--muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.report-modal-summary dd{color:var(--ink);font-weight:900}.review-state-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-modal-section{display:grid;gap:10px}.report-media-summary-panel{display:grid;gap:8px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.report-media-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.report-media-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:8px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.report-media-card.prominent{background:#eef5fb;border-color:#b9d8ef}.report-media-card.issue{background:#fff5f5;border-color:#ffc9c9;box-shadow:inset 4px 0 0 var(--red)}.report-media-card img,.report-media-card>svg{width:74px;height:58px;object-fit:cover;color:var(--teal);background:#eef5fb;border-radius:6px}.report-media-card div{display:grid;gap:3px;min-width:0}.report-media-card strong{overflow-wrap:anywhere}.report-media-card span{color:var(--muted);font-size:.82rem;font-weight:800}.media-view-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 10px;color:#fff;background:var(--teal);border:0;border-radius:8px;font-size:.84rem;font-weight:950;white-space:nowrap}.media-view-button,.media-view-button span,.media-view-button svg{color:#fff}.media-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002;display:grid;place-items:center;padding:18px;background:#071112d1}.media-preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(760px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 28px 78px #0c18245c}.media-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.media-preview-head>div{display:grid;gap:3px;min-width:0}.media-preview-head span,.media-preview-meta,.media-preview-missing span{color:var(--muted);overflow-wrap:anywhere}.media-preview-image{width:100%;max-height:min(640px,calc(100dvh - 210px));object-fit:contain;background:#0c1824;border-radius:8px}.media-preview-missing{display:grid;place-items:center;gap:8px;min-height:260px;padding:18px;text-align:center;background:#f8fafc;border:1px dashed var(--line);border-radius:8px}.media-preview-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:.88rem;font-weight:850}.report-modal-actions{justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--line)}.report-modal-actions .hint-text{width:100%;text-align:right}.confirm-modal{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon copy" "actions actions";gap:14px;width:min(460px,100%);padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 70px #0c18244d}.terms-confirm-modal{width:min(620px,100%)}.confirm-icon{grid-area:icon;display:grid;place-items:center;width:48px;height:48px;color:var(--teal);background:#eef5fb;border-radius:8px}.confirm-icon.danger{color:#8e2525;background:#ffe5e5}.confirm-copy{grid-area:copy;display:grid;gap:6px;min-width:0}.confirm-copy h2{font-size:1.25rem}.confirm-copy p{color:var(--muted);line-height:1.45}.confirm-actions{grid-area:actions;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.exit-actions{grid-area:actions;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.modal-secondary,.modal-primary{min-height:42px;padding:0 14px;border:0;border-radius:8px;font-weight:900}.modal-secondary{color:var(--teal);background:#eef5fb}.modal-primary{background:var(--teal)}.modal-primary.danger{background:#8e2525}.vehicle-access-row,.user-access-row,.notification-user-row{display:grid;align-items:center;gap:10px;padding:11px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.vehicle-access-row{grid-template-columns:1fr auto}.vehicle-access-row.expanded{grid-template-columns:minmax(180px,1fr) auto}.vehicle-access-row div,.user-access-main,.notification-user-main{display:grid;gap:4px;min-width:0}.vehicle-access-row span,.user-access-main span,.qr-preview span{color:var(--muted);font-size:.9rem;line-height:1.35}.vehicle-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;color:#14633d;background:#e7f5ee;border-radius:999px;font-size:.8rem;font-weight:900;white-space:nowrap}.vehicle-status.due{color:#6d5300;background:#fff3bf}.vehicle-status.hold{color:#8e2525;background:#ffe5e5}.dashboard-button{width:100%}.user-access-row{grid-template-columns:minmax(220px,1fr) minmax(140px,180px)}.permission-toggles,.notification-switches,.vehicle-row-actions{display:flex;flex-wrap:wrap;gap:8px}.permission-toggles,.vehicle-row-actions{grid-column:1 / -1}.vehicle-row-actions .action-button{min-height:36px}.role-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.add-user-box,.vehicle-start-label-box,.tag-list-box,.tag-editor-box,.vehicle-map-box,.tag-output-box{display:grid;gap:12px;align-content:start;min-width:0;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.add-user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}.add-user-grid .action-button{min-height:44px}.settings-card{display:grid;gap:12px;align-content:start;min-width:0;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.user-management-panel{align-content:start}.user-permission-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.user-permission-header>div{display:grid;gap:4px;min-width:0}.user-permission-header span{color:var(--muted);line-height:1.35}.user-search-panel{display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,.95fr);gap:12px;align-items:stretch;min-width:0}.user-search-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;min-width:0;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.user-search-field{min-width:0}.search-helper-text{grid-column:1 / -1;color:var(--muted);font-size:.84rem;font-weight:750;line-height:1.35}.search-input-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:0 12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px}.search-input-wrap input{min-height:42px;padding:0;border:0;border-radius:0}.search-input-wrap input:focus{outline:none}.user-badge-preview{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,170px) auto auto;grid-template-areas:"summary format qr button" "status status status status";gap:10px;align-items:center;min-width:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.user-badge-preview>div:first-child{grid-area:summary;display:grid;gap:4px;min-width:0}.user-badge-preview>div:first-child span,.badge-qr-box span{color:var(--muted);font-size:.82rem;line-height:1.3;overflow-wrap:anywhere}.badge-qr-box{grid-area:qr;display:grid;justify-items:center;gap:5px;max-width:112px}.badge-format-field{grid-area:format;min-width:0}.badge-qr-box img,.badge-qr-box>svg{width:76px;height:76px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:8px}.user-badge-preview .action-button{grid-area:button}.user-badge-preview .hint-text{grid-area:status}.permission-row{grid-template-columns:minmax(180px,1fr) minmax(132px,160px) minmax(220px,.95fr) minmax(340px,1.6fr) minmax(220px,.9fr) minmax(132px,auto);align-items:start}.user-access-list{max-height:min(680px,64vh);overflow-y:auto;padding-right:4px}.user-access-main strong{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.protected-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;color:#14633d;background:#e7f5ee;border-radius:999px;font-size:.74rem;font-weight:900;white-space:nowrap}.archived-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;color:#6d5300;background:#fff3bf;border-radius:999px;font-size:.74rem;font-weight:900;white-space:nowrap}.archived{opacity:.72;background:#f1f4f4}.user-role-field,.user-email-field{min-width:0}.permission-group{display:grid;gap:7px;min-width:0}.permission-group-title{color:var(--muted);font-size:.82rem;font-weight:900}.permission-grid{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.driver-permission-note{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;max-width:420px;padding:10px;color:#37556a;background:#eef5fb;border:1px solid #cfe1ef;border-radius:8px;font-size:.86rem;font-weight:800;line-height:1.35}.terms-ack-check{align-items:flex-start;padding:12px;background:#fff8db;border:1px solid #ead37a;border-radius:8px;white-space:normal}.terms-ack-check span{color:#4e4100;font-size:.9rem;line-height:1.4}.terms-ack-check a{color:var(--teal);font-weight:950;text-decoration:underline;text-underline-offset:2px}.confirm-terms-ack{margin-top:6px}.confirm-terms-ack input{width:34px;height:34px;min-width:34px;min-height:34px}.permission-grid .compact-check{min-height:34px;padding:7px 9px;background:#fff;border:1px solid var(--line);border-radius:8px}.alert-grid-compact{max-width:260px}.icon-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 10px;border:0;border-radius:8px;color:var(--teal);background:#eef5fb;font-size:.86rem;font-weight:900;white-space:nowrap}.icon-action.danger{color:#8e2525;background:#ffe5e5}.user-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.user-remove-button{justify-self:end}.user-profile-preview{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.user-profile-preview img{width:96px;height:96px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:#eef5fb}.user-profile-preview .modal-secondary{justify-self:start}.notification-user-row{grid-template-columns:minmax(150px,.9fr) minmax(220px,1.2fr)}.notification-switches,.message-type{grid-column:1 / -1}.compact-email{min-width:0}.compact-check{min-height:36px;white-space:nowrap}.compact-check input{width:18px;height:18px;min-height:18px}.vehicle-settings-panel,.template-settings-panel{align-content:start}.vehicle-count-note{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:6px;min-height:36px;padding:0 10px;color:var(--teal);background:#eef5fb;border-radius:8px;font-weight:900}.vehicle-count-note span{color:var(--muted);font-size:.84rem}.vehicle-settings-grid{display:grid;grid-template-columns:minmax(360px,1.25fr) minmax(300px,.75fr);gap:12px;align-items:start;min-width:0}.vehicle-command-bar{display:grid;grid-template-columns:minmax(220px,300px) minmax(280px,1fr) auto auto;gap:10px;align-items:end;min-width:0;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.company-context-field{min-width:0}.vehicle-add-grid,.scope-add-grid,.settings-inline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}.vehicle-add-card{grid-column:1 / -1}.vehicle-notes-field{min-width:0}.large-note-field{grid-column:span 2}.large-note-field textarea{min-height:124px}.draft-photo-box{align-self:stretch}.draft-photo-box img,.draft-photo-box>div{min-height:132px}.vehicle-preview-strip{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:10px;align-items:center;min-width:0}.scope-list{display:grid;gap:8px;max-height:260px;overflow-y:auto;padding-right:3px}.scope-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.scope-row div{display:grid;gap:4px;min-width:0}.scope-row span,.vehicle-list-header span,.report-output-preview span,.report-output-preview small,.checkpoint-coverage-row span{color:var(--muted);line-height:1.35}.scope-row>span{min-height:28px;padding:5px 8px;color:#14633d;background:#e7f5ee;border-radius:999px;font-size:.78rem;font-weight:900;white-space:nowrap}.vehicle-list-header{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,420px);gap:12px;align-items:end;min-width:0}.bulk-print-panel,.last-added-print-panel{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}.bulk-print-panel{padding:8px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.bulk-print-panel span{color:var(--muted);font-weight:900}.bulk-print-panel button,.last-added-print-panel button{min-height:34px;padding:0 10px;color:var(--teal);background:#eef5fb;border:0;border-radius:8px;font-size:.82rem;font-weight:950}.bulk-print-panel button:last-child,.last-added-print-panel button{color:#fff;background:var(--teal)}.last-added-print-panel{justify-content:space-between;padding:10px;background:#e7f5ee;border:1px solid #a7d8be;border-radius:8px}.last-added-print-panel div{display:grid;gap:3px;min-width:0}.vehicle-list-header>div{display:grid;gap:4px;min-width:0}.vehicle-search-field{min-width:0}.vehicle-settings-list{max-height:min(760px,68vh);overflow-y:auto;padding-right:4px}.vehicle-settings-row{grid-template-columns:34px minmax(360px,1fr) minmax(150px,220px);align-items:start}.compact-vehicle-row{padding:10px}.compact-vehicle-row.details-open{background:#f6fafc}.vehicle-select-check{display:grid;place-items:center;align-self:center}.vehicle-select-check input{width:20px;height:20px;min-height:20px}.vehicle-identity-block strong{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.vehicle-access-row .vehicle-identity-block,.vehicle-access-row .vehicle-thumb-box{display:grid;min-width:0}.vehicle-access-row .vehicle-chip-row{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.vehicle-data-chip{display:inline-flex;align-items:center;min-height:26px;max-width:100%;padding:0 8px;color:#37556a;background:#eef5fb;border-radius:999px;font-size:.76rem;font-weight:900;overflow-wrap:anywhere}.vehicle-thumb-box{min-width:0}.vehicle-access-row .vehicle-row-actions{display:flex;flex-wrap:wrap;grid-column:1 / -1;gap:8px;align-items:center;justify-content:flex-start}.vehicle-detail-editor{grid-column:1 / -1}.tag-group-preview,.vehicle-tag-packet-preview{display:grid;gap:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.tag-group-preview>div:first-child{display:grid;gap:3px}.tag-group-manager-card{grid-column:1 / -1}.tag-group-manager-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(420px,1.35fr) minmax(300px,.95fr);gap:12px;align-items:start;min-width:0}.tag-group-list-panel,.tag-group-editor-panel,.tag-library-panel,.tag-group-create-box,.tag-add-card{display:grid;gap:10px;min-width:0}.tag-group-create-box,.tag-add-card,.tag-library-panel{padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.tag-config-grid,.tag-library-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end;min-width:0}.tag-config-grid.tight{grid-template-columns:1fr}.tag-description-field{grid-column:span 2}.tag-description-field textarea{min-height:98px}.tag-group-list,.configured-tag-list,.tag-library-results{display:grid;gap:8px;max-height:460px;overflow-y:auto;padding-right:3px}.tag-group-list button,.configured-tag-row,.library-tag-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px;text-align:left;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.tag-group-list button{grid-template-columns:1fr;color:var(--ink);cursor:pointer}.tag-group-list button.active{border-color:var(--teal);box-shadow:inset 4px 0 0 var(--teal)}.tag-group-list button span,.tag-group-list button small,.configured-tag-row span,.configured-tag-row small,.library-tag-row span,.library-tag-row small{color:var(--muted);overflow-wrap:anywhere}.configured-tag-row>div,.library-tag-row>div{display:grid;gap:3px;min-width:0}.configured-tag-row button,.library-tag-row button,.starter-tag-row button{min-height:34px;padding:0 10px;color:var(--teal);background:#eef5fb;border:0;border-radius:8px;font-size:.82rem;font-weight:950}.library-tag-row button{color:#fff;background:var(--teal)}.tag-count-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;color:#14633d;background:#e7f5ee;border-radius:999px;font-size:.78rem;font-weight:950;white-space:nowrap}.tag-group-actions,.starter-tag-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.starter-tag-row{padding-top:2px}.manage-tags-panel{align-content:start}.settings-page-actions{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:10px}.settings-filter-bar{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(150px,.8fr));gap:10px;align-items:end;min-width:0;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.manage-tags-filter-bar{grid-template-columns:minmax(190px,1.25fr) repeat(7,minmax(112px,.8fr));gap:8px;padding:10px}.manage-tags-filter-bar input,.manage-tags-filter-bar select{min-height:40px;padding-top:8px;padding-bottom:8px}.vehicle-save-note{color:var(--muted);font-size:.95rem;font-weight:500;line-height:1.45;padding:14px 16px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.settings-table-wrap{min-width:0;overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.tag-table-wrap{max-height:min(620px,62vh)}.settings-table{display:grid;min-width:980px}.settings-table-row{display:grid;grid-template-columns:minmax(92px,.65fr) minmax(170px,1.1fr) minmax(210px,1.2fr) minmax(130px,.8fr) minmax(180px,1fr) minmax(190px,1fr) minmax(88px,.45fr);gap:10px;align-items:center;min-width:0;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left}.settings-table-head{position:sticky;top:0;z-index:1;background:#eef5fb;color:#37556a;font-size:.78rem;font-weight:950;text-transform:uppercase}.tag-table-row{width:100%;cursor:pointer}.tag-table-row:hover{background:#f8fafc}.settings-table-row>span,.settings-table-row>strong{min-width:0;overflow-wrap:anywhere}.settings-table-row>span{color:var(--muted);font-size:.86rem;font-weight:800}.settings-table-row>strong{font-size:.92rem}.image-state{display:inline-flex;align-items:center;gap:5px;width:max-content;min-height:28px;padding:0 8px;color:#6d5300;background:#fff3bf;border-radius:999px;font-size:.78rem;font-weight:950}.image-state.has-image{color:#14633d;background:#e7f5ee}.tag-edit-modal{width:min(1180px,calc(100vw - 24px));grid-template-rows:auto minmax(0,1fr)}.settings-edit-modal{width:min(1080px,calc(100vw - 28px));grid-template-rows:auto minmax(0,1fr)}.vehicle-edit-modal{width:min(1220px,calc(100vw - 24px))}.tag-modal-body{background:#eef4f8}.tag-modal-status,.vehicle-modal-status{margin:0 12px 10px}.vehicle-modal-stack{display:grid;gap:12px;min-width:0}.vehicle-modal-top-grid{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(280px,.95fr) minmax(240px,.75fr);gap:12px;align-items:start;min-width:0}.vehicle-modal-top-grid.add-vehicle-grid,.vehicle-modal-top-grid.edit-vehicle-grid{grid-template-columns:repeat(3,minmax(240px,1fr));align-items:stretch}.vehicle-modal-top-grid.add-vehicle-grid>.settings-card,.vehicle-modal-top-grid.edit-vehicle-grid>.settings-card{height:100%;overflow:hidden;background:#fff;border-color:#cfdce6;box-shadow:0 8px 20px #0c18240f}.vehicle-modal-top-grid>.settings-card>.panel-title-row{margin:-12px -12px 0;padding:11px 12px;border-bottom:1px solid rgba(12,24,36,.08)}.vehicle-details-card>.panel-title-row,.add-vehicle-grid>.settings-card:nth-child(1)>.panel-title-row{background:#e7f1fb}.vehicle-assignment-card>.panel-title-row,.add-vehicle-grid>.settings-card:nth-child(2)>.panel-title-row{background:#e9f7f2}.vehicle-image-card>.panel-title-row,.add-vehicle-grid>.settings-card:nth-child(3)>.panel-title-row{background:#fff4dc}.add-vehicle-grid .tag-description-field textarea,.edit-vehicle-grid .tag-description-field textarea{min-height:210px}.vehicle-image-card{grid-template-rows:auto auto minmax(0,1fr)}.vehicle-draft-preview{display:grid;align-content:center;justify-items:center;gap:8px;min-height:260px;padding:10px;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:8px;font-size:.86rem;font-weight:750;text-align:center}.vehicle-draft-preview img{width:100%;max-height:310px;object-fit:contain;border-radius:6px}.vehicle-draft-preview.empty{min-height:310px;background:#eef5fb}.settings-modal-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(240px,.8fr);gap:12px;align-items:start;min-width:0}.tag-modal-grid{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:12px;align-items:start;min-width:0}.tag-modal-grid>.settings-card{min-width:0}.tag-modal-preview{grid-column:1 / -1}.tag-modal-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:10px;align-items:end;min-width:0}.tag-modal-preview .qr-preview{background:#fff}.tag-map-editor{display:grid;gap:10px}.tag-map-editor-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.tag-map-editor-header div{display:grid;gap:2px}.tag-map-editor-header span{color:var(--muted);font-size:.78rem;font-weight:800}.tag-map-editor-header strong{color:var(--ink);font-size:.92rem}.tag-map-editor-preview{width:100%;min-height:150px}.tag-sample-manager{grid-column:1 / -1;display:grid;gap:8px;min-width:0}.tag-sample-row{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(120px,.45fr) auto;gap:8px;align-items:end;min-width:0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px}.tag-sample-row>div{display:grid;gap:2px;min-width:0;align-self:center}.tag-sample-row span{color:var(--muted);font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.tag-sample-thumb{width:76px;height:58px;padding:0;overflow:hidden;background:#eef5fb;border:1px solid var(--line);border-radius:8px}.tag-sample-thumb:hover{border-color:var(--teal)}.tag-sample-thumb img{width:100%;height:100%;object-fit:cover;display:block}.locked-map-preview{cursor:default}.map-editor-backdrop{z-index:1100}.top-map-editor-modal{max-width:min(900px,calc(100vw - 24px))}.top-map-editor-body{display:grid;gap:12px}.top-map-editor-fields{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:12px}.top-map-editor-large{width:100%;min-height:min(460px,52vh);aspect-ratio:16 / 8}.qr-label-preview{justify-items:center;grid-template-columns:1fr;gap:8px;padding:12px}.qr-label-preview img,.qr-label-preview>svg,.qr-label-preview .barcode-preview{grid-column:1}.qr-label-caption{display:block;width:136px;max-width:136px;color:var(--ink);font-size:.94rem;font-weight:950;line-height:1.18;text-align:center;overflow-wrap:anywhere}.qr-label-preview.side-label{grid-template-columns:minmax(118px,136px) minmax(58px,84px);align-items:center;justify-content:center;gap:8px}.qr-label-preview.side-label img,.qr-label-preview.side-label>svg,.qr-label-preview.side-label .barcode-preview{grid-column:1}.qr-label-preview.side-label .qr-label-caption{grid-column:2;width:100%;max-width:84px;font-size:.86rem;line-height:1.1}.expected-preview-box.compact{min-height:86px}.expected-preview-box.compact>div{min-height:86px}.tag-sample-preview-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;max-height:230px;margin-top:10px;overflow:auto}.tag-sample-preview-strip .reference-tile{min-height:118px;padding:8px}.tag-sample-preview-strip .reference-visual{height:76px}.tag-sample-preview-strip .reference-tile strong{font-size:.78rem}.vehicle-print-modal,.desktop-mode-modal{max-width:min(860px,calc(100vw - 24px))}.print-options-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) minmax(220px,1.2fr);gap:12px;align-items:end}.print-mode-note{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;color:var(--muted);background:var(--soft-blue);border:1px solid var(--line);border-radius:8px;font-size:.88rem;line-height:1.3}.vehicle-print-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.vehicle-print-summary span{padding:7px 9px;color:var(--ink);background:#f4f9fd;border:1px solid var(--line);border-radius:8px;font-size:.84rem;font-weight:800}.print-label-list{display:grid;gap:8px;max-height:min(430px,48vh);margin-top:12px;overflow:auto;padding-right:4px}.print-label-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(64px,.3fr) auto auto;gap:8px;align-items:center;padding:9px;background:#fff;border:1px solid var(--line);border-radius:8px}.print-label-row div{display:grid;gap:2px;min-width:0}.print-label-row strong,.print-label-row span{min-width:0;overflow-wrap:anywhere}.print-label-row code{justify-self:start;padding:5px 7px;color:var(--ink);background:#edf5fb;border-radius:6px;font-weight:900}.desktop-mode-message{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#f4f9fd;border:1px solid var(--line);border-radius:8px}.desktop-mode-message div{display:grid;gap:4px}.danger-text{color:#8e2525;background:#ffe5e5}.user-settings-table,.vehicle-settings-table{min-width:1040px}.user-table-row{grid-template-columns:minmax(150px,1fr) minmax(115px,.75fr) minmax(95px,.55fr) minmax(135px,.85fr) minmax(180px,1fr) minmax(180px,1fr) minmax(85px,.45fr) minmax(130px,.7fr)}.vehicle-table-row{grid-template-columns:minmax(82px,.45fr) minmax(160px,.9fr) minmax(210px,1.2fr) minmax(105px,.6fr) minmax(145px,.75fr) minmax(210px,1fr) minmax(120px,.6fr)}.user-table-wrap,.vehicle-table-wrap{max-height:min(620px,62vh)}.modal-permission-grid{display:flex;align-content:start}.vertical-option-list{display:grid;grid-template-columns:1fr;gap:7px}.modal-permission-grid.vertical-option-list{display:grid}.alert-settings-stack{display:grid;gap:12px}.alert-option-section{display:grid;gap:7px;min-width:0}.option-section-title{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.82rem;font-weight:900}.info-hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--teal);background:#eef5fb;border:1px solid #cfe1ef;border-radius:999px;cursor:help}.alert-option-grid{gap:8px}.alert-option-grid .checkline{flex:1 1 150px}.qr-label-text{display:grid;width:100%;max-width:180px;justify-items:center;text-align:center}.qr-label-text strong{width:100%;color:var(--ink);font-size:.92rem;line-height:1.15;overflow-wrap:anywhere}.tag-preview-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:8px}.tag-preview-meta span{color:var(--muted);font-size:.78rem;font-weight:900}.tag-preview-meta strong{font-size:.95rem}.field-note{grid-column:1 / -1;margin:0;color:var(--muted);font-size:.84rem;font-weight:800;line-height:1.35}.large-badge-preview{max-width:100%;justify-items:start}.large-badge-preview img,.large-badge-preview>svg{width:124px;height:124px}.vehicle-modal-photo{width:100%;height:170px;max-height:190px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}.vin-decode-modal{max-width:min(860px,calc(100vw - 28px))}.vin-decode-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.vin-decode-table-wrap{max-height:min(520px,58vh)}.vin-decode-table{min-width:620px}.vin-decode-row{grid-template-columns:minmax(190px,.7fr) minmax(260px,1.3fr)}.tag-pill-list{display:flex;flex-wrap:wrap;gap:7px}.tag-pill-list>span,.vehicle-tag-packet-preview span{display:inline-grid;gap:2px;min-height:32px;padding:6px 8px;color:#37556a;background:#eef5fb;border-radius:8px;font-size:.78rem;font-weight:900}.tag-pill-list small{color:var(--muted);font-size:.72rem;font-weight:850}.vehicle-tag-packet-preview{align-content:start;max-height:210px;overflow-y:auto}.vehicle-tag-assignment-card{gap:10px;min-width:0}.vehicle-tag-selected-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0;padding:8px 10px;background:#eef5fb;border:1px solid var(--line);border-radius:8px}.vehicle-tag-selected-summary span{color:var(--muted);font-size:.84rem;font-weight:800;overflow-wrap:anywhere}.vehicle-tag-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.vehicle-tag-add-row span{color:var(--muted);font-size:.86rem;font-weight:850;overflow-wrap:anywhere}.vehicle-tag-filter-bar{grid-template-columns:minmax(220px,1.15fr) minmax(155px,.75fr) repeat(3,minmax(130px,.7fr));padding:10px}.vehicle-modal-tag-table-wrap{max-height:238px}.selected-tags-table-wrap{max-height:190px}.vehicle-modal-tag-table{min-width:940px}.tag-select-cell{display:inline-flex;align-items:center;gap:8px;min-width:0}.tag-select-cell input{width:16px;height:16px;flex:0 0 auto}.vehicle-modal-tag-row{grid-template-columns:minmax(70px,.45fr) minmax(150px,1fr) minmax(170px,1.05fr) minmax(105px,.65fr) minmax(155px,.95fr) minmax(115px,.65fr)}.vehicle-modal-tag-row.selected{background:#eef5fb;box-shadow:inset 4px 0 0 var(--teal)}.vehicle-modal-tag-row span:last-child{display:flex;align-items:center;min-width:0}.modal-primary.compact,.modal-secondary.compact{min-height:34px;padding:0 12px;font-size:.82rem}.vehicle-draft-tags-card{min-height:0}.vehicle-draft-tag-list,.vehicle-draft-tag-library{display:grid;gap:8px;min-height:0;max-height:230px;overflow-y:auto;padding-right:3px}.vehicle-draft-tag-library{max-height:270px}.vehicle-draft-tag-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.vehicle-draft-tag-row>div{display:grid;gap:3px;min-width:0}.vehicle-draft-tag-row span,.vehicle-draft-tag-row small{color:var(--muted);overflow-wrap:anywhere}.vehicle-draft-tag-row button.compact{min-height:34px;padding:0 12px}.vehicle-row-actions .action-button{flex:0 0 auto;min-width:0;padding-inline:10px}.vehicle-thumb-box img{width:100%;min-height:86px;max-height:116px;object-fit:cover;border:1px solid var(--line);border-radius:8px}.vehicle-map-shape.mini{min-height:104px;aspect-ratio:16 / 7}.vehicle-map-shape.mini .map-marker{width:32px;height:32px;border-width:2px}.vehicle-map-shape .map-marker.done,.vehicle-map-shape .inspection-marker.done{color:#14633d;border-color:#14633d;background:#e7f5ee}.vehicle-map-shape .map-marker.active,.vehicle-map-shape .inspection-marker.active{color:var(--blue);border-color:var(--blue);background:#fff;box-shadow:0 0 0 5px #1e7ec229,0 10px 22px #0c18243d}.vehicle-map-shape.mini .map-front{font-size:.66rem}.vehicle-map-shape.mini .map-wheel{height:7px}.vehicle-photo-box{display:grid;justify-items:center;gap:7px;min-width:0}.vehicle-photo-box img,.vehicle-photo-box>div{display:grid;place-items:center;width:100%;min-height:86px;overflow:hidden;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:8px;text-align:center}.vehicle-photo-box img{object-fit:cover}.vehicle-photo-box label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;color:var(--teal);background:#eef5fb;border-radius:8px;font-size:.82rem;font-weight:900;cursor:pointer}.vehicle-photo-box input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.vehicle-detail-editor{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.single-alert-toggle{display:grid;gap:5px;max-width:220px}.single-alert-toggle small{color:var(--muted);font-size:.78rem;font-weight:800;line-height:1.35}.template-settings-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:12px;align-items:start;min-width:0}.template-editor-card,.checkpoint-coverage-card{grid-row:span 2}.report-output-preview{display:grid;gap:6px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.report-output-preview small{font-size:.82rem;font-weight:800}.checkpoint-coverage-list{display:grid;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}.checkpoint-coverage-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.checkpoint-coverage-row div:first-child{display:grid;gap:4px;min-width:0}.coverage-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.coverage-pills span{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;color:#37556a;background:#eef5fb;border-radius:999px;font-size:.76rem;font-weight:900;white-space:nowrap}.qr-preview{display:grid;grid-template-columns:136px 1fr;gap:14px;align-items:center;padding:12px;background:#f8fafc;border:1px solid var(--line);border-radius:8px}.qr-preview img{width:136px;height:136px;border:1px solid var(--line);border-radius:8px}.qr-preview>svg{width:136px;height:136px;padding:28px;color:var(--teal);background:#fff;border:1px solid var(--line);border-radius:8px}.qr-preview div{display:grid;gap:6px;min-width:0}.qr-preview span{overflow-wrap:anywhere}.qr-preview.compact{grid-template-columns:92px minmax(0,1fr)}.qr-preview.compact img,.qr-preview.compact>svg{width:92px;height:92px}.qr-toolbar{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:8px}.compact-format-field{width:min(220px,100%)}.barcode-preview{display:grid;justify-items:center;align-content:center;gap:8px;width:136px;min-height:92px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:8px}.qr-preview.compact .barcode-preview{width:92px}.barcode-lines{display:flex;align-items:stretch;justify-content:center;gap:2px;width:100%;height:46px}.barcode-lines span{display:block;height:100%;background:#0c1824}.barcode-preview strong{max-width:100%;font-size:.72rem;overflow-wrap:anywhere;text-align:center}.qr-actions{grid-template-columns:1fr 1fr}.qr-actions .ghost-button,.support-actions .ghost-button{width:100%}.oclum-support-panel{background:linear-gradient(180deg,#fffffff2,#eef5fbf2),linear-gradient(135deg,rgba(30,126,194,.16),transparent)}.template-summary,.alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-summary div,.alert-grid div{display:grid;gap:5px;padding:12px;background:#f8faf9;border:1px solid var(--line);border-radius:8px}.alert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-list{display:grid;gap:8px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#f8faf9;border:1px solid var(--line);border-radius:8px}.tag-designer-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(260px,.9fr) minmax(340px,1.2fr);grid-template-areas:"vehicle tags editor" "map map output";gap:12px;align-items:start;min-width:0}.vehicle-start-label-box{grid-area:vehicle}.tag-list-box{grid-area:tags}.tag-editor-box{grid-area:editor}.vehicle-map-box{grid-area:map}.tag-output-box{grid-area:output}.tag-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tag-description{grid-column:1 / -1}.tag-template-list{display:grid;gap:8px;max-height:430px;overflow-y:auto;padding-right:4px}.tag-template-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:66px;width:100%;padding:10px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;text-align:left}.tag-template-list button.active{border-color:var(--teal);box-shadow:inset 4px 0 0 var(--teal)}.tag-template-list button span:first-child{display:grid;gap:4px;min-width:0}.tag-template-list small,.tag-output-box small{color:var(--muted);font-weight:800;overflow-wrap:anywhere}.tag-count{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:30px;padding:0 8px;color:#14633d;background:#e7f5ee;border-radius:999px;font-size:.82rem;font-weight:900}.vehicle-type-select{min-width:min(220px,100%)}.vehicle-map-shape{position:relative;display:block;width:100%;min-height:210px;aspect-ratio:16 / 7;overflow:hidden;padding:0;background:linear-gradient(180deg,#fff,#eef5fb),linear-gradient(90deg,rgba(30,126,194,.08) 0 1px,transparent 1px 44px),linear-gradient(0deg,rgba(30,126,194,.06) 0 1px,transparent 1px 44px);border:1px solid var(--line);border-radius:8px}.vehicle-map-shape:before{content:"";position:absolute;top:16%;right:9%;bottom:16%;left:9%;background:#dceaf5;border:3px solid #244a7f;border-radius:42px 18px 18px 42px;box-shadow:inset 28px 0 #1e7ec229,inset 0 18px #ffffff47,inset 0 -18px #1e7ec21a}.vehicle-map-shape.box-truck:before{top:17%;right:10%;bottom:17%;left:12%;border-radius:26px 10px 10px 26px;clip-path:polygon(0 18%,12% 4%,42% 4%,48% 18%,100% 18%,100% 82%,48% 82%,42% 96%,12% 96%,0 82%)}.vehicle-map-shape.van:before{top:19%;right:14%;bottom:19%;left:14%;border-radius:48px 28px 28px 48px;clip-path:polygon(0 50%,10% 14%,34% 4%,78% 10%,100% 30%,100% 70%,78% 90%,34% 96%,10% 86%)}.vehicle-map-shape.custom-map{background-position:center;background-repeat:no-repeat;background-size:contain}.vehicle-map-shape.custom-map:before,.vehicle-map-shape.custom-map .map-front,.vehicle-map-shape.custom-map .map-window,.vehicle-map-shape.custom-map .map-wheel{display:none}.map-front,.map-window,.map-wheel,.map-marker{position:absolute;z-index:1}.map-front{top:50%;left:4%;color:var(--blue);font-size:.8rem;font-weight:900;text-transform:uppercase;transform:translateY(-50%)}.map-window{top:31%;width:12%;height:38%;background:#fff;border:2px solid rgba(36,74,127,.56);border-radius:7px}.map-window.one{left:20%}.map-window.two{left:38%}.map-wheel{width:12%;height:10px;background:#0c1824;border:0;border-radius:999px}.map-wheel.left{top:8%;left:24%}.map-wheel.right{right:24%;bottom:8%}.map-marker{z-index:3;display:grid;place-items:center;width:38px;height:38px;color:var(--red);background:#fff;border:3px solid var(--red);border-radius:8px;box-shadow:0 10px 22px #0c182447;transform:translate(-50%,-50%)}.expected-preview-box{display:grid;place-items:center;min-height:128px;overflow:hidden;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:8px;text-align:center}.expected-preview-box img{width:100%;max-height:190px;object-fit:cover}.expected-preview-box div{display:grid;justify-items:center;gap:8px;padding:14px;font-weight:850}.reports-subtitle{max-width:760px;margin-top:6px;color:var(--muted);line-height:1.4}.reports-view{display:grid;gap:16px}.reports-head{justify-content:space-between;gap:14px}.empty-state{display:grid;place-items:center;min-height:360px;color:var(--muted);text-align:center;gap:8px}.empty-state h3{color:var(--ink)}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.report-card{display:grid;gap:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8faf9}.report-card-head{justify-content:space-between;gap:10px}.report-card-head div{display:grid;gap:4px}dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}dt{font-size:.82rem;font-weight:850}dd{margin:0;font-weight:900}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0711129e;z-index:10}.scanner-dialog{display:grid;gap:12px;width:min(620px,100%);padding:16px;background:#fff;border-radius:8px;box-shadow:var(--shadow)}.dialog-head{justify-content:space-between}.scanner-video{width:100%;aspect-ratio:4 / 3;background:#111;border-radius:8px;object-fit:cover}.scanner-distance-hint{margin:0;padding:11px 12px;color:#0c4151;background:#e6f6fb;border:1px solid #b9e5f2;border-radius:8px;font-size:1rem;font-weight:950;line-height:1.35}@media(max-width:1180px){.dashboard-hero{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.report-ops-grid,.notification-user-row,.user-access-row{grid-template-columns:1fr}.vehicle-access-row.expanded.vehicle-settings-row{grid-template-columns:minmax(0,1fr) minmax(132px,210px)}.permission-row{grid-template-columns:minmax(220px,1fr) minmax(150px,180px)}.permission-row .user-email-field,.permission-row .permission-group,.permission-row .user-row-actions{grid-column:1 / -1}.user-search-panel,.user-badge-preview,.user-search-box,.vehicle-command-bar,.vehicle-settings-grid,.tag-group-manager-grid,.tag-config-grid,.tag-library-filters,.settings-filter-bar,.vehicle-modal-top-grid,.vehicle-tag-filter-bar,.tag-modal-grid,.settings-modal-grid,.tag-modal-fields,.tag-sample-row,.template-settings-grid,.vehicle-list-header,.vehicle-preview-strip,.checkpoint-coverage-row,.review-filter-panel{grid-template-columns:1fr}.user-badge-preview{grid-template-areas:"summary" "format" "qr" "button" "status"}.badge-qr-box{justify-self:start}.tag-designer-grid{grid-template-columns:1fr;grid-template-areas:"vehicle" "tags" "editor" "map" "output"}.notification-switches,.message-type,.permission-toggles,.vehicle-row-actions{grid-column:auto}.template-editor-card,.checkpoint-coverage-card{grid-row:auto}.split-heading{display:grid}.filter-tabs{justify-content:flex-start}}@media(max-width:1120px){.workspace-grid{grid-template-columns:minmax(280px,340px) minmax(420px,1fr)}.list-panel{grid-column:1 / -1}.login-form-host{width:min(760px,calc(100vw - 44px))}}@media(max-width:820px){.app-shell{padding:10px}.topbar,.dashboard-hero,.workspace-grid,.admin-grid,.reports-head{grid-template-columns:1fr}.topbar,.reports-head{align-items:stretch}.user-permission-header{display:grid}.user-permission-header .action-button,.user-row-actions,.user-row-actions .icon-action{width:100%;justify-self:stretch}.topbar{display:grid}.topbar-actions,.compact-field,.sync-button{width:100%}.workspace-grid,.admin-grid{display:grid}.reference-grid,.decision-row,.capture-actions,.capture-buttons,.storage-policy-box,.dashboard-stats,.template-summary,.alert-grid,.role-rules,.tag-editor-grid,dl,.user-access-row,.vehicle-access-row.expanded.vehicle-settings-row,.qr-preview,.qr-preview.compact,.qr-actions,.report-checkpoint-row dl,.export-config-panel{grid-template-columns:1fr}.report-queue-row{grid-template-columns:12px minmax(0,1fr);align-items:start}.report-queue-row .report-status{grid-column:2;justify-self:start;white-space:normal;text-align:left}.report-queue-main{min-width:0}.report-queue-main strong,.report-queue-main span,.report-queue-main small{min-width:0;overflow-wrap:anywhere}.bulk-print-panel,.last-added-print-panel{justify-content:stretch}.bulk-print-panel button,.last-added-print-panel button{width:100%}.tag-description-field{grid-column:auto}.settings-page-actions{justify-content:stretch}.settings-page-actions .field,.settings-page-actions .action-button{width:100%}.settings-table{min-width:900px}.print-options-grid,.print-label-row,.top-map-editor-fields{grid-template-columns:1fr}.tag-map-editor-header{align-items:stretch;flex-direction:column}.print-label-row .modal-secondary,.print-label-row .modal-primary{width:100%}.export-config-panel .checkline,.export-config-panel .action-button{grid-column:auto}.qr-preview img,.qr-preview>svg,.qr-preview.compact img,.qr-preview.compact>svg{width:180px;height:180px;justify-self:center}.segmented button span{display:none}.login-topbar{justify-content:center}.login-menu{display:none}.login-content-heading{margin-top:76px}.login-info-panel{grid-template-columns:1fr;margin:64px auto 16px}.login-info-item{min-height:140px}.login-info-item+.login-info-item{border-left:0;border-top:1px solid rgba(255,255,255,.24)}.login-form-host{width:min(720px,calc(100vw - 44px));min-height:0;padding:48px 28px 56px}.login-product-logo{width:min(330px,100%)}.login-footer-main{grid-template-columns:1fr}.login-footer-brand{padding-right:0}.login-footer-bottom-inner{flex-direction:column;align-items:center;text-align:center}.phone-app .workspace-grid{grid-template-columns:1fr}.phone-app .setup-panel{order:1}.phone-app .driver-surface{order:2}.phone-app .list-panel{order:3}}@media(max-width:520px){.login-topbar{display:none}.login-nav{height:78px;grid-template-columns:auto;justify-content:start;column-gap:0;padding:0 18px}.pretrip-logo-link{min-width:0;justify-content:flex-start}.login-header-logo{width:min(210px,62vw)}.login-menu{display:none}.login-page-banner{height:230px}.login-page-banner h1{font-size:38px}.login-main{padding:0 0 48px}.login-content-heading{width:calc(100vw - 28px);margin-top:58px}.login-content-heading h2{font-size:31px}.login-content-heading span{font-size:15px}.login-info-panel{width:calc(100vw - 28px);margin-top:42px;border-radius:18px}.login-form-host{width:calc(100vw - 28px);min-height:0;padding:42px 18px 48px;border-radius:22px}.login-title h2{font-size:36px}.login-product-logo{width:min(300px,100%);margin-bottom:18px}.login-form input{height:56px;min-height:56px}.login-submit,.scan-login-button{min-height:52px}.phone-app{padding:8px 8px 96px;background:#f6f8f6}.phone-app .topbar{padding:8px 0 10px}.phone-app .brand-mark{width:46px;height:46px}.app-brand-logo{width:min(174px,48vw)}.phone-app h1{font-size:2rem}.phone-app .topbar-actions{gap:8px}.phone-app .sync-button,.phone-app .sign-out{min-height:42px;max-width:none;width:100%}.phone-app .tabs button{min-height:52px}.vehicle-start-card{padding:20px}.vehicle-start-card h2{font-size:2.15rem}.scan-vehicle-button{min-height:78px}.phone-app .setup-panel,.phone-app .checkpoint-panel,.phone-app .list-panel{padding:14px}.phone-app .next-banner{align-items:flex-start}.phone-app .next-banner .ghost-button{display:none}.phone-app .reference-grid{grid-template-columns:1fr}.phone-app .decision{min-height:78px}.driver-step-card{gap:12px;padding:12px}.driver-step-top,.driver-step-actions{display:grid}.driver-step-actions .primary-action,.driver-secondary-action{width:100%}.driver-reference-strip,.exit-actions{grid-template-columns:1fr}.driver-current-step h1{font-size:2.3rem}.driver-bottom-nav{left:8px;right:8px;bottom:8px}}@media(max-width:820px){.report-modal-backdrop{align-items:center;padding:8px}.report-review-modal{width:100%;max-height:calc(100dvh - 16px)}.report-modal-header,.report-modal-actions{display:grid;align-items:stretch}.report-modal-header-actions{justify-content:stretch}.report-modal-header-actions .icon-action,.report-modal-actions .action-button,.media-view-button{width:100%}.review-state-box,.report-media-card{grid-template-columns:1fr}.report-media-card img,.report-media-card>svg{width:100%;height:150px}.report-modal-actions .hint-text{text-align:left}}
