/* Track Masters R1U · UI review 01
   Presentation only. No media/stage/canvas, track geometry or modal ownership rules.
   Existing green/gold palette and all functional states remain authoritative. */
body.tmR32Reference {
  --tm-ui-surface: #0d1510;
  --tm-ui-border: #304536;
  --tm-ui-text: #e3ece5;
  --tm-ui-muted: #abb9ae;
  background: #060b08 !important;
}
body.tmR32Reference .top {
  background: linear-gradient(180deg,#111c15,#0b120e) !important;
  border-color: var(--tm-ui-border) !important;
  box-shadow: 0 3px 14px #0003 !important;
}
body.tmR32Reference #tmR32HeaderTitle b {
  font-weight: 750 !important;
  letter-spacing: .13em !important;
}
body.tmR32Reference #tmR32Nav {
  background: linear-gradient(180deg,#101a13,#080e0a) !important;
  border-color: var(--tm-ui-border) !important;
  box-shadow: 3px 0 18px #0002 !important;
}
body.tmR32Reference #tmR32NavList { gap: 4px !important; }
body.tmR32Reference #tmR32NavList button {
  color: #b9c7bd !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .015em !important;
  line-height: 1.35 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  flex-shrink: 0 !important;
  border-radius: 7px !important;
}
body.tmR32Reference #tmR32NavList button.on {
  background: #173222 !important;
  border-color: #41684b !important;
  color: #a3ff8a !important;
  box-shadow: inset 3px 0 #91ff6f !important;
}
body.tmR32Reference #tmR32NewProject {
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 0 #ffffff40 !important;
}
body.tmR32Reference :is(#tmR32Edit,#tmR32Export,#tmR32Phone,#tmR32Timeline) {
  border-color: var(--tm-ui-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 12px #0002 !important;
}
body.tmR32Reference :is(#tmR32ProjectBar,#tmR32Transport,#tmR32ToolRow) {
  background: #101a13 !important;
  border-color: #2c3e31 !important;
}
body.tmR32Reference #tmR32ProjectBar .r32Project b {
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: .025em !important;
}
body.tmR32Reference #tmR32Export {
  background: #0b130e !important;
  scrollbar-width: thin !important;
  scrollbar-color: #3a5541 #0b130e !important;
}
body.tmR32Reference #tmR32Export::-webkit-scrollbar { display: block !important; width: 5px; }
body.tmR32Reference #tmR32Export::-webkit-scrollbar-thumb { background:#3a5541; border-radius:5px; }
body.tmR32Reference:not(.tmR24MasterOpen) #tmR32Export .tmSideCard {
  background: #101a13 !important;
  border-color: #2c4232 !important;
  box-shadow: inset 0 1px 0 #ffffff04 !important;
}
body.tmR32Reference:not(.tmR24MasterOpen) #tmR32Export .tmSideTitle {
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
  letter-spacing: .04em !important;
}
body.tmR32Reference:not(.tmR24MasterOpen) #tmR32Export .tmSideMeta {
  font-size: 12px !important;
  color: var(--tm-ui-muted) !important;
  line-height: 1.45 !important;
}
body.tmR32Reference #tmR32ExportActions button {
  min-height: 40px !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  padding: 8px 6px !important;
  border-radius: 7px !important;
}
body.tmR32Reference #tmR32ExportActions button.primary {
  background: linear-gradient(180deg,#9af17b,#79db65) !important;
  color: #0a160c !important;
  box-shadow: inset 0 1px 0 #ffffff40 !important;
}
body.tmR32Reference #tmR32Dock .tmR32DockBtn {
  background: #101a13 !important;
  border-color: #304536 !important;
  box-shadow: inset 0 1px 0 #ffffff04 !important;
}
body.tmR32Reference :is(#tmR32Nav,#tmR32ProjectBar,#tmR32ToolRow,#tmR32ExportActions,#tmR32Dock) button:focus-visible {
  outline: 2px solid #d6bd7b !important;
  outline-offset: -3px !important;
}
@media (hover:hover) {
  body.tmR32Reference #tmR32NavList button:not(.on):not(.future):not(:disabled):hover {
    background: #18281d !important;
    color: #f1f7f2 !important;
    border-color: #3c5543 !important;
  }
  body.tmR32Reference #tmR32ExportActions button:not(:disabled):hover {
    border-color: #91ff6f !important;
  }
}
/* Keep the compact touch-layout dimensions and all timeline coordinates intact. */
body.tmR32Reference #tmR32Export #tmR18RightTabs button {
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
  min-height: 38px !important;
  border-radius: 7px !important;
}
body.tmR32Reference #tmR6EditPane .tmR7EditGroup {
  background: #101a13 !important;
  border-color: #304536 !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}
body.tmR32Reference #tmR6EditPane .tmR7EditGroup h4 {
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: .035em !important;
  margin-bottom: 8px !important;
  color: #b9c7bd !important;
}
body.tmR32Reference #tmR6EditPane .tmR7EditGrid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 6px !important;
}
body.tmR32Reference #tmR6EditPane .tmR7EditGrid button,
body.tmR32Reference #tmR6FullToolkit {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  min-height: 40px !important;
  padding: 7px 4px !important;
  border-radius: 6px !important;
}
body.tmR32Reference #tmR6EditorTitle b,
body.tmR32Reference #tmR8SelName { font-size: 12px !important; line-height: 1.4 !important; }
body.tmR32Reference #tmR6EditorTitle span,
body.tmR32Reference #tmR8SelMeta { font-size: 12px !important; line-height: 1.45 !important; color: #abb9ae !important; }
body.tmR32Reference #tmR6EditPane button:focus-visible,
body.tmR32Reference #tmR18RightTabs button:focus-visible {
  outline: 2px solid #d6bd7b !important;
  outline-offset: -3px !important;
}
@media (max-width:600px) {
  body.tmR32Reference #tmR32NavList button { font-size: 11px !important; }
  body.tmR32Reference #tmR32NewProject { font-size: 11px !important; }
}