/* 0910 baseline-web preservation: vNext presentation is mobile-only. */
@media(max-width:700px){
/* Peptide Plug authenticated app shell vNext
   Presentation-only layer. Existing IDs, state keys, data model and handlers remain unchanged. */

:root{
  --pp-shell:#f4f8f6;
  --pp-surface:#ffffff;
  --pp-surface-soft:#f7faf8;
  --pp-line:#dce8e2;
  --pp-ink:#10211b;
  --pp-muted:#6c8279;
  --pp-green:#10a777;
  --pp-green-dark:#087d59;
  --pp-green-soft:#e8f7f1;
  --pp-radius-xl:24px;
  --pp-radius-lg:18px;
  --pp-radius-md:14px;
  --pp-shadow:0 10px 30px rgba(23,67,51,.07);
  --pp-section-gap:18px;
}

body.app-open, body:has(#app-shell:not([style*="display: none"])){
  background:linear-gradient(180deg,#f8fbf9 0%,var(--pp-shell) 100%);
}

/* Shared authenticated page language */
#app-shell main{max-width:1180px;margin:0 auto;padding:22px 18px 100px;}
#app-shell .card,
#app-shell .today-panel,
#app-shell details.card{
  border:1px solid var(--pp-line);
  border-radius:var(--pp-radius-lg);
  box-shadow:var(--pp-shadow);
  background:var(--pp-surface);
}
#app-shell .section-title{font-size:20px;letter-spacing:-.02em;margin:22px 0 10px;}
#app-shell .muted{color:var(--pp-muted);}
#app-shell .btn{border-radius:12px;font-weight:750;}
#app-shell input,#app-shell select,#app-shell textarea{border-radius:12px;border-color:var(--pp-line);background:var(--pp-surface-soft);}
#app-shell .subnav{background:#edf5f1;border:1px solid var(--pp-line);border-radius:16px;padding:5px;gap:4px;box-shadow:none;}
#app-shell .subnav button{border-radius:12px;min-height:42px;font-weight:750;color:#61786e;}
#app-shell .subnav button.active{background:#dff2ea;color:var(--pp-green-dark);box-shadow:none;}
#app-shell table{border-collapse:separate;border-spacing:0;}
#app-shell .responsive-cards{border-radius:16px;overflow:hidden;}

/* Desktop header: lighter, cleaner app shell */
#app-shell > header{
  position:sticky;top:0;z-index:55;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--pp-line);box-shadow:0 4px 18px rgba(23,67,51,.04);
}
#app-shell > header .brand-mark{font-size:22px;font-weight:850;letter-spacing:-.03em;}
#tabnav{gap:4px;}
#tabnav>button,#more-nav-toggle{border-radius:12px!important;font-weight:760!important;}
#tabnav>button.active{background:var(--pp-green-soft)!important;color:var(--pp-green-dark)!important;}
.app-breadcrumb{max-width:1180px;margin:0 auto;padding:10px 18px 0;color:var(--pp-muted);font-size:12px;}

/* Home */
.home-vnext{display:flex;flex-direction:column;gap:var(--pp-section-gap);}
.home-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:4px 2px 0;}
.home-date{font-size:12px;color:var(--pp-muted);font-weight:700;margin-bottom:5px;}
.home-hero h1{font-size:32px;line-height:1.05;letter-spacing:-.04em;margin:0;color:var(--pp-ink);}
.home-hero p{margin:7px 0 0;color:var(--pp-muted);font-size:14px;}
.home-icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--pp-line);background:var(--pp-surface);color:var(--pp-green);box-shadow:var(--pp-shadow);}
.home-card{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:var(--pp-radius-xl);box-shadow:var(--pp-shadow);padding:20px;min-width:0;}
.home-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.home-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:850;color:var(--pp-muted);display:block;margin-bottom:4px;}
.home-section-head h2{font-size:20px;letter-spacing:-.025em;margin:0;color:var(--pp-ink);}
.home-link{border:0;background:none;color:var(--pp-green-dark);font-weight:750;padding:4px 0;white-space:nowrap;width:auto;}
.home-today-card{background:linear-gradient(145deg,#f4fbf7 0%,#ffffff 64%);border-color:#cde7dc;}
.home-checkin-row{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--pp-line);}
.home-progress-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.home-progress-kpis>div{background:var(--pp-surface-soft);border:1px solid var(--pp-line);border-radius:15px;padding:13px;min-height:84px;}
.home-progress-kpis span{display:block;font-size:10px;color:var(--pp-muted);font-weight:700;margin-bottom:7px;}
.home-progress-kpis strong{display:block;font-size:20px;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.home-explore-grid button{position:relative;text-align:left;border:1px solid var(--pp-line);background:var(--pp-surface-soft);border-radius:16px;padding:14px;min-height:112px;color:var(--pp-ink);}
.home-explore-grid b{display:block;margin:8px 20px 3px 0;font-size:15px;}
.home-explore-grid small{display:block;color:var(--pp-muted);font-size:11px;line-height:1.35;}
.home-explore-grid i{position:absolute;right:12px;top:44%;font-style:normal;color:#87a097;font-size:20px;}
.home-tile-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--pp-green-soft);color:var(--pp-green);font-weight:800;}
.home-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.home-tools-grid button{border:1px solid var(--pp-line);background:var(--pp-surface-soft);border-radius:15px;padding:13px;text-align:left;min-height:76px;color:var(--pp-ink);}
.home-tools-grid b{display:block;font-size:13px}.home-tools-grid small{display:block;color:var(--pp-muted);margin-top:4px;font-size:10px;}
.home-compat{display:none!important;}
.home-vnext>.disclaimer{margin-top:0;}

/* Reuse current renderer output but fit it into app-like home cards */
.home-today-card #dashboard-period-schedule,
.home-levels-card #dashboard-level-panel,
.home-today-card #dashboard-checkin-panel,
.home-today-card #dashboard-progress-snapshot{min-width:0;}
.home-today-card .today-panel,.home-levels-card .today-panel{box-shadow:none;border:0;padding:0;background:transparent;}
.home-today-card table td,.home-today-card table th{padding-top:8px;padding-bottom:8px;}
.home-levels-card{overflow:hidden;}
.home-levels-card #dashboard-level-panel .dashboard-bubble-selector,
.home-levels-card #dashboard-level-panel .dashboard-panel-controls{max-height:74px;overflow:auto;}
.home-levels-card #dashboard-level-panel .dashboard-chart-stage{min-height:140px!important;max-height:180px;}
.home-levels-card #dashboard-level-panel .pk-chart-wrap svg{max-height:170px!important;}
.home-vials-card #dashboard-active-vials{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;}
.home-vials-card #dashboard-active-vials::-webkit-scrollbar{display:none;}
.home-alerts-card #alerts-panel{box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important;}

/* Generic page sections get the same airy hierarchy */
#tab-track,#tab-plan,#tab-catalog,#tab-settings,#tab-growth{padding-top:2px;}
#tab-track>.subnav,#tab-plan>.subnav,#tab-catalog>.subnav{position:sticky;top:78px;z-index:35;}
#tab-track .card,#tab-plan .card,#tab-catalog .card,#tab-settings .card{margin-bottom:14px;}


}

/* Queued mobile density cleanups from screenshots */
@media(max-width:700px){
  #app-shell main{padding:14px 14px 104px;}
  #app-shell > header{position:static;padding:12px 16px 9px;min-height:62px;}
  #app-shell > header .brand-mark{font-size:22px;}
  #tabnav{display:none!important;}
  .app-breadcrumb{display:none;}
  .app-week-strip{top:0!important;}

  .mobile-nav-vnext{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:90!important;
    display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr 1fr!important;align-items:end!important;
    padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
    min-height:72px;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px);border-top:1px solid var(--pp-line)!important;box-shadow:0 -8px 24px rgba(23,67,51,.08)!important;
  }
  .mobile-nav-vnext>button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0!important;height:54px!important;padding:4px 2px!important;border-radius:12px!important;background:transparent!important;color:#6f847b!important;font-size:10px!important;font-weight:750!important;overflow:visible!important;}
  .mobile-nav-vnext>button.active{color:var(--pp-green-dark)!important;background:transparent!important;}
  .mobile-nav-icon{font-size:20px;line-height:1;font-weight:800;}
  .mobile-nav-vnext .mobile-nav-add{width:58px!important;height:58px!important;justify-self:center;align-self:start;margin-top:-18px;border-radius:50%!important;background:var(--pp-green)!important;color:white!important;box-shadow:0 8px 20px rgba(16,167,119,.28)!important;font-size:30px!important;border:4px solid white!important;}
  .mobile-nav-vnext .mobile-nav-add span{transform:translateY(-1px)}
  .quick-add-toggle{display:none!important;}
  .quick-add{bottom:84px!important;right:14px!important;}

  .home-vnext{gap:14px;}
  .home-hero{padding:4px 2px 0;}
  .home-hero h1{font-size:27px;}
  .home-card{border-radius:20px;padding:16px;box-shadow:0 7px 20px rgba(23,67,51,.055);}
  .home-section-head{margin-bottom:11px;}
  .home-section-head h2{font-size:18px;}
  .home-checkin-row{grid-template-columns:1fr;gap:10px;}
  .home-progress-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .home-progress-kpis>div{min-height:68px;padding:11px;}
  .home-progress-kpis strong{font-size:18px;}
  .home-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .home-explore-grid button{min-height:96px;padding:12px;}
  .home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .home-tools-grid button{min-height:66px;padding:11px;}

  /* Active vial carousel: compact like native cards */
  #dashboard-active-vials{display:flex!important;gap:9px!important;align-items:stretch!important;}
  #dashboard-active-vials>*{flex:0 0 136px!important;min-width:136px!important;max-width:136px!important;min-height:150px!important;padding:12px 10px!important;border-radius:17px!important;}
  #dashboard-active-vials .vial-visual,#dashboard-active-vials .active-vial-icon{transform:scale(.82);transform-origin:center;}
  #dashboard-active-vials h3,#dashboard-active-vials strong{font-size:13px!important;line-height:1.15!important;}

  /* Active cycles */
  #table-cycles.mobile-dense-table tbody tr{min-height:74px!important;}
  #table-cycles.mobile-dense-table tbody td{padding:10px 9px!important;}
  #table-cycles.mobile-dense-table tbody td:first-child{font-size:14px!important;line-height:1.18!important;}

  /* Administration history */
  .history-toolbar{grid-template-columns:1fr!important;gap:9px!important;}
  .history-toolbar>div,.history-toolbar select,.history-toolbar input{width:100%!important;min-width:0!important;}
  #history-table tbody tr,#administration-history-table tbody tr{min-height:72px!important;}
  #history-table td,#administration-history-table td{padding:9px 7px!important;line-height:1.2!important;}
  #history-table td:nth-child(2),#administration-history-table td:nth-child(2){max-width:145px!important;font-size:13px!important;font-weight:800!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

  /* Cost forecast */
  .cost-forecast-row,.cost-cycle-row{min-height:82px!important;padding:12px!important;}
  .cost-forecast-row h3,.cost-cycle-row h3{font-size:15px!important;line-height:1.18!important;margin-bottom:3px!important;}

  /* Inventory */
  #tab-inventory .inventory-toolbar,.inventory-toolbar{grid-template-columns:1fr!important;gap:9px!important;}
  #tab-inventory .inventory-row,.inventory-row{min-height:72px!important;padding:10px 11px!important;grid-template-columns:minmax(120px,1.7fr) minmax(64px,.8fr) minmax(56px,.7fr) auto!important;gap:8px!important;}
  #tab-inventory .inventory-row .name,.inventory-row .name{min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:14px!important;line-height:1.15!important;}

  #tab-track>.subnav,#tab-plan>.subnav,#tab-catalog>.subnav{position:sticky;top:0;z-index:34;margin:0 -4px 12px;overflow-x:auto;white-space:nowrap;}
  #tab-track>.subnav button,#tab-plan>.subnav button,#tab-catalog>.subnav button{font-size:11px;min-width:max-content;}

  .feedback-fab{bottom:84px!important;}
}

@media(min-width:701px){
  .mobile-nav-vnext{display:none!important;}
  .home-vnext{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;}
  .home-hero{grid-column:1/-1;}
  .home-today-card{grid-column:1/8;}
  .home-levels-card{grid-column:8/-1;}
  .home-progress-card{grid-column:1/7;}
  .home-vials-card{grid-column:7/-1;}
  .home-explore-card{grid-column:1/8;}
  .home-alerts-card{grid-column:8/-1;}
  .home-tools-card{grid-column:1/-1;}
  .home-vnext>.disclaimer{grid-column:1/-1;}
}

/* Plan vNext: cost forecast + calculator */
.plan-vnext-section{margin-top:24px;}
.plan-vnext-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px;}
.plan-vnext-head .section-title{margin:0!important;font-size:22px!important;}
.plan-vnext-head p{margin:5px 0 0;max-width:620px;font-size:13px;}
.plan-vnext-card{overflow:hidden;}
.cost-forecast-card table thead th{background:var(--pp-surface-soft);font-size:11px;text-transform:uppercase;letter-spacing:.045em;color:var(--pp-muted);}
.cost-forecast-card table tbody tr{transition:background .18s ease;}
.cost-forecast-card table tbody tr:hover{background:#fbfdfc;}
.cost-forecast-card table td{vertical-align:middle;}
.cost-forecast-card .forecast-compound{display:flex;flex-direction:column;gap:3px;}
.cost-forecast-card .forecast-compound>strong{font-size:14px;}
.cost-forecast-card .forecast-compound>span{font-size:11px;color:var(--pp-muted);}
.cost-forecast-card .forecast-runway-bar{height:5px;border-radius:999px;background:#e6efea;overflow:hidden;margin-top:5px;max-width:110px;}
.cost-forecast-card .forecast-runway-bar>span{display:block;height:100%;border-radius:999px;background:var(--pp-green);}
.cost-forecast-note-vnext{font-size:12px;margin-top:8px;padding:0 4px;}

.calculator-vnext{padding-top:4px;}
.calculator-vnext-hero{padding:2px 2px 14px;}
.calculator-vnext-hero h2{margin:0;font-size:26px;letter-spacing:-.035em;color:var(--pp-ink);}
.calculator-vnext-hero p{margin:6px 0 0;color:var(--pp-muted);font-size:13px;max-width:700px;}
.calculator-vnext-grid{align-items:start;gap:18px;}
.calculator-input-card{padding:18px!important;}
.calculator-card-kicker{font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--pp-muted);margin-bottom:10px;}
.calculator-vnext .field{margin-bottom:12px;}
.calculator-vnext .field>label:first-child{font-size:11px;font-weight:800;color:#526b61;margin-bottom:5px;}
.calculator-vnext .mode-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:4px;background:#edf5f1;border:1px solid var(--pp-line);border-radius:14px;}
.calculator-vnext .mode-btn{min-height:40px;border-radius:10px!important;border:0!important;background:transparent!important;color:#61786e!important;font-weight:760!important;font-size:12px!important;padding:8px 10px!important;}
.calculator-vnext .mode-btn.active{background:white!important;color:var(--pp-green-dark)!important;box-shadow:0 3px 10px rgba(23,67,51,.06)!important;}
.calculator-results-wrap{margin-top:16px;padding-top:16px;border-top:1px solid var(--pp-line);}
.calculator-results-wrap .calc-box{border-radius:16px!important;border:1px solid #cfe5da!important;background:linear-gradient(145deg,#f4fbf7,#fff)!important;box-shadow:none!important;padding:16px!important;}
.calculator-send-btn{width:100%;margin-top:10px;min-height:44px;}
.calculator-reference-column{min-width:0;}
.calculator-reference-card{padding:0!important;overflow:hidden;}
.calculator-reference-card>summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:820;color:var(--pp-ink);display:flex;align-items:center;justify-content:space-between;gap:12px;}
.calculator-reference-card>summary::-webkit-details-marker{display:none;}
.calculator-reference-card>summary::after{content:'⌄';color:var(--pp-muted);font-size:18px;line-height:1;}
.calculator-reference-card[open]>summary::after{transform:rotate(180deg);}
.calculator-reference-body{padding:0 0 14px;}
.calculator-reference-body .table-wrap{border-radius:0!important;border-left:0;border-right:0;}
.calculator-reference-body p{font-size:11px;line-height:1.45;padding:0 16px;margin:10px 0 0;}

@media(max-width:700px){
  .plan-vnext-section{margin-top:18px;}
  .plan-vnext-head{margin-bottom:8px;padding:0 2px;}
  .plan-vnext-head .section-title{font-size:19px!important;}
  .plan-vnext-head p{font-size:12px;line-height:1.4;}
  .cost-forecast-card{border-radius:18px!important;}
  #table-cost-forecast thead{display:none!important;}
  #table-cost-forecast tbody,#table-cost-forecast tfoot{display:block!important;}
  #table-cost-forecast tbody tr,#table-cost-forecast tfoot tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'name spend' 'doses cost'!important;gap:5px 12px!important;align-items:center!important;padding:11px 12px!important;min-height:0!important;border-bottom:1px solid var(--pp-line)!important;background:white!important;}
  #table-cost-forecast tbody td,#table-cost-forecast tfoot td{display:block!important;padding:0!important;border:0!important;min-width:0!important;}
  #table-cost-forecast tbody td:nth-child(1),#table-cost-forecast tfoot td:nth-child(1){grid-area:name!important;}
  #table-cost-forecast tbody td:nth-child(2),#table-cost-forecast tfoot td:nth-child(2){grid-area:doses!important;font-size:12px!important;color:var(--pp-muted)!important;}
  #table-cost-forecast tbody td:nth-child(3),#table-cost-forecast tfoot td:nth-child(3){grid-area:cost!important;text-align:right!important;font-size:12px!important;color:var(--pp-muted)!important;}
  #table-cost-forecast tbody td:nth-child(4),#table-cost-forecast tfoot td:nth-child(4){grid-area:spend!important;display:block!important;text-align:right!important;font-size:15px!important;font-weight:800!important;color:var(--pp-ink)!important;}
  #table-cost-forecast tbody td::before,#table-cost-forecast tfoot td::before{display:none!important;content:none!important;}
  #table-cost-forecast .forecast-compound>strong{font-size:14px!important;line-height:1.15!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  #table-cost-forecast .forecast-compound>span{font-size:10px!important;}
  #table-cost-forecast .forecast-runway-bar{height:4px!important;width:70px!important;margin-top:4px!important;}
  #table-cost-forecast tfoot tr{background:var(--pp-surface-soft)!important;border-bottom:0!important;}
  #table-cost-forecast tfoot td:first-child{font-weight:850!important;}
  .cost-forecast-note-vnext{font-size:11px;line-height:1.4;}

  .calculator-vnext-hero{padding:2px 2px 10px;}
  .calculator-vnext-hero h2{font-size:22px;}
  .calculator-vnext-hero p{font-size:12px;line-height:1.45;}
  .calculator-vnext-grid{display:block!important;}
  .calculator-input-card{padding:15px!important;border-radius:18px!important;}
  .calculator-vnext .row.cols-2{grid-template-columns:1fr!important;gap:0!important;}
  .calculator-vnext .mode-toggle{grid-template-columns:1fr!important;}
  .calculator-vnext .mode-btn{text-align:left!important;min-height:38px!important;}
  .calculator-results-wrap .calc-box{padding:14px!important;}
  .calculator-reference-column{margin-top:12px;}
  .calculator-reference-card>summary{padding:14px 15px;font-size:14px;}
}

/* =========================================================
   vNext page system: Catalog, Settings, Notifications, Admin
   Presentation-only. Existing IDs and handlers remain intact.
   ========================================================= */
.app-page-vnext{max-width:1180px;margin:0 auto;padding-bottom:28px;}
.app-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:8px 2px 16px;}
.app-page-kicker{font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:var(--pp-muted);margin-bottom:5px;}
.app-page-hero h2{margin:0;color:var(--pp-ink);font-size:28px;line-height:1.05;letter-spacing:-.04em;}
.app-page-hero p{margin:7px 0 0;max-width:680px;color:var(--pp-muted);font-size:13px;line-height:1.45;}
.app-segmented-nav{display:inline-flex!important;width:auto!important;padding:4px!important;margin:0 0 14px!important;border:1px solid var(--pp-line)!important;background:var(--pp-surface-soft)!important;border-radius:15px!important;gap:4px!important;box-shadow:none!important;}
.app-segmented-nav button{border:0!important;background:transparent!important;border-radius:11px!important;padding:9px 15px!important;min-height:38px!important;color:var(--pp-muted)!important;font-weight:780!important;}
.app-segmented-nav button.active{background:white!important;color:var(--pp-green-dark)!important;box-shadow:0 3px 10px rgba(23,67,51,.06)!important;}

/* Catalog */
.catalog-vnext .split{gap:16px!important;align-items:start;}
.catalog-vnext .section-title{font-size:18px!important;letter-spacing:-.02em;margin-bottom:9px!important;}
.catalog-vnext #catalog-search,.catalog-vnext #inventory-search{border-radius:13px!important;background:white!important;min-height:43px!important;}
.catalog-vnext #peptide-catalog-form{position:sticky;top:142px;padding:16px!important;border-radius:18px!important;}
.catalog-vnext #peptide-catalog-form .field{margin-bottom:11px;}
.catalog-vnext #peptide-catalog-groups .catalog-group,
.catalog-vnext #reference-grid>*{border-radius:16px!important;box-shadow:none!important;}
.catalog-vnext .add-toggle-card{padding:0!important;overflow:hidden;border-radius:18px!important;}
.catalog-vnext .add-toggle{padding:14px 16px!important;min-height:48px!important;font-size:14px!important;}
.catalog-vnext .add-toggle-body{padding:0 16px 16px!important;}
.catalog-vnext .table-wrap{border-radius:17px!important;overflow:hidden;border:1px solid var(--pp-line)!important;}
.catalog-vnext table thead th{background:var(--pp-surface-soft)!important;color:var(--pp-muted)!important;font-size:10.5px!important;letter-spacing:.045em;text-transform:uppercase;}
.catalog-vnext table tbody tr{background:white;}
.catalog-vnext table tbody tr:hover{background:#fbfdfc;}
.catalog-vnext .pill{white-space:nowrap;}

/* Settings and notification center */
.settings-vnext-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.settings-vnext-grid>.card,.settings-vnext-grid>details.card{margin:0!important;border-radius:18px!important;padding:16px!important;box-shadow:none!important;}
.settings-vnext-grid>.section-title,.settings-vnext-grid>#account-data-status{grid-column:1/-1;}
.settings-vnext .settings-primary-card{min-height:0;}
.settings-vnext .plan-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px!important;}
.settings-vnext #install-app-card{grid-column:1/-1;}
.settings-vnext .section-title{font-size:17px!important;letter-spacing:-.015em;}
.settings-vnext .mode-toggle{padding:4px!important;border-radius:14px!important;background:var(--pp-surface-soft)!important;}
.settings-vnext .mode-btn{border-radius:10px!important;min-height:40px!important;}
.settings-vnext .notification-preferences{border-top:1px solid var(--pp-line)!important;}
.settings-vnext #notification-center,
.settings-vnext #notification-history{display:grid;gap:7px;}
.settings-vnext #notification-center>* ,
.settings-vnext #notification-history>*{border-radius:13px!important;padding:10px 12px!important;margin:0!important;}
.settings-vnext .notification-preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;}
.settings-vnext .notification-preference-grid label{min-height:40px;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--pp-line);border-radius:12px;background:var(--pp-surface-soft);font-size:12px;}
.settings-vnext .settings-collapsible{padding:0!important;overflow:hidden;}
.settings-vnext .settings-collapsible>summary{padding:15px 16px!important;cursor:pointer;font-weight:820;list-style:none;}
.settings-vnext .settings-collapsible>summary::-webkit-details-marker{display:none;}
.settings-vnext .settings-collapsible>summary::after{content:'⌄';float:right;color:var(--pp-muted);font-size:17px;}
.settings-vnext .settings-collapsible[open]>summary::after{transform:rotate(180deg);}
.settings-vnext .settings-collapsible-body{padding:0 16px 16px!important;}
.settings-vnext #delete-account-btn{border-color:#efc8c8!important;background:#fff8f8!important;color:#a83232!important;}
.settings-vnext textarea{border-radius:13px!important;}
.settings-vnext footer.hint{margin-top:16px;}

/* Admin */
.admin-vnext{max-width:1280px;}
.admin-page-hero{position:sticky;top:0;z-index:32;background:rgba(248,251,249,.94);backdrop-filter:blur(10px);padding-top:10px;margin-bottom:4px;}
.admin-vnext .admin-section{border-radius:18px!important;overflow:hidden;padding:0!important;margin:0 0 10px!important;box-shadow:none!important;}
.admin-vnext .admin-section>summary{list-style:none;cursor:pointer;padding:15px 17px;font-weight:820;color:var(--pp-ink);display:flex;align-items:center;justify-content:space-between;gap:10px;}
.admin-vnext .admin-section>summary::-webkit-details-marker{display:none;}
.admin-vnext .admin-section>summary::after{content:'⌄';margin-left:auto;color:var(--pp-muted);font-size:17px;}
.admin-vnext .admin-section[open]>summary::after{transform:rotate(180deg);}
.admin-vnext .admin-section-content{padding:0 17px 17px!important;border-top:1px solid var(--pp-line);}
.admin-vnext .admin-filter-bar,.admin-vnext .admin-bulk-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;}
.admin-vnext .admin-filter-bar input,.admin-vnext .admin-filter-bar select{min-height:40px;border-radius:12px!important;}
.admin-vnext .table-wrap{border:1px solid var(--pp-line)!important;border-radius:15px!important;overflow:auto;}
.admin-vnext table thead th{position:sticky;top:0;background:var(--pp-surface-soft)!important;color:var(--pp-muted)!important;font-size:10.5px!important;text-transform:uppercase;letter-spacing:.04em;}
.admin-vnext .grid.stats{gap:10px!important;}
.admin-vnext .stat-card{min-height:104px!important;padding:14px!important;border-radius:17px!important;box-shadow:none!important;}
.admin-vnext .stat-card .label{font-size:10px!important;text-transform:uppercase;letter-spacing:.05em;color:var(--pp-muted)!important;}
.admin-vnext .stat-card .value{font-size:25px!important;letter-spacing:-.04em;}
.admin-vnext>.section-title{font-size:18px!important;margin:22px 0 10px!important;}

@media(max-width:700px){
  .app-page-vnext{padding-bottom:96px;}
  .app-page-hero{padding:5px 2px 12px;align-items:flex-start;}
  .app-page-hero h2{font-size:23px;}
  .app-page-hero p{font-size:12px;line-height:1.4;}
  .app-segmented-nav{display:flex!important;width:100%!important;overflow-x:auto!important;position:sticky!important;top:0!important;z-index:34!important;margin:0 0 10px!important;}
  .app-segmented-nav button{flex:1 0 auto;padding:8px 12px!important;font-size:12px!important;}

  .catalog-vnext .split{display:block!important;}
  .catalog-vnext #peptide-catalog-form{position:static!important;margin-top:12px!important;}
  .catalog-vnext #tab-peptides>.split>div:first-child{display:flex;flex-direction:column;}
  .catalog-vnext #catalog-search{order:1;}
  .catalog-vnext #peptide-catalog-groups{order:3;}
  .catalog-vnext #tab-peptides .split>div:first-child>div[style*="display:flex"]{order:2;margin:0 0 9px!important;gap:6px!important;}
  .catalog-vnext #tab-peptides .split>div:first-child>p.muted{order:4;font-size:11px!important;line-height:1.4;}
  .catalog-vnext .inventory-entry-grid{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .catalog-vnext .inventory-name-field{grid-column:1/-1;}
  .catalog-vnext #table-inventory thead,.catalog-vnext #table-mixed thead{display:none!important;}
  .catalog-vnext #table-inventory tbody,.catalog-vnext #table-mixed tbody{display:block!important;}
  .catalog-vnext #table-inventory tbody tr,.catalog-vnext #table-mixed tbody tr{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(62px,.72fr) minmax(52px,.58fr) auto!important;align-items:center!important;gap:5px 8px!important;padding:10px 11px!important;min-height:0!important;border-bottom:1px solid var(--pp-line)!important;}
  .catalog-vnext #table-inventory tbody td,.catalog-vnext #table-mixed tbody td{padding:0!important;border:0!important;min-width:0!important;font-size:11px!important;}
  .catalog-vnext #table-inventory tbody td:first-child,.catalog-vnext #table-mixed tbody td:first-child{font-size:13px!important;font-weight:800!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  .catalog-vnext #table-inventory tbody td::before,.catalog-vnext #table-mixed tbody td::before{display:none!important;content:none!important;}
  .catalog-vnext #inventory-search{width:100%!important;}

  .settings-vnext-grid{grid-template-columns:1fr;gap:10px;}
  .settings-vnext-grid>.section-title,.settings-vnext-grid>#account-data-status,.settings-vnext .plan-banner,.settings-vnext #install-app-card{grid-column:1;}
  .settings-vnext-grid>.card,.settings-vnext-grid>details.card{padding:14px!important;border-radius:17px!important;}
  .settings-vnext .plan-banner{align-items:flex-start;flex-direction:column;}
  .settings-vnext .notification-preference-grid{grid-template-columns:1fr 1fr;gap:6px!important;}
  .settings-vnext .notification-preference-grid label{font-size:11px;padding:8px;min-height:38px;}
  .settings-vnext .row.cols-4,.settings-vnext .row.cols-3,.settings-vnext .row.cols-2{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .settings-vnext .link-row{gap:7px!important;}
  .settings-vnext .link-row .btn{flex:1 1 auto;min-width:0;}

  .admin-page-hero{position:static;background:transparent;backdrop-filter:none;}
  .admin-vnext .admin-section>summary{padding:13px 14px;font-size:13px;}
  .admin-vnext .admin-section-content{padding:0 12px 12px!important;}
  .admin-vnext .admin-filter-bar,.admin-vnext .admin-bulk-bar{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  .admin-vnext .admin-filter-bar>*:first-child,.admin-vnext .admin-filter-bar>.admin-search{grid-column:1/-1;width:100%!important;}
  .admin-vnext .admin-filter-bar select{width:100%!important;min-width:0!important;}
  .admin-vnext .grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-vnext .stat-card{min-height:92px!important;padding:12px!important;}
  .admin-vnext .stat-card .value{font-size:21px!important;}
  .admin-vnext .responsive-cards table{min-width:620px;}
}

/* =========================================================
   vNext Track + Progress + Levels + Labs
   ========================================================= */
.track-vnext,.insights-vnext{max-width:1180px;margin:0 auto;padding-bottom:110px;}
.track-vnext-hero,.insights-vnext-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:8px 2px 16px;}
.track-vnext-hero h2,.insights-vnext-hero h2{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.04em;color:var(--pp-ink);}
.track-vnext-hero p,.insights-vnext-hero p{margin:7px 0 0;color:var(--pp-muted);font-size:13px;max-width:720px;}
.track-vnext .activecycles-top-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:14px;align-items:start;}
.track-vnext .track-schedule-card{margin:0!important;padding:18px!important;border-radius:22px!important;}
.track-vnext #wellness-checkin-fields{gap:8px!important;}
.track-vnext #wellness-checkin-fields>.field{padding:10px!important;border:1px solid var(--pp-line);background:var(--pp-surface-soft);border-radius:13px;}
.track-vnext #wellness-trend-charts{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
.track-vnext .activecycles-history-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:14px;margin-top:16px;align-items:start;}
.track-vnext .track-secondary-section,.track-vnext .track-history-section{min-width:0;}
.track-vnext .track-secondary-section>.section-title,.track-vnext .track-history-section>.section-title{font-size:18px!important;margin-top:0!important;}
.track-vnext .history-toolbar{display:grid!important;grid-template-columns:2fr repeat(4,minmax(120px,1fr)) auto;gap:8px!important;align-items:end;}
.track-vnext .history-toolbar input,.track-vnext .history-toolbar select{min-height:40px!important;}

.insights-vnext>.card:first-of-type{border-radius:20px!important;box-shadow:none!important;}
.insights-vnext #measurement-weight-chart,
.insights-vnext #levels-deep-dive-workspace,
.insights-vnext #lab-compare-chart{margin-top:10px;}
.insights-vnext .dashboard-bubble-head{padding:12px 14px 8px;border:1px solid var(--pp-line);border-bottom:0;border-radius:18px 18px 0 0;background:white;margin-top:12px!important;}
.insights-vnext .dashboard-bubble-selector{border:1px solid var(--pp-line)!important;border-top:0!important;background:white!important;border-radius:0 0 18px 18px!important;padding:0 14px 12px!important;max-height:170px!important;overflow:auto!important;}
.insights-vnext .dashboard-bubble-selected{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px;}
.insights-vnext .dashboard-bubble{min-height:34px!important;padding:7px 10px!important;border-radius:999px!important;font-size:11px!important;}
.insights-vnext .progress-deep-dive-card,
.insights-vnext .levels-deep-dive-card,
.insights-vnext .lab-deep-dive-card{border-radius:22px!important;padding:18px!important;box-shadow:var(--pp-shadow)!important;overflow:visible!important;}
.insights-vnext .deep-dive-chart-stage,
.insights-vnext .progress-chart-interactive,
.insights-vnext .pk-interactive-chart{border-radius:16px;overflow:visible;}
.insights-vnext .trend-chart,.insights-vnext [data-pk-svg]{display:block;width:100%;height:auto;}

.vnext-snapshot-system{display:grid;gap:10px;margin:12px 0 16px;}
.vnext-snapshot-tools,.vnext-snapshot-panel{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:18px;padding:14px 16px;box-shadow:none;}
.vnext-snapshot-tools-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.vnext-snapshot-tools-head strong{font-size:15px;color:var(--pp-ink);display:block;}
.vnext-snapshot-tools-head p{margin:4px 0 0;font-size:11px;color:var(--pp-muted);line-height:1.4;}
.vnext-snapshot-jump{display:flex;align-items:end;gap:8px;margin-top:12px;flex-wrap:wrap;}
.vnext-snapshot-jump label{display:grid;gap:4px;min-width:160px;}
.vnext-snapshot-jump label span{font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:var(--pp-muted);}
.vnext-snapshot-jump input{min-height:40px!important;background:var(--pp-surface-soft)!important;}
.vnext-snapshot-jump .btn{min-height:40px;}
.vnext-snapshot-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:11px;}
.vnext-snapshot-head h3{margin:2px 0 0;font-size:17px;color:var(--pp-ink);letter-spacing:-.02em;}
.vnext-pinned-pill{font-size:10px;font-weight:800;color:var(--pp-green-dark);background:var(--pp-green-soft);border:1px solid #c7eadc;padding:5px 8px;border-radius:999px;}
.vnext-snapshot-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;}
.vnext-snapshot-value{border:1px solid var(--pp-line);background:var(--pp-surface-soft);border-radius:13px;padding:10px 11px;min-width:0;}
.vnext-snapshot-value>span{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--pp-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vnext-snapshot-value>span i{width:7px;height:7px;border-radius:50%;flex:0 0 auto;}
.vnext-snapshot-value strong{display:block;margin-top:4px;font-size:16px;color:var(--pp-ink);overflow-wrap:anywhere;}
.vnext-snapshot-value small{display:block;color:var(--pp-muted);font-size:9px;margin-top:3px;}
.vnext-snapshot-empty{display:grid;gap:3px;color:var(--pp-muted);padding:4px 0;}
.vnext-snapshot-empty b{color:var(--pp-ink);font-size:13px;}.vnext-snapshot-empty span{font-size:11px;}
.vnext-snapshot-note{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--pp-line);font-size:10px;color:var(--pp-muted);line-height:1.45;}
.vnext-secondary-surface{border-radius:18px!important;box-shadow:none!important;}

.clinical-snapshot-overlay{position:fixed;inset:0;z-index:9999;background:rgba(7,25,19,.55);display:grid;place-items:start center;overflow:auto;padding:24px;}
.clinical-snapshot-sheet{width:min(820px,100%);background:white;border-radius:20px;padding:28px;color:#10211b;box-shadow:0 25px 80px rgba(0,0,0,.24);margin:auto;}
.clinical-snapshot-actions{display:flex;justify-content:flex-end;gap:8px;margin-bottom:18px;}
.clinical-snapshot-sheet header{padding-bottom:16px;border-bottom:1px solid #dce8e2;}
.clinical-brand{font-size:12px;font-weight:850;color:#087d59;text-transform:uppercase;letter-spacing:.08em;}
.clinical-snapshot-sheet h2{font-size:28px;margin:5px 0 2px;letter-spacing:-.04em;}.clinical-snapshot-sheet header p{margin:0;color:#6c8279;}
.clinical-snapshot-sheet section{padding:18px 0;}.clinical-snapshot-sheet h3{font-size:15px;margin:0 0 10px;}
.clinical-snapshot-sheet table{width:100%;border-collapse:collapse;}.clinical-snapshot-sheet th,.clinical-snapshot-sheet td{text-align:left;padding:10px;border-bottom:1px solid #e8efeb;font-size:12px;}
.clinical-snapshot-sheet th{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#6c8279;}
.clinical-disclaimer{font-size:10px;line-height:1.45;color:#6c8279;background:#f7faf8;border-radius:12px;padding:10px;}

@media(max-width:700px){
  .track-vnext,.insights-vnext{padding-bottom:96px;}
  .track-vnext-hero,.insights-vnext-hero{padding:5px 2px 12px;}
  .track-vnext-hero h2,.insights-vnext-hero h2{font-size:23px;}
  .track-vnext-hero p,.insights-vnext-hero p{font-size:11px;line-height:1.4;}
  .track-vnext .activecycles-top-grid,.track-vnext .activecycles-history-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .track-vnext .track-schedule-card{padding:13px!important;border-radius:18px!important;}
  .track-vnext #daily-log-panel>.muted{font-size:10px!important;margin:7px 0!important;}
  .track-vnext #table-daily-log tbody tr{padding:10px 8px!important;min-height:0!important;}
  .track-vnext #wellness-checkin-fields{grid-template-columns:1fr 1fr!important;gap:6px!important;}
  .track-vnext .history-toolbar{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .track-vnext .history-toolbar>div:first-child{grid-column:1/-1;}
  .track-vnext .history-toolbar input,.track-vnext .history-toolbar select{width:100%!important;min-width:0!important;}
  .insights-vnext .dashboard-bubble-head{align-items:flex-start!important;flex-direction:column!important;gap:7px!important;padding:10px 11px 6px!important;}
  .insights-vnext .dashboard-bubble-head>div:last-child{width:100%;justify-content:flex-start!important;}
  .insights-vnext .dashboard-bubble-selector{padding:0 10px 10px!important;max-height:145px!important;}
  .insights-vnext .dashboard-bubble{font-size:10px!important;min-height:31px!important;padding:6px 8px!important;}
  .insights-vnext .progress-deep-dive-card,.insights-vnext .levels-deep-dive-card,.insights-vnext .lab-deep-dive-card{padding:12px!important;border-radius:18px!important;}
  .vnext-snapshot-tools,.vnext-snapshot-panel{padding:12px;border-radius:16px;}
  .vnext-snapshot-tools-head{display:grid;gap:8px;}.vnext-snapshot-tools-head .btn{width:100%;}
  .vnext-snapshot-jump{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  .vnext-snapshot-jump label{min-width:0;}.vnext-snapshot-jump .btn{width:100%;}
  .vnext-snapshot-values{grid-template-columns:1fr 1fr;gap:6px;}
  .vnext-snapshot-value{padding:9px;}.vnext-snapshot-value strong{font-size:14px;}
  .clinical-snapshot-overlay{padding:10px;}.clinical-snapshot-sheet{border-radius:15px;padding:16px;}.clinical-snapshot-actions{position:sticky;top:0;background:white;padding:4px 0 8px;z-index:2;}.clinical-snapshot-sheet h2{font-size:23px;}
}

@media print{
  body>*:not(.clinical-snapshot-overlay){display:none!important;}
  .clinical-snapshot-overlay{position:static!important;background:white!important;padding:0!important;display:block!important;}
  .clinical-snapshot-sheet{box-shadow:none!important;border-radius:0!important;width:100%!important;padding:0!important;}
  .clinical-snapshot-actions{display:none!important;}
}

/* =========================================================
   vNext final app-wide cohesion pass
   ========================================================= */
#app-shell .app-page-vnext{scroll-margin-top:76px;}
#app-shell .app-subpage-vnext{scroll-margin-top:118px;}
#app-shell .card,#app-shell details.card,#app-shell .today-panel{border-color:var(--pp-line)!important;box-shadow:none!important;}
#app-shell .section-title{color:var(--pp-ink);font-weight:840;}
#app-shell .field>label,#app-shell .field label{font-size:10px;font-weight:820;letter-spacing:.02em;color:var(--pp-muted);}
#app-shell input,#app-shell select,#app-shell textarea{min-height:42px;box-shadow:none!important;}
#app-shell textarea{line-height:1.45;}
#app-shell .btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
#app-shell .btn.small{min-height:34px;}
#app-shell .pill{border-radius:999px;font-weight:800;letter-spacing:.015em;}
#app-shell .empty{border-radius:14px;line-height:1.45;}
#app-shell .table-wrap{border-color:var(--pp-line)!important;box-shadow:none!important;}
#app-shell table th{color:var(--pp-muted);font-weight:820;}
#app-shell table td{color:var(--pp-ink);}
#app-shell details>summary{outline:none;}
#app-shell details>summary:focus-visible,#app-shell button:focus-visible,#app-shell input:focus-visible,#app-shell select:focus-visible,#app-shell textarea:focus-visible{outline:3px solid rgba(21,139,98,.18);outline-offset:2px;}

.mobile-more-vnext{padding-bottom:max(14px,env(safe-area-inset-bottom));}
.mobile-more-vnext .mobile-more-group{margin:4px 0 10px;padding:5px;border:1px solid var(--pp-line);border-radius:16px;background:var(--pp-surface-soft);}
.mobile-more-vnext .mobile-more-label{padding:7px 9px 5px;font-size:9px;font-weight:900;letter-spacing:.085em;text-transform:uppercase;color:var(--pp-muted);}
.mobile-more-vnext .mobile-more-group>button{background:var(--pp-surface)!important;border:0!important;border-radius:11px!important;margin:2px 0!important;min-height:44px!important;}
.mobile-more-vnext .mobile-more-group>button+button{border-top:1px solid var(--pp-line)!important;}
.mobile-more-vnext .mobile-more-danger{margin-top:4px!important;border-radius:13px!important;min-height:44px!important;}

.clinical-meta{margin-top:6px;font-size:10px;color:#6c8279;font-weight:650;}
.clinical-inline-note{font-size:10px;line-height:1.45;color:#6c8279;margin:9px 0 0;}
.vnext-clinical-tag{display:inline-flex;margin-left:5px;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;padding:3px 6px;border-radius:999px;background:#fff3cf;color:#775a00;vertical-align:middle;}
.clinical-key-value{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #e3ece7;border-radius:12px;background:#f8fbf9;font-size:12px;}
.clinical-key-value span{color:#6c8279;}.clinical-key-value b{font-size:15px;}
.clinical-notes-lines{min-height:108px;border:1px solid #e3ece7;border-radius:12px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 27px,#e9efec 28px);}
.clinical-snapshot-sheet section+section{border-top:1px solid #edf2ef;}
.clinical-snapshot-sheet td b{font-weight:780;}

@media(max-width:700px){
  #app-shell main{padding-left:12px!important;padding-right:12px!important;}
  #app-shell .card,#app-shell details.card,#app-shell .today-panel{border-radius:17px!important;}
  #app-shell .section-title{font-size:17px!important;}
  #app-shell .row.cols-4,#app-shell .row.cols-3{gap:7px!important;}
  #app-shell .btn{min-height:42px;}
  #app-shell .responsive-cards{overflow:visible!important;}
  .mobile-more-sheet.mobile-more-vnext{max-height:min(84vh,760px);overflow:auto;}
  .clinical-snapshot-sheet table{display:block;overflow-x:auto;white-space:nowrap;}
  .clinical-snapshot-sheet section{padding:14px 0;}
  .clinical-snapshot-sheet th,.clinical-snapshot-sheet td{padding:8px;font-size:11px;}
}

@media print{
  .clinical-snapshot-sheet section{break-inside:avoid;}
  .clinical-snapshot-sheet table{font-size:10pt;}
}

/* =========================================================
   2026-09-10 mobile intuition + page-depth audit
   Progressive disclosure keeps primary actions visible while
   preserving all existing controls behind explicit expanders.
   ========================================================= */
@media(max-width:700px){
  /* Bottom navigation: keep the center Add action fully visible. */
  .mobile-nav-vnext{overflow:visible!important;padding-top:10px!important;}
  .mobile-nav-vnext .mobile-nav-add{
    width:62px!important;height:62px!important;min-height:62px!important;
    margin-top:-23px!important;padding:0!important;line-height:1!important;
    overflow:visible!important;clip-path:none!important;
  }
  .mobile-nav-vnext .mobile-nav-add span{display:block!important;line-height:52px!important;font-size:36px!important;transform:none!important;}

  /* Feedback remains available without covering page content. */
  .feedback-fab{
    left:10px!important;bottom:88px!important;min-height:34px!important;
    padding:7px 10px!important;font-size:11px!important;line-height:1!important;
    box-shadow:0 5px 14px rgba(23,67,51,.12)!important;opacity:.92;
  }

  /* Page headers should orient, not consume a screen. */
  .app-page-hero,.track-vnext-hero,.insights-vnext-hero{padding-top:3px!important;padding-bottom:9px!important;}
  .app-page-hero h2,.track-vnext-hero h2,.insights-vnext-hero h2{font-size:22px!important;}
  .app-page-hero p,.track-vnext-hero p,.insights-vnext-hero p{font-size:11px!important;line-height:1.35!important;margin-top:4px!important;}

  /* Deep-dive selectors stay compact instead of becoming chip walls. */
  .insights-vnext .dashboard-bubble-selector{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;
    max-height:none!important;gap:6px!important;padding:0 10px 10px!important;scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .insights-vnext .dashboard-bubble-selector>*{flex:0 0 auto!important;scroll-snap-align:start;}

  /* Generic mobile disclosure controls inserted by app-vnext.js. */
  .vnext-mobile-disclosure{margin:9px 0 12px!important;}
  .vnext-mobile-disclosure-toggle{
    width:100%;min-height:44px;border:1px solid var(--pp-line);border-radius:14px;
    background:var(--pp-surface-soft);color:var(--pp-green-dark);font-weight:820;font-size:12px;
    display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;
  }
  .vnext-mobile-disclosure-toggle span:last-child{font-size:18px;line-height:1;}
  .vnext-mobile-collapsed{display:none!important;}

  /* Track: today first. History and rotation are secondary. */
  .track-vnext .track-secondary-section,.track-vnext .track-history-section{margin-top:8px!important;}
  .track-vnext #wellness-trend-charts{max-height:170px;overflow:auto;}

  /* Catalog/inventory: forms stay closed until explicitly requested. */
  .catalog-vnext .add-toggle-body[hidden]{display:none!important;}
  .catalog-vnext .table-wrap{max-height:min(48vh,430px);overflow:auto!important;}

  /* Settings becomes a compact hub rather than a continuous wall. */
  .settings-vnext>.card,.settings-vnext>details.card{margin-top:9px!important;margin-bottom:9px!important;}
  .settings-vnext details.settings-collapsible>summary,.settings-vnext details.card>summary{min-height:44px;display:flex;align-items:center;}
  .settings-vnext .row.cols-3,.settings-vnext .row.cols-4{grid-template-columns:1fr 1fr!important;}

  /* Admin tables and long histories get their own scroll region. */
  .admin-vnext .table-wrap{max-height:min(52vh,460px);overflow:auto!important;}

  /* Never let the fixed navigation cover the last actionable control. */
  #app-shell main,.app-page-vnext,.app-subpage-vnext,.track-vnext,.insights-vnext{padding-bottom:max(112px,calc(96px + env(safe-area-inset-bottom)))!important;}
}

/* 0910 mobile page identity pass: shared nav, purpose-built page tops */
@media (max-width: 760px){
  .mobile-identity{margin:8px 0 14px;padding:16px;border:1px solid var(--pp-line);border-radius:20px;background:var(--pp-surface);display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:92px;box-shadow:0 8px 24px rgba(20,55,43,.05)}
  .mobile-identity h2{font-size:20px;line-height:1.08;margin:3px 0 4px;letter-spacing:-.02em}
  .mobile-identity p{font-size:12px;line-height:1.4;margin:0;color:var(--muted)}
  .identity-eyebrow{display:block;font-size:9px;line-height:1;font-weight:900;letter-spacing:.14em;color:var(--pp-green);margin-bottom:5px}
  .identity-round-action{width:42px;height:42px;min-width:42px;border-radius:50%;border:1px solid var(--pp-line);background:var(--pp-green);color:white;font-size:22px;font-weight:700;display:grid;place-items:center}
  .today-identity{border-left:4px solid var(--pp-green);background:linear-gradient(105deg,var(--pp-surface),var(--pp-surface-soft))}
  .calendar-identity{justify-content:flex-start;background:var(--pp-surface-soft)}
  .identity-date-tile{width:72px;min-width:72px;height:66px;border-radius:16px;background:var(--pp-green);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.identity-date-tile span{font-size:8px;font-weight:900;letter-spacing:.12em}.identity-date-tile strong{font-size:16px;margin-top:3px}
  .progress-identity{background:linear-gradient(145deg,var(--pp-surface) 55%,var(--pp-surface-soft));border-radius:24px 24px 10px 24px}
  .levels-identity{justify-content:flex-start;border-radius:12px 24px 24px 24px}.identity-wave{width:54px;height:54px;min-width:54px;border-radius:16px;background:var(--pp-surface-soft);color:var(--pp-green);font-size:38px;display:grid;place-items:center;font-weight:300}
  .labs-identity{border-top:4px solid var(--pp-green);border-radius:12px 12px 20px 20px}
  .inventory-identity{background:var(--pp-green-dark);color:#fff;border:0}.inventory-identity p,.inventory-identity .identity-eyebrow{color:rgba(255,255,255,.75)}.identity-vial{width:38px;min-width:38px;font-size:31px;text-align:center}.inventory-identity .identity-round-action{background:#fff;color:var(--pp-green-dark);border:0}
  .settings-identity{justify-content:flex-start;background:transparent;box-shadow:none;border:0;border-bottom:1px solid var(--pp-line);border-radius:0;padding:10px 2px 14px}.identity-gear{width:44px;height:44px;min-width:44px;border-radius:14px;background:var(--pp-surface-soft);display:grid;place-items:center;font-size:20px}
  /* Let each identity lead. Suppress immediately duplicated headings where practical. */
  #tab-inventory>.split>div>.section-title:first-child{display:none}
  #tab-levels>.card:first-of-type{margin-top:0}
  #tab-photos>.card:first-of-type .section-title:first-child{display:none}
  #tab-labs>.card:first-of-type .section-title:first-child{font-size:14px}
}

/* 0910 mobile Home information hierarchy + compact inventory */
@media (max-width:760px){
  /* Reorder only the mobile Home screen. Desktop DOM/layout remains untouched. */
  #tab-dashboard.active{display:flex!important;flex-direction:column!important;}
  #tab-dashboard>.home-hero{order:0;}
  #tab-dashboard>.home-today-card{order:1;}
  #tab-dashboard>.home-explore-card{order:2;}
  #tab-dashboard>.home-levels-card{order:3;}
  #tab-dashboard>.home-progress-card{order:4;}
  #tab-dashboard>.home-vials-card{order:5;}
  #tab-dashboard>.home-alerts-card{order:6;}
  #tab-dashboard>.home-tools-card{order:7;}
  #tab-dashboard>.home-compat{order:8;}
  #tab-dashboard>.disclaimer{order:9;}

  /* Insights is intentionally the second major card after Today. */
  #tab-dashboard .home-explore-card{margin-top:10px!important;}
  #tab-dashboard .home-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  #tab-dashboard .home-explore-grid button{min-height:88px!important;padding:11px!important;}

  /* Active vials: four balanced, shorter summaries across the card. */
  #dashboard-active-vials-card{padding:12px 12px 13px!important;}
  #dashboard-active-vials{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;}
  #dashboard-active-vials .active-vials-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 24px)/4)!important;
    grid-template-columns:none!important;
    gap:8px!important;
    margin-top:7px!important;
    padding:0 0 2px!important;
    overflow:visible!important;
  }
  #dashboard-active-vials .vial-card{
    min-width:0!important;min-height:124px!important;height:124px!important;
    padding:8px 5px!important;border-radius:15px!important;gap:3px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
    overflow:hidden!important;
  }
  #dashboard-active-vials .vial-card-delete{display:none!important;}
  #dashboard-active-vials .vial-card-icon{height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:scale(.72)!important;transform-origin:center!important;}
  #dashboard-active-vials .vial-card-body{width:100%!important;min-width:0!important;text-align:center!important;}
  #dashboard-active-vials .vial-card-head{display:block!important;width:100%!important;margin:1px 0 5px!important;font-size:10px!important;line-height:1.1!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #dashboard-active-vials .vial-card-head .vial-dot{display:inline-block!important;width:6px!important;height:6px!important;margin-right:3px!important;vertical-align:1px!important;}
  #dashboard-active-vials .vial-fill-bar{display:none!important;}
  #dashboard-active-vials .vial-fill-text{font-size:9px!important;line-height:1.15!important;margin:0!important;display:flex!important;justify-content:center!important;}
  #dashboard-active-vials .vial-fill-full{display:none!important;}
  #dashboard-active-vials .vial-fill-compact{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  #dashboard-active-vials .vial-fill-sub{display:none!important;}
}

/* Home vs Track separation: Home is a mobile command center; Track owns data entry. */
.home-mobile-checkin-summary{display:none;}
@media(max-width:700px){
  #tab-dashboard .home-today-card .home-checkin-row{display:none!important;}
  #tab-dashboard .home-mobile-checkin-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 13px;border-top:1px solid var(--pp-line);background:rgba(255,255,255,.72);border-radius:14px;}
  #tab-dashboard .home-checkin-summary-copy{min-width:0;display:flex;flex-direction:column;gap:2px;}
  #tab-dashboard .home-checkin-summary-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--pp-muted);font-weight:850;}
  #tab-dashboard .home-checkin-summary-copy strong{font-size:14px;line-height:1.2;color:var(--pp-ink);}
  #tab-dashboard .home-checkin-summary-copy small{font-size:10px;line-height:1.3;color:var(--pp-muted);}
  #tab-dashboard .home-checkin-summary-action{flex:0 0 auto;white-space:nowrap;min-height:38px;padding:8px 11px;}
  /* Keep Home observational. Full check-in/progress entry remains available on Track. */
  #tab-dashboard #dashboard-progress-snapshot{display:none!important;}
}


/* 0910 strict desktop baseline guard */
@media(min-width:701px){
  .mobile-identity,.mobile-nav-vnext,.mobile-more-sheet,.mobile-quick-add-sheet,.home-mobile-checkin-summary{display:none!important;}
  .vnext-mobile-disclosure{display:none!important;}
  .vnext-mobile-collapsed{display:revert!important;}
}

/* 2026-09-10 fresh mobile app blueprint. Desktop intentionally untouched. */
@media(max-width:700px){
  /* keep desktop dashboard source nodes available for renderers but hide their shells after mobile home mounts */
  #tab-dashboard.mobile-home-mounted > .desktop-dashboard-source{display:none!important;}
  #tab-dashboard.mobile-home-mounted{padding-top:0!important;}

  .mobile-home-blueprint{display:flex;flex-direction:column;gap:14px;padding-top:2px;}
  .mobile-home-greeting{padding:6px 2px 2px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
  .mobile-home-greeting h1{margin:0;font-size:29px;line-height:1.08;letter-spacing:-.045em;color:var(--pp-ink);font-weight:850;}
  .mobile-home-greeting p{margin:6px 0 0;font-size:12.5px;color:var(--pp-muted);font-weight:650;}
  .mobile-home-profile-btn{width:42px;height:42px;min-width:42px;border:1px solid var(--pp-line);border-radius:50%;background:#fff;color:var(--pp-green-dark);font-size:17px;box-shadow:0 5px 16px rgba(23,67,51,.06);}

  .mobile-home-card{background:#fff;border:1px solid var(--pp-line);border-radius:22px;box-shadow:0 7px 22px rgba(23,67,51,.055);padding:16px;overflow:hidden;}
  .mobile-home-card.today{background:linear-gradient(145deg,#f3fbf7 0%,#fff 70%);border-color:#c9e8db;}
  .mobile-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;}
  .mobile-card-head h2{margin:0;font-size:18px;line-height:1.15;letter-spacing:-.025em;color:var(--pp-ink);}
  .mobile-card-head p{margin:3px 0 0;font-size:11.5px;color:var(--pp-muted);}
  .mobile-card-link{width:auto!important;border:0!important;background:transparent!important;color:var(--pp-green-dark)!important;font-size:11.5px!important;font-weight:800!important;padding:3px 0!important;box-shadow:none!important;}
  .mobile-today-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:10px;border:1px solid #d9ece4;background:#f9fcfb;border-radius:15px;}
  .mobile-today-progress strong{font-size:22px;letter-spacing:-.04em;}
  .mobile-today-progress span{font-size:11px;color:var(--pp-muted);}
  .mobile-home-card #dashboard-period-schedule,.mobile-home-card #dashboard-level-panel,.mobile-home-card #dashboard-checkin-panel,.mobile-home-card #dashboard-progress-snapshot,.mobile-home-card #dashboard-active-vials,.mobile-home-card #alerts-panel{margin:0!important;min-width:0;}
  .mobile-home-card #dashboard-period-schedule .today-panel,.mobile-home-card #dashboard-checkin-panel .today-panel,.mobile-home-card #dashboard-level-panel .today-panel{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;}
  .mobile-home-card table{font-size:11px!important;}
  .mobile-home-card table th,.mobile-home-card table td{padding:7px 5px!important;}
  .mobile-home-card #dashboard-level-panel .dashboard-chart-stage{min-height:150px!important;max-height:178px!important;}
  .mobile-home-card #dashboard-level-panel .pk-chart-wrap svg{max-height:170px!important;}
  .mobile-home-card #dashboard-checkin-panel .row{gap:7px!important;}
  .mobile-home-card #dashboard-active-vials{display:flex!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px;}
  .mobile-home-card #dashboard-active-vials::-webkit-scrollbar{display:none;}
  .mobile-home-card #dashboard-active-vials>*{min-width:78%!important;max-width:86%!important;scroll-snap-align:start;}
  .mobile-home-card #alerts-panel{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;}

  .mobile-home-card.cycles .table-wrap{max-height:none!important;overflow:visible!important;margin:0!important;}
  .mobile-home-card.cycles #table-cycles{margin:0!important;}
  .mobile-home-card.cycles #table-cycles tbody:empty::after{content:"Your cycles will appear here once loaded.";display:block;padding:14px;color:var(--pp-muted);font-size:12px;}

  .mobile-home-insight-grid{display:grid;gap:8px;}
  .mobile-home-insight-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;border:1px solid var(--pp-line);background:var(--pp-surface-soft);border-radius:15px;padding:11px 12px;color:var(--pp-ink);}
  .mobile-home-insight-row span{min-width:0;}
  .mobile-home-insight-row small{display:block;font-size:9.5px;color:var(--pp-muted);font-weight:750;text-transform:uppercase;letter-spacing:.055em;}
  .mobile-home-insight-row b{display:block;margin-top:3px;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mobile-home-insight-row i{font-style:normal;color:#8ba098;font-size:20px;}

  .mobile-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .mobile-progress-kpi{padding:11px;border:1px solid var(--pp-line);border-radius:14px;background:var(--pp-surface-soft);}
  .mobile-progress-kpi span{display:block;color:var(--pp-muted);font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.045em;margin-bottom:5px;}
  .mobile-progress-kpi strong{font-size:18px;line-height:1.1;letter-spacing:-.025em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  .mobile-insights-page{display:flex;flex-direction:column;gap:14px;}
  .mobile-page-hero{padding:7px 2px 2px;}
  .mobile-page-hero h1{margin:2px 0 5px;font-size:28px;letter-spacing:-.04em;}
  .mobile-page-hero p{margin:0;color:var(--pp-muted);font-size:12.5px;line-height:1.45;}
  .mobile-insight-list{display:grid;gap:10px;}
  .mobile-insight-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:15px;border:1px solid var(--pp-line);border-radius:18px;background:#fff;color:var(--pp-ink);box-shadow:0 6px 18px rgba(23,67,51,.045);}
  .mobile-insight-card span{min-width:0;}
  .mobile-insight-card small{display:block;color:var(--pp-green-dark);font-size:9.5px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;}
  .mobile-insight-card b{display:block;font-size:15px;margin:4px 0 3px;}
  .mobile-insight-card em{display:block;font-style:normal;color:var(--pp-muted);font-size:11.5px;line-height:1.35;}
  .mobile-insight-card i{font-style:normal;color:#87a097;font-size:22px;}

  .mobile-more-vnext{max-height:min(86vh,720px)!important;overflow-y:auto!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important;}
  .mobile-more-group{padding:8px 0 2px;border-top:1px solid var(--pp-line);}
  .mobile-more-group:first-of-type{border-top:0;}
  .mobile-more-label{padding:6px 14px 5px;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--pp-muted);}
  .mobile-more-vnext .mobile-more-group>button{border-radius:12px!important;margin:1px 6px!important;width:calc(100% - 12px)!important;}

  /* Track is a destination with a compact native subnav. */
  #tab-track>.subnav{position:sticky!important;top:0!important;z-index:40!important;display:flex!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important;padding:4px!important;border-radius:14px!important;margin-bottom:12px!important;}
  #tab-track>.subnav::-webkit-scrollbar{display:none;}
  #tab-track>.subnav button{flex:0 0 auto!important;min-height:36px!important;padding:7px 11px!important;font-size:11px!important;}

  /* Profile onboarding only exists in the mobile app treatment. */
  .mobile-profile-modal .modal-card{max-width:440px;border-radius:24px!important;padding:20px!important;}
  .mobile-profile-modal h2{margin:3px 0 8px;font-size:24px;letter-spacing:-.035em;}
  .mobile-profile-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--pp-green-soft);color:var(--pp-green-dark);margin-bottom:12px;font-size:18px;}
  .mobile-profile-name-row{grid-template-columns:1fr 1fr!important;gap:9px!important;}
  .mobile-profile-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;}

  /* horizontal swipes belong to pages, not charts/forms/selectors */
  #app-shell main{touch-action:pan-y;}
  canvas,svg,.dashboard-bubble-selector,.table-wrap,input,textarea,select,.modal-backdrop,.mobile-more-backdrop{touch-action:auto;}
}

@media(min-width:701px){
  #tab-insights{display:none!important;}
  .mobile-profile-modal{display:none!important;}
}
@media(max-width:700px){
  /* Quick Add behaves like a native action sheet from the center + button. */
  #quick-add{position:fixed!important;inset:0!important;z-index:105!important;pointer-events:none!important;background:transparent!important;}
  #quick-add.open{pointer-events:auto!important;background:rgba(8,24,18,.24)!important;}
  #quick-add .quick-add-toggle{display:none!important;}
  #quick-add .quick-add-menu{display:block!important;position:absolute!important;left:10px!important;right:10px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;top:auto!important;width:auto!important;max-height:70vh!important;overflow-y:auto!important;padding:10px!important;border:1px solid var(--pp-line)!important;border-radius:22px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 18px 50px rgba(16,38,29,.22)!important;transform:translateY(115%)!important;opacity:0!important;visibility:hidden!important;transition:transform .22s ease,opacity .18s ease,visibility .18s ease!important;}
  #quick-add.open .quick-add-menu{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;}
  #quick-add .quick-add-menu button{width:100%!important;text-align:left!important;min-height:44px!important;border:0!important;background:transparent!important;border-radius:12px!important;padding:10px 12px!important;font-weight:760!important;color:var(--pp-ink)!important;}
  #quick-add .quick-add-menu button:active{background:var(--pp-green-soft)!important;}
}
@media(max-width:700px){
  .mobile-personal-profile-card{display:block!important;}
  .mobile-today-progress>div:first-child{min-width:0;}
  .mobile-today-progress>div:last-child{display:flex;flex:0 0 auto;}
  .mobile-today-progress .btn{padding:7px 9px!important;font-size:10.5px!important;white-space:nowrap;}
}
@media(min-width:701px){.mobile-personal-profile-card{display:none!important;}}

/* 2026-09-10 Mobile V1.2 stabilization: viewport containment + compact Active Vials.
   Mobile only. Desktop/web layout intentionally untouched. */
@media(max-width:700px){
  html,body,#app-shell{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  body{margin-left:0!important;margin-right:0!important;}
  #app-shell main,main,.tab,.subtab,.mobile-home-blueprint,.mobile-insights-page,
  .mobile-home-card,.today-panel,.card,.split,.row,.grid,.table-wrap{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
  }
  #app-shell main,main{width:100%!important;margin-left:0!important;margin-right:0!important;}
  #tab-dashboard,#tab-track,#tab-plan,#tab-catalog,#tab-settings,#tab-insights{
    width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
  }
  img,video,canvas,svg{max-width:100%;}
  .feedback-fab{left:auto!important;right:10px!important;max-width:calc(100vw - 20px)!important;}
  .mobile-nav-vnext,.mobile-nav{left:0!important;right:0!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;}
  .mobile-home-greeting{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .mobile-home-greeting>div{min-width:0!important;}
  .mobile-home-greeting h1{font-size:clamp(25px,8vw,29px)!important;white-space:normal!important;overflow-wrap:anywhere!important;}

  /* Active Vials should read as a compact swipe rail, not a tall dashboard panel. */
  .mobile-home-card.vials,
  .mobile-home-card:has(#dashboard-active-vials){
    min-height:0!important;
    height:auto!important;
    padding:14px 14px 15px!important;
  }
  .mobile-home-card:has(#dashboard-active-vials) .mobile-card-head{margin-bottom:9px!important;}
  .mobile-home-card #dashboard-active-vials{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 1px 2px!important;
    margin:0!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mobile-home-card #dashboard-active-vials .active-vials-grid{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:9px!important;
    width:max-content!important;
    min-width:max-content!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
  }
  .mobile-home-card #dashboard-active-vials .vial-card,
  .mobile-home-card #dashboard-active-vials .active-vials-grid>*{
    flex:0 0 102px!important;
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    padding:9px 8px!important;
    margin:0!important;
    border-radius:16px!important;
    scroll-snap-align:start!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .mobile-home-card #dashboard-active-vials .vial-card-icon{
    height:36px!important;min-height:36px!important;max-height:36px!important;transform:scale(.64)!important;
  }
  .mobile-home-card #dashboard-active-vials .vial-card-head{
    margin:0 0 4px!important;font-size:10px!important;line-height:1.1!important;
  }
  .mobile-home-card #dashboard-active-vials .vial-fill-text{font-size:9.5px!important;line-height:1.08!important;}
  .mobile-home-card #dashboard-active-vials>*{min-width:0!important;max-width:none!important;}
}

/* 2026-09-10 Mobile V1.3 polish pass.
   IMPORTANT: every rule in this block is mobile-only so Index 9 desktop/web remains unchanged. */
@media(max-width:700px){
  /* TODAY summary: emphasize values, not connector words. */
  .mobile-today-progress .mobile-today-countline{display:flex!important;align-items:baseline!important;gap:5px!important;flex-wrap:wrap!important;line-height:1.05!important;}
  .mobile-today-progress .mobile-today-countline strong{font-size:24px!important;font-weight:850!important;letter-spacing:-.035em!important;color:var(--pp-ink)!important;}
  .mobile-today-progress .mobile-today-countline .count-word{font-size:14px!important;font-weight:500!important;color:var(--pp-muted)!important;}
  .mobile-today-progress .mobile-today-count-sub{display:block!important;margin-top:4px!important;font-size:12px!important;color:var(--pp-muted)!important;font-weight:500!important;}

  /* CURRENT CYCLES: compact swipe rail instead of tall stacked table cards. */
  .mobile-home-card.cycles{padding:14px!important;overflow:hidden!important;}
  .mobile-home-card.cycles .table-wrap{overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;max-width:100%!important;padding:0 1px 3px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;}
  .mobile-home-card.cycles #table-cycles{display:block!important;width:100%!important;min-width:0!important;border:0!important;}
  .mobile-home-card.cycles #table-cycles thead{display:none!important;}
  .mobile-home-card.cycles #table-cycles tbody{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;width:max-content!important;min-width:max-content!important;padding:0!important;}
  .mobile-home-card.cycles #table-cycles tbody tr{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:5px!important;align-content:start!important;flex:0 0 min(76vw,290px)!important;width:min(76vw,290px)!important;min-height:124px!important;height:auto!important;padding:14px!important;border:1px solid var(--pp-line)!important;border-radius:18px!important;background:var(--pp-surface-soft)!important;scroll-snap-align:start!important;box-sizing:border-box!important;}
  .mobile-home-card.cycles #table-cycles td{display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;text-align:left!important;white-space:normal!important;}
  .mobile-home-card.cycles #table-cycles td:before{display:none!important;content:none!important;}
  .mobile-home-card.cycles #table-cycles td:nth-child(1){font-size:16px!important;font-weight:820!important;line-height:1.18!important;overflow-wrap:anywhere!important;}
  .mobile-home-card.cycles #table-cycles td:nth-child(2){font-size:12px!important;color:var(--pp-muted)!important;font-weight:650!important;}
  .mobile-home-card.cycles #table-cycles td:nth-child(3){min-width:0!important;margin-top:3px!important;}
  .mobile-home-card.cycles #table-cycles td:nth-child(3) .progress{height:7px!important;width:100%!important;margin:0!important;}
  .mobile-home-card.cycles #table-cycles td:nth-child(3) .muted{font-size:11px!important;margin-top:4px!important;}
  .mobile-home-card.cycles #table-cycles td:nth-child(4){display:none!important;}

  /* HOME Today in Your System should be a preview, never the full deep-dive workspace. */
  .mobile-home-card:has(#dashboard-level-panel){padding:14px!important;overflow:hidden!important;}
  .mobile-home-card #dashboard-level-panel>.today-panel-head,
  .mobile-home-card #dashboard-level-panel>.muted:first-of-type,
  .mobile-home-card #dashboard-level-panel>.dashboard-bubble-head,
  .mobile-home-card #dashboard-level-panel>.dashboard-bubble-selector,
  .mobile-home-card #dashboard-level-panel .pk-zoom-toolbar,
  .mobile-home-card #dashboard-level-panel .pk-chart-help,
  .mobile-home-card #dashboard-level-panel .level-chart-meta{display:none!important;}
  .mobile-home-card #dashboard-level-panel .level-current{margin:4px 0 8px!important;display:flex!important;align-items:baseline!important;gap:7px!important;}
  .mobile-home-card #dashboard-level-panel .level-current strong{font-size:24px!important;}
  .mobile-home-card #dashboard-level-panel>.muted{font-size:11px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:4px 0 8px!important;}
  .mobile-home-card #dashboard-level-panel .pk-interactive-chart,
  .mobile-home-card #dashboard-level-panel .dashboard-chart-stage{height:155px!important;min-height:155px!important;max-height:155px!important;overflow:hidden!important;margin:0!important;}
  .mobile-home-card #dashboard-level-panel .pk-interactive-chart svg,
  .mobile-home-card #dashboard-level-panel .dashboard-chart-stage svg{height:150px!important;max-height:150px!important;width:100%!important;}

  /* QUICK CHECK-IN: marker identity must always be visible. */
  .mobile-home-card #dashboard-checkin-panel .dashboard-checkin-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .mobile-home-card #dashboard-checkin-panel .dashboard-checkin-field{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;min-height:68px!important;padding:9px!important;border:1px solid var(--pp-line)!important;border-radius:14px!important;background:var(--pp-surface-soft)!important;}
  .mobile-home-card #dashboard-checkin-panel .dashboard-checkin-field label{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;position:static!important;margin:0 0 6px!important;font-size:11px!important;line-height:1.2!important;font-weight:800!important;color:var(--pp-ink)!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  .mobile-home-card #dashboard-checkin-panel .dashboard-checkin-field select{display:block!important;width:100%!important;min-width:0!important;min-height:40px!important;height:40px!important;font-size:13px!important;padding:6px 28px 6px 8px!important;}

  /* ACTIVE VIALS: compact section, larger and more useful vial illustration. */
  .mobile-home-card #dashboard-active-vials .vial-card,
  .mobile-home-card #dashboard-active-vials .active-vials-grid>*{flex-basis:112px!important;width:112px!important;min-width:112px!important;max-width:112px!important;height:152px!important;min-height:152px!important;max-height:152px!important;padding:8px!important;}
  .mobile-home-card #dashboard-active-vials .vial-card-icon{height:54px!important;min-height:54px!important;max-height:54px!important;transform:scale(.94)!important;transform-origin:center!important;margin:-2px auto 1px!important;}
  .mobile-home-card #dashboard-active-vials .vial-card-icon svg{height:54px!important;width:54px!important;max-width:54px!important;}
  .mobile-home-card #dashboard-active-vials .vial-card-head{font-size:10.5px!important;line-height:1.15!important;min-height:24px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .mobile-home-card #dashboard-active-vials .vial-fill-text{font-size:10px!important;line-height:1.15!important;}

  /* DEEP DIVE selector parity: same spacing, scrolling, and touch feel everywhere. */
  #tab-levels .dashboard-bubble-head,
  #tab-labs .dashboard-bubble-head,
  #tab-photos #measurement-weight-chart .dashboard-bubble-head{padding:18px 14px 10px!important;margin:10px 0 0!important;border:1px solid var(--pp-line)!important;border-bottom:0!important;border-radius:18px 18px 0 0!important;background:#fff!important;display:flex!important;align-items:flex-start!important;gap:10px!important;flex-wrap:wrap!important;}
  #tab-levels .dashboard-bubble-head>div:last-child,
  #tab-labs .dashboard-bubble-head>div:last-child,
  #tab-photos #measurement-weight-chart .dashboard-bubble-head>div:last-child{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;margin-left:0!important;}
  #tab-levels .dashboard-bubble-selector,
  #tab-labs .dashboard-bubble-selector,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector{max-height:132px!important;min-height:78px!important;overflow-x:auto!important;overflow-y:auto!important;padding:10px 12px 12px!important;border:1px solid var(--pp-line)!important;border-top:0!important;border-radius:0 0 18px 18px!important;background:#fff!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;}
  #tab-levels .dashboard-bubble-selector .chip,
  #tab-levels .dashboard-bubble-selector .dashboard-bubble,
  #tab-labs .dashboard-bubble-selector .chip,
  #tab-labs .dashboard-bubble-selector .dashboard-bubble,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector .chip,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector .dashboard-bubble{min-height:38px!important;padding:8px 11px!important;border-radius:999px!important;font-size:11px!important;line-height:1.1!important;transition:transform .12s ease,background .12s ease,border-color .12s ease!important;}
  #tab-levels .dashboard-bubble-selector button:active,
  #tab-labs .dashboard-bubble-selector button:active,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector button:active{transform:scale(.97)!important;}
  #tab-photos #measurement-weight-chart .progress-selected-chips,
  #tab-labs #lab-compare-chart .lab-selected-chips{max-height:116px!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:3px!important;overscroll-behavior:contain!important;}

  /* Deep-dive cards: mobile visual height should be digestible at a glance. */
  #measurement-weight-chart .progress-deep-dive-card,
  #levels-deep-dive-workspace .levels-deep-dive-card,
  #lab-compare-chart .lab-deep-dive-card{padding:18px 14px 20px!important;border-radius:20px!important;min-height:0!important;}
  #measurement-weight-chart .deep-dive-chart-stage,
  #measurement-weight-chart .progress-chart-interactive,
  #levels-deep-dive-workspace .pk-interactive-chart,
  #levels-deep-dive-workspace #levels-deep-dive-chart,
  #lab-compare-chart .progress-chart-interactive,
  #lab-compare-chart .lab-reference-chart{height:300px!important;min-height:260px!important;max-height:320px!important;overflow:hidden!important;}
  #measurement-weight-chart .deep-dive-chart-stage svg,
  #measurement-weight-chart .progress-chart-interactive svg,
  #levels-deep-dive-workspace .pk-interactive-chart svg,
  #levels-deep-dive-workspace #levels-deep-dive-chart svg,
  #lab-compare-chart .progress-chart-interactive svg,
  #lab-compare-chart .lab-reference-chart svg,
  #lab-compare-chart .trend-chart{height:285px!important;max-height:285px!important;width:100%!important;}

  /* Mobile tooltip becomes a readable bottom panel, with its own scroll. */
  body>.progress-chart-tooltip,
  body>.pk-chart-tooltip,
  .progress-chart-tooltip,
  .pk-chart-tooltip{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:calc(96px + env(safe-area-inset-bottom))!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:min(58vh,460px)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:12px 14px 15px!important;border-radius:18px!important;box-sizing:border-box!important;z-index:250!important;pointer-events:auto!important;}
  .progress-chart-tooltip-time,.pk-chart-tooltip-time{position:sticky!important;top:-12px!important;z-index:2!important;background:inherit!important;padding:12px 0 7px!important;margin-bottom:5px!important;}
  .progress-chart-tooltip-row,.pk-chart-tooltip-row{align-items:flex-start!important;gap:9px!important;margin:7px 0!important;}
  .progress-chart-tooltip-name,.pk-chart-tooltip-name{min-width:0!important;white-space:normal!important;line-height:1.25!important;}
  .progress-chart-tooltip-value,.pk-chart-tooltip-value{flex:0 0 auto!important;font-size:11px!important;}

  /* PROGRESS page: trend-viewing first, data-entry second. */
  #tab-photos>.card:first-child{padding:14px!important;margin-bottom:10px!important;}
  #tab-photos>.card:first-child>.muted{font-size:11px!important;line-height:1.35!important;margin-bottom:8px!important;}
  #tab-photos #health-metrics-section{padding:14px!important;}
  #tab-photos details.card,#tab-photos details.health-log-details{margin-top:10px!important;}
  #tab-photos details.card>summary,#tab-photos details.health-log-details>summary{min-height:44px!important;display:flex!important;align-items:center!important;}
  #tab-photos #progress-measurements-table{font-size:11px!important;}

  /* Feedback must never cover the bottom-most content/control. */
  .feedback-fab{bottom:calc(106px + env(safe-area-inset-bottom))!important;right:10px!important;transform:scale(.88)!important;transform-origin:right bottom!important;}
}

/* 2026-09-10 Mobile V1.3.1 correction: keep Active Vials compact and reduce the vial illustration.
   Mobile only. Desktop/web remains unchanged. */
@media(max-width:700px){
  .mobile-home-card #dashboard-active-vials .vial-card-icon{
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    transform:scale(.60)!important;
    transform-origin:center!important;
    margin:0 auto 2px!important;
  }
  .mobile-home-card #dashboard-active-vials .vial-card-icon svg{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
}

/* 2026-09-10 Mobile V1.3.2 verified corrective pass. Mobile only. */
@media(max-width:700px){
  /* Today summary final typography lock. */
  .mobile-today-countline{display:flex!important;align-items:baseline!important;gap:5px!important;flex-wrap:nowrap!important;white-space:nowrap!important;font-weight:400!important;}
  .mobile-today-countline>strong{font-weight:850!important;color:var(--pp-ink)!important;}
  .mobile-today-countline>.count-word{font-weight:400!important;color:var(--pp-muted)!important;}

  /* Dedicated Current Cycles mobile renderer. */
  .mobile-home-card.cycles{overflow:hidden!important;padding:14px!important;}
  .mobile-cycle-carousel{display:flex!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:1px 1px 4px!important;margin:0!important;overscroll-behavior-inline:contain!important;}
  .mobile-cycle-carousel::-webkit-scrollbar{display:none!important;}
  .mobile-cycle-card{appearance:none!important;border:1px solid var(--pp-line)!important;background:var(--pp-surface-soft)!important;color:var(--pp-ink)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;gap:8px!important;flex:0 0 min(78vw,292px)!important;width:min(78vw,292px)!important;min-width:min(78vw,292px)!important;max-width:min(78vw,292px)!important;min-height:118px!important;padding:14px!important;border-radius:18px!important;scroll-snap-align:start!important;box-sizing:border-box!important;}
  .mobile-cycle-name{font-size:16px!important;line-height:1.22!important;font-weight:820!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
  .mobile-cycle-meta{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important;font-size:12px!important;color:var(--pp-muted)!important;}
  .mobile-cycle-meta strong{font-size:12px!important;color:var(--pp-ink)!important;font-weight:800!important;}
  .mobile-cycle-progress{display:block!important;width:100%!important;height:7px!important;border-radius:999px!important;background:var(--pp-line)!important;overflow:hidden!important;}
  .mobile-cycle-progress>i{display:block!important;height:100%!important;background:var(--pp-accent)!important;border-radius:inherit!important;}
  .mobile-cycle-empty{width:100%!important;padding:18px 4px!important;color:var(--pp-muted)!important;text-align:center!important;font-size:13px!important;}

  /* Purpose-built Home levels preview, never the full dashboard/deep-dive controls. */
  .mobile-home-card.levels-preview{cursor:pointer!important;overflow:hidden!important;}
  .mobile-level-preview{display:grid!important;gap:9px!important;min-width:0!important;}
  .mobile-level-kpi{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:baseline!important;padding:7px 0!important;border-bottom:1px solid var(--pp-line)!important;min-width:0!important;}
  .mobile-level-kpi span{font-size:12px!important;font-weight:700!important;color:var(--pp-ink)!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .mobile-level-kpi strong{font-size:12px!important;font-weight:800!important;color:var(--pp-muted)!important;flex:0 0 auto!important;max-width:48%!important;text-align:right!important;}
  .mobile-level-mini-chart{height:150px!important;min-height:150px!important;max-height:150px!important;overflow:hidden!important;border-radius:14px!important;background:var(--pp-surface-soft)!important;pointer-events:none!important;}
  .mobile-level-mini-chart svg{display:block!important;width:100%!important;height:150px!important;max-height:150px!important;pointer-events:none!important;}
  .mobile-level-status{font-size:11px!important;color:var(--pp-muted)!important;}
  .mobile-level-empty{font-size:12px!important;color:var(--pp-muted)!important;padding:10px 0!important;}

  /* One compact selector rail for Progress, Levels, and Labs. */
  #tab-levels .dashboard-bubble-selector,
  #tab-labs .dashboard-bubble-selector,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector{
    display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;
    height:62px!important;min-height:62px!important;max-height:62px!important;
    overflow-x:auto!important;overflow-y:hidden!important;padding:10px 12px!important;
    scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important;touch-action:pan-x!important;
  }
  #tab-levels .dashboard-bubble-selector>.dashboard-bubble-selected,
  #tab-levels .dashboard-bubble-selector>.dashboard-bubble-group-block,
  #tab-levels .dashboard-bubble-selector .dashboard-bubble-group,
  #tab-labs .dashboard-bubble-selector>.dashboard-bubble-selected,
  #tab-labs .dashboard-bubble-selector>.dashboard-bubble-group-block,
  #tab-labs .dashboard-bubble-selector .dashboard-bubble-group,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector>.dashboard-bubble-selected,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector>.dashboard-bubble-group-block,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector .dashboard-bubble-group{display:contents!important;}
  #tab-levels .dashboard-bubble-selector .dashboard-bubble-group-label,
  #tab-labs .dashboard-bubble-selector .dashboard-bubble-group-label,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector .dashboard-bubble-group-label{display:none!important;}
  #tab-levels .dashboard-bubble-selector .dashboard-bubble,
  #tab-labs .dashboard-bubble-selector .dashboard-bubble,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector .dashboard-bubble{
    flex:0 0 auto!important;max-width:180px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;scroll-snap-align:start!important;
  }

  /* Tooltips are real touch-scrollable sheets. */
  body>.progress-chart-tooltip,body>.pk-chart-tooltip,.progress-chart-tooltip,.pk-chart-tooltip{
    touch-action:pan-y!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;
    max-height:min(58dvh,460px)!important;padding-bottom:22px!important;pointer-events:auto!important;
  }
  .progress-chart-tooltip *, .pk-chart-tooltip *{touch-action:pan-y!important;}

  /* Deep-dive chart visual size stays digestible. */
  #measurement-weight-chart .deep-dive-chart-stage,
  #measurement-weight-chart .progress-chart-interactive,
  #levels-deep-dive-workspace .pk-interactive-chart,
  #levels-deep-dive-workspace #levels-deep-dive-chart,
  #lab-compare-chart .progress-chart-interactive,
  #lab-compare-chart .lab-reference-chart{height:290px!important;min-height:270px!important;max-height:310px!important;}

  /* Progress is viewing-first. Secondary work is collapsed. */
  #tab-photos .mobile-progress-secondary{margin:10px 0!important;border:1px solid var(--pp-line)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important;}
  #tab-photos .mobile-progress-secondary>summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;padding:0 14px!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;}
  #tab-photos .mobile-progress-secondary>summary::-webkit-details-marker{display:none!important;}
  #tab-photos .mobile-progress-secondary>summary::after{content:'⌄';color:var(--pp-muted)!important;}
  #tab-photos .mobile-progress-secondary[open]>summary::after{content:'⌃';}
  #tab-photos .mobile-progress-secondary-body{padding:0 12px 12px!important;}
  #tab-photos .mobile-progress-secondary-body>#health-metrics-section,
  #tab-photos .mobile-progress-secondary-body>.card{margin:0!important;border:0!important;box-shadow:none!important;padding:8px 0!important;background:transparent!important;}

  /* Feedback becomes a More-menu action on mobile, never a floating overlap. */
  #global-feedback-btn.feedback-fab{display:none!important;}
}
@media(max-width:700px){
  .mobile-today-progress .mobile-today-countline>.count-word{font-weight:400!important;}
  #tab-levels .dashboard-bubble-selector,
  #tab-labs .dashboard-bubble-selector,
  #tab-photos #measurement-weight-chart .dashboard-bubble-selector{box-sizing:border-box!important;height:62px!important;min-height:62px!important;max-height:62px!important;}
}

/* 2026-09-10 Mobile V1.4 navigation + insight hierarchy. Mobile only. */
@media(max-width:700px){
  .mobile-home-hero-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
  .mobile-home-icon-btn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;border:1px solid var(--pp-line)!important;background:#fff!important;color:var(--pp-ink)!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:0 4px 12px rgba(23,67,51,.05)!important;}
  .mobile-home-bell-btn span{font-size:19px;transform:rotate(90deg);display:block;}
  .mobile-home-profile-btn span{font-size:16px;color:var(--pp-green-dark);}

  .mobile-home-card.insights-preview{border-color:#d9e7e1;}
  .mobile-home-insight-grid{display:grid;gap:8px;}
  .mobile-home-insight-row,.mobile-insight-card{position:relative;overflow:hidden;}
  .mobile-home-insight-row::before,.mobile-insight-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#b9d9cc;}
  .mobile-home-insight-row.tone-negative::before,.mobile-insight-card.tone-negative::before{background:#d96969;}
  .mobile-home-insight-row.tone-positive::before,.mobile-insight-card.tone-positive::before{background:#63a982;}
  .mobile-home-insight-row.tone-info::before,.mobile-insight-card.tone-info::before{background:#4fa39c;}
  .mobile-home-insight-row.tone-negative,.mobile-insight-card.tone-negative{background:#fff7f7!important;border-color:#f0caca!important;}
  .mobile-home-insight-row.tone-positive,.mobile-insight-card.tone-positive{background:#f7fcf9!important;border-color:#cfe7d8!important;}
  .mobile-insight-icon{width:34px;height:34px;min-width:34px;border-radius:11px;display:grid;place-items:center;background:#eef7f4;color:var(--pp-green-dark);font-weight:900;font-size:16px;}
  .tone-negative .mobile-insight-icon{background:#fde9e9;color:#b43e3e;}
  .tone-positive .mobile-insight-icon{background:#e9f6ee;color:#327952;}
  .mobile-insight-copy{min-width:0;flex:1;}
  .mobile-home-insight-row em{display:block;font-style:normal;color:var(--pp-muted);font-size:10.5px;line-height:1.3;margin-top:3px;}
  .mobile-insight-card{align-items:flex-start!important;padding:14px 14px 14px 16px!important;}
  .mobile-insight-card .mobile-insight-copy b{margin:3px 0!important;}
  .mobile-insight-cta{display:inline-block;margin-top:8px;font-size:11px;color:var(--pp-green-dark);font-weight:850;}
  .mobile-insight-card>i{align-self:center;}

  .mobile-labs-preview{min-width:0;}
  .mobile-lab-preview-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0 2px;min-width:0;}
  .mobile-lab-preview-row>div{min-width:0;display:grid;gap:3px;}
  .mobile-lab-preview-row small{font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:var(--pp-muted);}
  .mobile-lab-preview-row b{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mobile-lab-preview-row span{font-size:10.5px;line-height:1.3;color:var(--pp-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .mobile-lab-preview-row>strong{font-size:16px;line-height:1.1;text-align:right;max-width:42%;overflow-wrap:anywhere;}

  .mobile-explore-grid,.mobile-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:2px;}
  .mobile-explore-grid button,.mobile-tools-grid button{min-width:0;min-height:76px;border:1px solid var(--pp-line);border-radius:14px;background:var(--pp-surface-soft);color:var(--pp-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px 4px;font-size:11px;}
  .mobile-explore-grid button span,.mobile-tools-grid button span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf5f1;color:var(--pp-green-dark);font-weight:900;font-size:15px;}
  .mobile-explore-grid button b,.mobile-tools-grid button b{font-size:10px;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  #alerts-panel [data-alert-destination]{border-radius:9px;padding-left:6px!important;padding-right:6px!important;}
  #alerts-panel [data-alert-destination]:active{background:var(--pp-surface-soft);}

  #mobile-admin-group{margin-top:10px;}

  /* Swipe ownership: carousels and interactive rails own their own gesture. */
  .mobile-cycle-carousel,#dashboard-active-vials,.mobile-explore-grid,.mobile-tools-grid,.mobile-home-insight-grid{overscroll-behavior-inline:contain;}
}

/* V1.5 Pro Protocol Library integration */
.protocol-pro-pill,.mobile-pro-pill{display:inline-flex;align-items:center;border-radius:999px;background:#153c30;color:#fff;font-size:9px;font-weight:850;letter-spacing:.04em;padding:3px 6px;margin-right:6px}.mobile-pro-pill{margin:0 0 0 5px;vertical-align:1px}.protocol-import-review{border:1px solid color-mix(in srgb,var(--accent,#20b486) 38%,var(--border));background:color-mix(in srgb,var(--accent,#20b486) 5%,var(--panel));border-radius:13px;padding:14px;margin-bottom:14px}.protocol-import-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.protocol-import-component{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-top:1px solid var(--border);padding:10px 0}.protocol-import-component:first-child{margin-top:10px}.protocol-import-component b{display:block}.protocol-import-component small{display:block;color:var(--text-dim);margin-top:2px;overflow-wrap:anywhere}.protocol-import-component.is-loaded{background:color-mix(in srgb,var(--accent,#20b486) 7%,transparent)}.protocol-inline-link{border:0;background:transparent;color:var(--accent,#159a70);font:inherit;font-size:11px;font-weight:800;padding:0 0 0 7px;cursor:pointer}.ref-protocol-cta{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:10px;margin-top:10px}.ref-protocol-cta .btn{margin-top:7px}@media(max-width:700px){.protocol-import-review{padding:12px}.protocol-import-component{grid-template-columns:1fr}.protocol-import-component .btn{width:100%}.protocol-import-review-head{align-items:flex-start}.protocol-import-review-head>.btn{width:auto}}