/* Concept 02 — functional member panels. Load after myve-automotive-layout.css.
   Status, danger, disabled and focus styles retain their existing semantics. */
body.myveMemberPage .myveAutomotiveShell:not(.publicDemo):not(:has(.legacyDashboard[data-view="home"]))::before{
  content:"";position:absolute;inset:0 0 auto;height:430px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,#070e15c9,#070e15e8 58%,#070e15 100%),linear-gradient(90deg,#070e1590,#070e1540),url('/assets/myve-member-driveway.png') center 42%/cover no-repeat;
}
body.myveMemberPage .myveAutomotiveShell :is(#view > .headrow,.rechargeUxHeader,.moreMenuSection > .legacySectionTitle){
  gap:20px;margin-bottom:24px;padding:8px 0 20px;border-bottom:1px solid #253745;
}
body.myveMemberPage .myveAutomotiveShell :is(#view > .headrow h1,.rechargeUxHeader h1){
  margin:8px 0 0;color:#f4f7fb;font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere;
}
body.myveMemberPage .myveAutomotiveShell .moreMenuSection > .legacySectionTitle h2{
  margin:8px 0 0;color:#f4f7fb;font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.035em;
}
body.myveMemberPage .myveAutomotiveShell :is(#view > .headrow,.rechargeUxHeader,.moreMenuSection > .legacySectionTitle) .small{
  color:#a7b9c7;font-size:10px;line-height:1.6;letter-spacing:.14em;
}
body.myveMemberPage .myveAutomotiveShell .rechargeUxHeader p{color:#a7b9c7;line-height:1.7;max-width:65ch}
body.myveMemberPage .myveAutomotiveShell :is(.controlPanel:not(.dangerZone),.rechargeLiveHero.idle,.moreMenuButton,.tripCard,.tripSummary .card){
  border-color:#354b58;border-radius:12px;background:linear-gradient(145deg,#182731ed,#0d1821f0);
  box-shadow:inset 0 1px #ffffff05,0 12px 28px #00000024;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
body.myveMemberPage .myveAutomotiveShell :is(.controlPanel:not(.dangerZone),.tripCard){padding:24px}
body.myveMemberPage .myveAutomotiveShell .sectionGrid{
  grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;min-width:0;
}
body.myveMemberPage .myveAutomotiveShell .sectionGrid > .controlPanel{min-width:0;margin-top:0}
body.myveMemberPage .myveAutomotiveShell :is(.controlPanel h2,.tripCardTop h3){
  margin-top:0;color:#f4f7fb;letter-spacing:-.025em;line-height:1.3;overflow-wrap:anywhere;
}
body.myveMemberPage .myveAutomotiveShell .controlPanel > .small{line-height:1.75;overflow-wrap:anywhere}
body.myveMemberPage .myveAutomotiveShell :is(.deviceSessionRow,.vehicleManagerItem){border-color:#253745}
body.myveMemberPage .myveAutomotiveShell :is(.deviceSessionMain small,.tripMetrics small,.tripSubline,.moreMenuButton small){
  color:#a7b9c7;line-height:1.55;
}
body.myveMemberPage .myveAutomotiveShell .moreMenuGrid{gap:16px}
body.myveMemberPage .myveAutomotiveShell .moreMenuButton{min-height:104px;padding:22px;gap:16px}
body.myveMemberPage .myveAutomotiveShell .moreMenuButton > span{background:#16333dc9;color:#58e1ed;border-radius:9px}
body.myveMemberPage .myveAutomotiveShell .moreMenuButton strong{font-size:16px;letter-spacing:-.015em;line-height:1.35}
body.myveMemberPage .myveAutomotiveShell .moreMenuButton:hover{border-color:#58e1ed;background:#182c37;transform:none}
body.myveMemberPage .myveAutomotiveShell #energy.rechargeUxPage{gap:24px;min-width:0}
body.myveMemberPage .myveAutomotiveShell :is(.rechargeHeaderBattery,.rechargeLiveFacts,.tripMetrics > span){
  background:#101d29c9;border-color:#354b58;border-radius:10px;
}
body.myveMemberPage .myveAutomotiveShell :is(.rechargeHeaderBattery strong,.tripMetrics b,.tripSummary .stat strong){color:#f4f7fb;letter-spacing:-.025em}
body.myveMemberPage .myveAutomotiveShell :is(.tripList,.tripSummary){gap:16px}
body.myveMemberPage .myveAutomotiveShell .tripSummary{grid-template-columns:repeat(4,minmax(0,1fr))}
body.myveMemberPage .myveAutomotiveShell .tripSummary .stat{min-width:0;padding:22px}
body.myveMemberPage .myveAutomotiveShell .tripSummary .stat strong{overflow-wrap:anywhere}
body.myveMemberPage .myveAutomotiveShell .tripMetrics > span{min-width:0;overflow-wrap:anywhere}
body.myveMemberPage .myveAutomotiveShell .tripFilters button{
  min-height:44px;border-radius:9px;background:#101d29;border-color:#354b58;color:#a7b9c7;
}
body.myveMemberPage .myveAutomotiveShell .tripFilters button.active{
  background:#15303a;border-color:#58e1ed;color:#f4f7fb;box-shadow:inset 0 -2px #58e1ed;
}
body.myveMemberPage .myveAutomotiveShell .tripRouteButton{border-color:#354b58;border-radius:10px;background:linear-gradient(145deg,#172733,#0d1821)}
@media(max-width:760px){
  body.myveMemberPage .myveAutomotiveShell :is(#view > .headrow,.rechargeUxHeader,.moreMenuSection > .legacySectionTitle){
    gap:14px;margin-bottom:18px;padding-bottom:16px;
  }
  body.myveMemberPage .myveAutomotiveShell .sectionGrid{grid-template-columns:minmax(0,1fr);gap:16px}
  body.myveMemberPage .myveAutomotiveShell :is(.controlPanel:not(.dangerZone),.tripCard,.moreMenuButton){padding:18px}
  body.myveMemberPage .myveAutomotiveShell .moreMenuGrid{grid-template-columns:minmax(0,1fr)}
  body.myveMemberPage .myveAutomotiveShell .moreMenuButton{gap:12px}
  body.myveMemberPage .myveAutomotiveShell #energy.rechargeUxPage{gap:18px}
  body.myveMemberPage .myveAutomotiveShell :is(.tripSummary,.tripMetrics){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.myveMemberPage .myveAutomotiveShell .tripSummary .stat{padding:16px}
  body.myveMemberPage .myveAutomotiveShell .controlPanel :is(input[type=email],input[type=password],input[type=text],select,textarea){font-size:16px}
}