/* Atlas: a quiet editorial workspace for the existing Suvital workflows. */
html[data-app="panel"],html[data-app="admin"]{
  --sv-ink:#16263a;--sv-muted:#657384;--sv-primary:#245ad5;
  --sv-primary-soft:#e9efff;--sv-line:#e2e6ec;
  --sv-canvas:#f5f3ee;--sv-surface:#fffefa;
  --sv-radius:16px;--sv-shadow:0 10px 35px rgba(27,43,66,.055);
  --atlas-navy:#112a48;--atlas-blue:#245ad5;--atlas-sand:#f5f3ee;
  --atlas-mint:#e4f4ed;--atlas-coral:#ec785e;
}
html[data-app="panel"] body,html[data-app="admin"] body{background:var(--atlas-sand);color:var(--sv-ink)}
html[data-app="panel"] body>header,html[data-app="admin"] body>header{background:#fffefa;border-bottom:1px solid #e7e7e3;box-shadow:none}
html[data-app="panel"] .brand,html[data-app="admin"] .brand{color:var(--atlas-navy);letter-spacing:.27em}
html[data-app="panel"] .eyebrow,html[data-app="admin"] .eyebrow{color:#416db8;letter-spacing:.16em;font-weight:900}
html[data-app="panel"] .dashboard,html[data-app="admin"] .dashboard{background:var(--atlas-sand)}
html[data-app="panel"] .card,html[data-app="admin"] .card{border-color:transparent;border-radius:16px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="panel"] .btn,html[data-app="admin"] .btn{border-radius:11px;background:var(--atlas-blue);box-shadow:none}
html[data-app="panel"] .btn.secondary,html[data-app="admin"] .btn.secondary{background:#fffefa;border:1px solid #d8e0ed;color:var(--atlas-navy)}
html[data-app="panel"] :is(button,input,select,textarea):focus-visible,
html[data-app="admin"] :is(button,input,select,textarea):focus-visible{outline:3px solid #70a5f5;outline-offset:2px}

/* Client plan: the rhythm is the lead visual, while meals read as a day journal. */
html[data-app="panel"] .stage4-client-plan{--plan-ink:#16263a;--plan-blue:#245ad5;--plan-line:#e0e8f2;--plan-canvas:#f5f7fb;gap:14px}
html[data-app="panel"] .stage4-client-plan .stage4-plan-heading{
  border:0;border-radius:0 0 25px 25px;padding:25px 29px;
  background:radial-gradient(circle at 91% 14%,#467abf 0,transparent 32%),linear-gradient(125deg,#102845,#1c416b);
  box-shadow:none;color:#fff;
}
html[data-app="panel"] .stage4-client-plan .stage4-plan-heading:after{border-color:#b6d5ff35;box-shadow:0 0 0 42px #ffffff08,0 0 0 92px #ffffff08}
html[data-app="panel"] .stage4-client-plan .stage4-plan-heading .eyebrow{color:#9bc9fa}
html[data-app="panel"] .stage4-client-plan .circadian-live-root{order:2}
html[data-app="panel"] .stage4-client-plan>.circadian-card{order:1;border:0;border-radius:22px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="panel"] .stage4-client-plan>.circadian-card .circadian-heading{padding-bottom:10px;border-bottom:1px solid #e8edf1}
html[data-app="panel"] .stage4-client-plan .circadian-now,
html[data-app="panel"] .stage4-client-plan .circadian-next{border:0;border-left:3px solid var(--atlas-blue);border-radius:12px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="panel"] .stage4-client-plan .circadian-next{border-left-color:var(--atlas-coral)}
html[data-app="panel"] .stage4-client-plan .plan-photo-preview{order:4;border:0;border-radius:16px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="panel"] .stage4-client-plan .meal-example-section{order:5}
html[data-app="panel"] .stage4-client-plan .meal-example-heading{padding:0 3px}
html[data-app="panel"] .stage4-client-plan .meal-example-grid{gap:0;border-top:1px solid #dce4eb}
html[data-app="panel"] .stage4-client-plan .meal-example-card{
  border:0;border-bottom:1px solid #dce4eb;border-left:4px solid var(--meal-tone,#8aa6c2);
  border-radius:0;padding:15px 13px;background:transparent;box-shadow:none;
}
html[data-app="panel"] .stage4-client-plan .meal-example-card[data-meal-kind="breakfast"]{--meal-tone:#e5a439}
html[data-app="panel"] .stage4-client-plan .meal-example-card[data-meal-kind="snack"]{--meal-tone:#bf79a8}
html[data-app="panel"] .stage4-client-plan .meal-example-card[data-meal-kind="lunch"]{--meal-tone:#e4785d}
html[data-app="panel"] .stage4-client-plan .meal-example-card[data-meal-kind="dinner"]{--meal-tone:#4ca18a}
html[data-app="panel"] .stage4-client-plan .meal-example-card[data-meal-kind="supplement"]{--meal-tone:#8575bf}
html[data-app="panel"] .stage4-client-plan .meal-example-icon{background:color-mix(in srgb,var(--meal-tone,#8aa6c2) 14%,white);color:var(--atlas-navy)}
html[data-app="panel"] .stage4-client-plan .meal-example-card .meal-total-chip{border-radius:8px;background:#e8eef9;color:#194475}
html[data-app="panel"] .stage4-client-plan .meal-choice-list button{border:1px solid #e2e9f0;border-radius:12px;background:#fffefa;box-shadow:none}
html[data-app="panel"] .stage4-client-plan .meal-choice-list button[aria-pressed="true"]{border-color:var(--atlas-blue);background:#ecf2ff}
html[data-app="panel"] .stage4-client-plan .plan-energy-chart{border:0;border-radius:16px;background:#fffefa;box-shadow:var(--sv-shadow)}


html[data-app="panel"] .stage4-client-plan .plan-energy-legend>div{box-shadow:none}

/* Progress: results lead, graph gets one calm canvas, habits become compact rows. */
html[data-app="panel"] #view-progress>.card{background:transparent;border:0;box-shadow:none}
html[data-app="panel"] .content.client-detail-view>.welcome,
html[data-app="panel"] .content.client-detail-view>.stats,
html[data-app="panel"] .content.client-detail-view>.main-grid{display:none!important}
html[data-app="panel"] #view-progress>.card{display:flex;flex-direction:column;gap:12px}
html[data-app="panel"] #view-progress>.card>.card-head{order:-2}
html[data-app="panel"] #view-progress .progress-grid{order:-1;margin:0!important}
html[data-app="panel"] #view-progress>.card>.card-head h3{color:var(--atlas-navy);letter-spacing:-.045em}
html[data-app="panel"] #view-progress .progress-grid{gap:8px}
html[data-app="panel"] #view-progress .progress-grid .data-item{border:0;border-radius:14px;background:var(--atlas-navy);color:#fff;box-shadow:none}
html[data-app="panel"] #view-progress .progress-grid .data-item:first-child{background:#1c4b80}
html[data-app="panel"] #view-progress .progress-grid .data-item small{color:#acc8e9}
html[data-app="panel"] #view-progress .progress-grid .progress-value{color:#fff}
html[data-app="panel"] #view-progress .progress-measurement-chart,
html[data-app="panel"] #view-progress #client-lifestyle-charts{border:0;border-radius:17px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="panel"] #view-progress .progress-measurement-chart .realization-chart{border:0;background:#f7f9fb}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card{
  border:0;border-bottom:1px solid #e5e9eb;border-left:3px solid var(--trend-color);
  border-radius:0;background:transparent;box-shadow:none;
}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card:last-child{border-bottom:0}
/* Result story: show the real trend before clinical details and editing controls. */
html[data-app="panel"] #view-progress .progress-measurement-chart{order:0;padding:18px;min-width:0}
html[data-app="panel"] #view-progress .progress-measurement-chart .section-heading{margin-bottom:9px}
html[data-app="panel"] #view-progress .progress-measurement-chart .realization-chart{display:block;width:100%;height:auto;max-height:270px}
html[data-app="panel"] #view-progress .progress-measurement-chart .realization-chart[hidden]{display:none!important}
html[data-app="panel"] #view-progress #client-lifestyle-charts{order:1;padding:18px}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card{min-width:0;padding:13px 10px}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card svg{width:100%;height:68px;color:var(--trend-color,#245ad5)}
html[data-app="panel"] #view-progress #measurements-list{order:2;margin:0!important}
html[data-app="panel"] #view-progress #measurements-list:before{content:'Tarihli ölçümler';display:block;margin:8px 0;color:var(--atlas-navy);font-size:1.08rem;font-weight:800}
html[data-app="panel"] #view-progress .realization-grid{order:3;display:block}
html[data-app="panel"] #view-progress .realization-grid>.realization-card:nth-child(2){display:none}
html[data-app="panel"] #view-progress .realization-grid>.realization-card:first-child{padding:15px;border:0;border-radius:16px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="panel"] #view-progress .goal-detail-disclosure{margin-top:8px}
html[data-app="panel"] #view-progress :is(#client-body-metric,#client-measurement-form,#lifestyle-form,.diploma){order:4}
html[data-app="panel"] #view-progress .progress-entry{order:5;border:1px solid #dbe4eb;border-radius:12px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="panel"] #view-progress .progress-entry>summary{display:flex;align-items:center;min-height:52px;padding:12px 16px;color:var(--atlas-navy);font-weight:800;cursor:pointer;list-style:none}
html[data-app="panel"] #view-progress .progress-entry>summary::-webkit-details-marker{display:none}
html[data-app="panel"] #view-progress .progress-entry>summary:after{content:'+';margin-left:auto;color:var(--atlas-blue);font-size:1.35rem}
html[data-app="panel"] #view-progress .progress-entry[open]>summary:after{content:'−'}
html[data-app="panel"] #view-progress .progress-entry form{margin:0;padding:0 16px 16px;border:0;background:transparent;box-shadow:none}
html[data-app="panel"] #view-progress .diploma{order:6}
html[data-app="panel"] #view-progress>.card>.diploma{order:7}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card:nth-child(1){--trend-color:#4b9c78}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card:nth-child(2){--trend-color:#348bc2}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card:nth-child(3){--trend-color:#8069b8}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card:nth-child(4){--trend-color:#d78b45}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card:nth-child(5){--trend-color:#be7099}
html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card:nth-child(6){--trend-color:#2e6da7}
@media(min-width:960px){
  html[data-app="panel"] #view-progress>.card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start}
  html[data-app="panel"] #view-progress>.card>.card-head,
  html[data-app="panel"] #view-progress .progress-grid,
  html[data-app="panel"] #view-progress :is(#measurements-list,.realization-grid,#client-body-metric,.progress-entry,.diploma){grid-column:1/-1}
  html[data-app="panel"] #view-progress .progress-measurement-chart{grid-column:1}
  html[data-app="panel"] #view-progress #client-lifestyle-charts{grid-column:2}
}

/* Admin: remove the card-within-card effect and make the clock a working canvas. */
html[data-app="admin"] .admin-client-context{border:0;border-radius:15px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="admin"] #admin-client-directory[hidden]{display:none!important}
html[data-app="admin"] #admin-client-workspace-shell{gap:9px}
html[data-app="admin"] #admin-client-workspace-shell .admin-client-context{position:static;padding:12px 16px;border-radius:0;background:var(--atlas-navy);color:#fff}
html[data-app="admin"] #admin-client-workspace-shell .admin-client-context :is(h2,p){color:#fff}
html[data-app="admin"] #admin-client-workspace-shell .admin-client-context .eyebrow{color:#a9d2fc}
html[data-app="admin"] #admin-client-workspace-shell .admin-client-context .btn.secondary{background:#ffffff1a;border-color:#ffffff50;color:#fff}
html[data-app="admin"] #admin-workspace-weekly{padding:0;border:0;background:transparent;box-shadow:none}
html[data-app="admin"] .admin-weekly-flow{display:none}
html[data-app="admin"] .weekly-visit-selector{padding:17px 19px;border:0;border-radius:0;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="admin"] .weekly-visit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-app="admin"] .weekly-visit-options button{min-width:0;border:1px solid #dce6ed;border-radius:11px;background:#f8f9f8;box-shadow:none}
html[data-app="admin"] .weekly-visit-options button.active{border-color:var(--atlas-blue);background:#e8efff;color:var(--atlas-navy)}
html[data-app="admin"] .weekly-work-stage{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-app="admin"] .weekly-work-stage>header{padding:15px 18px 9px;background:var(--atlas-navy);color:#fff}
html[data-app="admin"] .weekly-work-stage>header .eyebrow{color:#a9d2fc}
html[data-app="admin"] .weekly-work-stage>header p{color:#d5e0ed}
html[data-app="admin"] .weekly-work-stage>.admin-tool,
html[data-app="admin"] .weekly-work-stage>.lifestyle-charts{margin:0;padding:17px;border:0;border-bottom:1px solid #dfe6ed;border-radius:0;background:#fffefa;box-shadow:none}
html[data-app="admin"] #admin-lifestyle-charts .lifestyle-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-app="admin"] #admin-lifestyle-charts .lifestyle-chart-card{display:grid;min-width:0;min-height:112px;gap:4px;padding:12px;border:1px solid #e5eaf0;border-radius:11px;background:#f7f9fb;box-shadow:none}
html[data-app="admin"] #admin-lifestyle-charts .lifestyle-chart-card>div{display:flex;align-items:baseline;justify-content:space-between;gap:4px;flex-wrap:wrap}
html[data-app="admin"] #admin-lifestyle-charts .lifestyle-chart-card svg{width:100%;height:47px;margin:0}
html[data-app="admin"] #admin-lifestyle-charts .lifestyle-chart-card>small{font-size:.7rem}
html[data-app="admin"] .admin-weekly-finish{padding:17px;border:0;border-radius:0;background:#e5f1ec;box-shadow:none}
html[data-app="admin"] #nutrition-plan-form>.rhythm-editor,
html[data-app="admin"] .weekly-food-pool{border:0;border-radius:18px;background:#fffefa;box-shadow:var(--sv-shadow)}
html[data-app="admin"] #admin-circadian-preview .circadian-card{border:0;background:transparent;box-shadow:none}
html[data-app="admin"] .rhythm-tabs{border-bottom:1px solid #e2e7ec}
html[data-app="admin"] .rhythm-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#617386}
html[data-app="admin"] .rhythm-tabs button.active{border-bottom-color:var(--atlas-blue);background:transparent;color:var(--atlas-blue)}
html[data-app="admin"] .weekly-food-pool-selected,
html[data-app="admin"] .weekly-food-pool-candidates{border:0;border-top:1px solid #e6eaf0;border-radius:0;background:transparent;box-shadow:none}
html[data-app="admin"] #nutrition-plan-form .nutrition-meal-editor{border:0;border-bottom:1px solid #e0e7ec;border-radius:0;background:transparent;box-shadow:none}
html[data-app="admin"] .simplified-admin-tabs{padding:3px;border:0;border-bottom:1px solid #dce3ea;border-radius:0;background:transparent}
html[data-app="admin"] .simplified-admin-tab:not(.active){border:0;border-radius:0;background:transparent;color:#596c80}
html[data-app="admin"] .simplified-admin-tab.active,
html[data-app="admin"] .simplified-admin-tab:first-child.active{border:0;border-bottom:3px solid var(--atlas-blue);border-radius:0;background:transparent;color:var(--atlas-blue);box-shadow:none}

@media(max-width:700px){
  html[data-app="panel"] #panel.client-detail-navigation{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  html[data-app="panel"] #panel.client-detail-navigation .side{position:static;height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
  html[data-app="panel"] #panel.client-detail-navigation .side .profile{display:none}
  html[data-app="panel"] #panel.client-detail-navigation .side .menu{
    position:fixed;z-index:35;inset:auto 0 0;display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:0;
    padding:7px max(5px,env(safe-area-inset-left,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-right,0px));
    border-top:1px solid #dce3eb;border-radius:0;background:#fffefaed;
    box-shadow:0 -8px 30px #142a4520;backdrop-filter:blur(18px);
  }
  html[data-app="panel"] #panel.client-detail-navigation .side .menu button{
    min-width:0;min-height:48px;padding:6px 2px;border:0;border-radius:9px;
    background:transparent;color:#5d6b7d;font-size:0;line-height:1.15;text-align:center;
  }
  html[data-app="panel"] #panel.client-detail-navigation .side .menu button::after{content:attr(data-short);font-size:.74rem;font-weight:750}
  html[data-app="panel"] #panel.client-detail-navigation .side .menu button.active{background:#e8effc;color:#164aab;box-shadow:none}
  html[data-app="panel"] #panel.client-detail-navigation .side .menu .nav-full{display:none}
  html[data-app="panel"] #panel.client-detail-navigation .side .menu .nav-short{display:block;white-space:normal}
  html[data-app="panel"] #panel.client-detail-navigation .session-bar{align-items:center;gap:8px;padding:7px 12px;margin:0 0 9px;border-radius:0;background:#edf5f1}
  html[data-app="panel"] #panel.client-detail-navigation .session-bar strong{font-size:.77rem}
  html[data-app="panel"] #panel.client-detail-navigation .session-bar span{display:none}
  html[data-app="panel"] #panel.client-detail-navigation .session-bar .btn{padding:8px 11px}
  html[data-app="panel"] #panel.client-detail-navigation .layout{display:block;padding:0}
  html[data-app="panel"] #panel.client-detail-navigation .content{width:100%;padding:0}
  html[data-app="panel"] #view-progress>.card{padding:10px 0 20px}
  html[data-app="panel"] .stage4-client-plan .stage4-plan-heading{border-radius:0 0 20px 20px;padding:19px 18px}
  html[data-app="panel"] .stage4-client-plan>.circadian-card{margin:0;padding:12px 8px;border-radius:0;background:#fffefa}
  html[data-app="panel"] .stage4-client-plan .circadian-live-root{order:2}
  html[data-app="panel"] .stage4-client-plan .circadian-variant-choice{order:3}
  html[data-app="panel"] .stage4-client-plan .plan-photo-preview{order:4}
  html[data-app="panel"] .stage4-client-plan .meal-example-section{order:5}
  html[data-app="panel"] .stage4-client-plan .meal-example-card{padding:13px 9px}
  html[data-app="panel"] #view-progress .progress-grid .data-item{padding:12px}
  html[data-app="panel"] #view-progress .progress-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-rows:repeat(2,minmax(63px,auto));gap:7px}
  html[data-app="panel"] #view-progress .progress-grid .data-item:first-child{grid-row:1/3;background:#1c4b80}
  html[data-app="panel"] #view-progress .progress-grid .data-item{display:flex;flex-direction:column;justify-content:center;min-width:0}
  html[data-app="panel"] #view-progress .progress-grid .progress-value{font-size:clamp(.91rem,4vw,1.12rem);overflow-wrap:anywhere}
  html[data-app="panel"] #view-progress .progress-grid .data-item:first-child .progress-value{font-size:clamp(1.25rem,5.2vw,1.65rem)}
  html[data-app="panel"] #view-progress .progress-measurement-chart{padding:12px}
  html[data-app="panel"] #view-progress .progress-measurement-chart .realization-chart{max-height:160px}
  html[data-app="panel"] #view-progress #client-lifestyle-charts{padding:12px}
  html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 34px auto;align-items:center;gap:2px;min-height:110px;padding:8px;border:0;border-radius:11px;background:color-mix(in srgb,var(--trend-color,#245ad5) 8%,#fff)}
  html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card>div{grid-column:1;grid-row:1;display:grid;gap:2px}
  html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card svg{grid-column:1;grid-row:2;width:100%;height:32px;margin:0}
  html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card>small{grid-column:1;grid-row:3;font-size:.64rem}
  html[data-app="panel"] #view-progress #client-lifestyle-charts .lifestyle-chart-card{padding:11px 7px}
  html[data-app="admin"] .rhythm-editor{padding:12px}
  html[data-app="admin"] #admin-client-workspace-shell .admin-client-context{padding:12px}
  html[data-app="admin"] #admin-workspace-weekly .weekly-work-stage>header{padding:13px 15px}
  html[data-app="admin"] #admin-workspace-weekly .weekly-work-stage>.admin-tool,
  html[data-app="admin"] #admin-workspace-weekly .weekly-work-stage>.lifestyle-charts{padding:12px}
  html[data-app="admin"] #admin-lifestyle-charts .lifestyle-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  html[data-app="admin"] #admin-lifestyle-charts .lifestyle-chart-card{min-height:93px;padding:9px}
  html[data-app="admin"] #admin-lifestyle-charts .lifestyle-chart-card svg{height:34px}
  html[data-app="admin"] #admin-workspace-weekly .weekly-visit-selector{padding:13px}
  html[data-app="admin"] #admin-client-workspace-shell .simplified-admin-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  html[data-app="admin"] #admin-client-workspace-shell .simplified-admin-tab{min-width:0;overflow-wrap:anywhere;white-space:normal}
  html[data-app="admin"] #weekly-food-pool .weekly-food-pool-candidates>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  html[data-app="admin"] #weekly-food-pool [data-pool-toggle]{min-width:0;max-width:100%;width:100%;flex-basis:auto;overflow-wrap:anywhere}
  html[data-app="admin"] #nutrition-plan-form .nutrition-meal-editor{box-sizing:border-box;min-width:0;max-width:100%;width:100%;margin-inline:0;overflow-wrap:anywhere}
  html[data-app="admin"] #nutrition-plan-form .nutrition-meal-editor :is(strong,span){min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
  html[data-app="panel"] .stage4-client-plan *,html[data-app="admin"] .rhythm-editor *{transition:none!important}
}

/* Published daily rhythm: a focused instrument panel around the two dials. */
html[data-app="panel"] .stage4-client-plan>.circadian-card{
  background:radial-gradient(circle at 50% 38%,#245478 0,#153954 48%,#102b45 100%);
  color:#f5fbff;border:1px solid #365b72;box-shadow:0 18px 44px rgba(13,42,66,.24);
}
html[data-app="panel"] .stage4-client-plan>.circadian-card .circadian-heading{border-color:#ffffff2c}
html[data-app="panel"] .stage4-client-plan>.circadian-card .circadian-heading h4{color:#fff;font-size:1.35rem}
html[data-app="panel"] .stage4-client-plan>.circadian-card .circadian-heading p{color:#e2eff8}
html[data-app="panel"] .stage4-client-plan>.circadian-card .eyebrow{color:#8ed9f0}
html[data-app="panel"] .stage4-client-plan>.circadian-card .hydration-summary{background:#d9f2fb;border:0;color:#16405f;box-shadow:0 8px 22px #071b3124}
html[data-app="panel"] .stage4-client-plan>.circadian-card .circadian-clock{max-width:530px}
html[data-app="panel"] .stage4-client-plan>.circadian-card .day-time{fill:#e2f3fc;font-size:10px}
html[data-app="panel"] .stage4-client-plan>.circadian-card .day-tick{stroke:#a9d9ed}
html[data-app="panel"] .stage4-client-plan>.circadian-card .circadian-legend{background:#ffffff12;border:1px solid #ffffff28;color:#f2f8ff;box-shadow:none}
html[data-app="panel"] .stage4-client-plan>.circadian-card .circadian-legend summary{color:#fff}
html[data-app="panel"] .stage4-client-plan>.circadian-card .rhythm-selection-detail{background:#ffffff18;color:#f5fbff;border:1px solid #ffffff24}
html[data-app="panel"] .stage4-client-plan .meal-choice-list button{overflow:hidden;padding:9px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
html[data-app="panel"] .stage4-client-plan .meal-choice-list button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(26,62,84,.12)}
html[data-app="panel"] .stage4-client-plan .meal-choice-list button:focus-visible{outline:3px solid #70a5f5;outline-offset:2px}
html[data-app="panel"] .stage4-client-plan .meal-choice-list .food-visual-picture{background:#f0f6f5}
@media(max-width:700px){html[data-app="panel"] .stage4-client-plan>.circadian-card .circadian-clock{max-width:min(100%,365px)}}
html[data-app="panel"] .stage4-client-plan .circadian-live-root{order:1}
html[data-app="panel"] .stage4-client-plan>.circadian-card{order:2}
html[data-app="panel"] .stage4-client-plan .meal-choice-disclosure>summary{color:#17496c}
html[data-app="panel"] .stage4-client-plan .meal-example-card.is-current{background:#eef6fb;box-shadow:inset 4px 0 #2070bd}
.circadian-clock .rhythm-event-tag{cursor:pointer;filter:drop-shadow(0 3px 5px rgba(8,30,50,.35))}
.circadian-clock .rhythm-event-name{fill:#fff;font:800 11px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none}
.circadian-clock .rhythm-event-time{fill:#fff;font:700 9px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;pointer-events:none}
.circadian-clock .rhythm-segment-hit:focus-visible .rhythm-event-tag rect,.circadian-clock .rhythm-segment-hit:hover .rhythm-event-tag rect{stroke:#fff;stroke-width:2}
.circadian-clock .rhythm-segment-hit.is-active .rhythm-event-tag rect{stroke:#fff;stroke-width:3}
.circadian-clock .rhythm-segment-hit.is-active .rhythm-event-tag{filter:drop-shadow(0 0 9px rgba(255,255,255,.75))}
.circadian-clock .rhythm-segment-hit.is-active .day-segment{stroke-width:35}
.circadian-clock .rhythm-segment-hit .day-segment{stroke-linecap:butt}
.circadian-clock .rhythm-event-name,.circadian-clock .rhythm-event-time{paint-order:stroke;stroke:rgba(9,31,51,.45);stroke-width:2px;stroke-linejoin:round}
.circadian-clock .rhythm-segment-hit.is-active .day-segment{filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}
.circadian-clock .rhythm-segment-hit.is-current-phase .day-segment{stroke-opacity:1;filter:drop-shadow(0 0 6px rgba(255,255,255,.62))}
.circadian-clock .rhythm-elapsed{pointer-events:none}
.circadian-clock .rhythm-elapsed path{fill:none;stroke:#fff;stroke-opacity:.34;stroke-linecap:butt}
.circadian-clock.is-sleeping .rhythm-now-marker circle{fill:#fff}

/* Client navigation belongs above the workspace, leaving the full width to the plan. */
html[data-app="panel"] #panel .layout{display:block;min-width:0}
html[data-app="panel"] #panel .layout>.side{display:flex;position:static;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;height:auto;margin:0 0 16px;padding:10px 14px;border:1px solid #dce5ee;border-radius:16px;background:#fffefa;box-shadow:none;min-width:0}
html[data-app="panel"] #panel .side .profile{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;flex:0 1 auto;min-width:0;margin:0;padding:0;border:0}
html[data-app="panel"] #panel .side .profile .avatar{grid-row:1/3;flex:0 0 36px;width:36px;height:36px;margin:0}
html[data-app="panel"] #panel .side .profile b{grid-column:2;grid-row:1;font-size:.89rem;white-space:nowrap}
html[data-app="panel"] #panel .side .profile span{display:block;grid-column:2;grid-row:2;min-width:0;max-width:260px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-app="panel"] #panel .side .menu{display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px;flex:1 1 auto;min-width:0;margin:0}
html[data-app="panel"] #panel .side .menu button{flex:0 0 auto;min-height:42px;padding:9px 13px;border-radius:10px;white-space:normal;text-align:center;font-size:.85rem;line-height:1.2}
html[data-app="panel"] #panel .content{width:100%;min-width:0}
@media(max-width:900px){
  html[data-app="panel"] #panel .layout>.side{gap:10px}
  html[data-app="panel"] #panel .side .menu{flex-basis:100%;justify-content:stretch;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}
  html[data-app="panel"] #panel .side .menu button{min-width:0;padding:9px 5px}
}
@media(max-width:700px){
  html[data-app="panel"] #panel.client-detail-navigation{padding-bottom:0}
  html[data-app="panel"] #panel.client-detail-navigation .side{display:flex;height:auto;margin:0 0 12px;padding:9px 10px;border:0;border-bottom:1px solid #dce5ee;border-radius:0;background:#fffefa;box-shadow:none}
  html[data-app="panel"] #panel.client-detail-navigation .side .profile{display:grid}
  html[data-app="panel"] #panel.client-detail-navigation .side .menu{position:static;inset:auto;z-index:auto;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
  html[data-app="panel"] #panel.client-detail-navigation .side .menu button{min-height:44px;padding:7px 3px;font-size:.73rem;line-height:1.15}
  html[data-app="panel"] #panel.client-detail-navigation .side .menu button::after{content:none}
  html[data-app="panel"] #panel.client-detail-navigation .side .menu button.active{background:#102e50;color:#fff}
}

/* The published plan opens on the clock; the clock itself retains live time. */
html[data-app="panel"] #view-nutrition-plan>.card>.card-head,
html[data-app="panel"] #current-nutrition-plan .stage4-plan-heading,
html[data-app="panel"] #current-nutrition-plan .circadian-live-root{display:none!important}
html[data-app="panel"] #view-nutrition-plan>.card{padding-top:0}
html[data-app="panel"] #current-nutrition-plan .stage4-client-plan>.circadian-card{order:1}
html[data-app="panel"] #current-nutrition-plan .circadian-card .rhythm-version{display:block;margin-top:5px;color:#beddea;font-size:.74rem;font-weight:700}
html[data-app="panel"] #current-nutrition-plan .circadian-clock .rhythm-segment-hit.is-current-phase .day-segment{stroke-width:58;stroke-opacity:1;filter:drop-shadow(0 0 10px #fff)}
html[data-app="panel"] #current-nutrition-plan .circadian-legend [data-rhythm-index].is-current{background:#e5f4fb;border-radius:10px}
html[data-app="panel"] #current-nutrition-plan .circadian-legend [data-rhythm-index]{cursor:pointer}
html[data-app="panel"] #current-nutrition-plan .circadian-legend [data-rhythm-index]:focus-visible{outline:3px solid #70a5f5;outline-offset:2px;border-radius:10px}
html[data-app="panel"] #current-nutrition-plan .stage4-client-plan:not([data-focused-position]) .meal-example-section{display:none}
html[data-app="panel"] #current-nutrition-plan .stage4-client-plan .meal-example-card[hidden]{display:none!important}
html[data-app="panel"] #current-nutrition-plan .stage4-client-plan .meal-example-section{order:2;margin:0}
html[data-app="panel"] #current-nutrition-plan .stage4-client-plan .meal-example-section .meal-example-heading{display:none}
html[data-app="panel"] #current-nutrition-plan .stage4-client-plan .meal-example-section .meal-example-grid{display:block;border:0}
html[data-app="panel"] #current-nutrition-plan .circadian-legend[open]{max-height:min(48vh,420px);overflow-y:auto;overscroll-behavior:contain}
html[data-app="panel"] #current-nutrition-plan .meal-choice-disclosure[open] .meal-choice-list{max-height:min(52vh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}

/* Client home: one compact navigation row and four useful summary cards. */
html[data-app="panel"] #panel .layout>.side{padding:6px 10px}
html[data-app="panel"] #panel .layout>.side .profile{display:none!important}
html[data-app="panel"] #panel .side .menu{justify-content:center}
html[data-app="panel"] #panel .content>.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible;scroll-snap-type:none;padding:0}
html[data-app="panel"] #panel .content.client-detail-view>.stats{display:none!important}
html[data-app="panel"] #panel .content>.stats>.stat:nth-child(2){display:none!important}
html[data-app="panel"] #panel .content>.stats>.stat{min-width:0;min-height:136px;padding:19px}
html[data-app="panel"] #panel .content>.stats>.stat[hidden]{display:none!important}
html[data-app="panel"] #panel .content>.stats:has(>.stat:nth-child(3)[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-app="panel"] #panel .client-plan-status{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:4px;margin:0}
html[data-app="panel"] #panel .client-plan-status strong{font-size:1rem;line-height:1.25;overflow-wrap:anywhere}
html[data-app="panel"] #panel .main-grid>div:last-child>article:first-child{display:none!important}
html[data-app="panel"] #panel .main-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
html[data-app="panel"] #panel .main-grid>div>.card{height:100%}
html[data-app="panel"] #panel .main-grid .quick{grid-template-columns:1fr}
html[data-app="panel"] #panel .main-grid .quick button{min-height:74px}
html[data-app="panel"] #panel .main-grid .appointment{padding:15px;border-radius:15px}
html[data-app="panel"] #panel .main-grid .appointment .empty-state{padding:13px}
html[data-app="panel"] #panel #first-meeting-preparation{padding:19px 22px}
html[data-app="panel"] #panel #first-meeting-preparation .onboarding-grid{grid-template-columns:minmax(0,1fr)}
html[data-app="panel"] #panel #first-meeting-preparation .onboarding-grid>section{min-height:0;max-width:none}
html[data-app="panel"] #panel #first-meeting-preparation .onboarding-grid>section:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 18px}
html[data-app="panel"] #panel #first-meeting-preparation .onboarding-grid>section:first-child h4,
html[data-app="panel"] #panel #first-meeting-preparation .onboarding-grid>section:first-child p{grid-column:1;margin:0}
html[data-app="panel"] #panel #first-meeting-preparation .onboarding-grid>section:first-child button{grid-column:2;grid-row:1/3;width:auto;min-width:180px}
html[data-app="panel"] #panel .program-history-archive{margin-top:18px}
html[data-app="panel"] #panel .program-history-archive summary{font-size:1rem}

/* Program calendar uses the same assigned appointments already shown in Ajandam. */
html[data-app="panel"] #panel .program-summary{display:grid;gap:16px}
html[data-app="panel"] #panel .home-program-card .data-item{padding:0;border:0;background:transparent}
html[data-app="panel"] #panel .program-summary-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
html[data-app="panel"] #panel .program-summary-head h3{margin:2px 0 0}
html[data-app="panel"] #panel .program-week-pill{padding:7px 11px;border-radius:999px;background:#e9f4fb;color:#17496c;font-weight:800;max-width:100%;white-space:normal;overflow-wrap:anywhere}
html[data-app="panel"] #panel .program-calendar-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;align-items:start;min-width:0}
html[data-app="panel"] #panel .program-mini-calendar{min-width:0;padding:15px;border:1px solid #d7e4ed;border-radius:18px;background:#f7fbfd}
html[data-app="panel"] #panel .program-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
html[data-app="panel"] #panel .program-calendar-head button{width:34px;height:34px;border:1px solid #cbdce8;border-radius:10px;background:#fff;color:#123652;cursor:pointer;font-size:1.3rem}
html[data-app="panel"] #panel .program-calendar-head button:disabled{opacity:.35;cursor:default}
html[data-app="panel"] #panel .program-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
html[data-app="panel"] #panel .program-calendar-weekday{font-size:.7rem;color:#607789;font-weight:800}
html[data-app="panel"] #panel .program-calendar-day{position:relative;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:10px;background:#fff;color:#183650;font-size:.82rem;font-weight:750;white-space:nowrap;word-break:normal;overflow-wrap:normal;cursor:pointer}
html[data-app="panel"] #panel .program-calendar-day.is-start{background:#e4f3ef;color:#0b644c}
html[data-app="panel"] #panel .program-calendar-day.is-end{background:#fde9e5;color:#a24131}
html[data-app="panel"] #panel .program-calendar-day.has-meeting{box-shadow:inset 0 0 0 2px #2d79bd}
html[data-app="panel"] #panel .program-calendar-day.is-today{outline:2px solid #153e61;outline-offset:1px}
html[data-app="panel"] #panel .program-calendar-day[aria-pressed="true"]{background:#102e50;color:#fff}
html[data-app="panel"] #panel .program-calendar-day i{position:absolute;bottom:3px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#2d79bd}
html[data-app="panel"] #panel .program-calendar-day:focus-visible{outline:3px solid #4c8df0}
html[data-app="panel"] #panel .program-calendar-key{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px;font-size:.68rem;color:#536a7a}
html[data-app="panel"] #panel .program-calendar-key span{display:flex;align-items:center;gap:4px}
html[data-app="panel"] #panel .program-calendar-key i{width:8px;height:8px;border-radius:3px;background:#e4f3ef}
html[data-app="panel"] #panel .program-calendar-key i.has-meeting{background:#2d79bd}
html[data-app="panel"] #panel .program-calendar-key i.is-end{background:#f2a395}
html[data-app="panel"] #panel .program-calendar-info p{color:#5a6e7b}
html[data-app="panel"] #panel .program-calendar-info .program-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html[data-app="panel"] #panel .program-calendar-info .program-facts>div{padding:11px;border-radius:12px;background:#eef5f9;overflow-wrap:anywhere}
html[data-app="panel"] #panel .program-calendar-info .program-facts small,
html[data-app="panel"] #panel .program-calendar-info .program-facts b{display:block}
html[data-app="panel"] #panel .program-calendar-selection{margin-top:12px;padding:11px;border-left:3px solid #2477b6;background:#f1f8fc;border-radius:9px}

/* The clock is the sole visual index. Its centre downloads the published wallpaper. */
html[data-app="panel"] #current-nutrition-plan .circadian-layout{display:block}
html[data-app="panel"] #current-nutrition-plan .circadian-clock{width:100%;max-width:650px;margin-inline:auto}
html[data-app="panel"] #current-nutrition-plan .circadian-legend{display:none!important}
html[data-app="panel"] #current-nutrition-plan .circadian-card .rhythm-selection-detail{display:none}
html[data-app="panel"] #current-nutrition-plan .circadian-card[data-show-detail="true"] .rhythm-selection-detail{display:block}
html[data-app="panel"] #current-nutrition-plan .clock-wallpaper-action{cursor:pointer}
html[data-app="panel"] #current-nutrition-plan .clock-wallpaper-action rect{fill:#fff;stroke:#b8d7ec;stroke-width:1}
html[data-app="panel"] #current-nutrition-plan .clock-wallpaper-action text{fill:#133c5d;font-size:8px;font-weight:900;letter-spacing:.25px}
html[data-app="panel"] #current-nutrition-plan .clock-wallpaper-action:focus-visible rect{stroke:#4795ec;stroke-width:3}
html[data-app="panel"] #current-nutrition-plan .clock-wallpaper-action[aria-busy="true"]{opacity:.7}
html[data-app="panel"] #current-nutrition-plan .rhythm-segment-hit .day-segment{pointer-events:stroke;transition:stroke-width .25s ease,filter .25s ease,stroke-opacity .25s ease}
html[data-app="panel"] #current-nutrition-plan .rhythm-segment-hit .day-segment.am{stroke-width:60}
html[data-app="panel"] #current-nutrition-plan .rhythm-segment-hit .day-segment.pm{stroke-width:48}
html[data-app="panel"] #current-nutrition-plan .rhythm-segment-hit.is-selected .day-segment.am{stroke-width:66;stroke-opacity:1;filter:drop-shadow(0 0 12px rgba(255,255,255,.9))}
html[data-app="panel"] #current-nutrition-plan .rhythm-segment-hit.is-selected .day-segment.pm{stroke-width:54;stroke-opacity:1;filter:drop-shadow(0 0 12px rgba(255,255,255,.9))}
html[data-app="panel"] #current-nutrition-plan .rhythm-segment-hit.is-selected .rhythm-event-tag{filter:drop-shadow(0 0 12px rgba(255,255,255,.9))}
html[data-app="panel"] #current-nutrition-plan .is-revealing{animation:client-rhythm-reveal .45s ease-out}
@keyframes client-rhythm-reveal{from{opacity:.45;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html[data-app="panel"] #current-nutrition-plan .is-revealing{animation:none}html[data-app="panel"] #current-nutrition-plan .rhythm-segment-hit .day-segment{transition:none}}
html[data-app="panel"] #current-nutrition-plan .client-selected-menu{display:block;grid-column:1/-1;min-width:0;width:100%;margin-top:12px;padding:12px;border-radius:14px;background:#eaf5fb;color:#143d59;overflow-wrap:normal}
html[data-app="panel"] #current-nutrition-plan .client-selected-menu>div{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
html[data-app="panel"] #current-nutrition-plan .client-selected-menu>div span{padding:5px 8px;border-radius:999px;background:#fff;font-size:.78rem;font-weight:750}
html[data-app="panel"] #current-nutrition-plan .client-selected-menu small{color:#5b7484}
html[data-app="panel"] #current-nutrition-plan .circadian-heading{justify-content:flex-end;align-items:center;padding:0 0 6px;border:0}
html[data-app="panel"] #current-nutrition-plan .circadian-heading>div:first-child{display:none}
@media(max-width:900px){html[data-app="panel"] #panel .content>.stats,html[data-app="panel"] #panel .content>.stats:has(>.stat:nth-child(3)[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}html[data-app="panel"] #panel .content>.stats:has(>.stat:nth-child(3)[hidden])>.client-plan-status{grid-column:1/-1}html[data-app="panel"] #panel .program-calendar-layout{grid-template-columns:1fr}}
@media(max-width:700px){html[data-app="panel"] #panel.client-detail-navigation .side .profile{display:none!important}html[data-app="panel"] #panel .main-grid{grid-template-columns:1fr}html[data-app="panel"] #panel .content>.stats>.stat{min-height:116px;padding:14px;flex:auto}html[data-app="panel"] #panel .content>.stats>.stat strong{font-size:1.1rem}html[data-app="panel"] #panel #first-meeting-preparation .onboarding-grid>section:first-child{display:block}html[data-app="panel"] #panel #first-meeting-preparation .onboarding-grid>section:first-child button{width:100%;margin-top:10px}html[data-app="panel"] #panel .program-calendar-info .program-facts{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-app="panel"] #panel .home-program-card{padding:14px}html[data-app="panel"] #panel .program-mini-calendar{padding:9px}html[data-app="panel"] #view-nutrition-plan>.card{padding:0;background:transparent;box-shadow:none}html[data-app="panel"] #current-nutrition-plan .stage4-client-plan>.circadian-card{padding:10px;border-radius:16px}html[data-app="panel"] #current-nutrition-plan .circadian-clock{max-width:100%}}

/* One 12-hour analog navigation dial. The quiet 24-hour index turns vertical on phones. */
html[data-app="panel"] #current-nutrition-plan .analog-clock-nav .circadian-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;justify-items:center;gap:13px}
html[data-app="panel"] #current-nutrition-plan .analog-clock-nav .circadian-clock{max-width:560px;overflow:visible}
html[data-app="panel"] #current-nutrition-plan .analog-face{fill:#102e50;stroke:#5ca6c9;stroke-width:3}
html[data-app="panel"] #current-nutrition-plan .analog-inner{fill:#102e50;stroke:#e7f6ff;stroke-width:3;pointer-events:none}
html[data-app="panel"] #current-nutrition-plan .analog-tick{stroke:#9bc8da;stroke-width:1;opacity:.55}
html[data-app="panel"] #current-nutrition-plan .analog-tick.major{stroke:#fff;stroke-width:2;opacity:.85}
html[data-app="panel"] #current-nutrition-plan .analog-numeral{fill:#f2fbff;font-size:13px;font-weight:800;pointer-events:none}
html[data-app="panel"] #current-nutrition-plan .analog-sector{cursor:pointer}
html[data-app="panel"] #current-nutrition-plan .analog-wedge{stroke:#102e50;stroke-width:2;fill-opacity:.89;transition:fill-opacity .2s,filter .2s}
html[data-app="panel"] #current-nutrition-plan .analog-sector:hover .analog-wedge,
html[data-app="panel"] #current-nutrition-plan .analog-sector.is-selected .analog-wedge,
html[data-app="panel"] #current-nutrition-plan .analog-sector.is-current-phase .analog-wedge{fill-opacity:1;filter:drop-shadow(0 0 8px #d6efff)}
html[data-app="panel"] #current-nutrition-plan .analog-sector:focus-visible .analog-wedge{stroke:#fff;stroke-width:4}
html[data-app="panel"] #current-nutrition-plan .analog-sector .rhythm-event-name{fill:#fff;stroke:#173e5f;stroke-width:2;paint-order:stroke;font-size:8px;font-weight:900;pointer-events:none}
html[data-app="panel"] #current-nutrition-plan .analog-sector .analog-pictogram{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:26px;stroke:none}
html[data-app="panel"] #current-nutrition-plan .analog-clock-nav[data-view-half="0"] .analog-half[data-half="1"],
html[data-app="panel"] #current-nutrition-plan .analog-clock-nav[data-view-half="1"] .analog-half[data-half="0"]{display:none}
html[data-app="panel"] #current-nutrition-plan .analog-hands{pointer-events:none}
html[data-app="panel"] #current-nutrition-plan .analog-hour-hand{stroke:#fff;stroke-width:6;stroke-linecap:round}
html[data-app="panel"] #current-nutrition-plan .analog-minute-hand{stroke:#a4e1ef;stroke-width:3;stroke-linecap:round}
html[data-app="panel"] #current-nutrition-plan .analog-hands circle{fill:#fff}
html[data-app="panel"] #current-nutrition-plan .analog-brand{fill:#c5e5f1;font-size:9px;font-weight:900;letter-spacing:2px;pointer-events:none}
html[data-app="panel"] #current-nutrition-plan .analog-time{fill:#fff;font-size:19px;font-weight:900;pointer-events:none}
html[data-app="panel"] #current-nutrition-plan .day-timeline{width:min(100%,1080px);min-width:0;color:#bfd4e2}
html[data-app="panel"] #current-nutrition-plan .day-timeline-scroll{width:100%;min-width:0;overflow:hidden}
html[data-app="panel"] #current-nutrition-plan .day-timeline-track{position:relative;display:grid;grid-template-columns:repeat(25,minmax(0,1fr));width:100%;min-width:0;padding:2px 0 8px;border-top:2px solid #81a4b8}
html[data-app="panel"] #current-nutrition-plan .day-hour{position:relative;display:grid;place-content:center;min-width:0;min-height:42px;padding:4px 0;border:0;background:transparent;color:#b7d1df;font-size:clamp(.56rem,.8vw,.72rem);font-weight:700;cursor:pointer}
html[data-app="panel"] #current-nutrition-plan .day-hour i{display:block;margin:0 auto;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:12px;font-style:normal;line-height:1}
html[data-app="panel"] #current-nutrition-plan .day-hour.is-current-hour{color:#fff;font-weight:900}
html[data-app="panel"] #current-nutrition-plan .day-hour.is-selected{color:#fff;background:#25577b;border-radius:7px}
html[data-app="panel"] #current-nutrition-plan .day-hour:focus-visible{outline:2px solid #fff;outline-offset:-2px}
html[data-app="panel"] #current-nutrition-plan .day-timeline-now{position:absolute;top:-5px;width:2px;height:50px;background:#fff;box-shadow:0 0 7px #fff;pointer-events:none}
html[data-app="panel"] #current-nutrition-plan .day-timeline-caption{margin-top:2px;text-align:center;font-size:.7rem;opacity:.75}
html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile{display:none}
@media(max-width:700px){
  html[data-app="panel"] #current-nutrition-plan .analog-clock-nav .circadian-layout{width:100%;min-width:0;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:3px;align-items:center}
  html[data-app="panel"] #current-nutrition-plan .analog-clock-nav .circadian-clock{grid-column:2;grid-row:1;width:100%}
  html[data-app="panel"] #current-nutrition-plan .day-timeline{display:none}
  html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile{display:block;width:40px;min-width:40px;grid-row:1;align-self:center}
  html[data-app="panel"] #current-nutrition-plan .mobile-half-1{grid-column:1}
  html[data-app="panel"] #current-nutrition-plan .mobile-half-0{grid-column:3}
  html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile .day-timeline-scroll{height:clamp(180px,68vw,320px);max-height:min(320px,70vh);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
  html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile .day-timeline-scroll{scroll-snap-type:y proximity;overscroll-behavior:contain}
  html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile .day-timeline-track{display:block;width:40px;padding:0;border-top:0;border-left:2px solid #81a4b8}
  html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile .day-hour{display:grid;width:38px;min-width:0;min-height:max(44px,3.25rem);height:auto;padding:4px 0;font-size:.66rem;opacity:.58;scroll-snap-align:center;transition:transform .16s ease,opacity .16s ease,color .16s ease}
  html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile .day-hour.is-picker-focus{transform:scale(1.23);opacity:1;color:#fff;font-weight:900}
  html[data-app="panel"] #current-nutrition-plan .day-hour i{position:static;margin:0 auto;font-size:.6rem}
  html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile .day-timeline-now{left:-4px!important;width:40px;height:2px}
  html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile:not(.is-current-half) .day-timeline-now{display:none}
}
@media(prefers-reduced-motion:reduce){html[data-app="panel"] #current-nutrition-plan .day-timeline-mobile .day-hour{transition:none}}