/* Adaptation of original T8F/HFX4 training layout; original CSS files are shipped unchanged.
   Private historical-source staging, not a replacement production app or dispatch UI. */
:root{color-scheme:light}
html,body.native-stage{margin:0;background:#edf0f3!important;color:#183047!important;font:12px/1.45 "Segoe UI",Arial,sans-serif!important;min-height:100%;overflow-x:hidden}
.native-stage *{box-sizing:border-box}
.native-stage .qa-grid{display:grid;grid-template-columns:184px minmax(0,1fr);min-height:100vh}
.native-stage .qa-rail{background:white;padding:16px 10px;border-right:1px solid #d4dfe8;display:flex;flex-direction:column;gap:8px;min-height:100vh}
.native-stage .qa-rail h2{font-size:15px;font-weight:900;margin:8px 6px 20px;letter-spacing:.3px;color:#183047}
.native-stage .qa-rail h2 b{color:#e3273a}
.native-stage .qa-rail button{display:block;width:100%;padding:12px 9px;text-align:left;font-weight:800;font-size:11px;border:0;border-radius:6px;background:white;color:#5b7183}
.native-stage .qa-rail button.active{background:#fff1f3;color:#bd2533;box-shadow:inset 3px 0 0 #d72533}
.native-stage .qa-rail button:disabled{opacity:.6;cursor:not-allowed}
.native-stage .qa-rail .footer{font-size:10px;color:#8493a0;margin-top:auto}
.native-stage .qa-area{min-width:0;padding:0 13px 25px}
.native-stage .qa-top{display:flex;align-items:center;justify-content:space-between;min-height:40px;gap:10px;border-bottom:1px solid #d5dee6;margin-bottom:7px}
.native-stage .qa-top strong{font-size:13px;color:#23394c}
.native-stage .qa-top span{border:1px solid #f1bec4;background:#fff1f4;border-radius:24px;padding:5px 10px;color:#a92637;font-size:9px;font-weight:800}
.native-stage .tc6-page{display:block!important;padding:0!important;max-width:none!important;background:transparent!important;box-shadow:none!important}
.native-stage .tc6-page .tc6-heading{padding:8px 12px;min-height:48px;margin-bottom:5px}
.native-stage .tc6-page .tc6-heading p:not(.eyebrow){display:none}
.native-stage .tc6-page .tc6-heading .eyebrow{font-size:9px;margin:0}
.native-stage .tc6-page .tc6-heading h2{font-size:16px;margin:2px 0}
.native-stage .tc6-tabbar{margin-bottom:6px;padding-bottom:5px}
.native-stage .tc6-tabbar button{padding:8px 12px;font-size:10px}
.native-stage .tc6-tabbar button:disabled{opacity:.62;cursor:not-allowed}
.native-stage .tc6-tabbar button[aria-selected="true"]{color:#a2222d;background:#fff0f1;border-color:#c62330}
.native-stage .native-login{max-width:710px;margin:50px auto;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px;border:1px solid #d9e2e9;border-left:4px solid #d72533;border-radius:9px;box-shadow:0 8px 25px #c4d2dd2f}
.native-stage .native-login h3{font-size:21px;margin:5px 0 10px}.native-stage .native-login .eyebrow{font-size:10px;letter-spacing:.65px;font-weight:900;color:#ba2b37}.native-stage .native-login p{font-size:12px;line-height:1.6;color:#536a7c}
.native-stage .native-login label{font-size:10px;display:block;color:#536b7f;font-weight:850;margin-bottom:4px}
.native-stage .native-login input{border:1px solid #cbd6df;border-radius:6px;width:100%;padding:10px;background:white;color:#183047;min-height:34px;margin-bottom:9px}
.native-stage .native-button{background:#f9fbfc;color:#33556e;border:1px solid #cbd6df;padding:7px 11px;border-radius:6px;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap;min-height:33px}
.native-stage .native-button.primary{background:#bb2c39;border-color:#bb2c39;color:white}
.native-stage .native-button.outline{background:#fff;color:#516478}
.native-stage .native-button:disabled{opacity:.52;cursor:not-allowed}
.native-stage #loginFeedback{color:#ad2430;font-size:11px}
.native-stage #historicApp[hidden]{display:none!important}
.native-stage .tc-history-notice{font-size:10px;color:#8b5b28;background:#fff7e9;border:1px solid #e7ca9b;border-radius:5px;padding:5px 9px;margin-bottom:5px}
.native-stage .tc6-page .t8c-route-selector{margin:4px 0}
.native-stage .tc6-page .t8c-route-selector .t8b-card{grid-template-columns:210px minmax(0,1fr);display:grid;gap:6px;padding:8px 10px}
.native-stage .tc6-page .t8c-route-selector .t8b-card-head{margin:0}
.native-stage .tc6-page .stage-selectors{display:flex!important;gap:7px;align-items:flex-end;min-width:0}
.native-stage .tc6-page .stage-selectors .t8b-field{flex:1 1 110px;min-width:100px}
.native-stage .tc6-page .stage-selectors .t8b-field:nth-child(2){flex:1.7 1 160px}
.native-stage .tc6-page .t8b-field input{height:35px;min-height:35px;border:1px solid #cdd6de;border-radius:7px;background:#f4f6f7;color:#6a7583;font-size:11px;padding:7px 9px}
.native-stage .tc6-page .stage-selectors .native-button{flex:0 0 auto}
.native-stage .tc6-page .t8c-banner{min-height:40px;padding:5px 11px}
.native-stage .tc6-page .t8c-banner h3{font-size:14px;margin:1px 0}.native-stage .tc6-page .t8c-banner p{display:none}
.native-stage .tc6-page .t8c-controls{min-height:34px;padding:4px 8px}
.native-stage .tc6-page .t8c-controls .t8c-context{min-width:0;overflow:hidden;text-overflow:ellipsis}
.native-stage .tc6-page .t8c-controls input[type=range]{width:min(26vw,240px)}
.native-stage .tc-coverage-label{font-size:9px;letter-spacing:.35px;color:#5b7186;font-weight:850;background:#f9fbfc;border:1px solid #dbe5ed;border-top:0;padding:4px 9px}
.native-stage .tc-coverage-label span{float:right;font-size:9px}
.native-stage .tc-coverage{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:2px;background:#f9fbfc;border:1px solid #dbe5ed;border-top:0;padding:4px 9px}
.native-stage .tc-coverage i{display:block;height:8px;border-radius:2px;background:#d1d9e1}
.native-stage .tc-coverage i.present{background:#53a99d}.native-stage .tc-coverage i.partial{background:#cfa65b}
.native-stage .tc6-page .t8c-frame .t8c-kpis{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.native-stage .tc6-page .t8c-frame .t8c-kpis article{padding:7px 8px!important}
.native-stage .tc6-page .t8c-live-board{height:280px!important;min-height:280px!important;max-height:280px!important}
.native-stage .tc6-page .t8c-live-board .corridor-lane{grid-template-columns:110px minmax(0,1fr)!important}
.native-stage .tc6-page .t8c-live-board .corridor-guide-layer{left:110px!important}
.native-stage .tc6-page .t8c-live-board .corridor-axis{overflow:visible}
.native-stage .tc6-page .t8c-live-board .corridor-stop-copy{pointer-events:none}
.native-stage .tc6-page .t8c-live-board .corridor-bus.t8c-training-bus{font-family:inherit!important;min-width:56px!important;width:76px!important;max-width:76px!important;cursor:pointer;white-space:nowrap;z-index:7}
.native-stage .tc6-page .t8c-live-board .corridor-bus.t8c-training-bus.fresh{--bus-status-color:#f3c900;--bus-status-text:#13283a}
.native-stage .tc6-page .t8c-live-board .corridor-bus.t8c-training-bus.held{--bus-status-color:#abb8c6;--bus-status-text:#1e2d42}
.native-stage .tc6-page .t8c-live-board .corridor-bus.t8c-training-bus.selected{outline:2px solid #ce2b36!important;outline-offset:3px;z-index:10}
.native-stage .tc6-page .t8c-live-board .corridor-empty{font-size:10px!important;color:#879caf}
.native-stage .tc6-page .t8c-dock-tab{min-width:112px;cursor:pointer}
.native-stage .tc6-page .t8c-dock-tab.active{background:#183d65!important;color:#fff!important;border-color:#183d65!important}
.native-stage .tc6-page .t8c-dock-tab:not(.active){background:#eef3f7!important;color:#344b5d!important}
.native-stage .tc6-page .t8c-truth-footer{font-size:8px}
.native-stage .tc6-page #otherView[hidden]{display:none!important}
.native-stage .tc6-page #otherView{height:280px;overflow:auto;min-height:280px;border:1px solid #d8e1e9;background:#fff;padding:15px}
.native-stage .tc6-page .t8g-detail-tabs{margin-top:6px}
.native-stage .tc6-page .t8g-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:none}
.native-stage .tc6-page .t8g-detail-body .t8b-card{min-height:97px;background:#fff;padding:9px 11px}
.native-stage .tc6-page .t8g-detail-body .t8b-card-head h3{font-size:12px}
.native-stage .tc6-page .t8g-detail-tab{cursor:pointer}
.native-stage .tc-bottom-status{background:#fff;border:1px solid #d9e3ea;border-radius:5px;font-size:10px;color:#516c80;padding:7px;margin-top:7px}
.native-stage .stage-footer{font-size:9px;text-transform:uppercase;color:#97a6b5;margin:6px 0 10px}
.native-stage .tc-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.native-stage .tc-fact{background:#f5f7f9;padding:8px;border:1px solid #e1e9ee;border-radius:6px}
.native-stage .tc-fact small{display:block;font-weight:900;font-size:9px;color:#738597}.native-stage .tc-fact b{font-size:15px;color:#233b51}
.native-stage .tc-details-p{font-size:11px;color:#596f83;margin:6px 0}
.native-stage .tc-truth-note{background:#fff7eb;border:1px solid #e5cda6;padding:8px;font-size:10px;color:#8b6033;border-radius:5px}
.native-stage .tc-vehicle-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:110px;overflow:auto}
.native-stage .tc-vehicle-item{border:1px solid #dce4e9;border-radius:5px;background:#f8fbfc;padding:7px;text-align:left;color:#263b4b;font:inherit;font-size:10px;cursor:pointer}
.native-stage .tc-vehicle-item.selected{border-color:#bc2c38;background:#fff2f3}
.native-stage .tc-geo-svg{width:100%;height:200px;background:#f8fbfd;border:1px solid #dbe6ed;border-radius:7px}
.native-stage #status.error{color:#ad2734;background:#fff3f3}
@media(max-width:1200px){.native-stage .tc6-page .t8c-frame .t8c-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.native-stage .tc6-page .stage-selectors{flex-wrap:wrap}}
@media(max-width:850px){.native-stage .qa-grid{grid-template-columns:1fr}.native-stage .qa-rail{min-height:unset;flex-direction:row;align-items:center;padding:8px;gap:8px}.native-stage .qa-rail h2{margin:0 8px 0 0;font-size:13px}.native-stage .qa-rail button{width:auto}.native-stage .qa-rail .footer{display:none}.native-stage .native-login{grid-template-columns:1fr;margin:15px auto}.native-stage .tc6-page .t8c-route-selector .t8b-card{grid-template-columns:1fr}.native-stage .tc6-page .t8c-live-board{height:350px!important;min-height:350px!important;max-height:350px!important}.native-stage .tc6-page .t8g-detail-body{grid-template-columns:1fr}}
@media(max-width:550px){.native-stage .tc6-page .t8c-frame .t8c-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.native-stage .tc-vehicle-list{grid-template-columns:repeat(2,minmax(0,1fr))}.native-stage .qa-top{flex-wrap:wrap;padding:6px}.native-stage .tc6-page .t8c-controls{flex-wrap:wrap}.native-stage .tc6-page .t8c-controls .t8c-context{width:100%}}
[hidden]{display:none!important}.native-stage .native-login[hidden]{display:none!important}

/* Additional full-day read-only controls, native theme. */
.native-stage .tc-day-controls{display:flex;align-items:center;gap:12px;padding:7px 10px;background:#fff;border:1px solid #dce5ed;border-bottom:0;flex-wrap:wrap}
.native-stage .tc-day-controls label{display:flex;flex-direction:column;gap:2px;color:#40586c;font-size:10px;font-weight:900;min-width:180px}
.native-stage .tc-day-controls label span{font-size:9px;font-weight:500;color:#7e92a6}
.native-stage .tc-day-controls #dayMinute{min-width:180px;flex:1 1 160px;accent-color:#c8293c}
.native-stage .tc-day-controls output{min-width:51px;color:#163f67;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
.native-stage .tc-day-controls button{min-width:90px}
@media(max-width:550px){.native-stage .tc-day-controls label{width:100%;min-width:0}}