@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
.matched-board-tabs{display:flex;gap:8px;overflow-x:auto;width:min(100%,1080px);margin:0 auto 12px;padding:2px}.matched-board-tabs button{flex:0 0 auto;padding:10px 13px;border:1px solid #bdd1e8;border-radius:9px;background:#fff;color:#0a3973;font-weight:800}.matched-board-tabs button:hover{border-color:#1769e0;background:#eaf4ff}.matched-board{margin-bottom:16px;scroll-margin-top:90px}.dynamic-row.selected-duty-line{z-index:2;background:#fff0a6;font-weight:800;outline:4px solid #e43c32;outline-offset:-4px}.dynamic-row.selected-journey-line{background:#d9edff;font-weight:700;box-shadow:inset 4px 0 #1680ed}.dynamic-row.next-driver-line{background:#ffe2ad;font-weight:800;outline:3px solid #e09217;outline-offset:-3px}.dynamic-row.voice-focus{z-index:4!important;background:#bfe1ff!important;outline:5px solid #096ed1!important;outline-offset:-5px;animation:tourPulse .8s infinite alternate}.matched-board+.matched-board{margin-top:18px}.matched-board .actual-board-grid{max-height:none}.matched-board .actual-row span:nth-child(2){white-space:nowrap}@media(max-width:620px){.matched-board-tabs{padding-bottom:6px}.matched-board-tabs button{min-height:44px}.matched-board{scroll-margin-top:72px}}
.voice-picker{display:flex;align-items:center;gap:7px;min-height:42px;padding:5px 6px 5px 11px;border:1px solid #c5d5e7;border-radius:10px;background:#fff;color:#52657c;font-size:12px;font-weight:800}.voice-picker select{min-height:30px;border:0;border-radius:7px;background:#edf4fc;color:#082b5d;font-weight:800;outline:0}.voice-picker:focus-within{border-color:#1769e0;box-shadow:0 0 0 3px rgba(23,105,224,.12)}@media(max-width:620px){.voice-picker{justify-content:space-between}.voice-picker select{flex:1}}
.summary-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.voice-button{min-height:42px;padding:10px 14px;border:1px solid #8fc6ff;border-radius:10px;background:#eaf5ff;color:#083e7f;font-weight:800;box-shadow:0 5px 14px rgba(23,105,224,.1)}.voice-button:hover{background:#dcedff;border-color:#3989dd}.onboard-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0;padding:18px 20px;border:1px solid #a8c9ec;border-left:6px solid #1769e0;border-radius:14px;background:linear-gradient(120deg,#eff7ff,#fff);box-shadow:0 8px 20px rgba(10,35,75,.07)}.onboard-next small{color:#1769e0;font-weight:800;letter-spacing:.08em}.onboard-next h3{margin:3px 0 4px;font:800 18px var(--display)}.onboard-next p{max-width:720px;margin:0;color:#5d6e84}.onboard-next .btn{flex:0 0 auto}.tour-button,.bus-board-intro .btn{min-height:44px}.tour-screen small,.bus-video-screen small{letter-spacing:.06em}@media(max-width:620px){.summary-actions{width:100%;align-items:stretch;flex-direction:column}.summary-actions .voice-button{width:100%}.summary-actions .board-badge{text-align:center}.onboard-next{align-items:stretch;flex-direction:column;padding:15px}.onboard-next .btn{width:100%}}
:root{--navy:#071f49;--navy2:#0b326d;--blue:#1769e0;--green:#16875a;--amber:#cc7a15;--red:#c53b35;--purple:#7257c7;--ink:#15243a;--muted:#65758c;--line:#dce4ee;--soft:#f2f6fb;--white:#fff;--shadow:0 16px 38px rgba(10,35,75,.1);--shadow-lg:0 28px 70px rgba(4,22,52,.2);--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fb;color:var(--ink);font:16px/1.5 var(--font);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px;color:var(--navy)}.brand--light{color:#fff}.brand-glyph{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#59b9ff,#1769e0 70%);color:#fff;font:800 23px var(--display);box-shadow:inset 0 1px rgba(255,255,255,.4),0 8px 20px rgba(10,105,224,.28)}.brand b{display:block;font:800 22px/1 var(--display);letter-spacing:.08em}.brand small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.login-screen{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh;background:#fff}.login-visual{position:relative;overflow:hidden;padding:44px 6.5vw;color:white;background:radial-gradient(circle at 10% 90%,#1166c1 0,transparent 37%),linear-gradient(145deg,#051a3e 0,#092d64 62%,#0d4487 100%)}.login-copy{position:relative;z-index:2;max-width:720px;margin-top:18vh}.overline{font-weight:700;font-size:12px;letter-spacing:.18em;color:#8ed2ff}.login-copy h1{margin:17px 0 24px;font:800 clamp(44px,5.2vw,76px)/1.03 var(--display);letter-spacing:-.045em}.login-copy h1 em{font-style:normal;color:#8dd0ff}.login-copy>p{max-width:610px;font-size:20px;color:#dbeaff}.login-proof{display:flex;gap:28px;margin-top:42px;flex-wrap:wrap}.login-proof span{display:flex;align-items:center;gap:9px;font-weight:600;color:#e7f2ff}.login-proof i{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-style:normal;font-size:10px}.route-art{position:absolute;inset:auto -80px -140px 28%;height:510px;transform:rotate(-5deg)}.route-art span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:50%}.route-art span:nth-child(2){inset:65px}.route-art span:nth-child(3){inset:130px}.route-art span:nth-child(4){inset:195px}.login-entry{display:grid;place-items:center;padding:42px}.login-card{width:min(450px,100%)}.mobile-brand{display:none}.pilot-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:#e7f7ef;color:var(--green);border-radius:99px;font-weight:700;font-size:13px}.pilot-badge i{width:7px;height:7px;border-radius:50%;background:#29a36d;box-shadow:0 0 0 4px rgba(41,163,109,.12)}.login-card h2{margin:22px 0 5px;font:800 36px var(--display)}.login-card>p{margin:0 0 28px;color:var(--muted)}.login-card label{display:block;margin:17px 0 7px;font-weight:700;font-size:14px}.input-shell{display:flex;align-items:center;border:1px solid #cad6e5;border-radius:13px;background:#fff}.input-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(23,105,224,.1)}.input-shell>span{padding-left:15px;color:#789}.input-shell input{min-width:0;flex:1;border:0;outline:0;padding:15px 12px;font-weight:600}.input-shell button{border:0;background:#edf3fb;margin-right:7px;padding:8px 11px;border-radius:8px;color:var(--navy);font-size:12px;font-weight:700}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:25px;padding:16px;border:0;border-radius:13px;color:#fff;background:linear-gradient(110deg,#1153b2,#1c79e6);font-weight:800;box-shadow:0 13px 28px rgba(18,92,190,.25);transition:.2s}.login-button:hover{transform:translateY(-2px)}.demo-note{display:flex;align-items:center;gap:10px;margin:18px auto 0;width:max-content;color:var(--muted);font-size:12px}.demo-note>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f6ef;color:var(--green)}.demo-note p{margin:0}
.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:18px 0 4px;padding:5px;border-radius:12px;background:#edf3fa}.auth-switch button{min-height:42px;border:0;border-radius:9px;background:transparent;color:#5d6e84;font-weight:800}.auth-switch button.active{background:#fff;color:#0a3973;box-shadow:0 4px 12px rgba(10,35,75,.1)}.auth-error{margin:14px 0 -8px!important;padding:10px 12px;border:1px solid #f0b8b3;border-radius:9px;background:#fff1ef;color:#9b2922!important;font-size:13px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.auth-links button{border:0;background:transparent;color:#1769e0;font-size:13px;font-weight:700}.login-button[disabled]{cursor:wait;opacity:.7;transform:none}.recovery-code{padding:17px;border:2px dashed #1769e0;border-radius:12px;background:#edf6ff;text-align:center}.recovery-code strong{display:block;margin:5px 0;font:800 24px var(--display);letter-spacing:.08em;color:#083e7f}.admin-list{display:grid;gap:9px;margin-top:15px}.admin-user{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.admin-user small{display:block;color:var(--muted)}.admin-user-actions{display:flex;gap:6px}.admin-user-actions button{padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#f4f7fb;color:#0a3973;font-size:11px;font-weight:800}@media(max-width:620px){.auth-links{align-items:flex-start;flex-direction:column}.admin-user{grid-template-columns:1fr}.admin-user-actions{flex-wrap:wrap}}
.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:286px;display:flex;flex-direction:column;padding:25px 17px 16px;color:#dce9f8;background:linear-gradient(180deg,#061b40,#082858 52%,#071f49)}.sidebar>.brand{padding:0 9px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.pilot-line{margin:15px 11px 4px;color:#7298c5;font-size:10px;font-weight:700;letter-spacing:.12em}.pilot-line span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#43b883;margin-right:5px}.main-nav{overflow:auto;padding:8px 0 12px}.nav-group{margin-top:11px}.nav-group>button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:#7395bd;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.13em}.nav-group>button i{font-style:normal}.nav-group.collapsed .group-items{display:none}.group-items{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#c8d9ec;text-align:left;font-weight:600;font-size:14px}.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(35,121,224,.42),rgba(35,121,224,.12));box-shadow:inset 3px 0 #61b5ff}.nav-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:rgba(255,255,255,.07);font-size:13px}.nav-item.active .nav-icon{background:#fff;color:var(--blue)}.urgent-card{display:grid;grid-template-columns:34px 1fr 12px;align-items:center;gap:9px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.07);color:#fff;text-align:left}.urgent-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#bd3d3a;font-weight:900}.urgent-card small,.urgent-card b{display:block}.urgent-card small{font-size:10px;color:#a9bfd8}.urgent-card b{font-size:12px}.profile-mini{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;width:100%;border:0;border-top:1px solid rgba(255,255,255,.09);background:transparent;color:#fff;padding:15px 7px 0;margin-top:13px;text-align:left}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#dcecff;color:#0c3c7d;font-weight:800}.profile-mini b,.profile-mini small{display:block}.profile-mini b{font-size:13px}.profile-mini small{color:#8eaccd;font-size:10px}.profile-mini i{font-style:normal;color:#7f9cbc}
.workspace{min-height:100vh;margin-left:286px}.topbar{position:sticky;top:0;z-index:20;height:88px;display:flex;align-items:center;justify-content:space-between;padding:13px 30px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-left small{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.14em}.topbar h1{margin:3px 0 0;font:800 22px var(--display)}.top-actions{display:flex;align-items:center;gap:9px}.square-button,.search-trigger,.ndh-button{border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);height:43px}.square-button{width:43px}.menu-button{display:none}.search-trigger{display:flex;align-items:center;gap:9px;width:230px;padding:0 12px;color:var(--muted);text-align:left}.search-trigger span:nth-child(2){flex:1}.search-trigger kbd{padding:3px 6px;border:1px solid var(--line);border-radius:6px;background:#f5f7fa;font-size:10px}.ndh-button{padding:0 16px;border-color:var(--navy);background:var(--navy);color:#fff;font-weight:700}.bell{position:relative}.bell i{position:absolute;top:8px;right:8px;width:7px;height:7px;border:2px solid white;border-radius:50%;background:#e24848}.content{max-width:1480px;margin:auto;padding:27px 30px 105px}
.welcome-grid{display:grid;grid-template-columns:1.7fr .72fr;gap:18px}.command-hero{position:relative;overflow:hidden;min-height:260px;padding:27px 29px;border-radius:22px;color:#fff;background:linear-gradient(128deg,#072454,#0c438a 66%,#1375cb)}.command-hero:after{content:"";position:absolute;width:330px;height:330px;right:-120px;top:-130px;border:52px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025)}.command-hero>*{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#91d2ff}.command-hero h2{max-width:650px;margin:12px 0 9px;font:800 32px/1.15 var(--display)}.command-hero>p{max-width:660px;margin:0;color:#d9eaff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.btn{border:0;border-radius:10px;padding:11px 15px;background:var(--blue);color:#fff;font-weight:700}.btn-light{background:#fff;color:var(--navy)}.btn-ghost{border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.1)}.confidence-card{padding:24px;border:1px solid #d6e1ef;border-radius:22px;background:#fff}.confidence-ring{position:relative;display:grid;place-items:center;width:128px;height:128px;margin:8px auto 18px;border-radius:50%;background:conic-gradient(var(--green) var(--progress),#e7edf4 0)}.confidence-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.confidence-ring span{position:relative;z-index:1;text-align:center;font:800 28px var(--display)}.confidence-ring small{display:block;font:600 10px var(--font);color:var(--muted)}.confidence-card h3{margin:0;font:800 17px var(--display)}.confidence-card p{margin:5px 0 0;color:var(--muted);font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:28px 0 13px}.section-head h2{margin:0;font:800 20px var(--display)}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.text-button{border:0;background:transparent;color:var(--blue);font-weight:700}
.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.action-card{position:relative;overflow:hidden;min-height:155px;padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:left;color:var(--ink);transition:.2s}.action-card:hover{transform:translateY(-4px);border-color:#b9cce5;box-shadow:var(--shadow)}.action-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}.action-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font:800 18px var(--display)}.action-card h3{margin:15px 0 5px;font:800 16px var(--display)}.action-card p{margin:0;color:var(--muted);font-size:13px}.action-card>b{position:absolute;right:17px;top:19px;color:#9bacbf}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px}.panel{border:1px solid var(--line);border-radius:18px;background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font:800 16px var(--display)}.journey{padding:18px}.journey-step{display:grid;grid-template-columns:36px 1fr auto;align-items:start;gap:12px;position:relative;padding-bottom:18px}.journey-step:not(:last-child):after{content:"";position:absolute;left:17px;top:35px;bottom:0;width:2px;background:#dce5ef}.journey-step>span{position:relative;z-index:1;display:grid;place-items:center;width:35px;height:35px;border:2px solid #d6e0eb;border-radius:50%;background:#fff;color:#91a0b2;font-weight:800;font-size:12px}.journey-step.done>span{border-color:var(--green);background:var(--green);color:#fff}.journey-step.current>span{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 5px rgba(23,105,224,.1)}.journey-step h4{margin:3px 0;font-size:14px}.journey-step p{margin:0;color:var(--muted);font-size:12px}.journey-step button{border:0;background:#eef4fc;color:var(--blue);border-radius:8px;padding:7px 9px;font-size:11px;font-weight:700}.activity-list{padding:8px 18px}.activity{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1f5}.activity:last-child{border:0}.activity>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf2fe;color:var(--blue)}.activity h4{margin:0;font-size:13px}.activity p{margin:2px 0 0;color:var(--muted);font-size:11px}.activity small{color:#91a0b2;font-size:10px}
.page-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:20px;background:linear-gradient(120deg,var(--section),color-mix(in srgb,var(--section) 78%,#1c88ec));color:#fff}.page-banner h2{margin:5px 0 4px;font:800 28px var(--display)}.page-banner p{margin:0;color:rgba(255,255,255,.8)}.banner-icon{font:800 74px/1 var(--display);opacity:.13}.info-strip{display:flex;align-items:start;gap:11px;margin:16px 0;padding:13px 15px;border:1px solid #f1d7a8;border-radius:12px;background:#fff8e9;color:#744b14;font-size:13px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-card{position:relative;display:flex;flex-direction:column;min-height:220px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;color:var(--ink);transition:.2s}.lesson-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.lesson-card .type{font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--accent)}.lesson-card h3{margin:15px 0 7px;font:800 18px/1.25 var(--display)}.lesson-card p{margin:0 0 18px;color:var(--muted);font-size:13px}.lesson-meta{display:flex;justify-content:space-between;margin-top:auto;font-size:11px;color:#7c8ca0}.mini-progress{height:5px;margin-top:12px;border-radius:99px;background:#edf1f6;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--accent)}.bookmark{position:absolute;right:15px;top:14px;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#7f8fa4}.bookmark.saved{background:#fff4d9;color:#b66a08}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{border:1px solid var(--line);border-radius:99px;background:#fff;color:#53647a;padding:8px 13px;font-size:12px;font-weight:600}.chip.active{border-color:var(--navy);background:var(--navy);color:#fff}
.bus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bus-tile{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;color:var(--ink);transition:.2s}.bus-tile:hover,.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.bus-header{position:relative;padding:24px;color:#fff;background:linear-gradient(130deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#071f49))}.bus-code{font:800 42px var(--display)}.bus-header small{font-size:10px;font-weight:800;letter-spacing:.1em}.bus-status{position:absolute;right:12px;top:12px;padding:5px 7px;border-radius:99px;background:rgba(255,255,255,.17);font-size:9px;font-weight:800}.bus-body{padding:16px}.bus-body h3{margin:0 0 5px;font:800 15px var(--display)}.bus-body p{margin:0;color:var(--muted);font-size:12px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.video-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;color:var(--ink);transition:.2s}.video-visual{position:relative;display:grid;place-items:center;height:145px;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 48%,#061b40));color:#fff}.play{display:grid;place-items:center;width:48px;height:48px;padding-left:3px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(255,255,255,.16)}.duration{position:absolute;right:9px;bottom:9px;padding:4px 7px;border-radius:6px;background:rgba(0,0,0,.47);font-size:10px}.video-body{padding:15px}.video-body h3{margin:0 0 4px;font:800 15px var(--display)}.video-body p{margin:0;color:var(--muted);font-size:12px}
.duty-finder{margin:17px 0 28px;padding:24px;border:1px solid #cbd9ea;border-radius:20px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 12px 36px rgba(8,42,85,.07)}.finder-copy h2{margin:7px 0 5px;font:800 24px var(--display)}.finder-copy p{margin:0;color:var(--muted)}.finder-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:20px}.finder-form label{font-size:11px;font-weight:800;color:#40536a}.finder-form input{display:block;width:100%;height:47px;margin-top:6px;padding:0 13px;border:1px solid #c8d5e5;border-radius:10px;background:#fff;color:var(--ink);font:700 15px var(--font)}.finder-form .btn{height:47px}.duty-result{margin-top:18px}.duty-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:14px;background:var(--navy);color:#fff}.duty-summary small{color:#8fcfff;font-weight:800;letter-spacing:.1em}.duty-summary h3{margin:3px 0 0;font:800 28px var(--display)}.duty-summary p{margin:2px 0 0;color:#d9e9fb}.board-badge{padding:7px 10px;border-radius:99px;background:#daf5e8;color:#087047;font-size:10px;font-weight:900}.duty-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:10px}.duty-event{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:13px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.duty-event>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e7f1ff;color:var(--blue);font-size:10px;font-weight:800}.duty-event small,.duty-event b,.duty-event p{display:block}.duty-event small{color:var(--muted);font-size:9px;text-transform:uppercase}.duty-event b{margin:1px 0;font:800 17px var(--display)}.duty-event p{margin:0;color:#4f6177;font-size:10px}.duty-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.duty-metrics div{padding:11px 14px;border-radius:10px;background:#eaf5f0;color:#0a6546}.duty-metrics small,.duty-metrics b{display:block}.duty-metrics small{font-size:9px;font-weight:800}.duty-metrics b{margin-top:2px}.board-source,.duty-empty{margin-top:10px;padding:12px 14px;border-radius:10px;background:#fff8e9;color:#6d4b18;font-size:11px}.duty-empty p{margin:4px 0 0}.bus-photo{position:relative;height:170px;overflow:hidden;background:#dce5ef}.bus-photo img{width:100%;height:100%;object-fit:cover;transition:.35s}.real-bus:hover img{transform:scale(1.04)}.bus-photo span{position:absolute;left:12px;bottom:10px;padding:5px 10px;border-radius:8px;background:rgba(4,27,58,.88);color:#fff;font:800 24px var(--display)}.bus-body>small{color:var(--accent);font-weight:800}.fleet-hero{position:relative;min-height:290px;overflow:hidden;background:#071f49;color:#fff}.fleet-hero img{width:100%;height:310px;object-fit:cover;opacity:.72}.fleet-hero>div{position:absolute;left:28px;bottom:23px;text-shadow:0 2px 16px #000}.fleet-hero h2{margin:7px 0 0;font:800 50px var(--display)}.fleet-hero p{margin:0;font-weight:700}.photo-credit{margin-top:17px;color:var(--muted);font-size:11px}.photo-credit a{color:var(--blue)}
.duty-choices{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.duty-choices h3{margin:0}.duty-choices p{margin:4px 0 12px;color:var(--muted)}.duty-choices button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:13px;border:0;border-top:1px solid var(--line);background:#fff;text-align:left}.duty-choices button:hover{background:#f1f6fd}.duty-choices span{color:var(--muted)}.real-board-viewer{margin-top:14px;border:1px solid #b7c7d9;border-radius:16px;overflow:hidden;background:#e9edf2}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;background:#102d54;color:#fff}.board-toolbar small{color:#82c9ff;font-weight:800;letter-spacing:.1em}.board-toolbar h3{margin:2px 0 0;font:800 18px var(--display)}.tour-button{padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#fff;color:#0a326a;font-weight:800}.board-paper{margin:16px;border:1px solid #9aa3ad;background:#fffef6;box-shadow:0 8px 20px rgba(21,34,49,.14)}.board-paper-head{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:2px solid #1c2835;font-family:Arial,sans-serif}.board-paper-head span{font-size:13px}.board-scroll{overflow-x:auto}.board-table{width:100%;min-width:1180px;border-collapse:collapse;font:13px/1.25 Arial,sans-serif;color:#111}.board-table th,.board-table td{padding:9px 8px;border:1px solid #6e747a;text-align:center;white-space:nowrap}.board-table th{background:#d9dde0;font-size:11px;text-transform:uppercase}.board-table tbody tr{cursor:pointer}.board-table tbody tr:hover{background:#e9f4ff}.board-table .selected-duty{position:relative;background:#fff1a9;font-weight:700;outline:4px solid #e13a31;outline-offset:-4px}.board-table .selected-duty td:first-child{position:relative}.board-table .selected-duty td:first-child:after{content:"YOUR DUTY";position:absolute;left:5px;top:-12px;padding:2px 6px;border-radius:99px;background:#d92d20;color:#fff;font:700 9px Arial,sans-serif}.board-table [data-cell-part].tour-focus,.duty-event.tour-focus{position:relative;z-index:2;background:#cde9ff!important;outline:4px solid #1672d4;outline-offset:-4px;animation:tourPulse 1s infinite alternate}.board-legend{display:flex;justify-content:space-between;padding:9px 13px;border-top:1px solid #888;font:12px Arial,sans-serif}.board-legend i{display:inline-block;width:12px;height:12px;margin-right:5px;border:3px solid #e13a31;border-radius:50%;vertical-align:-2px}.tour-guide{padding:0 16px 16px}.tour-screen{display:flex;align-items:center;gap:13px;padding:15px;border-radius:12px;background:#071f49;color:#fff}.tour-screen>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#1976e9;font-size:18px}.tour-screen small{color:#86caff;font-weight:800}.tour-screen h4{margin:2px 0;font:800 16px var(--display)}.tour-screen p{margin:0;color:#d8e8fa;font-size:13px}.tour-progress{height:5px;margin-top:8px;border-radius:99px;background:#c8d1db;overflow:hidden}.tour-progress i{display:block;width:0;height:100%;background:#1976e9;transition:.35s}.duty-event{color:var(--ink);text-align:left}.duty-event:hover{border-color:#8cb8eb;background:#f4f9ff}@keyframes tourPulse{from{box-shadow:0 0 0 0 rgba(23,105,224,.15)}to{box-shadow:0 0 0 7px rgba(23,105,224,.2)}}
.bus-board-learning{margin:30px 0;padding:24px;border:1px solid #c9d5e3;border-radius:20px;background:linear-gradient(145deg,#f8fbff,#eef4fa);box-shadow:var(--shadow)}.bus-board-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.bus-board-intro h2{margin:7px 0 5px;font:800 25px var(--display)}.bus-board-intro p{max-width:820px;margin:0;color:var(--muted)}.actual-board{overflow:hidden;border:1px solid #76808b;background:#fffef4;box-shadow:0 12px 30px rgba(24,39,54,.15);font-family:Arial,sans-serif;color:#111}.actual-board-title{text-align:center}.actual-board-title h3{margin:8px 0 0;font-size:20px}.actual-board-title>b{display:block;font-size:17px}.actual-board-title>span{display:block;background:#fff300;font-weight:800}.actual-board-title>div{display:grid;grid-template-columns:1fr 1fr 1fr;padding:4px 10px;border-top:1px solid #111;border-bottom:2px solid #111;font-size:16px}.actual-board-grid{display:grid;grid-template-columns:1fr 1fr}.actual-half:first-child{border-right:2px solid #111}.actual-head,.actual-row{display:grid;grid-template-columns:70px 70px minmax(235px,1fr) 55px 55px}.actual-head{background:#eef0f2;font-weight:800}.actual-head span,.actual-row span{min-height:29px;padding:5px;border-right:1px solid #777;border-bottom:1px dotted #777;text-align:left}.actual-head span:nth-last-child(-n+2),.actual-row span:nth-last-child(-n+2){text-align:right}.actual-row{position:relative;width:100%;padding:0;border:0;background:transparent;color:#111;font:14px/1.25 Arial,sans-serif;text-align:left}.actual-row:hover{background:#eaf4ff}.actual-row.duty-172{background:#fff1a8;font-weight:800}.actual-row.duty-172:after{content:"DUTY 172";position:absolute;inset:1px;border:3px solid #e4362d;border-radius:7px;pointer-events:none}.actual-row.bus-focus{z-index:2;background:#cbe8ff!important;outline:4px solid #0878df;outline-offset:-4px;animation:tourPulse 1s infinite alternate}.actual-row[data-bus-step="handover"].bus-focus{background:#ffe3ad!important;outline-color:#d98300}.actual-legend{display:flex;gap:22px;flex-wrap:wrap;padding:10px 13px;border-top:2px solid #111;font-size:13px}.actual-legend i{display:inline-block;width:15px;height:15px;margin-right:5px;vertical-align:-3px}.red-ring{border:3px solid #e4362d;border-radius:5px}.blue-fill{background:#cbe8ff;border:2px solid #0878df}.amber-fill{background:#ffe3ad;border:2px solid #d98300}.bus-video-guide{margin-top:14px;padding:16px;border-radius:14px;background:#071f49;color:#fff}.bus-video-screen{display:flex;align-items:center;gap:14px}.bus-video-screen>span{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#1680ed;font:800 18px var(--display)}.bus-video-screen small{color:#82c9ff;font-weight:800}.bus-video-screen h3{margin:2px 0;font:800 18px var(--display)}.bus-video-screen p{margin:0;color:#d8e8fa}.bus-tour-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.bus-tour-controls button{padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-weight:700}.bus-tour-controls button:hover{background:#1769e0}
.wizard{display:grid;grid-template-columns:.75fr 1.25fr;min-height:540px;border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#fff}.wizard-side{padding:26px;color:#fff;background:linear-gradient(150deg,#072654,#0c4d91)}.wizard-side h2{margin:12px 0 8px;font:800 27px var(--display)}.wizard-side p{color:#d5e8ff;font-size:14px}.wizard-steps{margin-top:28px}.wizard-step{display:flex;align-items:center;gap:10px;margin:14px 0;color:#9db9d8;font-size:13px}.wizard-step i{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-style:normal;font-size:11px}.wizard-step.active{color:#fff;font-weight:700}.wizard-step.active i{border-color:#74c6ff;background:#1976d2}.wizard-main{padding:28px}.wizard-main h3{margin:0 0 6px;font:800 23px var(--display)}.wizard-main>p{margin:0 0 22px;color:var(--muted)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.choice{display:flex;align-items:center;gap:12px;min-height:84px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-align:left}.choice:hover{border-color:#8bb6ef;background:#f6faff}.choice span{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#eaf2fd;color:var(--blue);font-weight:800}.choice b,.choice small{display:block}.choice small{margin-top:3px;color:var(--muted);font-size:11px}
.ask-workspace{display:grid;grid-template-columns:1.4fr .65fr;gap:16px}.ask-main{min-height:520px;padding:27px;border-radius:21px;color:#fff;background:linear-gradient(145deg,#06214c,#0c4588)}.ask-main h2{margin:10px 0 8px;font:800 29px var(--display)}.ask-main p{color:#d7e9ff}.ask-input{display:flex;gap:8px;margin-top:23px;padding:7px;border-radius:13px;background:#fff}.ask-input input{min-width:0;flex:1;padding:11px;border:0;outline:0}.ask-input button{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:0 18px;font-weight:700}.assistant-answer{display:none;margin-top:17px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.1)}.assistant-answer.show{display:block;animation:rise .25s ease}.assistant-answer strong{display:block;margin-bottom:6px}.assistant-answer small{display:block;margin-top:11px;color:#abd3ff}.prompt-list{padding:18px}.prompt-list h3{margin:0 0 11px;font:800 16px var(--display)}.prompt{display:block;width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--ink);text-align:left;font-size:13px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.contact-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-weight:800}.contact-card h3{margin:13px 0 5px;font:800 17px var(--display)}.contact-card p{margin:0 0 15px;color:var(--muted);font-size:13px}.contact-card button{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f7f9fc;font-weight:700}.admin-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.kpi{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.kpi small{color:var(--muted)}.kpi strong{display:block;margin:5px 0;font:800 29px var(--display)}.status{display:inline-flex;padding:5px 8px;border-radius:99px;background:#e7f6ef;color:var(--green);font-size:10px;font-weight:800}.status.review{background:#fff2db;color:#9a5a09}.data-table{width:100%;margin-top:16px;border-collapse:collapse;border:1px solid var(--line);background:#fff}.data-table th,.data-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.data-table th{background:#f3f6fa;color:var(--muted);font-size:10px}
.lesson-modal{margin:-28px}.lesson-cover{padding:28px 31px;color:#fff;background:linear-gradient(130deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#071f49))}.lesson-cover h2{margin:11px 0 6px;font:800 28px var(--display)}.lesson-cover p{margin:0;color:rgba(255,255,255,.82)}.lesson-content{padding:25px 31px}.checklist{display:grid;gap:9px}.check-row{display:grid;grid-template-columns:25px 1fr;gap:11px;padding:12px;border:1px solid var(--line);border-radius:11px}.check-row input{width:19px;height:19px;accent-color:var(--green)}.check-row b{display:block;font-size:13px}.check-row small{color:var(--muted)}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:20px}
.modal,.command{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(3,17,40,.68);backdrop-filter:blur(5px)}.modal-shell{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;border-radius:21px;background:#fff;box-shadow:var(--shadow-lg);padding:28px}.close-button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#edf2f7;color:#33465e;font-size:20px}.modal-shell>.close-button{position:absolute;z-index:2;right:14px;top:14px}.drawer{position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(430px,92vw);transform:translateX(105%);background:#fff;box-shadow:-20px 0 55px rgba(3,17,40,.2);transition:.25s}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.drawer-head small{color:var(--blue);font-weight:800}.drawer-head h2{margin:2px 0 0;font:800 22px var(--display)}.drawer-body{padding:20px;overflow:auto;height:calc(100% - 85px)}.screen-overlay{display:none;position:fixed;z-index:80;inset:0;background:rgba(3,17,40,.5)}.screen-overlay.show{display:block}.notification-item{padding:14px;border:1px solid var(--line);border-radius:12px;margin-bottom:9px}.notification-item.unread{border-left:4px solid var(--blue);background:#f7faff}.notification-item h4{margin:0 0 4px;font-size:14px}.notification-item p{margin:0;color:var(--muted);font-size:12px}.command{align-items:start;padding-top:12vh}.command-box{width:min(720px,100%);overflow:hidden;border-radius:18px;background:#fff;box-shadow:var(--shadow-lg)}.command-input{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line)}.command-input input{flex:1;border:0;outline:0;font-size:17px}.command-input button{border:1px solid var(--line);border-radius:6px;background:#f5f7fa;color:#697a8f;font-size:10px}.command-results{max-height:420px;overflow:auto;padding:10px}.command-result{display:flex;align-items:center;gap:11px;width:100%;padding:12px;border:0;border-radius:10px;background:#fff;text-align:left;color:var(--ink)}.command-result:hover{background:#f1f6fd}.command-result span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#eaf2fd;color:var(--blue)}.command-result b,.command-result small{display:block}.command-result small{color:var(--muted)}.toast{position:fixed;z-index:150;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;max-width:360px;transform:translateY(100px);opacity:0;padding:12px 16px;border-radius:12px;background:#102a43;color:#fff;box-shadow:var(--shadow-lg);transition:.25s}.toast.show{transform:none;opacity:1}.toast>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green)}.toast p{margin:0;font-size:13px}.mobile-nav{display:none}@keyframes rise{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1180px){.action-grid{grid-template-columns:repeat(2,1fr)}.bus-grid{grid-template-columns:repeat(2,1fr)}.learning-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.duty-timeline{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.sidebar{z-index:85;transform:translateX(-102%);transition:.24s}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{display:block}.search-trigger{width:43px;justify-content:center}.search-trigger span:nth-child(2),.search-trigger kbd{display:none}.topbar{padding:12px 15px}.content{padding:20px 15px 90px}.welcome-grid,.dashboard-grid,.ask-workspace,.wizard{grid-template-columns:1fr}.confidence-card{display:grid;grid-template-columns:120px 1fr;align-items:center}.confidence-ring{margin:0}.wizard-side{display:none}.admin-kpis{grid-template-columns:repeat(2,1fr)}.finder-form{grid-template-columns:1fr 1fr}.finder-form .btn{grid-column:1/-1}.mobile-nav{position:fixed;z-index:25;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);height:70px;border-top:1px solid var(--line);background:#fff}.mobile-nav button{border:0;background:#fff;color:#718199;font-size:10px}.mobile-nav button span{display:block;font-size:18px}.mobile-nav button.active{color:var(--blue)}}@media(max-width:620px){.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-entry{align-items:start;padding:25px}.mobile-brand{display:flex;margin:4px 0 56px}.login-card h2{font-size:30px}.topbar h1{font-size:17px}.topbar-left small{display:none}.ndh-button{padding:0 11px}.bell{display:none}.action-grid,.learning-grid,.video-grid,.bus-grid,.contact-grid,.choice-grid{grid-template-columns:1fr}.command-hero{min-height:280px;padding:24px 20px}.command-hero h2{font-size:26px}.confidence-card{grid-template-columns:95px 1fr}.confidence-ring{width:92px;height:92px}.page-banner{padding:20px}.page-banner h2{font-size:23px}.admin-kpis{grid-template-columns:1fr 1fr}.data-table{display:block;overflow:auto}.lesson-modal{margin:-28px}.lesson-cover,.lesson-content{padding:24px 20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.duty-finder{padding:18px}.finder-form,.duty-timeline,.duty-metrics{grid-template-columns:1fr}.finder-form .btn{grid-column:auto}.duty-summary{align-items:flex-start}.board-badge{white-space:nowrap}.duty-event{grid-template-columns:32px 1fr}.duty-event b{font-size:20px}.bus-photo{height:210px}.fleet-hero img{height:260px}}
@media(max-width:850px){.board-toolbar{align-items:flex-start;flex-direction:column}.tour-button{width:100%}.board-paper{margin:10px}.real-board-viewer{margin-left:-4px;margin-right:-4px}.board-scroll{scroll-snap-type:x proximity}.board-table td{padding:11px 9px}.tour-screen{align-items:flex-start}.board-legend{gap:12px;flex-direction:column}.duty-choices button{align-items:flex-start;flex-direction:column}.bus-board-intro{align-items:flex-start;flex-direction:column}.bus-board-intro .btn{width:100%}.actual-board-grid{display:block;overflow-x:auto}.actual-half{min-width:620px}.actual-half:first-child{border-right:0;border-bottom:4px solid #111}.actual-board-title>div{grid-template-columns:1fr}.actual-board-title>div strong{padding:2px}.bus-tour-controls{grid-template-columns:1fr 1fr}}@media(max-width:620px){.bus-board-learning{padding:15px}.actual-board-title h3{font-size:17px}.actual-board-title>b{font-size:14px}.bus-video-screen{align-items:flex-start}.bus-video-screen p{font-size:13px}.bus-tour-controls{grid-template-columns:1fr}}
.actual-board{width:min(100%,1080px);margin-left:auto;margin-right:auto}.actual-board-grid{max-height:520px;overflow:auto}.actual-row.duty-172:after{content:"";inset:1px;border-width:3px;border-radius:4px}.actual-row{font-size:12px}.actual-head,.actual-row{grid-template-columns:58px 58px minmax(205px,1fr) 45px 45px}.actual-head span,.actual-row span{min-height:26px;padding:4px}.bus-video-guide{max-width:1080px;margin-left:auto;margin-right:auto}.lookup-error{text-align:center;padding:12px 8px}.lookup-error-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:#fff0e8;color:#c4422e;font:800 30px var(--display)}.lookup-error h2{margin:8px 0 6px;font:800 26px var(--display)}.lookup-error>p{margin:0;color:var(--muted)}.lookup-help{display:grid;gap:6px;margin:20px 0;padding:16px;border:1px solid #f0d5a5;border-radius:12px;background:#fff9ec;text-align:left}.lookup-help b,.lookup-help span{display:block}.lookup-error .btn,.lookup-error .chip{margin:4px}
.actual-row[data-bus-step="handover"]{z-index:1;background:#ffe6b5;font-weight:800;outline:3px solid #e4362d;outline-offset:-3px}.handover-flow{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(100%,1080px);margin:16px auto 0}.handover-card{display:grid;grid-template-columns:46px 1fr;gap:13px;padding:18px;border:1px solid #cbd8e7;border-top:5px solid var(--blue);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(10,35,75,.08)}.handover-card.give-card{border-top-color:#db4b3f}.handover-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e8f3ff;color:#0759b7;font:800 19px var(--display)}.give-card .handover-number{background:#fff0ed;color:#bd352b}.handover-card small{color:#3177ba;font-weight:800;letter-spacing:.06em}.give-card small{color:#b64238}.handover-card h3{margin:3px 0 9px;font:800 18px var(--display)}.say-this{margin:0 0 11px;padding:11px 13px;border-left:4px solid var(--blue);border-radius:0 9px 9px 0;background:#eef6ff;font-weight:700}.give-card .say-this{border-left-color:#db4b3f;background:#fff3f0}.handover-card ul{margin:0;padding-left:19px;color:#43546b}.handover-card li{margin:6px 0}.handover-note{width:min(100%,1080px);margin:12px auto 0;padding:12px 14px;border-radius:10px;background:#fff7e4;color:#654409}
@media(max-width:850px){.actual-board:before{content:"↻ Turn your phone sideways to landscape to see the full board clearly.";display:block;position:sticky;left:0;padding:11px 13px;background:#e7f3ff;color:#083b77;font:700 14px var(--font);text-align:center}.actual-board-grid{max-height:none;overflow-x:auto;overflow-y:visible}.actual-row{font-size:14px}.actual-head,.actual-row{grid-template-columns:68px 68px minmax(270px,1fr) 58px 58px}.actual-head span,.actual-row span{min-height:34px;padding:7px}.bus-video-guide{padding:13px}.bus-board-learning{overflow:hidden}.handover-flow{grid-template-columns:1fr}}@media(max-width:620px){.actual-board{width:100%}.modal-shell{padding:22px}.lookup-error .btn,.lookup-error .chip{display:block;width:100%;margin:8px 0}.handover-card{grid-template-columns:38px 1fr;padding:14px}.handover-number{width:36px;height:36px}.handover-card h3{font-size:16px}.handover-card li{font-size:14px}}
.mobile-board-tip{display:none;margin:10px 10px 0;padding:11px 13px;border:1px solid #9ec8f2;border-radius:10px;background:#e7f3ff;color:#083b77;font:700 14px/1.35 var(--font);text-align:center}.board-scroll{overscroll-behavior-x:contain;touch-action:pan-x pan-y}.matched-board .actual-row span:nth-child(3){overflow-wrap:anywhere}
@media(max-width:850px){.mobile-board-tip{display:block}.matched-board:before{display:none}.matched-board .actual-board-grid{display:block;overflow:visible}.matched-board .actual-half{min-width:0;width:100%}.matched-board .actual-head,.matched-board .actual-row{grid-template-columns:42px 66px minmax(0,1fr) 42px 42px}.matched-board .actual-head span,.matched-board .actual-row span{min-height:31px;padding:5px 3px;font-size:12px}.matched-board .actual-head span{display:flex;align-items:center;font-size:10px}.matched-board .actual-row span:nth-child(3){white-space:normal}.matched-board .actual-board-title>div{grid-template-columns:repeat(3,1fr);font-size:12px}.matched-board .actual-legend{gap:8px;font-size:11px}.board-scroll{scrollbar-width:auto}.board-scroll::-webkit-scrollbar{height:10px}.board-scroll::-webkit-scrollbar-thumb{border-radius:99px;background:#6f7c89}.board-scroll::-webkit-scrollbar-track{background:#dbe3ea}}
@media(max-width:420px){.matched-board .actual-head,.matched-board .actual-row{grid-template-columns:36px 58px minmax(0,1fr) 36px 36px}.matched-board .actual-head span,.matched-board .actual-row span{padding:4px 2px;font-size:10px}.matched-board .actual-board-title>span{font-size:13px}.matched-board .actual-board-title>div{font-size:10px}.bus-board-learning{padding:10px}.mobile-board-tip{font-size:13px}}
/* Irish date and driver-friendly duty lookup */
.finder-form{grid-template-columns:1.05fr .72fr 1.15fr 1.15fr auto;align-items:end}
.finder-form label{display:flex;min-width:0;height:75px;flex-direction:column;justify-content:flex-end;font-size:12px}
.finder-form label>small{margin-left:5px;color:#6f7f93;font-weight:700}
.finder-form select{display:block;width:100%;height:47px;margin-top:6px;padding:0 34px 0 13px;border:1px solid #c8d5e5;border-radius:10px;background:#fff;color:var(--ink);font:700 15px var(--font)}
.field-help{display:block!important;margin:7px 0 0!important;color:#63758c!important;font-size:11px!important;line-height:1.35;font-weight:600!important}
.date-control{position:relative;margin-top:6px}
.date-control #dutyDateDisplay{margin-top:0;padding-right:49px}
.date-control button{position:absolute;z-index:2;top:4px;right:4px;width:39px;height:39px;border:0;border-radius:8px;background:#eaf3ff;color:#095bbd;font-size:18px;cursor:pointer}
.date-picker-proxy{position:absolute!important;right:5px!important;bottom:4px!important;width:38px!important;height:39px!important;margin:0!important;padding:0!important;opacity:0;pointer-events:none}
.finder-help{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:9px;background:#edf5ff;color:#435a73;font-size:12px;line-height:1.4}
@media(max-width:1180px){.finder-form{grid-template-columns:1fr 1fr}.finder-form .btn{grid-column:1/-1}.finder-form label{height:auto}.finder-help{grid-column:1/-1}}
@media(max-width:620px){.finder-form{grid-template-columns:1fr}.finder-form .btn,.finder-help{grid-column:auto}.finder-form label{height:auto}.field-help{font-size:12px!important}}