/* ADIFY TV V08: compact menu-only layout; existing MCT colors, logos,
   level themes, animations and shared stylesheets remain unchanged. */
.customer-page .studio-tab-nav{
 position:sticky;top:0;z-index:20;display:grid;
 grid-template-columns:repeat(5,minmax(0,1fr));
 gap:7px;padding:10px 8px;margin:12px 0 10px;
 background:rgba(5,19,31,.95);backdrop-filter:blur(16px);
 border:1px solid #38657a;border-radius:17px;box-shadow:0 9px 30px #0005
}
.customer-page .studio-tab-nav [role="tab"]{
 display:flex;align-items:center;justify-content:center;gap:8px;
 min-width:0;min-height:46px;padding:9px 10px;border-radius:11px;
 color:#c6e3e9;background:transparent;border:1px solid transparent;
 font-size:13px;font-weight:800;line-height:1.3;white-space:normal;
 overflow-wrap:anywhere;transition:background .12s,border-color .12s
}
.customer-page .studio-tab-nav [role="tab"]:hover{background:#133b4b;border-color:#356b7a}
.customer-page .studio-tab-nav [role="tab"][aria-selected="true"]{
 color:#082b34;background:linear-gradient(100deg,#7aeed4,#beff99);
 border-color:#aaffde;box-shadow:0 3px 15px #43bfa72b
}
.customer-page .studio-tab-nav .studio-nav-icon{font-size:17px;line-height:1}
.customer-page .studio-tab-nav [role="tab"]:focus-visible{
 outline:3px solid #b1ffcd;outline-offset:-2px
}
.customer-page [role="tabpanel"]{scroll-margin-top:95px}
.customer-page .studio-tab-nav + #studioOverview .studio-hero{
 min-height:0;grid-template-columns:minmax(0,1.65fr) minmax(130px,.4fr);
 padding:18px 23px;margin:9px 0 12px
}
.customer-page #studioOverview .studio-hero h1{
 font-size:clamp(26px,3.4vw,38px);margin:6px 0 7px;line-height:1.1
}
.customer-page #studioOverview .studio-hero .lead{
 font-size:14px;line-height:1.45;margin:0 0 8px;max-width:640px
}
.customer-page #studioOverview .studio-hero-actions{margin:12px 0 0;gap:8px}
.customer-page #studioOverview .studio-hero-art{height:138px}
.customer-page #studioOverview .studio-hero-art img{max-height:112px;width:min(62%,112px)}
.customer-page #studioOverview .studio-orbit-one{width:140px;height:112px}
.customer-page #studioOverview .studio-orbit-two{width:162px;height:132px}
.customer-page #studioOverview .studio-art-caption{letter-spacing:.1em}
.customer-page #studioOverview .studio-stats{
 grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 13px
}
.customer-page #studioOverview .studio-stat{padding:11px;gap:9px;border-radius:13px}
.customer-page #studioOverview .studio-stat-icon{
 width:35px;height:35px;font-size:19px;border-radius:9px
}
.customer-page #studioOverview .studio-stat strong{
 font-size:clamp(15px,1.6vw,20px);margin:1px 0
}
.customer-page #studioOverview .studio-stat small,
.customer-page #studioOverview .studio-stat span{font-size:10px;line-height:1.35}
.customer-page .studio-sandbox-note{margin:0 0 14px;padding:9px 12px;font-size:12px}
.customer-page .studio-credits-panel{margin:0 0 18px}
.customer-page #demoCredits h2,
.customer-page #premiumBookingPanel h2,
.customer-page #myCampaigns h2{font-size:clamp(20px,2.5vw,26px)}
.customer-page #premiumBookingPanel .form-grid{gap:9px 14px}
.customer-page #premiumBookingPanel .field{margin-bottom:5px}
.customer-page #premiumBookingPanel .hint{margin:8px 0 13px;line-height:1.5}
.customer-page #premiumBookingPanel .notice{margin-bottom:8px}
.customer-page #premiumBookingPanel .section-head{margin:14px 0 6px}
.customer-page #premiumCalendarSlots{
 grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:8px 0 12px
}
.customer-page #premiumCalendarSlots .package-choice{
 min-height:62px;padding:8px 10px;gap:1px;border-radius:10px
}
.customer-page #premiumCalendarSlots .package-choice strong{font-size:14px}
.customer-page #premiumCalendarSlots .package-choice span,
.customer-page #premiumCalendarSlots .package-choice b{font-size:11px;line-height:1.35}
.customer-page #premiumCalendarSlots .package-choice[aria-pressed="true"]{
 border-color:#a4ffd4;box-shadow:0 0 0 2px #67daca4d
}
.customer-page #premiumBookingList{
 max-height:min(480px,65vh);overflow:auto;overscroll-behavior:contain;
 scrollbar-gutter:stable;padding-right:3px
}
.customer-page #myCampaigns #draftList{
 max-height:min(680px,75vh);overflow:auto;overscroll-behavior:contain;
 scrollbar-gutter:stable;padding-right:3px
}
.customer-page .studio-preview-disclosure{
 border:0;background:transparent;padding:0
}
.customer-page .studio-preview-disclosure summary{
 cursor:pointer;min-height:44px;display:flex;align-items:center;
 gap:9px;color:#aaffd9;font-size:13px;font-weight:800
}
.customer-page .studio-preview-disclosure summary::before{content:"▸";color:#8df9d7}
.customer-page .studio-preview-disclosure[open] summary::before{content:"▾"}
.customer-page #premiumBookingsDisclosure{margin-top:12px}
.customer-page #premiumBookingsDisclosure>summary{
 cursor:pointer;min-height:44px;color:#b2fce0;font-weight:800;
 padding:8px 4px
}
.customer-page #premiumBookingsDisclosure .draft-list{margin-top:8px}
@media(max-width:1080px){
 .customer-page #studioOverview .studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-page #premiumCalendarSlots{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
 .customer-page .studio-tab-nav{
  display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  scrollbar-width:thin;scrollbar-color:#4d9a9f transparent;
  gap:6px;margin:9px 0;padding:8px 6px
 }
 .customer-page .studio-tab-nav [role="tab"]{
  flex:0 0 auto;min-width:113px;max-width:173px;padding:8px 11px;font-size:12px
 }
 .customer-page .studio-tab-nav [role="tab"][data-studio-tab="premium"]{min-width:150px}
 .customer-page .studio-tab-nav .studio-nav-icon{font-size:15px}
 .customer-page #studioOverview .studio-hero{grid-template-columns:1fr;min-height:0;padding:16px 17px}
 .customer-page #studioOverview .studio-hero-art{display:none}
 .customer-page #studioOverview .studio-hero h1{font-size:clamp(24px,6vw,33px)}
 .customer-page #studioOverview .studio-hero-actions{gap:7px}
 .customer-page #studioOverview .studio-hero-actions .primary-link,
 .customer-page #studioOverview .studio-hero-actions .secondary-link{
  font-size:12px;min-height:44px;padding:8px 11px
 }
 .customer-page #studioOverview .studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .customer-page #premiumCalendarSlots{grid-template-columns:repeat(3,minmax(0,1fr))}
 .customer-page #premiumCalendarSlots .package-choice{min-height:60px;padding:7px}
}
@media(max-width:365px){
 .customer-page #studioOverview .studio-stat-icon{display:none}
 .customer-page #studioOverview .studio-stat{padding:8px}
 .customer-page .studio-tab-nav [role="tab"]{min-width:112px}
}