/* AVERLINQ / PRODUCT FINISH
   A quiet, editorial interface: information first, no faux-glow, no generic AI visuals.
   Uses system fonts; no trackers, CDN, webfont or SVG downloads.
*/
:root{--bg:#0e171c;--panel:#172329;--panel2:#1e3136;--line:#2c4446;--text:#edf3f0;--muted:#a6bbb9;--mint:#b7e5ca;--blue:#91c5d0;--lav:#c5b7d6;--orange:#e4b98a;--radius:16px;--uiShadow:none}
body{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;letter-spacing:-.08px;color:var(--text);line-height:1.5}
button{transition:background-color .14s,border-color .14s;color:inherit}
h1,h2,h3{letter-spacing:-.45px;font-weight:690}
h1{font-weight:730}
a{color:var(--mint);text-underline-offset:3px}
.eyebrow{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#8bc8a9}
.header{background:var(--bg);border-color:var(--line);backdrop-filter:none}
.headDate{font-size:16px;font-weight:630;letter-spacing:-.35px}
.header .eyebrow{font-size:10px;letter-spacing:1.6px}
.headerSection{font-size:11px;color:#89aaa7}
.avatar{font-size:0!important;background:var(--panel);color:var(--mint);border:1px solid var(--line);display:grid;place-items:center}
.avatar::after{content:"";display:block;width:15px;height:15px;border:1.7px solid currentColor;border-radius:50%;box-shadow:0 9px 0 -5px currentColor;transform:translateY(-3px)}
.sidebar{background:#111d22;border-color:var(--line)}
.sidebar .brandmark{background:#c4e8cf;box-shadow:none;border-radius:11px;color:#132c25}
.brand strong{font-size:23px;letter-spacing:-.9px}
.brand small{font-size:9px;font-weight:600;letter-spacing:1.3px;color:#8ebba9}
.side-caption{color:#6e8d88;letter-spacing:1.4px}
.sidebar .nav{color:#abbfbc;border-radius:10px}
.sidebar .nav:hover,.sidebar .nav.active{background:#203932;color:#d3f1dc}
.sidebar .nav span{display:flex;justify-content:center;align-items:center}
.sidebar .nav span svg{height:19px;width:19px}
.sidefoot{color:#94ada7}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}
.panelTop h2{font-size:16px;font-weight:700}
.primary{background:var(--mint);color:#193b2e;border:1px solid transparent;border-radius:11px;box-shadow:none;font-weight:710}
.primary:hover{filter:none;background:#caefda}
.secondary,.fileButton{background:#203239;border:1px solid #375150;border-radius:11px;color:#e5eeea;font-weight:610}
.secondary:hover,.fileButton:hover{background:#284139}
.tiny{background:#24443c;color:#c3ebd1;border-radius:8px;font-weight:620;min-height:29px;padding:5px 10px}
.tiny.outline{background:transparent;color:#bed0cb;border:1px solid var(--line)}
.estimate,.nutritionGap{background:#203136;border:1px solid #304649;color:#c0d9ce;border-radius:12px}
.chip,.statepill{background:#233a38;color:#b5d0c1;border:1px solid #36554c;padding:4px 9px;border-radius:8px;font-size:10px;font-weight:590}
.glow{background:#273d39;color:#b5d9bd}
.progress{background:#304443;height:6px}
.progress i{background:#86cba4}
.progress.purple i{background:#a99dc9}
.progress.blue i{background:#83bdc8}
.sectionHead{margin-bottom:22px}
.sectionHead .eyebrow{margin-bottom:9px}
.sectionHead h1{font-size:clamp(27px,3vw,35px);font-weight:740}
.sectionHead p{max-width:670px;font-size:13px;color:#a3b8b5}
.mission,.logitem,.microCell,.reviewLine,.dailyTask,.mealIdea{background:#1b2c32;border:1px solid #2d4549;border-radius:12px}
.mission.done{opacity:1}
.mission.done .circle{background:#2e5849}
.mission .circle{border-color:#6ca88f}
.logitem strong{color:var(--text)}
.dailyRightNow{background:#263d36;border:1px solid #436757;color:#d5efdc}
.dailyRightNow>strong{color:#bfe8c9}
.dailyTask{transition:border-color .15s}
.dailyTask.done{background:#203d33;border-color:#466f59}
.dailyTask.done span{color:var(--mint)}
.dailyTask:hover,.mealIdea:hover{border-color:#779b87}
.answer{color:#c3d8ce}
input,select,textarea{background:#111f25;border:1px solid #365054;border-radius:10px;color:var(--text)}
input::placeholder,textarea::placeholder{color:#8ba3a3}
input:focus,select:focus,textarea:focus{border-color:#86bba0;box-shadow:0 0 0 2px #85bba02a}
label{color:#b9cecb}
.notice{border:1px solid #6e6447;background:#3b3424;color:#f6ddb2}
.empty{background:#1a2b31;color:#9eb9b4;border:1px dashed #30494b}
.reviewLine{border-left:2px solid #9dcdb5;color:#cbddda}
.chartBar{background:#97cbb3}
.statValue{font-weight:740}
.researchLink{background:#203830;border:1px solid #355e4b;color:#d0f1dd;border-radius:9px}
#tab-today .editorialHero{padding:23px 29px;min-height:148px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #365748;background:#1b332c;border-radius:18px;box-shadow:none}
#tab-today .editorialHero::after{display:none}
#tab-today .editorialHero>.heroOrb{display:none}
#tab-today .editorialHero h1{margin:7px 0 5px;font-size:clamp(28px,3vw,37px);font-weight:735;line-height:1.18;color:#f2f6f2}
#tab-today .editorialHero p{font-size:13px;color:#bbd5c8;margin:0;line-height:1.5}
#tab-today .editorialHero .heroLabel{color:#a7d8bc;font-size:10px;letter-spacing:1.25px}
#tab-today .secondaryMealAction{display:none}
#tab-today .heroPrimaryActions{margin:14px 0 0;display:flex;gap:8px}
#tab-today .heroPrimaryActions button{min-height:41px;font-size:12px;border-radius:10px;padding:10px 15px}
#tab-today .heroPrimaryActions .heroAdd{background:#c2e8cf;color:#204032;border:1px solid #c2e8cf;font-weight:700}
#tab-today .heroPrimaryActions .heroPlan{background:transparent;color:#d4e7d9;border:1px solid #6e9b82;font-weight:640}
#tab-today .summaryMetrics{margin-bottom:15px}
#tab-today .summaryMetrics>.panel{padding:16px 20px;border:1px solid var(--line);background:#18282d}
#tab-today .summaryMetrics .panelTop{margin:0 0 5px;font-size:12px;font-weight:670;color:#c5d8d2}
#tab-today .summaryMetrics .panelTop .chip{display:none}
#tab-today .summaryMetrics .metric{margin:11px 0 12px}
#tab-today .summaryMetrics .metric b{font-size:31px;font-weight:760;letter-spacing:-.8px}
#tab-today .summaryMetrics .metric span{font-size:11px;color:#adc1bc}
#tab-today .summaryMetrics .subnote{min-height:0;font-size:11px;color:#b6cac4}
#tab-today .summaryMetrics .subnote .tiny{margin:1px 5px 0 0;padding:5px 9px;min-height:32px}
#tab-today .dailyOverview{border:1px solid var(--line);background:#17272c;margin-bottom:16px;padding:20px}
#tab-today .dailyOverview .panelTop{align-items:center;margin-bottom:9px}
#tab-today .dailyOverview .panelTop h2{font-size:18px;margin:5px 0 0}
#tab-today .dailyOverview .panelTop .chip{background:transparent;border-color:#36544b;font-size:10px}
#tab-today .dailyOverview .eyebrow{letter-spacing:1.35px}
#tab-today .dailyOverview #dayPlanBanner{margin:4px 0 12px;font-size:12px;color:#afc3bd}
#tab-today .dailyOverview .dailyChecklist{margin:11px 0 12px}
#tab-today .dailyOverview .dailyTask{min-height:80px;padding:10px 12px}
#tab-today .dailyOverview .dailyTask>span{font-size:19px}
#tab-today .dailyOverview .dailyTask>b{font-size:12px}
#tab-today .dailyOverview .dailyTask>small{font-size:10px}
#tab-today .dailyOverview .dailyRightNow{padding:12px}
#tab-today .dailyDetails summary{margin:0;padding:15px 0 11px;font-size:13px}
.reminderCollapse{border-top:1px solid #34494b;margin-top:12px}
.reminderCollapse>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0;font-weight:640;font-size:12px;color:#bbd6c7;cursor:pointer}
.reminderCollapse .summaryAside{font-size:11px;color:#8da7a0;font-weight:460}
.reminderCollapse .dailyReminders{margin:0;padding:8px 0 13px;border:0}
.reminderCollapse .dailyReminders p{font-size:11px}
.bottomNav svg{width:21px;height:21px;display:block}
.bottomNav .quickNav svg{width:23px;height:23px}
.moreIcon{background:#315249;color:#d3e6da}
@media(max-width:780px){
.header{height:64px;padding:9px 17px}
.header .eyebrow{font-size:10px}
.headDate{font-size:14px;margin-top:2px}
.headerSection{display:none}
main{padding:13px 13px calc(35px + env(safe-area-inset-bottom))}
#tab-today .editorialHero{padding:19px 19px;min-height:130px;margin-bottom:11px;border-radius:15px}
#tab-today .editorialHero h1{font-size:29px;margin:5px 0 5px}
#tab-today .editorialHero p{font-size:12px}
#tab-today .editorialHero .heroLabel{font-size:9px}
#tab-today .heroPrimaryActions{margin-top:12px}
#tab-today .heroPrimaryActions button{min-height:40px;padding:9px 13px;font-size:12px}
#tab-today .summaryMetrics{gap:9px;margin:0 0 11px}
#tab-today .summaryMetrics>.panel{padding:15px;margin:0;border-radius:13px}
#tab-today .summaryMetrics .metric{margin:8px 0 10px}
#tab-today .summaryMetrics .metric b{font-size:29px}
#tab-today .summaryMetrics>.panel:nth-child(3){grid-column:1/-1}
#tab-today .dailyOverview{padding:15px;margin:0 0 11px;border-radius:14px}
#tab-today .dailyOverview .panelTop .chip{display:none}
#tab-today .dailyOverview .panelTop h2{font-size:17px}
#tab-today .dailyOverview .dailyChecklist{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#tab-today .dailyOverview .dailyTask{min-height:78px;padding:9px 8px}
#tab-today .dailyOverview .dailyTask b{font-size:11px}
#tab-today .dailyOverview .dailyTask small{font-size:9px}
.bottomNav{height:calc(70px + env(safe-area-inset-bottom));background:#132127;border-color:#34524c;box-shadow:0 -4px 18px #03090a30}
.bottomNav button{color:#a3b7b2;font-size:10px;font-weight:540;gap:5px}
.bottomNav button.active{color:#c5edd1!important}
.bottomNav .quickNav{color:#e6f4e8!important}
.bottomNav .quickNav span{margin-top:-15px;width:46px;height:46px;border-radius:14px;background:#bedfc9;color:#1d4030;box-shadow:0 2px 10px #020b0b24}
.bottomNav svg{width:21px;height:21px}
.bottomNav .quickNav svg{height:22px;width:22px}
}
@media(max-width:390px){#tab-today .dailyOverview .dailyChecklist{grid-template-columns:repeat(2,minmax(0,1fr))}#tab-today .editorialHero h1{font-size:27px}}
:root[data-theme="light"]{--bg:#f4f6f1;--panel:#fff;--panel2:#eff4ef;--line:#d4e1db;--text:#23362f;--muted:#5d756d;--mint:#267855;--blue:#3c8a99;--lav:#8c78a6;--orange:#b6774f;--uiShadow:none}
:root[data-theme="light"] body{background:var(--bg);color:var(--text)}
:root[data-theme="light"] .sidebar,:root[data-theme="light"] .header{background:#f6f9f4;border-color:#d5e2d9}
:root[data-theme="light"] .panel{background:#fff;border-color:#d5e1dc}
:root[data-theme="light"] .panel h2,:root[data-theme="light"] .panel h3{color:#244237}
:root[data-theme="light"] .sectionHead p,:root[data-theme="light"] .panel p{color:#5c7369}
:root[data-theme="light"] .eyebrow{color:#377657}
:root[data-theme="light"] .header .eyebrow{color:#367353}
:root[data-theme="light"] .brand small{color:#40775d}
:root[data-theme="light"] #tab-today .editorialHero{background:#e1ede4;color:#173a2c;border-color:#c0d8c7}
:root[data-theme="light"] #tab-today .editorialHero h1{color:#17392d}
:root[data-theme="light"] #tab-today .editorialHero p{color:#496956}
:root[data-theme="light"] #tab-today .editorialHero .heroLabel{color:#3e7157}
:root[data-theme="light"] #tab-today .heroPrimaryActions .heroAdd{background:#2b7353;color:#f7fcf7;border-color:#2b7353}
:root[data-theme="light"] #tab-today .heroPrimaryActions .heroPlan{color:#2b6b4b;border-color:#98bda4}
:root[data-theme="light"] #tab-today .summaryMetrics>.panel{background:#fff;border-color:#d5e1dc}
:root[data-theme="light"] #tab-today .summaryMetrics .panelTop{color:#48675a}
:root[data-theme="light"] #tab-today .summaryMetrics .metric span,:root[data-theme="light"] #tab-today .summaryMetrics .subnote{color:#526c61}
:root[data-theme="light"] #tab-today .dailyOverview{background:#fff;border-color:#d5e1dc}
:root[data-theme="light"] #tab-today .dailyOverview #dayPlanBanner{color:#526e61}
:root[data-theme="light"] .bottomNav{background:#fff;border-color:#cddfd2}
:root[data-theme="light"] .bottomNav button{color:#557266}
:root[data-theme="light"] .bottomNav button.active{color:#286d4a!important}
:root[data-theme="light"] .bottomNav .quickNav span{background:#2b7353;color:#fff}
:root[data-theme="light"] .reminderCollapse>summary{color:#295e41}
:root[data-theme="light"] .reminderCollapse .summaryAside{color:#5c796a}
:root[data-theme="light"] .chip{background:#ecf4ee;color:#36634b;border-color:#d3e5da}
:root[data-theme="light"] .primary{background:#2b7353;color:white}
:root[data-theme="light"] .primary:hover{background:#216446}
:root[data-theme="light"] .secondary{background:#edf5ef;color:#316048;border-color:#c2dccb}
:root[data-theme="light"] .tiny{background:#e4f0e8;color:#31684d}
:root[data-theme="light"] .mission,:root[data-theme="light"] .logitem,:root[data-theme="light"] .microCell{background:#f5f9f6;color:#234336;border-color:#d4e3d8}

/* No fade-in that makes screens appear disabled during rapid navigation. */
.tab{animation:none!important}
@media(max-width:780px){
  button.tiny{min-height:38px;padding:7px 11px}
  .bottomNav button{min-height:48px}
  .appDrawer .drawerPanel button{min-height:42px}
  .sectionHead{margin:4px 0 18px}
}
:root[data-theme="light"] .reminderCollapse{border-color:#d2dfd7}

.dataSafetyPanel{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#3f6353;background:#1c302b}
.dataSafetyPanel h2{margin:6px 0;font-size:17px}
.dataSafetyPanel p{font-size:12px;margin:0 0 8px;max-width:620px}
.dataSafetyPanel small{font-size:11px;color:#a8c5b4}
.dataSafetyPanel>button{white-space:normal;flex-shrink:0}
:root[data-theme="light"] .dataSafetyPanel{background:#f0f6ef;border-color:#c8dfce}
:root[data-theme="light"] .dataSafetyPanel small{color:#537666}
@media(max-width:650px){.dataSafetyPanel{flex-direction:column;align-items:stretch}.dataSafetyPanel>button{width:100%}}

.avatar::after{display:none}
.avatar svg{width:19px;height:19px;color:var(--mint)}
:root[data-theme="light"] .bottomNav .quickNav{color:#236b4a!important}
:root[data-theme="light"] .progress{background:#d5e5de}
:root[data-theme="light"] .avatar svg{color:#28704f}

/* Independent desktop sidebar: wheel/trackpad over navigation scrolls navigation, not the main page. */
@media(min-width:781px){
  .shell{align-items:flex-start}
  .sidebar{
    position:sticky;top:0;height:100vh;height:100dvh;
    overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;
    scrollbar-width:thin;scrollbar-color:#59736b transparent;
    flex-shrink:0;
  }
  .sidebar::-webkit-scrollbar{width:7px}
  .sidebar::-webkit-scrollbar-thumb{background:#516b62;border-radius:6px}
  .sidebar::-webkit-scrollbar-track{background:transparent}
  .sidebar .sidefoot{flex-shrink:0;padding-top:20px}
  .content{align-self:stretch;min-height:100vh;min-width:0}
}

/* Ability-aware, record-backed coaching */
.abilityHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#1b332d;border-color:#416656}
.abilityHeader h2{font-size:18px;margin:7px 0 4px}
.abilityHeader p{font-size:12px;margin:0}
.abilityHeader button{min-width:138px;flex-shrink:0}
#coachEvidencePanel{border-color:#3c6055}
#coachDecision{background:#1d322f;border:1px solid #385748;border-radius:14px;padding:15px;margin-bottom:12px}
#coachDecision h3{font-size:18px;color:#e0f3e6;margin:5px 0 8px}
#coachDecision p{font-size:13px;margin-bottom:8px;color:#c2d9d0}
#coachDecision small{font-size:11px;color:#9abfb2}
#coachSummary{line-height:1.6}
.abilityInputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.abilityInputs>label{font-size:12px;color:#b8d1c7}
.abilityInputs input{margin-top:5px}
.abilityRecords{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.abilityRecord{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #38544b;background:#1a2c2b;border-radius:10px;padding:10px}
.abilityRecord span{font-size:11px;color:#b0c7c0}
.abilityRecord strong{font-size:12px;color:#d8f1df;text-align:right}
.coachDailyCard{background:#1a2d2b;border-color:#385b4d}
.coachDailyCard strong{color:#d7f2df}
.coachDailyCard>details summary{font-size:13px;padding:8px 0;min-height:36px}
.planCalibrated{display:block;font-size:11px;line-height:1.5;color:#bad9c5;margin:6px 0}
@media(max-width:680px){
  .abilityHeader{flex-direction:column;align-items:stretch}
  .abilityHeader button{width:100%;min-width:0}
  .abilityInputs,.abilityRecords{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .abilityRecord{padding:9px 7px;align-items:start;flex-direction:column}
  .abilityRecord strong{text-align:left}
}
:root[data-theme="light"] .abilityHeader,:root[data-theme="light"] .coachDailyCard{background:#eef6f0;border-color:#cadfd0}
:root[data-theme="light"] #coachDecision{background:#f1f8f1;border-color:#caddd0}
:root[data-theme="light"] #coachDecision h3,:root[data-theme="light"] .coachDailyCard strong{color:#174a31}
:root[data-theme="light"] #coachDecision p,:root[data-theme="light"] #coachDecision small{color:#466c58}
:root[data-theme="light"] .abilityRecord{background:#eff7f1;border-color:#ccdfcf}
:root[data-theme="light"] .abilityRecord span{color:#456652}
:root[data-theme="light"] .abilityRecord strong{color:#24583b}
:root[data-theme="light"] .planCalibrated{color:#476d55}

/* Sidebar v2: brand/footer remain visible, only links scroll.
   Wheel anywhere over the left column is handled by sidebar-scroll.js. */
@media (min-width:781px) {
  .sidebar{
    position:sticky;
    top:0;
    height:100vh;
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    flex-shrink:0;
  }
  .sidebar>.brand,.sidebar>.side-caption,.sidebar>.sidefoot{flex-shrink:0}
  .sidebar .side-caption{margin:28px 10px 11px}
  #desktopNav{
    display:block;
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    padding-right:8px;
    scrollbar-width:auto;
    scrollbar-color:#537469 #14262b;
    outline-offset:3px;
  }
  #desktopNav::-webkit-scrollbar{width:9px}
  #desktopNav::-webkit-scrollbar-track{background:#172930;border-radius:8px}
  #desktopNav::-webkit-scrollbar-thumb{background:#5a796c;border-radius:8px;border:2px solid #172930}
  #desktopNav:focus-visible{outline:2px solid #b7e5ca;border-radius:8px}
  .sidebar .sidefoot{margin-top:12px;padding-top:12px;border-top:1px solid #2c4446}
  #desktopNav .nav{flex-shrink:0}
}
@media(min-width:781px) and (max-height:720px){
 .sidebar{padding-top:16px;padding-bottom:15px}
 .sidebar .side-caption{margin-top:17px}
 .sidebar .brand strong{font-size:21px}
}
:root[data-theme="light"] #desktopNav{scrollbar-color:#7fa999 #eaf1ea}
:root[data-theme="light"] #desktopNav::-webkit-scrollbar-track{background:#e7f1e9}
:root[data-theme="light"] #desktopNav::-webkit-scrollbar-thumb{background:#7ca795;border-color:#e7f1e9}