/* GoGreenEVs responsive sync. Portrait mobile is intentionally untouched. */

@media (orientation: landscape) and (max-height: 600px) {
  /* The dashboard already carries product branding. In landscape the rail is navigation only. */
  .v3-rail .v3-brand { display:none !important; }
  .v3-rail { padding-top:8px !important; justify-content:flex-start !important; gap:5px !important; }
  .v3-rail button { flex:1 1 0 !important; min-height:0 !important; max-height:82px !important; }

  /* Use the actual content height rather than 100dvh: the shell owns the viewport. */
  .v3-home { box-sizing:border-box !important; min-height:0 !important; height:100% !important; max-height:100% !important; overflow:hidden !important; padding-top:6px !important; padding-bottom:6px !important; gap:0 !important; }
  .v3-home .v3-titlebar { margin:0 !important; min-height:62px !important; height:62px !important; align-items:flex-start !important; }
  .v3-home .v3-titlebar h1 { font-size:clamp(23px,3.3vw,32px) !important; line-height:1 !important; margin:0 !important; }
  .v3-home .v3-brandmark { gap:6px !important; margin-bottom:1px !important; }
  .v3-home .v3-brandmark img { width:24px !important; height:24px !important; }
  .v3-home .v3-brandmark .v3-kicker { font-size:10px !important; }
  .v3-home .v3-titlebar > .v3-chip { min-height:28px !important; height:28px !important; padding:0 10px !important; font-size:10px !important; }
  .v3-home .v3-titlebar > .v3-chip.is-green { color:#f1c75b !important; border-color:rgba(241,199,91,.58) !important; background:linear-gradient(145deg,rgba(241,199,91,.10),rgba(99,66,150,.10)) !important; }
  .v3-home .v3-titlebar > .v3-chip.is-green:before { content:'π'; font:700 15px/1 Georgia,serif; margin-right:5px; color:#f1c75b; }

  .v3-cockpit { flex:0 0 170px !important; height:170px !important; min-height:170px !important; margin:0 !important; }
  .v3-balance-ring { width:205px !important; top:50% !important; }
  .v3-ring-copy { gap:1px !important; }
  .v3-ring-copy > strong { font-size:36px !important; }
  .v3-ring-copy > small { font-size:7px !important; }
  .v3-mine-cell { padding:2px 4px !important; }
  .v3-mine-cell b { font-size:6px !important; }
  .v3-mine-cell i { font-size:8px !important; }
  .v3-ring-copy .v3-link { font-size:11px !important; }

  .v3-cockpit .v3-pod { position:absolute !important; z-index:4 !important; min-width:106px !important; padding:5px 9px !important; border-radius:13px !important; backdrop-filter:blur(13px) !important; -webkit-backdrop-filter:blur(13px) !important; }
  .v3-cockpit .v3-pod > span { font-size:6px !important; }
  .v3-cockpit .v3-pod strong { font-size:14px !important; }
  .v3-cockpit .pod-today { left:4% !important; top:5% !important; }
  .v3-cockpit .pod-rides { right:4% !important; top:5% !important; }
  .v3-cockpit .pod-carbon { left:3% !important; top:auto !important; bottom:2% !important; }

  .v3-home-bottom { flex:0 0 96px !important; min-height:96px !important; height:96px !important; gap:1px !important; margin:0 !important; }
  .v3-mine-boosts { min-height:30px !important; height:30px !important; }
  .v3-mine-boosts > span { min-height:30px !important; height:30px !important; padding:0 9px !important; }
  .v3-mine-boosts b { font-size:8px !important; }
  .v3-mine-boosts i { font-size:9px !important; }
  .v3-system-row { min-height:14px !important; height:14px !important; font-size:8px !important; margin:0 !important; }
  .v3-action-row { min-height:50px !important; height:50px !important; margin:0 !important; }
  .v3-action-row > div:first-child { font-size:8px !important; line-height:1 !important; }
  .v3-action-row > .v3-ignite { width:48px !important; height:48px !important; flex:0 0 48px !important; transform:none !important; }
  .v3-ignite canvas { width:56px !important; height:56px !important; }
}

@media (min-width:721px) and (min-height:601px) {
  .v3-rail .v3-brand { display:none !important; }
  .v3-rail { padding-top:18px !important; }
  .v3-home .v3-titlebar > .v3-chip.is-green { color:#f1c75b !important; border-color:rgba(241,199,91,.58) !important; background:linear-gradient(145deg,rgba(241,199,91,.10),rgba(99,66,150,.10)) !important; }
  .v3-home .v3-titlebar > .v3-chip.is-green:before { content:'π'; font:700 18px/1 Georgia,serif; margin-right:7px; color:#f1c75b; }
  .v3-cockpit .v3-pod { backdrop-filter:blur(16px) !important; -webkit-backdrop-filter:blur(16px) !important; }
}