/* SMARTCITIES AVL · T8F HFX3 · OCC desktop one-screen, source-only candidate.
   Desktop main-page scrolling is removed ONLY for selected Training Practice and
   selected Training Scenarios Admin. Historical Replay, other Admin tabs, mobile
   layouts, print, Core/live styles and 29-command drawer remain unaffected. */
.tc6-page .t8g-workbench{display:flex!important;flex-direction:column;gap:0;min-width:0}
.tc6-page .t8g-detail-tabs{display:flex;gap:5px;padding:4px 7px;background:#eef3f6;border:1px solid #d9e4eb;border-radius:7px 7px 0 0;flex:0 0 auto;min-width:0}
.tc6-page .t8g-detail-tab{background:#fff;color:#3b566a;border:1px solid #d9e1e6;border-radius:5px;padding:6px 11px;min-height:27px;cursor:pointer;font-size:10px;font-weight:850;line-height:1.1;white-space:nowrap}
.tc6-page .t8g-detail-tab.active{background:#183e62;color:#fff;border-color:#183e62}
.tc6-page .t8g-detail-tab:focus-visible{outline:2px solid #c72433;outline-offset:2px}
.tc6-page .t8g-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;min-width:0;flex:1;min-height:0}
.tc6-page .t8g-detail-body[data-view="evidence"]{grid-template-columns:1fr}
.tc6-page .t8g-detail-body>.t8b-left,.tc6-page .t8g-detail-body>.t8b-right{display:flex;flex-direction:column;min-width:0;min-height:0;gap:0}
.tc6-page .t8g-detail-body .t8b-card{padding:9px 11px;flex:1;min-height:0;min-width:0;border-radius:0 0 6px 6px}
.tc6-page .t8g-detail-body .t8b-card-head{margin-bottom:5px}
.tc6-page .t8g-detail-body .t8b-card-head h3{font-size:12px;margin:2px 0 0}
.tc6-page .t8g-detail-body .t8b-card-head .eyebrow{font-size:8px}
.tc6-page .t8g-detail-body .t8b-dossier-content h4{font-size:10px;margin:0 0 5px}
.tc6-page .t8g-detail-body .t8b-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.tc6-page .t8g-detail-body .t8b-fact{padding:5px 6px}
.tc6-page .t8g-detail-body .t8b-fact small{margin-bottom:2px;font-size:8px}
.tc6-page .t8g-detail-body .t8b-fact strong{font-size:9px}
.tc6-page .t8g-detail-body .t8b-goals{margin-top:5px}
.tc6-page .t8g-detail-body .t8b-goals h4{font-size:9px;margin:0 0 3px}
.tc6-page .t8g-detail-body .t8b-goal{padding:2px 0;flex-direction:row;align-items:center;gap:6px}
.tc6-page .t8g-detail-body .t8b-goal span{font-size:9px;flex:0 0 auto}
.tc6-page .t8g-detail-body .t8b-goal small{font-size:9px;line-height:1.2}
.tc6-page .t8g-detail-body .t8b-scoreband{margin:0 0 5px;padding:4px 8px;gap:8px}
.tc6-page .t8g-detail-body .t8b-score-number{font-size:20px}
.tc6-page .t8g-detail-body .t8b-criterion{padding:3px 0;gap:0 8px}
.tc6-page .t8g-detail-body .t8b-criterion strong,.tc6-page .t8g-detail-body .t8b-criterion small,.tc6-page .t8g-detail-body .t8b-criterion span{font-size:9px}
.tc6-page .t8g-detail-body .t8b-export-actions{margin-top:5px;gap:5px}
.tc6-page .t8g-detail-body .t8b-export-actions button{font-size:9px;padding:5px 8px}
.tc6-page .t8g-detail-body .t8b-muted{margin:3px 0;font-size:9px;line-height:1.25}
.tc6-page .t8g-detail-body .t8b-timeline-item{padding:5px 0;font-size:10px}
.tc6-page .t8g-detail-body .t8b-compare-content{padding:7px}

/* Large-screen OCC: one fixed viewport. The historical archive remains scrollable
   exactly as in T8D (practice selection is part of this selector). */
@media (min-width:1000px) and (min-height:700px) and (max-height:1200px) {
 .workspace > .page.standard-page.historical-replay-page.tc6-page.active:has(> #tc6Practice:not([hidden])){
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  height:100%!important;min-height:0!important;max-height:100%!important;scrollbar-gutter:auto!important;
 }
 .tc6-page:has(> #tc6Practice:not([hidden])) > .tc6-heading{flex:0 0 auto}
 .tc6-page:has(> #tc6Practice:not([hidden])) > .tc6-tabbar{flex:0 0 auto}
 .tc6-page #tc6Practice:not([hidden]){display:flex!important;flex:1 1 0!important;flex-direction:column;min-height:0!important;overflow:hidden!important}
 .tc6-page #tc6Practice #t8bWorkspace,.tc6-page #tc6Practice .t8b-root{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden}
 .tc6-page #tc6Practice .t8b-root>.t8b-hold{flex:0 0 auto}
 .tc6-page #tc6Practice .t8c-route-selector{flex:0 0 auto}
 .tc6-page #tc6Practice .t8c-accepted-route-diagram{display:flex;flex:1 1 0;flex-direction:column;min-height:0!important;overflow:hidden}
 .tc6-page #tc6Practice .t8c-board-host{display:flex;flex:1 1 0;flex-direction:column;min-height:0!important;width:100%;margin:0 0 4px!important}
 .tc6-page #tc6Practice .t8c-banner{flex:0 0 auto;min-height:29px!important;padding:3px 9px!important}
 .tc6-page #tc6Practice .t8c-controls{flex:0 0 auto;min-height:27px!important;padding:2px 8px!important}
 .tc6-page #tc6Practice .t8c-route-holder{display:flex;flex:1 1 0;flex-direction:column;min-height:0}
 .tc6-page #tc6Practice .t8c-frame{display:flex;flex:1 1 0;flex-direction:column;min-height:0!important;overflow:visible}
 .tc6-page #tc6Practice .t8c-frame .t8c-kpis{flex:0 0 auto;grid-template-columns:repeat(8,minmax(0,1fr))!important}
 .tc6-page #tc6Practice .t8c-frame .t8c-kpis article{padding:4px 6px!important}
 .tc6-page #tc6Practice .t8c-frame .t8c-kpis strong{font-size:13px!important;line-height:1.1}
 .tc6-page #tc6Practice .t8c-frame .t8c-kpis small{font-size:7px!important}
 .tc6-page #tc6Practice .t8c-evidence-watch{flex:0 0 auto;min-height:20px!important;padding:2px 8px!important}
 .tc6-page #tc6Practice .t8c-live-board{flex:1 1 0;min-height:185px!important;max-height:none!important;height:auto!important;overflow:visible!important}
 .tc6-page #tc6Practice .t8c-bottom-dock{flex:0 0 auto;padding:2px 7px!important;min-height:25px}
 .tc6-page #tc6Practice .t8c-dock-tab{padding:2px 6px!important;min-width:100px}
 .tc6-page #tc6Practice .t8g-workbench{flex:0 0 clamp(158px,21vh,204px)!important;min-height:0;margin-top:2px!important;overflow:hidden!important}
 .tc6-page #tc6Practice .t8g-detail-body{overflow:hidden!important}
 .tc6-page #tc6Practice .t8g-detail-body .t8b-card{overflow:hidden}
 /* Admin training authoring only; existing Live Display & AVL is not changed. */
 .admin-tab-panel[data-admin-panel="training"].active{min-height:0;overflow:hidden}
 #trainingScenarioAdmin{display:flex;flex-direction:column;height:100%;min-height:0;max-height:100%;overflow:hidden;padding:0 4px 4px}
 #trainingScenarioAdmin .t9a-head{flex:0 0 auto;padding:7px 12px;gap:9px}
 #trainingScenarioAdmin .t9a-head h3{font-size:14px;margin:2px 0}
 #trainingScenarioAdmin .t9a-head p{font-size:9px;line-height:1.25}
 #trainingScenarioAdmin .t9a-offline-label{padding:5px 7px;font-size:8px}
 #trainingScenarioAdmin>.t9a-note.warning{flex:0 0 auto;padding:5px 9px;margin:5px 0;font-size:9px;line-height:1.25}
 #trainingScenarioAdmin .t9a-common{flex:0 0 auto}
 #trainingScenarioAdmin .t9a-id{padding:4px 8px;gap:8px;flex-wrap:nowrap}
 #trainingScenarioAdmin .t9a-id>.t9a-field{flex:0 0 min(320px,45%)}
 #trainingScenarioAdmin .t9a-id .t9a-field input,#trainingScenarioAdmin .t9a-id .t9a-field select{height:27px}
 #trainingScenarioAdmin .t9a-proof{font-size:8px;margin:2px 0}
 #trainingScenarioAdmin .t9a-tabs{flex:0 0 auto;margin-top:5px;padding:3px;gap:4px}
 #trainingScenarioAdmin .t9a-subtab{padding:6px 10px;min-height:28px;font-size:9px}
 #trainingScenarioAdmin .t9a-panels{display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden}
 #trainingScenarioAdmin .t9a-pane:not([hidden]){display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden;margin-top:4px;padding:7px 10px}
 #trainingScenarioAdmin .t9a-pane>h4{font-size:11px;margin:0 0 2px}
 #trainingScenarioAdmin .t9a-pane>.t9a-note{font-size:9px;line-height:1.2;margin:2px 0 5px}
 #trainingScenarioAdmin .t9a-pane:has(.t9a-position-preview):not([hidden]){display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto minmax(0,1fr) auto;gap:3px 10px}
 #trainingScenarioAdmin .t9a-pane:has(.t9a-position-preview)>h4,#trainingScenarioAdmin .t9a-pane:has(.t9a-position-preview)>.t9a-note{grid-column:1/-1}
 #trainingScenarioAdmin .t9a-position-preview{grid-column:1;grid-row:3;min-height:0;margin:0}
 #trainingScenarioAdmin .t9a-route-lines{height:100%;min-height:142px;grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;padding:5px 3px}
 #trainingScenarioAdmin .t9a-position-lane{grid-template-columns:39px minmax(0,1fr);gap:4px}
 #trainingScenarioAdmin .t9a-position-axis{margin:0 25px}
 #trainingScenarioAdmin .t9a-direction{font-size:8px;padding:3px}
 #trainingScenarioAdmin .t9a-bus{font-size:9px;padding:3px 5px;min-height:21px;min-width:48px}
 #trainingScenarioAdmin .t9a-vehicle-fields{grid-column:2;grid-row:3;min-height:0;padding:7px 9px}
 #trainingScenarioAdmin .t9a-vehicle-fields .t9a-two{grid-template-columns:1fr;gap:5px;margin:0 0 5px}
 #trainingScenarioAdmin .t9a-field{font-size:8px;gap:2px}
 #trainingScenarioAdmin .t9a-field input,#trainingScenarioAdmin .t9a-field select{height:28px;padding:3px 7px;font-size:10px}
 #trainingScenarioAdmin .t9a-pane:has(.t9a-position-preview)>.t9a-proof{grid-column:1/-1;grid-row:4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #trainingScenarioAdmin .t9a-event{padding:5px 8px;margin:4px 0}
 #trainingScenarioAdmin .t9a-event-meta{margin-bottom:3px}
 #trainingScenarioAdmin .t9a-event-grid{gap:4px}
 #trainingScenarioAdmin .t9a-incidents{flex:1 1 0;min-height:0;overflow-y:auto;scrollbar-width:thin}
 #trainingScenarioAdmin .t9a-locked-actions{padding:6px;gap:5px}
 #trainingScenarioAdmin .t9a-locked-actions button{padding:5px 7px;font-size:8px}
 #trainingScenarioAdmin .t9a-actions{flex:0 0 auto;margin-top:4px;padding-top:5px;gap:8px}
 #trainingScenarioAdmin .t9a-actions button{padding:6px 9px;font-size:9px}
 #trainingScenarioAdmin .t9a-actions .t9a-field{width:200px}
 #trainingScenarioAdmin .t9a-status{flex:0 0 auto;margin:4px 0 0;padding:5px 8px;font-size:9px}
}
/* Offline fixture has no Core workspace viewport parent; simulate the exact
   desktop OCC screen constraints without enabling scrolling on the document. */
@media (min-width:1000px) and (min-height:700px) and (max-height:1200px){
 body[data-source-class="SYNTHETIC_QA_ONLY"]{height:100dvh!important;min-height:0!important;overflow:hidden!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-grid{height:100dvh!important;min-height:0!important;overflow:hidden!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-rail{height:100dvh!important;min-height:0!important;overflow:hidden!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-area{height:100dvh!important;min-height:0!important;padding-bottom:5px!important;overflow:hidden!important;display:flex;flex-direction:column}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-area .qa-top{flex:0 0 31px!important;min-height:31px!important;margin-bottom:4px!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section:not([hidden]){flex:1 1 0;display:flex;flex-direction:column;min-height:0!important;overflow:hidden!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section[data-qa-section="training"] .tc6-page{display:flex!important;flex-direction:column;height:100%!important;min-height:0!important;overflow:hidden!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section[data-qa-section="admin"]>div:first-child{flex:0 0 auto;padding:5px 9px!important;margin-bottom:5px!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section[data-qa-section="admin"]>div:first-child h2{font-size:15px!important;margin:2px 0!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section[data-qa-section="admin"]>div:first-child p{margin:2px 0!important;font-size:10px!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section[data-qa-section="admin"] .admin-workspace{flex:1 1 0;display:flex;min-height:0!important;overflow:hidden!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section[data-qa-section="admin"] .admin-tab-panel{display:flex!important;flex:1 1 0;flex-direction:column;min-height:0!important;overflow:hidden!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section[data-qa-section="training"] .tc6-page .tc6-heading{min-height:35px!important;padding:4px 10px!important;margin-bottom:3px!important}
 body[data-source-class="SYNTHETIC_QA_ONLY"] .qa-section[data-qa-section="training"] .tc6-page .tc6-tabbar{margin-bottom:3px!important;padding-bottom:3px!important}
}
@media print{
 .workspace > .page.standard-page.historical-replay-page.tc6-page.active:has(> #tc6Practice:not([hidden])){height:auto!important;max-height:none!important;display:block!important;overflow:visible!important}
 .tc6-page #tc6Practice,.tc6-page #tc6Practice #t8bWorkspace,.tc6-page #tc6Practice .t8b-root,.tc6-page #tc6Practice .t8g-workbench{height:auto!important;overflow:visible!important;max-height:none!important}
 .tc6-page .t8g-detail-body{display:block}
 #trainingScenarioAdmin{height:auto!important;max-height:none!important;overflow:visible!important}
}
/* The overview is a factual snapshot, not a clipped full report. Full source
   narrative/objectives and all CSV/JSON/print controls remain in their named tabs. */
.tc6-page .t8g-detail-body[data-view="overview"] .t8b-goals,
.tc6-page .t8g-detail-body[data-view="overview"] .t8b-criteria,
.tc6-page .t8g-detail-body[data-view="overview"] .t8b-export-actions,
.tc6-page .t8g-detail-body[data-view="overview"] .t8b-debrief>.t8b-muted{display:none!important}
.tc6-page .t8g-detail-body[data-view="scenario"],
.tc6-page .t8g-detail-body[data-view="assessment"],
.tc6-page .t8g-detail-body[data-view="events"],
.tc6-page .t8g-detail-body[data-view="comparison"],
.tc6-page .t8g-detail-body[data-view="evidence"]{grid-template-columns:1fr}
.tc6-page .t8g-detail-body[data-view="scenario"] .t8b-dossier-content{display:grid;grid-template-columns:minmax(140px,.6fr) minmax(0,1.25fr) minmax(0,1.25fr);gap:8px;align-items:start}
.tc6-page .t8g-detail-body[data-view="scenario"] .t8b-dossier-content>h4{grid-column:1;margin:5px 0 0}
.tc6-page .t8g-detail-body[data-view="scenario"] .t8b-facts{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}
.tc6-page .t8g-detail-body[data-view="scenario"] .t8b-goals{grid-column:3;margin:0}
.tc6-page .t8g-detail-body[data-view="scenario"] .t8b-goal{display:flex;flex-direction:row;padding:2px 0;align-items:center}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-debrief{display:grid;grid-template-columns:minmax(125px,.9fr) minmax(0,2.4fr) minmax(180px,1.1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:3px 10px;align-items:start}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-debrief>.t8b-flex{grid-row:1;grid-column:1/-1}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-scoreband{grid-row:2;grid-column:1;flex-direction:column;align-items:flex-start;gap:2px}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-criteria{grid-row:2;grid-column:2}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-export-actions{grid-row:2;grid-column:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-debrief>.t8b-muted{grid-row:3;grid-column:1/-1;white-space:normal}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-scoreband .t8b-score-number{font-size:23px}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-criterion{padding:2px 0}
.tc6-page .t8g-detail-body[data-view="assessment"] .t8b-criterion small{grid-column:1/-1}
.tc6-page .t8g-detail-body[data-view="events"] .t8b-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tc6-page .t8g-detail-body[data-view="events"] .t8b-timeline-item{padding:5px 8px;border:1px solid #e0e7ed;border-radius:4px}
/* All six tabs stay visible across the standard OCC 16:9 desktop widths. */
@media (min-width:1000px) and (min-height:700px) and (max-height:1200px){
 .tc6-page #tc6Practice .t8g-detail-tabs{gap:3px;padding:3px 5px}
 .tc6-page #tc6Practice .t8g-detail-tab{font-size:9px;padding:5px 8px;min-height:25px}
 .tc6-page #tc6Practice .t8g-detail-body .t8b-card{overflow:visible}
 .tc6-page #tc6Practice .t8g-detail-body[data-view="overview"] .t8b-card{overflow:hidden}
}
/* Small-desktop evidence density without cropping field values. The full
   UTC timestamp is also exposed through a title on each fact value. */
.tc6-page .t8g-detail-body .t8b-fact strong{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1000px) and (min-height:700px) and (max-height:850px){
 .tc6-page #tc6Practice .t8b-root>.t8b-hold{padding:2px 7px!important;line-height:1.1!important;margin:0 0 4px!important;font-size:9px!important}
 .tc6-page #tc6Practice .t8c-route-selector{margin-bottom:4px!important}
 .tc6-page #tc6Practice .t8c-route-selector .t8b-card{padding:2px 8px!important;row-gap:1px!important}
 .tc6-page #tc6Practice .t8c-route-selector .t8b-field select{height:26px!important;min-height:26px!important;padding:2px 7px!important}
 .tc6-page #tc6Practice .t8c-banner{min-height:27px!important;padding:2px 7px!important}
 .tc6-page #tc6Practice .t8c-controls{min-height:22px!important;padding:1px 6px!important}
 .tc6-page #tc6Practice .t8c-controls button{min-height:21px!important;padding:2px 6px!important}
 .tc6-page #tc6Practice .t8c-evidence-watch{min-height:16px!important;padding:1px 7px!important}
 .tc6-page #tc6Practice .t8g-workbench{flex-basis:clamp(180px,23vh,216px)!important}
 .tc6-page #tc6Practice .t8g-detail-body .t8b-card{padding:5px 9px}
 .tc6-page #tc6Practice .t8g-detail-body .t8b-card-head{margin-bottom:3px}
 .tc6-page #tc6Practice .t8g-detail-body .t8b-fact{padding:3px 4px}
 .tc6-page #tc6Practice .t8g-detail-body .t8b-debrief .t8b-muted{font-size:8px;line-height:1.1}
 .tc6-page #tc6Practice .t8g-detail-body[data-view="assessment"] .t8b-export-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tc6-page #tc6Practice .t8g-detail-body[data-view="assessment"] .t8b-export-actions button{padding:3px 2px;font-size:8px;min-height:25px}
}