/* next-release nr1 (2026-10-23): small scoped layout and contrast fixes.
   Each block is scoped to the screen it fixes. Desktop is untouched unless noted. */

/* (a) Labs, dark theme, mobile: app-vnext.css paints the Labs cards with its light palette
   (white panels, #10211b text) while the rows follow the dark theme, so Lab History rows were
   dark text on a dark row. Give the Labs subpage the same dark palette batch2.css gives Home. */
/* Retired in A-037: the shared dark tokens (css/pp-tokens.css) now give every phone screen this palette. */

/* (e) Provider report sheet: the To date field ran past the sheet edge on narrow phones because
   date inputs keep their intrinsic width inside 1fr columns. Let both columns shrink. */
#provider-report-modal .provider-report-dates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
#provider-report-modal .provider-report-dates label{min-width:0;}
#provider-report-modal .provider-report-dates input{min-width:0;width:100%;max-width:100%;box-sizing:border-box;}

/* (f) Track calendar, mobile: month cells kept a 60px minimum, so the 7-column grid ran past the
   card at 390 and 360. Let the columns share the width. */
@media(max-width:760px){
  #tab-calendar .cal-grid,#tab-calendar .cal-weekday-row{grid-template-columns:repeat(7,minmax(0,1fr))!important;}
  #tab-calendar .cal-cell{min-width:0!important;}
}

/* (g) Mobile bottom nav: keep the last row (for example a dose row with Undo) clear of the fixed
   nav when the page or focus scrolls to it, including the iPhone home-indicator area. */
@media(max-width:700px){
  html{scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom));}
  #app-shell main{padding-bottom:max(124px,calc(110px + env(safe-area-inset-bottom)))!important;}
}

/* (h) Spend chart week labels on mobile: let two-word labels wrap instead of colliding/clipping. */
@media(max-width:640px){
  .cost-chart-labels span{white-space:normal;overflow:visible;line-height:1.15;overflow-wrap:normal;word-break:keep-all;}
}

/* (i) Track tabs, mobile: an older grid rule gives each tab width:100%, which inside the vNext
   flex row made every tab full width, so only one tab showed. Size tabs to their labels; the row
   already scrolls sideways if they do not fit. */
@media(max-width:700px){
  #tab-track>.subnav button{width:auto!important;}
}
@media(max-width:380px){
  #tab-track>.subnav{gap:4px;}
  #tab-track>.subnav button{padding-left:8px!important;padding-right:8px!important;}
}

/* (j) Settings, mobile: the progressive-disclosure pass folds every card after the first three
   under "More settings & account options", which left the visible "Data & Portability" heading
   with nothing under it. Show the three Data & Portability cards under their heading (display only). */
@media(max-width:700px){
  #tab-settings>.section-title~details.card.vnext-mobile-collapsed{display:block!important;}
}
/* Dark heading/card ink patch retired in A-037: --pp-ink follows the theme via css/pp-tokens.css. */