/* PASS428 — concept-fidelity Mobility + Evolution presentation refinements. */

/* =========================
   MOBILITY — concept-faithful region cards
   ========================= */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .mf-section:has(#mobility-areas){
  padding:12px!important;
  border-color:rgba(126,109,71,.35)!important;
  background:linear-gradient(180deg,#121412,#0d0f0d)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,48%) minmax(0,1fr) 18px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:0!important;
  min-height:126px!important;
  padding:0!important;
  border:1px solid rgba(205,170,91,.66)!important;
  border-radius:18px!important;
  background:#090b09!important;
  box-shadow:inset 0 1px 0 rgba(245,217,146,.07),0 10px 25px rgba(0,0,0,.18)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(8,10,8,.02) 0%,rgba(8,10,8,.04) 33%,rgba(8,10,8,.64) 49%,rgba(8,10,8,.96) 69%,#090b09 100%)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] .p427-region-art{
  grid-column:1!important;
  grid-row:1!important;
  align-self:stretch!important;
  display:block!important;
  position:relative!important;
  z-index:0!important;
  width:100%!important;
  height:126px!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#080908!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] .p427-region-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.96) contrast(1.03) brightness(.96)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button>strong{
  grid-column:2!important;
  grid-row:1!important;
  position:relative!important;
  z-index:3!important;
  align-self:center!important;
  padding:9px 4px 9px 10px!important;
  font:600 .92rem/1.18 var(--v2-utility,system-ui)!important;
  letter-spacing:.01em!important;
  color:#f3efe7!important;
  text-shadow:0 2px 7px rgba(0,0,0,.72)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] .p427-region-chevron{
  grid-column:3!important;
  grid-row:1!important;
  position:relative!important;
  z-index:3!important;
  display:block!important;
  transform:none!important;
  color:#d7a94b!important;
  font:300 1.8rem/1 system-ui!important;
  text-align:left!important;
  opacity:.96!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button:hover,
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button:focus-visible{
  border-color:#ddb85f!important;
  box-shadow:0 0 0 1px rgba(221,184,95,.18),0 12px 26px rgba(0,0,0,.22)!important;
}

/* =========================
   EVOLUTION — concept-faithful premium dashboard
   ========================= */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress > .top-bar[data-pass428="true"]{
  min-height:198px!important;
  padding:26px 18px 28px!important;
  align-items:flex-start!important;
  background:
    linear-gradient(90deg,rgba(7,8,7,.99) 0%,rgba(7,8,7,.94) 44%,rgba(7,8,7,.35) 72%,rgba(7,8,7,.82) 100%),
    radial-gradient(circle at 72% 20%,rgba(192,145,59,.18),transparent 34%),
    url('../assets/pass427/evolution-helmet.webp') right 5% center/auto 140% no-repeat!important;
  border-bottom:1px solid rgba(205,166,83,.18)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress > .top-bar[data-pass428="true"]:after{
  content:"DISCIPLINE\A BUILDS\A A STRONGER\A YOU";
  white-space:pre;
  position:absolute;
  top:43px;
  right:16px;
  width:78px;
  color:#b98e3f;
  font:700 .54rem/1.55 var(--v2-utility,system-ui);
  letter-spacing:.13em;
  text-align:left;
  opacity:.92;
  padding-bottom:8px;
  border-bottom:1px solid rgba(205,166,83,.72);
  z-index:2;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress > .top-bar[data-pass428="true"] h2{
  font:500 clamp(2.3rem,11vw,3.2rem)/1.02 var(--v2-display,Georgia,serif)!important;
  letter-spacing:.005em!important;
  color:#f1ede3!important;
  margin-top:8px!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress > .top-bar[data-pass428="true"] .armor-header-sub{
  color:#d7af58!important;
  font-size:.72rem!important;
  letter-spacing:.22em!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress > .top-bar[data-pass428="true"] .armor-header-title{
  max-width:72%!important;
  color:#bdbab2!important;
  font-size:.92rem!important;
  line-height:1.4!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress > div[style*="padding:0 20px"]{
  padding-left:12px!important;
  padding-right:12px!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-progress #evolution-summary{
  margin-top:10px!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"]{
  width:100%!important;
  max-width:none!important;
  color:#f0ede5!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-card{
  margin:0 0 12px!important;
  padding:15px!important;
  border:1px solid rgba(151,137,102,.54)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(17,19,17,.99),rgba(8,10,8,.99))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(239,213,149,.05)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-performance{
  padding:16px 15px 12px!important;
  background:
    radial-gradient(ellipse at 86% 0%,rgba(194,147,55,.14),transparent 40%),
    linear-gradient(152deg,#131613,#080a08 76%)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:8px!important;
  margin-bottom:10px!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-title-wrap{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  min-width:0!important;
  align-items:start!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-icon{
  width:34px!important;
  height:34px!important;
  color:#e7bd63!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-icon svg{width:30px!important;height:30px!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] h3{
  margin:0!important;
  color:#f1ede4!important;
  font:500 1.28rem/1.03 var(--v2-display,Georgia,serif)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:visible!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-sub{
  margin:4px 0 0!important;
  color:#9fa19b!important;
  font-size:.69rem!important;
  line-height:1.3!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-ranges{
  align-self:start!important;
  min-width:128px!important;
  border:1px solid rgba(119,116,105,.54)!important;
  border-radius:10px!important;
  background:#0d0f0d!important;
  overflow:hidden!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-ranges button{
  min-width:42px!important;
  min-height:40px!important;
  padding:0 8px!important;
  color:#a9aaa4!important;
  font-size:.78rem!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-ranges button[aria-pressed="true"]{
  color:#f0ce7f!important;
  background:linear-gradient(180deg,rgba(205,163,74,.18),rgba(141,104,34,.10))!important;
  box-shadow:inset 0 0 0 1px #d3a64d!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-performance-tools{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:10px!important;
  align-items:end!important;
  margin:8px 0 4px!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-field{
  color:#827f75!important;
  font-size:.54rem!important;
  letter-spacing:.12em!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] select{
  min-height:44px!important;
  margin-top:5px!important;
  padding:8px 34px 8px 10px!important;
  border:1px solid rgba(126,123,111,.48)!important;
  border-radius:9px!important;
  background:#0c0f0c!important;
  color:#ede9e1!important;
  font-size:.78rem!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-summary{
  min-width:0!important;
  text-align:right!important;
  padding-bottom:2px!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-summary strong{
  display:block!important;
  color:#e6bd64!important;
  font:500 2rem/1 var(--v2-utility,system-ui)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-summary span{
  display:block!important;
  margin-top:4px!important;
  color:#a2a39d!important;
  font-size:.64rem!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-metric-note{
  margin:0 0 4px!important;
  text-align:right!important;
  color:#777b75!important;
  font-size:.60rem!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-chart{
  width:100%!important;
  height:auto!important;
  margin:0 0 3px!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-chart text{font:9.5px system-ui,sans-serif!important;fill:#a7a8a2!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-chart .trend{stroke:#e9bd61!important;stroke-width:2.4!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-chart circle{fill:#f0ca73!important;stroke:#5c4822!important;stroke-width:1.3!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-records{
  margin-top:7px!important;
  border-top:1px solid rgba(112,107,95,.25)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-records summary{
  min-height:38px!important;
  color:#a58b55!important;
  font-size:.66rem!important;
}

/* Consistency follows the concept: title left, KPI row right, bars below. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(165px,.9fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  align-items:start!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency .p427-card-head{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency .p427-kpis{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:0!important;
  border:0!important;
  align-self:center!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency .p427-kpi{
  padding:2px 6px!important;
  border-right:1px solid rgba(127,116,89,.34)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency .p427-kpi:last-child{border-right:0!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency .p427-kpi strong{font-size:1.15rem!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency .p427-kpi span{font-size:.52rem!important;letter-spacing:.08em!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency .p427-week-chart{
  grid-column:1 / -1!important;
  grid-row:2!important;
  height:118px!important;
  margin-top:12px!important;
  gap:7px!important;
}

/* Body Trend remains side-by-side on phone, matching the concept. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-body .p427-body-grid{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-body .p427-weight strong{font-size:1.9rem!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-body .p427-chart{margin-top:-4px!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-body .p427-checkin{
  min-width:48%!important;
  min-height:44px!important;
  margin-top:10px!important;
  border-radius:10px!important;
}

/* Personal bests should begin like the concept and then reveal real entries below. */
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-bests{
  background:linear-gradient(145deg,#121411,#090b09)!important;
}

@media(max-width:380px){
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility .mf-section:has(#mobility-areas){padding:10px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button{min-height:120px!important;grid-template-columns:minmax(0,46%) minmax(0,1fr) 17px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] .p427-region-art{height:120px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button>strong{font-size:.84rem!important;padding-left:8px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-card{padding:13px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] h3{font-size:1.13rem!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-ranges{min-width:118px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-ranges button{min-width:39px!important;padding:0 6px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-performance-tools{grid-template-columns:minmax(0,1fr) 96px!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-consistency{grid-template-columns:minmax(0,1fr) minmax(145px,.9fr)!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p428-body .p427-body-grid{grid-template-columns:98px minmax(0,1fr)!important}
}

html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"].unkwn-access-larger-text #screen-mobility #mobility-areas[data-pass428="true"]{
  grid-template-columns:minmax(0,1fr)!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"].unkwn-access-larger-text #screen-mobility #mobility-areas[data-pass428="true"] button{
  grid-template-columns:minmax(124px,42%) minmax(0,1fr) 24px!important;
  min-height:150px!important;
}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"].unkwn-access-larger-text #screen-mobility #mobility-areas[data-pass428="true"] .p427-region-art{height:150px!important}
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"].unkwn-access-larger-text #p426-dashboard[data-pass428="true"] .p428-consistency,
html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"].unkwn-access-larger-text #p426-dashboard[data-pass428="true"] .p428-body .p427-body-grid{
  grid-template-columns:minmax(0,1fr)!important;
}

@media(prefers-reduced-motion:reduce){
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button{transition:none!important}
}
@media(forced-colors:active){
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button,
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #p426-dashboard[data-pass428="true"] .p427-card{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] button:before{display:none!important}
  html[data-unkwn-design="414"][data-unkwn-visual="415"][data-unkwn-refinement="416"] #screen-mobility #mobility-areas[data-pass428="true"] .p427-region-art{display:none!important}
}