/* Approved five-tab chrome. This layer only controls the main headers and Mentor launcher. */
.phone:not([data-main-tab="home"])>.app-home-header{display:none!important}

.phone.main-tab-view .main-tab-header{
  position:relative;
  z-index:10;
  box-sizing:border-box;
  min-height:64px;
  border-bottom:1px solid color-mix(in srgb,var(--line,#20364d) 78%,transparent);
  background:color-mix(in srgb,#061321 94%,transparent);
  color:var(--text,#f7fafc);
  backdrop-filter:blur(18px);
}
.phone.main-tab-view .main-tab-header h1{
  margin:0;
  overflow:hidden;
  color:var(--text,#f7fafc);
  font:750 22px/1.12 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:-.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.phone.main-tab-view .main-tab-header button:focus-visible,
.phone.main-tab-view>.mentor-header-button:focus-visible{
  outline:2px solid var(--teal,#27d3d1);
  outline-offset:2px;
}

/* The global legacy header is the Sovfly header and is visible on home only. */
.phone.main-tab-view[data-main-tab="home"]>.app-home-header{
  min-height:calc(64px + env(safe-area-inset-top));
  height:auto;
  display:grid;
  grid-template-columns:minmax(68px,1fr) auto;
  align-items:center;
  gap:4px;
  padding:calc(env(safe-area-inset-top) + 8px) 60px 8px 12px;
}
.phone[data-main-tab="home"] .app-home-header .top-greeting{display:none}
.phone[data-main-tab="home"] .app-home-header .route-header-brand{
  grid-column:1;
  min-width:0;
  justify-self:start;
  gap:0;
  overflow:hidden;
  font:750 22px/1.12 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:-.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.phone[data-main-tab="home"] .app-home-header .route-header-brand .owl-img{display:none}
.phone[data-main-tab="home"] .app-home-header .top-actions{
  grid-column:2;
  display:flex;
  align-items:center;
  justify-self:end;
  gap:0;
  padding:0;
}
.phone[data-main-tab="home"] .app-home-header .header-action,
.phone.main-tab-view .plan-header>div:last-child>button,
.phone.main-tab-view .paths-header>div:last-child>button,
.phone.main-tab-view .offers-header-actions>button,
.phone.main-tab-view .profile-page-header>.shared-notification-bell,
.phone.main-tab-view .profile-page-header>[data-action="profile-settings"]{
  position:relative;
  top:auto;
  right:auto;
  min-width:44px;
  width:44px;
  height:44px;
  display:grid;
  flex:0 0 44px;
  place-items:center;
  margin:0;
  padding:0;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--muted,#91a0b4);
}
.phone[data-main-tab="home"] .app-home-header .header-action:hover,
.phone.main-tab-view .plan-header>div:last-child>button:hover,
.phone.main-tab-view .paths-header>div:last-child>button:hover,
.phone.main-tab-view .offers-header-actions>button:hover,
.phone.main-tab-view .profile-page-header>.shared-notification-bell:hover,
.phone.main-tab-view .profile-page-header>[data-action="profile-settings"]:hover{
  border-color:color-mix(in srgb,var(--teal,#27d3d1) 34%,transparent);
  background:color-mix(in srgb,var(--teal,#27d3d1) 8%,transparent);
  color:var(--teal,#27d3d1);
}

/* Four rendered headers share the same title/action geometry. */
.phone.main-tab-view[data-main-tab="plan"] .plan-header,
.phone.main-tab-view[data-main-tab="paths"] .paths-header,
.phone.main-tab-view[data-main-tab="offers"] .offers-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px;
  margin:0 0 14px;
  min-height:calc(64px + env(safe-area-inset-top));
  padding:calc(env(safe-area-inset-top) + 6px) 56px 6px 4px;
}
.phone.main-tab-view[data-main-tab="plan"] .plan-page,
.phone.main-tab-view[data-main-tab="paths"] .paths-page,
.phone.main-tab-view[data-main-tab="offers"] .offers-page,
.phone.main-tab-view[data-main-tab="profile"] .my-profile-page{padding-top:0}
.phone.main-tab-view[data-main-tab="plan"] .plan-header>div:first-child,
.phone.main-tab-view[data-main-tab="paths"] .paths-header>div:first-child,
.phone.main-tab-view[data-main-tab="offers"] .offers-header>div:first-child{min-width:0}
.phone.main-tab-view[data-main-tab="plan"] .plan-header>div:last-child,
.phone.main-tab-view[data-main-tab="paths"] .paths-header>div:last-child,
.phone.main-tab-view[data-main-tab="offers"] .offers-header-actions{
  display:flex;
  align-items:center;
  gap:0;
}
.phone[data-main-tab="plan"] .plan-header p{
  max-width:100%;
  margin:4px 0 0;
  overflow:hidden;
  color:var(--muted,#91a0b4);
  font-size:10px;
  line-height:1.2;
  text-overflow:ellipsis;
  text-transform:capitalize;
  white-space:nowrap;
}
.phone[data-main-tab="paths"] .paths-current{
  max-width:100%;
  min-height:22px;
  margin:3px 0 0;
  overflow:hidden;
  color:var(--teal,#27d3d1);
  white-space:nowrap;
}
.phone[data-main-tab="paths"] .paths-current span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.phone[data-main-tab="offers"] .offers-header h1{font-size:22px}

.phone.main-tab-view[data-main-tab="profile"] .profile-page-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px 44px;
  align-items:center;
  gap:0;
  min-height:calc(64px + env(safe-area-inset-top));
  height:auto;
  margin:0 0 14px;
  padding:calc(env(safe-area-inset-top) + 6px) 56px 6px 4px;
}
.phone.main-tab-view[data-main-tab="profile"] .profile-page-header>h1{
  position:static;
  left:auto;
  grid-column:1;
  justify-self:start;
  width:auto;
  max-width:100%;
  transform:none;
  text-align:left;
}
.phone.main-tab-view[data-main-tab="profile"] .profile-page-header>.shared-notification-bell{grid-column:2;justify-self:end}
.phone.main-tab-view[data-main-tab="profile"] .profile-page-header>[data-action="profile-settings"]{grid-column:3;justify-self:end}

/* Exactly one existing launcher occupies the last 44px slot. */
.phone.main-tab-view>.mentor-header-button:not([hidden]){
  position:absolute;
  z-index:15;
  top:calc(env(safe-area-inset-top) + 10px);
  right:8px;
  min-width:44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:5px;
  border:1px solid color-mix(in srgb,#d9ad45 72%,transparent);
  border-radius:50%;
  background:radial-gradient(circle,#251d0d,#07111f 72%);
  box-shadow:0 0 18px color-mix(in srgb,#d9ad45 28%,transparent);
}
.phone.main-tab-view>.mentor-header-button .mentor-avatar{width:30px;height:30px}

@media(max-width:360px){
  .phone.main-tab-view[data-main-tab="home"]>.app-home-header{padding-right:54px;padding-left:8px}
  .phone[data-main-tab="home"] .app-home-header .route-header-brand,
  .phone.main-tab-view .main-tab-header h1{font-size:19px}
  .phone.main-tab-view[data-main-tab="plan"] .plan-header,
  .phone.main-tab-view[data-main-tab="paths"] .paths-header,
  .phone.main-tab-view[data-main-tab="offers"] .offers-header,
  .phone.main-tab-view[data-main-tab="profile"] .profile-page-header{padding-right:52px;padding-left:0}
  .phone.main-tab-view>.mentor-header-button:not([hidden]){right:4px}
}

@media(max-width:320px){
  .phone.main-tab-view[data-main-tab="home"]>.app-home-header{grid-template-columns:minmax(58px,1fr) auto;padding-right:50px;padding-left:6px}
  .phone[data-main-tab="home"] .app-home-header .header-action,
  .phone.main-tab-view .plan-header>div:last-child>button,
  .phone.main-tab-view .paths-header>div:last-child>button,
  .phone.main-tab-view .offers-header-actions>button,
  .phone.main-tab-view .profile-page-header>.shared-notification-bell,
  .phone.main-tab-view .profile-page-header>[data-action="profile-settings"]{min-width:44px;width:44px;height:44px;flex-basis:44px}
  .phone.main-tab-view>.mentor-header-button:not([hidden]){right:2px}
}

@media(min-width:900px){
  .phone.main-tab-view[data-main-tab="home"]>.app-home-header{
    position:fixed;
    left:max(0px,calc(50% - 720px));
    top:0;
    width:230px;
    min-height:100vh;
    height:100vh;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:30px 22px;
    border-right:1px solid var(--line,#20364d);
    border-bottom:0;
  }
  .phone.main-tab-view[data-main-tab="home"] .app-home-header .top-greeting{display:block}
  .phone.main-tab-view[data-main-tab="home"] .app-home-header .route-header-brand{justify-content:flex-start}
  .phone.main-tab-view[data-main-tab="home"] .app-home-header .route-header-brand .owl-img{display:inline-block}
  .phone.main-tab-view[data-main-tab="home"] .app-home-header .top-actions{display:grid;grid-template-columns:repeat(3,44px);justify-content:start}
  .phone.main-tab-view[data-main-tab="plan"] .plan-header,
  .phone.main-tab-view[data-main-tab="paths"] .paths-header,
  .phone.main-tab-view[data-main-tab="offers"] .offers-header,
  .phone.main-tab-view[data-main-tab="profile"] .profile-page-header{min-height:calc(64px + env(safe-area-inset-top));padding-right:56px}
  .phone.main-tab-view>.mentor-header-button:not([hidden]),
  .phone.main-tab-view[data-main-tab="home"]>.mentor-header-button:not([hidden]){
    position:fixed;
    top:24px;
    right:max(26px,calc(50% - 694px));
  }
}

@media(prefers-reduced-motion:reduce){
  .phone.main-tab-view>.mentor-header-button,.phone.main-tab-view>.mentor-header-button *{animation:none!important}
}