/* Generated by scripts/build-sunrise-theme.py. Do not edit; change sunrise-layer.css or the script. */
/* from index.html */
:root{--bg:#fcf9f6;--card:#faf6f2;--card2:#faf4f0;--line:#f8f1eb;--text:#201b17;--muted:#8b7464;--good:#d54510;--warn:#aa6618;--bad:#ae3229;--accent:#fed9cd;--purple:#fed9cd}
body{background:linear-gradient(180deg,#fcf9f6,#fbf7f3 60%,#fcf8f5)}
.badge{background:#f9f3ee;border:1px solid #e2d3c8;color:#5c4d43}
.scoreRing{background:conic-gradient(var(--good) calc(var(--score)*1%),#f8f2ec 0)}
.scoreRing:before{background:#fbf7f3}
.card{background:rgba(250,246,242,0.96);box-shadow:0 10px 30px rgba(92,52,24,0.081)}
.tile:after{color:#f1e3d7}
.tile h3{color:#483c34}
.bar{background:#f8f2ec}
.toggle{background:#f6eee7}
.toggle:before{background:#181411}
.pill{background:#f9f2ed}
.btn{border:1px solid #e1d2c6;background:#f9f4ef;color:#181411}
.btn.primary{background:#251f1b;color:#fbf7f4;border-color:#251f1b}
.recommend{color:#2c2520}
.nav{background:rgba(252,249,246,0.93)}
.nav a{color:#967e6e}
.nav a.active{background:#f9f4ef;color:#181411}
.backLink{color:#473b34}
.stat{background:#faf4f0}
.miniRing{background:conic-gradient(var(--accent) calc(var(--p)*1%),#f8f1eb 0)}
.miniRing:before{background:#faf6f1}
.macro>span{color:#483c34}
.fab{background:#221c19;color:#fbf8f4;box-shadow:0 8px 30px rgba(92,52,24,0.16)}
.nutritionDateIcon{background:#f9f4ef;color:#181411}
.nutritionCalendarSheet{background:rgba(253,251,249,0.58)}
.nutritionCalendarPanel{background:#faf6f2;box-shadow:0 -20px 60px rgba(92,52,24,0.16)}
.nutritionCalendarNav button{background:#f9f4ef;color:#181411}
.nutritionCalendarDay{color:#312924}
.nutritionCalendarDay.muted{color:#f3e7dd}
.nutritionCalendarDay.today{box-shadow:inset 0 0 0 1px rgba(92,52,24,0.16)}
.nutritionCalendarDay.selected{background:#d54510;color:#181411}
.foodItem:hover{background:rgba(254,217,205,0.08)}
.foodItemCheck{border:2px solid #ddcdc0;color:#181411}
.foodItem.selected .foodItemCheck{background:#d54510;border-color:#d54510}
.foodBulkBar{background:#fbf7f3;border-top:1px solid #e2d4ca}
.foodBulkAction{color:#322a24}
.foodBulkAction.delete{color:#ae3229}
.foodSelectionHead button{color:#c8400e}
.nutritionCalTrack{background:#f8f1eb}
.nutritionCalMeta span:first-child{color:#c8400e}
.foodClose{background:#f9f4ef;color:#181411}
.foodSearchTab{border:1px solid #dfcfc3;background:#faf5f0;color:#52443b}
.foodSearchTab.active{background:#d54510;border-color:#d54510;color:#181411}
.productSearchItem{background:#faf4f0}
.productSearchItem:hover{background:#f9f3ee}
.productSearchImg{background:#181411}
.productSearchImg.placeholder{background:#f8f2ec}
.productSearchMacros{color:#473b34}
.productBack{color:#473b34}
.productImage{background:#181411}
.productVerified{background:#d54510;color:#181411}
.productMacro{background:#faf4f0}
.sheet{background:rgba(253,251,249,0.6)}
.sheetPanel{background:#fbf6f2}
.grab{background:#f6ede5}
.actionCard{background:#faf4f0}
.field{background:#fbf7f4;color:#181411;border:1px solid #e1d2c7}
.sourceTag{background:#f9f2ed;color:#725f53}
.note{color:#7f6a5c}
.dateRow input{background:#faf5f1;color:#181411}
.dot{box-shadow:0 0 12px rgba(92,52,24,0.16)}
.chart .gridline{stroke:#f8f1eb}
.chart .line{stroke:#c8400e}
.chart .point{fill:#201b17}
.scoreChip{background:#f9f3ee}
.kpiCard{background:#faf5f1}
.tabs .active{background:#251f1b;color:#fbf7f4}
.reflectPrompt{color:#483c34}
.reflectTabs .active{background:#251f1b;color:#fbf7f4}
@media(max-width:600px){.sheet{background:#fbf8f4}
.productAddBtn{box-shadow:0 -12px 30px rgba(92,52,24,0.16)}}
.installSteps{color:#483c34}
:root{--bg:#fbf8f4;--card:#faf6f1;--card2:#f9f4ef;--line:#f6ede6;--text:#1c1814;--muted:#736053;--good:#d54510;--warn:#aa6618;--bad:#ae3229;--accent:#fed9cd;--purple:#fed9cd}
html{background:#fbf8f4}
body{background:radial-gradient(circle at 50% 8%,rgba(254,217,205,0.34) 0%,rgba(213,69,16,0.22) 20%,rgba(213,69,16,0.1) 38%,transparent 58%),
radial-gradient(circle at 50% 78%,rgba(213,69,16,0.38) 0%,rgba(213,69,16,0.24) 24%,rgba(213,69,16,0.12) 42%,transparent 64%),
radial-gradient(circle at 18% 58%,rgba(213,69,16,0.16),transparent 32%),
radial-gradient(circle at 82% 46%,rgba(213,69,16,0.14),transparent 30%),
linear-gradient(180deg,#fcf9f6 0%,#fbf7f4 42%,#faf6f2 70%,#f9f4ef 100%)}
.eyebrow{color:#5d4e44}
.dayCounter{color:#5d4e44}
.badge{background:rgba(249,242,237,0.88);border:1px solid #dfd0c4;color:#3f342d;box-shadow:inset 0 1px rgba(92,52,24,0.018)}
#dayPicker,.tasksWeekInput,.field{background:#faf5f0!important;border:1px solid #dfd0c4!important;color:#1c1814!important}
.scoreRing{background:conic-gradient(#d54510 calc(var(--score)*1%),#f7efe8 0);box-shadow:0 0 40px rgba(92,52,24,0.0585)}
.scoreRing:before{background:#faf6f2}
.sectionTitle{color:#746154}
.card,.stat,.tasksKpi,.tasksDay,.productMacro,.productSearchItem{background:linear-gradient(180deg,rgba(250,245,241,0.96),rgba(251,247,244,0.98))!important;border-color:#dfcfc3!important;box-shadow:0 20px 58px rgba(92,52,24,0.126),0 0 0 1px rgba(92,52,24,0.0158),inset 0 1px rgba(92,52,24,0.0135)}
.tile:hover{border-color:#d54510!important;background:linear-gradient(180deg,#f8f2ec,#faf5f0)!important;box-shadow:0 22px 66px rgba(92,52,24,0.099),0 0 28px rgba(92,52,24,0.054)}
.tile:after{color:#887263}
.tile h3{color:#362d27}
.tiny{color:#796557}
.bar{background:#f7efe8}
.bar i{background:linear-gradient(90deg,#d54510,#d54510)}
.btn{background:#faf4f0;border:1px solid #dfcfc3}
.btn.primary{background:#d54510;border-color:#d54510;color:#181411}
.nav{background:rgba(251,248,244,0.84);border-top:1px solid rgba(222,207,194,0.72)}
.nav a{color:#816c5e}
.nav a.active{color:#181411;background:#f9f4ef;box-shadow:inset 0 0 0 1px rgba(92,52,24,0.16)}
.backLink{color:#c8400e}
.row{border-bottom-color:#e1d2c7}
.toggle{background:#f6eee6}
.toggle:checked{background:#d54510}
.miniRing{background:conic-gradient(#fed9cd calc(var(--p)*1%),#f7efe7 0)}
.miniRing:before{background:#faf4f0}
.fab{background:#d54510;color:#181411;box-shadow:0 12px 32px rgba(92,52,24,0.126),0 0 0 1px rgba(92,52,24,0.027)}
.sheetPanel{background:linear-gradient(180deg,#faf5f1,#fbf6f3)!important;border-color:#dfd0c4!important;box-shadow:0 -30px 90px rgba(92,52,24,0.16)}
.actionCard{background:#faf4f0!important;border-color:#e0d0c5!important}
.nutritionCalories,.nutritionMacroCard{background:linear-gradient(180deg,#faf4f0,#faf5f1)!important}
.nutritionCalTrack{background:#f7efe7}
.nutritionCalTrack i{background:linear-gradient(90deg,#fed9cd,#fed9cd)}
.nutritionCalMeta span:first-child{color:#c8400e}
.productVerified{background:#d54510}
.productAddBtn{background:#d54510!important;border-color:#d54510!important}
.tasksDayHead{background:linear-gradient(135deg,#d54510,#d54510)!important}
.taskBar.done,.habitProgressLine i{background:#fed9cd!important}
.taskDoneBtn[aria-pressed="true"]{background:#d54510!important;border-color:#d54510!important}
.pomoCheck:checked{background:#fed9cd!important;border-color:#fed9cd!important}
/* from emerald-theme.css */
:root{--page-background:radial-gradient(ellipse at 12% 0%,rgba(247,240,233,0.4),transparent 48%),radial-gradient(ellipse at 92% 48%,rgba(213,69,16,0.188),transparent 45%),linear-gradient(160deg,#fbf8f5,#fcf9f7 80%);--panel-background:linear-gradient(145deg,rgba(249,243,238,0.733),rgba(251,248,245,0.929))}
:root{--bg:#fcf9f6;--card:#fbf6f3;--card2:#faf5f1;--line:#f7eee7;--text:#2a231e;--muted:#6f5d51;--good:#d54510;--warn:#aa6618;--bad:#ae3229;--accent:#d54510;--purple:#d54510}
.eyebrow{color:#6e5c50}
.card,.stat,.tasksKpi,.tasksDay,.productMacro,.productSearchItem,.kpiCard{box-shadow:inset 0 1px 0 rgba(92,52,24,0.0212),0 14px 38px rgba(92,52,24,0.0635)}
.badge,.pill,.sourceTag,.scoreChip{background:#f9f3ee;color:#c8400e}
.scoreRing{background:conic-gradient(#d54510 calc(var(--score)*1%),#f8f2ec 0);box-shadow:0 0 38px rgba(92,52,24,0.0494)}
.scoreRing:before{background:#fbf8f5}
.scoreRing b{color:#221c18}
.tile h3{color:#322a24}
.tile:after{color:#c8400e;border:1px solid #decfc2}
.tile:hover{background:linear-gradient(145deg,#f8f1eb,#fbf6f3)!important;border-color:#d54510!important;box-shadow:0 14px 38px rgba(92,52,24,0.09)}
.metric{color:#261f1b}
.sectionTitle{color:#6f5d51}
.bar,.nutritionCalTrack{background:#f9f2ed}
.bar i,.nutritionCalTrack i{background:linear-gradient(90deg,#d54510,#d54510)!important}
.recommend{color:#302823}
.btn,.nutritionDateIcon,.foodClose,.nutritionCalendarNav button{border:1px solid #dfd0c4;background:#faf5f0}
.btn.primary,.productAddBtn,.foodSearchTab.active,.tabs .active,.reflectTabs .active{background:#d54510!important;border-color:#d54510!important;color:#fbf7f3!important}
.btn:hover{border-color:#d54510}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #fed9cd}
.toggle{background:#f6ede5}
.toggle:checked{background:#d54510}
#dayPicker,.tasksWeekInput,.field{background:#fbf6f2!important;border-color:#e0d0c5!important}
.dot{box-shadow:0 0 10px rgba(92,52,24,0.136)}
input[type=range],input[type=checkbox]{accent-color:#c8400e}
.nav{border:1px solid #e0d0c5;background:rgba(249,243,238,0.929);box-shadow:0 12px 48px rgba(92,52,24,0.16)}
.nav a{color:#594a40}
.nav a.active{color:#c8400e;background:#d54510;box-shadow:inset 0 0 0 1px rgba(92,52,24,0.16),0 0 18px rgba(92,52,24,0.0371)}
.backLink,.productBack{color:#52443b}
.nutritionCalories,.nutritionMacroCard{background:linear-gradient(145deg,#f9f3ee,#fbf8f5)!important}
.nutritionCalMeta span:first-child{color:#c8400e}
.nutritionCalHeadline b{color:#26201c}
.miniRing{background:conic-gradient(#d54510 calc(var(--p)*1%),#f7f0e9 0)}
.miniRing:before{background:#fbf6f2}
.macro>span{color:#c8400e}
.nutritionCalendarPanel,.sheetPanel{background:linear-gradient(150deg,#faf4f0,#fcf8f5)!important}
.nutritionCalendarDay{color:#352c27}
.nutritionCalendarDay.muted{color:#937a6a}
.nutritionCalendarDay.selected{background:#d54510;color:#fbf7f3}
.nutritionCalendarDay.today{box-shadow:inset 0 0 0 1px rgba(92,52,24,0.16)}
.actionCard{background:#f9f3ee!important;border-color:#dfd0c4!important}
.foodSearchTab{background:#fbf6f2;border-color:#e0d1c5;color:#4a3e36}
.productSearchItem:hover,.foodItem:hover{background:#f8f2ec!important}
.productSearchImg.placeholder{background:#f9f2ed}
.productVerified{background:#d54510}
.foodItem.selected .foodItemCheck{background:#d54510;border-color:#d54510}
.foodItemCheck{border-color:#dccbbe}
.fab{background:#d54510;color:#faf5f0;box-shadow:0 8px 30px rgba(92,52,24,0.0812)}
.grab{background:#f4e9df}
body .tasksDayHead{background:linear-gradient(135deg,#d54510,#faf5f0)!important}
body .taskBar.done,body .habitProgressLine i{background:linear-gradient(90deg,#d54510,#d54510)!important}
body .habitCell.label{background:#faf6f2;color:#342b25}
body .habitCell{border-color:#e1d2c7}
body .habitCheck{accent-color:#c8400e}
body .habitCell.habitToday{background:#f7f0e9;color:#231d19;box-shadow:inset 0 -2px rgba(92,52,24,0.16)}
body .taskDoneBtn[aria-pressed="true"],body .pomoCheck:checked{background:#d54510!important;border-color:#fed9cd!important;color:#faf6f2}
body .taskDonut:before,body .tasksRing:before{background:#faf6f2}
body .taskDonut,body .tasksRing{background:conic-gradient(#d54510 calc(var(--p)*1%),#f7efe8 0)}
#disciplinePage>.card{background:radial-gradient(ellipse at 100% 0%,rgba(213,69,16,0.188),transparent 70%),linear-gradient(140deg,#f8f1ec,#fbf7f3)!important}
#streakCount{color:#c8400e}
.chart .line,.p44TrendChart .line,#p44TrendsDialog .line{stroke:#c8400e}
.chart .gridline,.p44TrendChart .gridline,#p44TrendsDialog .gridline{stroke:#f7eee7}
.p44TrendChart .point,#p44TrendsDialog .point{fill:#c8400e}
body .p44-health-dialog,body #p44TrendsDialog,body dialog{background:#fbf7f3;color:#2a231e;border-color:#dfcfc3}
body .p44-detail-head{background:#faf6f1;border-color:#e1d2c7}
body .p44-detail-close,body .p44-detail-activity{background:#f9f3ee;color:#2a231e;border-color:#dfcfc4}
body .p44-detail-note,body .p44-detail-date,body .p44-detail-pair dt,body .p44-detail-table th,body .p44-detail-activity small,body .p44-detail-chart-caption,body .p44-detail-loading,body .p44-detail-section h3,body .p44-health-dialog summary{color:#68574b}
body .p44-detail-pair,body .p44-detail-table td,body .p44-detail-table th{border-color:#e0d2c6}
body .p44-detail-dialog-link{color:#c8400e}
body .p44-detail-error{background:#f7f0ea;color:#aa6618}
body .p44-detail-chart span{background:#d54510}
@media(max-width:760px){.sheet{background:#fbf8f5}}
body dialog{background:#fbf7f3!important;color:#2a231e!important;border-color:#dfcfc3!important}
:root{--bg:#fcf8f5;--card:#fbf6f3;--line:#d54510;--text:#2a231f;--accent:#d54510;--good:#d54510;--muted:#645348}
.tile h3 .p44Icon{color:#c8400e}
.tile[href="#nutritionPage"] h3 .p44Icon{color:#c8400e}
.tile[href="#disciplinePage"] h3 .p44Icon{color:#c8400e}
.tile .bar{background:#f8f2ec}
.tile .bar i{background:linear-gradient(90deg,#d54510,#d54510)!important}
.scoreRing{background:conic-gradient(#d54510 0%,#d54510 calc(var(--score)*1%),#f8f2ec calc(var(--score)*1%));box-shadow:0 0 26px rgba(92,52,24,0.0847)}
.scoreRing:before{background:#fbf7f3}
.nutritionCalHeadline b{color:#aa6618}
.nutritionCalTrack{background:repeating-linear-gradient(115deg,#f8f1ea 0 3px,#faf5f1 3px 7px)}
.nutritionCalTrack i{background:linear-gradient(90deg,#d54510,#d54510,#d54510)!important}
.nutritionMacroCards{background:#fbf7f3}
.nutritionMacroCard .nutritionRing{background:linear-gradient(90deg,#d54510,#d54510) left/ clamp(0%,calc(var(--p)*1%),100%) 100% no-repeat,#f7f0e9}
.nutritionMacroCard:last-child .nutritionRing{background:linear-gradient(90deg,#aa6618,#d54510) left/clamp(0%,calc(var(--p)*1%),100%) 100% no-repeat,#f7f0e9}
.drinkCard .label .p44Icon{color:#c8400e}
.drinkCard .bar{background:repeating-linear-gradient(90deg,#f8f2ec 0 16px,#fbf7f3 16px 20px)}
.drinkCard .bar i{background:repeating-linear-gradient(90deg,#d54510 0 16px,#fbf7f3 16px 20px)!important}
body .habitDaily .habitCell{background:#faf6f2}
.habitDaily .p44Icon{color:#c8400e}
.streakIcon{color:#aa6618;fill:#aa6618}
#streakCount{color:#2a231e}
.nutritionAddActions{background:linear-gradient(0deg,#fbf8f5,transparent)}
.nutritionAddActions .btn:not(.primary){background:#fbf7f3;border-color:#d54510}
body .foodModeDock,body .aiScanDrop,body .aiMacro,body .savedMealCard,body .mealDraftBox,body .mealDraftItem{background:#faf6f1}
body .foodModeBtn.active{background:#d54510;color:#2a231f}
body .foodModeBtn.ai.active{color:#c8400e}
:root{--surface:#faf6f1;--surface-raised:#faf4ef;--surface-input:#fbf7f3;--surface-hover:#f8f1ec;--border-soft:#e1d2c7;--accent-soft:rgba(213,69,16,0.102);--text-strong:#251f1b;--shadow-panel:0 18px 50px rgba(92,52,24,0.0847)}
.pageHeader .bigScore{border:1px solid #dfcfc3;background:radial-gradient(ellipse at top right,rgba(213,69,16,0.188),transparent 75%),var(--surface);color:#c8400e}
.kpiTop span{color:#332a25}
.sourceTag{background:#f8f1eb;border:1px solid #e0d1c6;color:#55473d}
.progressMeta b{color:#c8400e}
.row>b{color:#372e28}
.label{color:#2e2621}
.pill{border:1px solid #e0d1c5;color:#c8400e}
.toggle{border:1px solid #decfc3}
.toggle:checked{border-color:#d54510}
body dialog{border:1px solid #dfcfc3!important;box-shadow:0 28px 100px rgba(92,52,24,0.16);background:linear-gradient(150deg,#faf5f0,#fbf8f4)!important;scrollbar-color:#f4e8df #fbf6f3}
body dialog::backdrop,.sheet{background:rgba(252,249,246,0.878)}
body dialog h3{color:#c8400e}
body dialog label{color:#3d332c}
.p44-detail-head{background:linear-gradient(145deg,#f8f2ec,#fbf6f2)!important;border-bottom:1px solid #e0d1c6}
.p44-detail-hero{color:#2c2520}
.p44-detail-section{background:#faf5f1}
.p44-detail-section h3{color:#c8400e!important}
.p44-detail-table tbody tr:nth-child(even){background:rgba(247,240,234,0.102)}
.p44-detail-activity{background:#f9f4ef!important;border-color:#e0d1c5!important}
.p44-detail-activity:hover{background:#f8f1eb!important;border-color:#988171!important}
.p44-detail-close,.foodClose{border:1px solid #dfcfc3!important;background:#f9f2ed!important;color:#c8400e!important}
.p44-detail-chart span{background:linear-gradient(0deg,#d54510,#fed9cd)!important}
.p44-detail-error{border:1px solid rgba(220,203,190,0.333);color:#aa6618}
#p44TrendsDialog header{background:rgba(250,246,242,0.933)}
#p44TrendsDialog header button{border:1px solid #dfcfc3;background:#f9f2ed;color:#c8400e}
.p44TrendMetric{background:linear-gradient(140deg,#f9f3ee,#fbf6f3);border-color:#e0d1c6}
.p44TrendMetric h4{color:#2e2722}
.p44TrendMetric summary{color:#c8400e}
.p44TrendMetric td,.p44TrendMetric th{border-color:#e1d2c7}
#weeklyReports summary{color:#322a24}
#weeklyReports details[open]{border-color:#ddccc0!important}
#weeklyReports details>div{color:#443931}
.historyList .scoreChip{color:#c8400e;background:#f9f3ed;border:1px solid #e0d0c5}
body .sheetPanel{box-shadow:0 -18px 70px rgba(92,52,24,0.16);scrollbar-color:#f4e8df #fbf6f3}
.productHero h3{color:#29221e}
.productImage{border:1px solid #dfd0c4;box-shadow:0 12px 36px rgba(92,52,24,0.12)}
.productVerified{background:#f8f0ea;color:#c8400e;border:1px solid #decfc3}
.productMacro{background:#faf4f0!important}
.productMacro span{color:#68574c}
.productMacro b{color:#2b241f}
.productMacroInput{color:#2b241f}
.productMacroInput:focus{background:#f8f0ea;outline:2px solid #fed9cd}
.productNutritionInfo{background:#faf5f1!important}
.productNutritionGrid span{color:#68574c}
.productNutritionGrid b{color:#372e28}
.productAddBtn{box-shadow:0 8px 28px rgba(92,52,24,0.0459)!important}
.formRow>label{color:#5e4f44}
.field{box-shadow:inset 0 1px 2px rgba(92,52,24,0.06)}
.field::placeholder{color:#967e6e}
.field:focus{outline:2px solid #d54510}
option{background:#faf5f1;color:#2a231f}
.productSearchName{color:#2d2621}
.productSearchBrand,.productSearchArrow{color:#69584c}
.productSearchMacros{color:#594a40}
.productSearchImg.placeholder{background:#f8f1eb;border:1px solid #e0d0c5;color:#c8400e}
.foodSearchBox:before{color:#796558}
.foodSearchClear{color:#c8400e}
body .foodModeDock{background:rgba(249,243,238,0.929);border:1px solid #dfcfc3;box-shadow:0 12px 35px rgba(92,52,24,0.15)}
body .foodModeBtn{color:#615146}
body .foodModeBtn.active{background:#d54510;color:#2a231f}
.aiScanDrop{background:#faf6f2!important;border-color:#decec2!important}
.aiMacro{background:#f9f3ee!important;border-color:#e0d1c6!important}
.aiMacro b{color:#261f1b}
.aiIngredients,.aiDisclaimer,.savedMealMeta,.savedMealMacros,.mealDraftTotals,.mealEmpty{color:#655549!important}
.aiScanPreview,.preview{border-color:#dfd0c4}
#barcodeScanner{background:#fcf8f5!important;border:1px solid #e0d1c6!important}
.savedMealCard{background:linear-gradient(145deg,#f9f3ee,#fbf6f3)!important;border-color:#e0d0c5!important}
.savedMealName{color:#2a231e}
.mealDraftBox{background:#faf5f0!important;border-color:#decfc3!important}
.mealDraftTitle{color:#2f2822}
.mealDraftItem{background:#faf6f2!important;border-color:#e0d1c6!important}
.mealDraftItemName{color:#392f29}
.mealDraftRemove{color:#ae3229}
.foodBulkBar{background:#faf4f0;border-color:#dfcfc3}
.foodBulkAction{color:#392f29}
.foodBulkAction.delete{color:#ae3229}
.foodSelectionHead button{color:#c8400e}
.foodName{color:#2f2822}
.foodMeta{color:#6b594d}
.foodKcal{color:#c8400e}
body .taskColumns{background:#faf5f0;color:#705e51}
body .taskRow{border-color:#e1d2c7}
body .taskTitle{color:#2a231e}
body .taskTitle::placeholder{color:#9b8575}
body .taskTitle:focus{outline:2px solid #d54510}
body .taskRow.done .taskTitle{color:#705d51}
body .taskDoneBtn{background:#f9f3ee;border-color:#dccbbe}
body .pomoCheck{background:#f9f3ee;border-color:#dccbbe}
body .taskBar.open{background:#f4e9df}
body .taskBarLabel{color:#66554a}
body .taskSync{color:#66554a}
body .tasksKpi span,body .taskDonut span{color:#66554a}
body .tasksKpi b,body .taskDonut b{color:#2c2520}
body .habitHead{color:#645348}
.habitProgress{color:#c8400e}
.tasksControls label{color:#66554a}
.installSteps strong{color:#352c26}
body dialog textarea{background:#fbf7f4;color:#3d332c;border:1px solid #dfd0c4}
@media(max-width:760px){.foodSearchHeader{background:rgba(250,246,242,0.961)}}
#p44TrendsDialog::backdrop,.p44-health-dialog::backdrop{background:rgba(252,249,246,0.902)!important}
.nutritionCalendarSheet{background:rgba(252,249,246,0.902)}
/* from login-screen.css */
#p44LoginScreen{color:#2a231f}
.loginBrand{color:#2a231f}
.loginBrand span{color:#645348}
.loginEmblem{border:1px solid #d54510;color:#c8400e;box-shadow:0 0 70px rgba(92,52,24,0.0176)}
.loginStory h1 span{color:#c8400e}
.loginStory p{color:#645348}
.loginPillars span{border:1px solid #d54510;color:#645348}
.loginPanel{border:1px solid #d54510;box-shadow:inset 0 1px 0 rgba(92,52,24,0.0212),0 14px 38px rgba(92,52,24,0.0635)}
.loginEyebrow{color:#c8400e}
.loginIntro{color:#645348}
#p44LoginScreen #p44SSO .btn{background:#2a231f;color:#fbf6f3;border:1px solid #2a231f}
#p44LoginScreen #p44SSO .btn:hover{background:#fed9cd}
#p44LoginScreen #p44SSO:after{color:#867061;border-top:1px solid #d54510}
#p44LoginScreen label{color:#4a3e36}
#p44LoginScreen .field{background:rgba(252,248,245,0.502);border:1px solid #d54510;color:#2a231f}
#p44LoginScreen .field::placeholder{color:#a08b7c}
#p44LoginScreen .btn.primary,#p44LoginScreen #p44UseOtpCode{background:linear-gradient(100deg,#d54510,#d54510);color:#fbf7f3}
#p44LoginScreen .note{color:#645348}
#p44LoginScreen #p44AuthStatus{color:#53463c}
#p44LoginScreen #p44LoginLocal{color:#645348}
#p44LoginLocal span{color:#c8400e}
.loginFootnote{color:#937b6b}
#p44LoginScreen :is(button,input):focus-visible{outline:2px solid #d54510}
/* from health-details.css */
[data-p44-detail]:focus-visible{outline:2px solid var(--green,#887162)}
[data-p44-detail]:hover{box-shadow:inset 0 0 0 1px rgba(92,52,24,0.0759)}
.p44-health-dialog{border:1px solid #443931;background:#1f1a16;color:#f8f2ec;box-shadow:0 24px 100px rgba(92,52,24,0.0988)}
.p44-health-dialog::backdrop{background:rgba(250,245,241,0.502)}
.p44-detail-head{background:#1f1a16;border-bottom:1px solid #382f29}
.p44-detail-date{color:#f1e3d7}
.p44-detail-close{border:1px solid #433831;background:#181411}
.p44-detail-note{color:#f2e5da}
.p44-detail-section h3{color:#f3e8de}
.p44-detail-pair{border-bottom:1px solid #362d27}
.p44-detail-pair dt{color:#f2e5da}
.p44-detail-table th{color:#f1e3d7}
.p44-detail-table td,.p44-detail-table th{border-bottom:1px solid #362d27}
.p44-detail-activity{background:#181411;border:1px solid #3e342d}
.p44-detail-activity small{color:#f2e5da}
.p44-detail-dialog-link{color:#f5eae2}
.p44-detail-chart{border-bottom:1px solid #4b3f37}
.p44-detail-chart span{background:#846e5f}
.p44-detail-chart span:focus-visible{outline:2px solid #e0d1c5}
.p44-detail-chart-caption{color:#f1e3d7}
.p44-detail-error{background:#2d2621}
.p44-health-dialog summary{color:#f3e8de}
.p44-detail-loading{color:#f2e5da}
/* from trends.css */
[data-open-trends]:focus-visible{outline:2px solid #fed9cd}
.p44TrendChart .line,#p44TrendsDialog .line{stroke:#c8400e}
.p44TrendChart .point,#p44TrendsDialog .point{fill:#201b17}
.p44TrendChart .gridline,#p44TrendsDialog .gridline{stroke:#f6ede5}
#p44TrendsDialog{color:var(--text,#181411);background:var(--bg,#faf5f1);border:1px solid var(--line,#e0d1c6)}
#p44TrendsDialog::backdrop{background:rgba(252,248,246,0.733)}
#p44TrendsDialog header button{background:rgba(24,20,17,0.0706)}
.p44TrendMetric{background:rgba(24,20,17,0.0235);border:1px solid var(--line,#e0d1c6)}
.p44TrendMetric th,.p44TrendMetric td{border-top:1px solid rgba(24,20,17,0.0863)}
/* Sunrise design, hand-written layer: palette, type, surfaces and the signature pieces.
   Presentation only: no data hooks, ids or behaviour are changed. */
:root{
  --bg:#FAF5EF;--card:#FFFFFF;--card2:#F3E8DF;--line:#EADDD2;--text:#1B1410;--muted:#6B5D53;
  --good:#2F6B4F;--warn:#9A5B12;--bad:#B3261E;--accent:#C63A0E;--purple:#E8481A;
  --surface:#FFFFFF;--border-soft:#EADDD2;--text-strong:#1B1410;
  --page-background:#FAF5EF;--panel-background:#FFFFFF;
  --sun-orange:#C63A0E;--sun-orange-2:#F2592A;--sun-sand:#F3E8DF;--sun-peach:#FFE3D6;--sun-ink:#1B1410;
  color-scheme:light;
}
html,body{background:#FAF5EF!important}
body{color:#1B1410;font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;background-attachment:scroll}
button,input,select,textarea{font-family:inherit}

/* Type */
.title,.pageHeader h2{font-weight:800!important;letter-spacing:-.035em;color:#1B1410}
.title{color:#E8481A!important}
.eyebrow,.sectionLabel{color:#C63A0E!important;letter-spacing:.14em;font-weight:700}
.note,.tiny,.dayCounter{color:#6B5D53}
h3,h4{color:#1B1410}

/* Surfaces: white cards on cream, sand for secondary blocks */
.card,.stat,.tasksKpi,.tasksDay,.productMacro,.productSearchItem,.kpiCard,.tile,.meal,.actionCard{
  background:#FFFFFF!important;border:1px solid #EFE3D9!important;box-shadow:0 1px 0 rgba(92,52,24,.04),0 10px 28px rgba(92,52,24,.06)!important;border-radius:24px}
.productSearchItem:hover,.foodItem:hover{background:#FFF7F2!important}
.nutritionCalories,.nutritionMacroCard{background:#F3E8DF!important;border:0!important;box-shadow:none!important}
.sheetPanel,.nutritionCalendarPanel{background:#FAF5EF!important;border-color:#EADDD2!important}
.foodSearchHeader{background:#FAF5EFf2!important}
.grab{background:#D9C8BB}

/* Controls */
.btn{border-radius:999px!important;border:1.5px solid #D9C8BB!important;background:#FFFFFF!important;color:#1B1410!important;font-weight:700}
.btn.ghost{background:transparent!important}
.btn.primary,.productAddBtn,.fab{background:#C63A0E!important;border-color:#C63A0E!important;color:#FFFFFF!important}
.btn:hover{border-color:#C63A0E!important}
.field,input.field,select.field,textarea.field{background:#FFFFFF!important;border:1px solid #D9C8BB!important;color:#1B1410!important;border-radius:16px}
.field::placeholder{color:#8A7A6E}
.foodSearchTab{background:#FFFFFF!important;border:1px solid #D9C8BB!important;color:#1B1410!important;border-radius:999px!important}
.foodSearchTab.active,.tabs .active,.reflectTabs .active{background:#1B1410!important;border-color:#1B1410!important;color:#FAF5EF!important}
.foodClose{background:#FFFFFF!important;border:1px solid #D9C8BB!important;color:#1B1410!important;border-radius:999px!important}
input[type=checkbox],.habitCheck{accent-color:#C63A0E}
.pill,.badge,.sourceTag,.scoreChip{background:#FFE3D6!important;color:#8A2A08!important;border-color:transparent!important;border-radius:999px}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #C63A0E;outline-offset:3px}

/* Navigation: dark floating bar, active item in orange */
.nav{background:#1B1410!important;border:0!important;box-shadow:0 14px 40px rgba(27,20,16,.28)!important;border-radius:30px!important}
.nav a{color:#E8DCD2!important}
.nav a.active{background:#C63A0E!important;color:#FFFFFF!important;box-shadow:none!important}
.nav a .p44Icon,.nav a .ico{color:inherit}

/* Signature: score ring on an orange field */
.top .scoreRing{background:conic-gradient(#FFFFFF calc(var(--score)*1%),rgba(255,255,255,.28) 0)!important;box-shadow:0 0 0 10px #E14A17,0 18px 40px rgba(198,58,14,.35)!important}
.top .scoreRing:before{background:linear-gradient(135deg,#C63A0E,#F2592A)!important}
.top .scoreRing b,.top .scoreRing span{color:#FFFFFF!important}
.scoreRing{background:conic-gradient(#C63A0E calc(var(--score)*1%),#F3E8DF 0)}
.scoreRing:before{background:#FFFFFF}
.miniRing{background:conic-gradient(#C63A0E calc(var(--p)*1%),#F3E8DF 0)!important}
.miniRing:before{background:#FFFFFF!important}
.pageHeader .bigScore{background:linear-gradient(135deg,#C63A0E,#F2592A)!important;border:0!important;color:#FFFFFF!important;border-radius:22px}
.pageHeader h2>.p44Icon{color:#C63A0E}

/* Progress */
.bar{background:#F3E8DF!important}
.bar i,.bar>span,.habitProgressLine i{background:linear-gradient(90deg,#C63A0E,#F2592A)!important}

/* Discipline */
.habitCell.label{background:#FFFFFF!important;color:#1B1410!important}
.habitCell{border-color:#EADDD2!important}
.habitCell.habitToday{background:#FFE3D6!important;color:#1B1410!important;box-shadow:inset 0 -2px #C63A0E!important}
.habitDaily .habitCell{background:#FFFFFF!important}

/* Food lists */
.foodItem.selected .foodItemCheck{background:#C63A0E!important;border-color:#C63A0E!important;color:#FFFFFF}
.foodItemCheck{border-color:#B9A89B!important}
.productSearchImg.placeholder{background:#F3E8DF!important;border:0!important;color:#C63A0E!important}
.productVerified{background:#2F6B4F!important;color:#FFFFFF!important}
.foodModeDock,body .foodModeDock{background:#1B1410!important;border:0!important}
body .foodModeBtn{color:#E8DCD2!important}
body .foodModeBtn.active{background:#C63A0E!important;color:#FFFFFF!important}
.nutritionAddActions{background:linear-gradient(0deg,#FAF5EF,transparent)!important}
.foodBulkBar{background:#1B1410!important;color:#FAF5EF}

/* Coach chat */
.chatMsg.assistant{background:#FFFFFF!important;border-color:#EFE3D9!important}
.chatMsg.user{background:#1B1410!important;border-color:#1B1410!important;color:#FAF5EF}
.chatMsg.user .chatMeta{color:#CFC2B7}
.recommend{color:#1B1410!important}

/* Today hero: the orange field from the proposal */
#todayPage .top{background:linear-gradient(125deg,#C63A0E 0%,#E14A17 55%,#F2592A 100%)!important;border-radius:32px;padding:22px 20px!important;margin-bottom:22px;color:#FFFFFF;border:0!important;box-shadow:0 18px 40px rgba(198,58,14,.22)}
#todayPage .top .title,#todayPage .top .dayCounter,#todayPage .top .eyebrow,#todayPage .top .tiny{color:#FFFFFF!important}
#todayPage .top .eyebrow{opacity:.9}
#todayPage .top .badge{background:rgba(255,255,255,.18)!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.5)!important}
#todayPage .top input[type=date]{background:rgba(255,255,255,.16)!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.55)!important;color-scheme:dark}
#todayPage .top .dot{background:#FFFFFF!important}
#todayPage .top .scoreRing{box-shadow:none!important;background:conic-gradient(#FFFFFF calc(var(--score)*1%),rgba(255,255,255,.28) 0)!important}
#todayPage .top .scoreRing:before{background:#C63A0E!important}
.sectionTitle{color:#C63A0E!important;font-weight:700;letter-spacing:.14em}
.tile h3{color:#1B1410!important}
.metric{color:#1B1410;font-weight:800;letter-spacing:-.02em}
.nutritionMacroCard .nutritionRing{background:linear-gradient(90deg,#C63A0E,#F2592A) left/ clamp(0%,calc(var(--p)*1%),100%) 100% no-repeat,#E6D3C6!important}
.nutritionMacroCards{background:#F3E8DF!important;border:0!important}

/* Sunrise layout (classes added by sunrise-layout.js) */
.sunGreeting{display:flex;flex-direction:column;gap:8px;padding:6px 2px 16px}
.sunGreetingTitle{margin:0;font-size:44px;line-height:1;letter-spacing:-.035em;font-weight:800;color:#E8481A}
.sunLayout #todayPage .top .eyebrow,.sunLayout #todayPage .top .titleRow,.sunLayout #todayPage .top .badge{display:none!important}
.sunLayout #todayPage .top{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px}
.sunHeroText{display:contents}
.sunLayout #todayPage .top>div:first-child{flex:1 1 100%;order:0}
.sunLayout #todayPage .top .scoreRing{order:1;width:104px!important;height:104px!important}
.sunHeroTitle{order:2;flex:1 1 150px}
.sunPills{order:3;flex:1 1 100%}
.sunHeroTitle{font-size:24px;line-height:1.05;font-weight:800;letter-spacing:-.02em;color:#FFFFFF}
.sunPills{display:flex;flex-wrap:wrap;gap:6px}
.sunPill{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border-radius:999px;border:1.5px solid rgba(255,255,255,.85);color:#FFFFFF!important;font-size:13px;font-weight:700;text-decoration:none}
.sunPill:first-child{background:#FFFFFF;color:#1B1410!important;border-color:#FFFFFF}
.sunPill:hover{background:rgba(255,255,255,.18)}
.sunCoach{margin:-6px 0 18px}
.sunCoach .card{border-radius:24px}
#disciplinePage>.card.sunStreak,.card.sunStreak{background:linear-gradient(135deg,#C63A0E,#F2592A)!important;border:0!important;color:#FFFFFF}
.sunStreak .label,.sunStreak .metric,.sunStreak .note,.sunStreak .tiny,.sunStreak *{color:#FFFFFF!important}
@media(min-width:900px){
  .sunGreetingTitle{font-size:72px}
  .sunHeroText{display:flex;flex-direction:column;gap:14px;flex:1 1 380px;order:2}
  .sunLayout #todayPage .top>div:first-child{flex:0 0 auto;order:3}
  .sunLayout #todayPage .top .scoreRing{order:1;width:180px!important;height:180px!important}
  .sunHeroTitle{font-size:40px;flex:none}
  .sunPills{flex:none}
  .sunLayout #todayPage .top{padding:34px 36px!important;border-radius:36px}
  .sunPill{min-height:40px;padding:0 16px;font-size:14px}
}
/* Web: navigation as the dark pill bar from the design, fixed at the bottom of the page */
@media(min-width:1000px){
  .sunLayout .nav{top:auto!important;bottom:calc(20px + env(safe-area-inset-bottom))!important;left:0!important;right:0!important;margin:0 auto!important;width:max-content!important;max-width:calc(100vw - 32px)!important;padding:6px!important;border-radius:999px!important;box-shadow:0 14px 40px rgba(27,20,16,.28)!important}
  .sunLayout .navin{display:flex!important;flex-wrap:wrap;gap:4px!important;max-width:none!important;margin:0!important}
  .sunLayout .nav a{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;padding:10px 14px!important;min-height:44px!important;box-sizing:border-box;border-radius:999px!important;font-size:14px!important;font-weight:600;letter-spacing:0;line-height:1;width:auto}
  .sunLayout .nav a.active{padding:10px 16px!important;font-weight:700}
  .sunLayout .nav .ico{display:inline-flex!important;margin:0!important;font-size:18px!important}
  .sunLayout .nav .ico svg,.sunLayout .nav .p44Icon{width:18px!important;height:18px!important}
  .sunLayout .app{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
  .sunLayout .nutritionAddActions{bottom:96px!important}
}

/* Today board: recommended arrangement (sunrise-layout.js, class sunBoardOn on <html>) */
.sunBoardOn #todayPage>.sectionTitle,.sunBoardOn #todayPage>.grid,.sunBoardOn #todayPage>.dashboardGrid{display:none!important}
.sunBoardOn .sunPills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.sunBoardOn .sunPill{flex-direction:column;justify-content:center;gap:2px;min-height:0;padding:8px 0;border:0;border-radius:16px;background:rgba(255,255,255,.16);text-align:center}
.sunBoardOn .sunPill:first-child{background:rgba(255,255,255,.16);color:#FFFFFF!important}
.sunBoardOn .sunPill b{font-size:18px;font-weight:800;line-height:1.1}
.sunBoardOn .sunPill span{font-size:10px;font-weight:700}
.sunBoardOn .sunPill:hover{background:rgba(255,255,255,.26)}
.sunBoard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:-4px;color:#1B1410}
.sunBoard>*{grid-column:1/-1;min-width:0}
.sunBoard>.sunRec,.sunBoard>.sunMove{grid-column:auto}
.sunBoard .sunCoach{margin:0}
.sunBoard .sunCoach .card{margin:0}
.sunBoard section{display:flex;flex-direction:column;gap:10px}
.sunHead{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}
.sunEyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:#C63A0E}
.sunHeadLink{font-size:13px;font-weight:700;color:#1B1410!important;text-decoration:none}
.sunCard{display:flex;flex-direction:column;gap:12px;background:#FFFFFF;border-radius:24px;padding:18px;color:#1B1410!important;text-decoration:none;box-shadow:0 10px 30px rgba(92,52,24,.06)}
.sunCard.sunSand{background:#F3E8DF;box-shadow:none}
.sunTrack{height:6px;border-radius:99px;background:#E6D3C6;overflow:hidden}
.sunTrack i{display:block;height:100%;width:0;border-radius:99px;background:#C63A0E;transition:width .3s ease}
.sunTrack.ink i{background:#1B1410}
.sunTrack.thick{height:8px;background:#F3E8DF}
.sunTrack.thick i{background:linear-gradient(90deg,#C63A0E,#F2592A)}
/* Snel vastleggen: oval buttons in a 2x2 block */
.sunQuickGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sunBoard .sunQuickBtn{position:relative;overflow:hidden;min-height:64px;border-radius:999px;border:0;background:#FFFFFF;color:#1B1410;font:inherit;display:flex;align-items:center;gap:12px;padding:0 18px;text-align:left;cursor:pointer;box-shadow:0 10px 30px rgba(92,52,24,.06);-webkit-tap-highlight-color:transparent}
.sunBoard .sunQuickBtn svg{flex:0 0 auto;color:#C63A0E}
.sunBoard .sunQuickBtn:active{transform:scale(.98)}
.sunQuickText{display:flex;flex-direction:column;gap:2px;min-width:0}
.sunQuickText b{font-size:14px;font-weight:700;line-height:1.15}
.sunQuickText small{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#6B5D53;white-space:nowrap}
.sunQuickFill{position:absolute;left:0;bottom:0;height:4px;width:0;background:#C63A0E;transition:width .3s ease}
.sunBoard .sunQuickBtn.coffee.late{border:1.5px dashed #D9C8BB;background:#FAF5EF}
.sunBoard .sunQuickBtn.scan{background:#C63A0E;color:#FFFFFF}
.sunBoard .sunQuickBtn.scan svg,.sunBoard .sunQuickBtn.scan small{color:#FFFFFF}
.sunBoard .sunQuickBtn.coffee small{flex-wrap:wrap;row-gap:3px;white-space:normal}
.sunDots{display:inline-flex;gap:3px}
.sunDots i{width:6px;height:6px;border-radius:99px;background:#E6D3C6}
.sunDots i.on{background:#1B1410}
/* Voeding */
.sunFoodTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.sunKcal b{font-size:32px;font-weight:800;letter-spacing:-.02em}
.sunKcal span{font-size:14px;font-weight:600;color:#6B5D53}
.sunKcalLeft{font-size:15px;font-weight:800;color:#C63A0E;white-space:nowrap}
.sunMacros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:12px}
.sunMacro{display:flex;flex-direction:column;gap:6px}
.sunMacro span,.sunDrinkRow span{color:#6B5D53;font-weight:600}
.sunDrinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:12px}
.sunDrink{display:flex;flex-direction:column;gap:6px}
.sunDrinkRow{display:flex;justify-content:space-between}
/* Discipline vandaag */
.sunDiscCard{padding:16px 16px 6px;gap:10px}
.sunDiscTop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sunDiscCount{font-size:26px;font-weight:800}
.sunDiscStreak{padding:6px 12px;border-radius:999px;background:#FFE3D6;color:#8A2A08;font-size:13px;font-weight:700;white-space:nowrap}
.sunHabits{display:flex;flex-direction:column}
.sunHabit{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border-top:1px solid #F0E4DA;font-size:15px;font-weight:600;cursor:pointer}
.sunHabit input{flex:0 0 auto;width:24px;height:24px;accent-color:#C63A0E}
.sunHabitDone,.sunHabitMore{display:block;padding:14px 0 12px;border-top:1px solid #F0E4DA;font-size:14px;font-weight:700;color:#C63A0E!important;text-decoration:none}
/* Herstel en beweging */
.sunTile{gap:8px;padding:16px;border-radius:22px}
.sunTileHead{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.sunTileHead svg{color:#C63A0E;width:18px;height:18px}
.sunTileValue{font-size:26px;font-weight:800}
.sunTileSub{font-size:12px;color:#6B5D53}
.sunBody{flex-direction:row;align-items:center;justify-content:space-between;padding:16px;border-radius:22px}
.sunBodyLeft{display:flex;align-items:center;gap:10px}
.sunBodyLeft svg{color:#C63A0E}
.sunBodyLeft b{display:block;font-size:14px}
.sunBodyLeft span{font-size:12px;color:#6B5D53}
.sunChev{font-size:18px}
/* Laatste 7 dagen: bars with the day score in small type */
.sunTrend [data-open-trends]{width:100%;text-align:left;border-radius:24px}
.p44Bars{display:flex;align-items:flex-end;gap:8px;padding:4px 2px 2px}
.p44Bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.p44BarValue{font-size:11px;font-weight:700;color:#6B5D53;font-variant-numeric:tabular-nums}
.p44BarTrack{display:flex;align-items:flex-end;width:100%;height:96px}
.p44BarTrack i{display:block;width:100%;border-radius:10px;background:#F3E8DF}
.p44BarDay{font-size:11px;color:#6B5D53}
.p44Bar.today .p44BarValue{color:#C63A0E;font-weight:800}
.p44Bar.today .p44BarTrack i{background:#C63A0E}
.p44Bar.today .p44BarDay{color:#1B1410;font-weight:700}
.p44Bar.empty .p44BarTrack i{height:12px!important;background:transparent;border:1.5px dashed #D9C8BB}
@media(min-width:1000px){
  .sunBoard{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:start}
  .sunBoard>.sunCoach{grid-column:1/4;grid-row:1}
  .sunBoard>.sunQuick{grid-column:1/4;grid-row:2}
  .sunBoard>.sunFood{grid-column:4/7;grid-row:1/3;align-self:stretch}
  .sunBoard>.sunFood .sunCard{flex:1;gap:22px}
  .sunBoard>.sunDisc{grid-column:1/3;grid-row:3}
  .sunBoard>.sunMoveLabel{display:none}
  .sunBoard>.sunRec{grid-column:3/5;grid-row:3;margin-top:34px}
  .sunBoard>.sunMove{grid-column:5/7;grid-row:3;margin-top:34px}
  .sunBoard>.sunTrend{grid-column:1/5;grid-row:4}
  .sunBoard>.sunBody{grid-column:5/7;grid-row:4;margin-top:34px}
  .p44BarTrack{height:130px}
  .p44BarValue,.p44BarDay{font-size:12px}
}

/* Today board, header and hero exactly as in the design */
.sunBoardOn #todayPage .top>div:first-child{display:none!important}
.sunBoardOn .sunGreeting{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:0 0 14px}
.sunBoardOn #sunGreetingDay{grid-column:1;grid-row:1;font-size:12px;font-weight:700;letter-spacing:.14em;color:#C63A0E!important;cursor:pointer;opacity:1}
.sunBoardOn .sunGreetingTitle{grid-column:1/-1;grid-row:2;font-size:42px;margin:-4px 0 2px}
.sunDayNav{grid-column:2;grid-row:1;display:flex;align-items:center;gap:6px}
.sunGreeting .sunDayBtn{width:40px;height:40px;min-height:0;padding:0;border-radius:999px;border:1px solid #D9C8BB;background:#FFFFFF;color:#1B1410;font:inherit;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:none}
.sunGreeting .sunDayToday{display:none}
.sunSyncInline{display:none}
.sunSyncLine{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;font-size:12px;color:#6B5D53}
.sunSyncLine i,.sunSyncInline i{flex:0 0 auto;width:8px;height:8px;border-radius:99px;background:#2F6B4F}
.sunSyncLine.off i,.sunSyncInline.off i{background:#C63A0E}
.sunBoardOn #todayPage .top{padding:20px!important;border-radius:28px;gap:16px 18px;margin-bottom:14px;box-shadow:none!important;background:linear-gradient(135deg,#C63A0E,#F2592A)!important}
.sunBoardOn #todayPage .top .scoreRing{width:104px!important;height:104px!important;flex:0 0 auto;background:conic-gradient(#FFFFFF calc(var(--score)*1%),rgba(255,255,255,.26) 0)!important;box-shadow:none!important}
.sunBoardOn #todayPage .top .scoreRing:before{inset:9px;background:#C63A0E!important}
.sunBoardOn #todayPage .top .scoreRing b{display:block;font-size:36px;font-weight:800;line-height:1;letter-spacing:-.02em}
.sunBoardOn #todayPage .top .scoreRing span{font-size:0;line-height:1;margin-top:2px}
.sunBoardOn #todayPage .top .scoreRing span:after{content:'dagscore';font-size:11px;font-weight:700;color:#FFFFFF}
.sunBoardOn .sunHeroTitle{font-size:21px;line-height:1.12;letter-spacing:-.015em}
.sunPillFull{display:none}
/* Coach card */
.sunBoardOn .sunCoach>.sectionTitle{display:none!important}
.sunBoardOn .sunCoach .card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:24px;background:#FFFFFF!important;border:0!important;box-shadow:0 10px 30px rgba(92,52,24,.06)}
.sunBoardOn #coachMeta{display:none!important}
.sunBoardOn #coachText{margin:0;padding:0!important;border:0!important;background:none!important;font-size:17px;line-height:1.4;font-weight:600;color:#1B1410!important;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sunCoachHead{display:flex;align-items:center;gap:10px}
.sunCoachBadge{flex:0 0 auto;width:36px;height:36px;border-radius:12px;background:#FFE3D6;color:#C63A0E;display:grid;place-items:center;font-weight:800;font-size:13px}
.sunCoachEyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#C63A0E}
.sunCoachSub{font-size:13px;color:#6B5D53}
.sunCoachActions{display:flex;gap:8px}
.sunCoachActions .btn{flex:1;white-space:nowrap;min-height:44px;margin:0;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;box-shadow:none}
.sunCoachActions .chatOpenBtn{background:#1B1410!important;color:#FAF5EF!important;border:0!important}
.sunCoachActions .sunCoachMeal{background:transparent!important;color:#1B1410!important;border:1.5px solid #D9C8BB!important}
.sunBoard{gap:14px 10px!important;margin-top:0!important}
@media(min-width:1000px){
  .sunBoardOn .app:not(:has(.page:target:not(#todayPage))){max-width:1320px!important}
  .sunBoardOn .sunGreeting{align-items:end;gap:10px 16px;padding:0 0 22px}
  .sunBoardOn #sunGreetingDay{font-size:13px}
  .sunBoardOn .sunGreetingTitle{grid-column:1;grid-row:2;font-size:72px;line-height:.98;margin:0}
  .sunDayNav{grid-row:1/3;align-self:end;gap:10px}
  .sunSyncInline{display:flex;align-items:center;gap:8px;font-size:13px;color:#6B5D53;margin-right:2px}
  .sunGreeting .sunDayBtn{width:44px;height:44px}
  .sunGreeting .sunDayToday{display:grid;width:auto;padding:0 18px;font-size:14px;font-weight:700}
  .sunGreeting .sunDayToday[aria-pressed="true"]{background:#1B1410;color:#FAF5EF;border-color:#1B1410}
  .sunSyncLine{display:none}
  .sunBoardOn #todayPage .top{padding:32px 36px!important;border-radius:34px;gap:32px;margin-bottom:22px;flex-wrap:nowrap;background:linear-gradient(120deg,#C63A0E 0%,#E14A17 55%,#F2592A 100%)!important}
  .sunBoardOn #todayPage .top .scoreRing{width:176px!important;height:176px!important}
  .sunBoardOn #todayPage .top .scoreRing:before{inset:15px}
  .sunBoardOn #todayPage .top .scoreRing b{font-size:60px;letter-spacing:-.04em}
  .sunBoardOn #todayPage .top .scoreRing span:after{font-size:13px}
  .sunBoardOn .sunHeroText{display:flex;flex-direction:column;gap:20px;flex:1 1 420px;order:2}
  .sunBoardOn .sunHeroTitle{font-size:38px;line-height:1.05;letter-spacing:-.02em}
  .sunBoardOn .sunPills{gap:10px}
  .sunBoardOn .sunPill{align-items:flex-start;padding:12px 14px;border-radius:18px;min-height:0}
  .sunBoardOn .sunPill b{font-size:26px}
  .sunBoardOn .sunPill span{font-size:13px}
  .sunPillShort{display:none}.sunPillFull{display:inline}
  .sunBoardOn .sunCoach .card{padding:24px;border-radius:28px;gap:14px}
  .sunCoachBadge{width:40px;height:40px;border-radius:14px;font-size:14px}
  .sunBoardOn #coachText{font-size:21px}
  .sunCoachActions{gap:10px}
  .sunCoachActions .btn{flex:0 0 auto;min-height:46px;padding:0 22px;font-size:15px}
  .sunBoard{gap:22px!important}
  .sunBoard .sunQuickBtn{min-height:76px;padding:0 24px}
  .sunQuickText b{font-size:16px}.sunQuickText small{font-size:13px}
  .sunMacros{grid-template-columns:1fr;gap:8px;font-size:13px}
  .sunMacro{flex-direction:row;align-items:center;gap:10px}
  .sunMacro b{width:92px;font-weight:600}
  .sunMacro .sunTrack{flex:1;height:8px}
  .sunMacro span{width:64px;text-align:right}
}

/* Snel vastleggen: all four buttons in the coffee button style (dashed outline on cream) */
.sunBoard .sunQuickBtn,.sunBoard .sunQuickBtn.coffee.late,.sunBoard .sunQuickBtn.scan{border:1.5px dashed #B9A89B;background:#FAF5EF;color:#1B1410;box-shadow:none}
.sunBoard .sunQuickBtn svg,.sunBoard .sunQuickBtn.scan svg{color:#C63A0E}
.sunBoard .sunQuickBtn.scan small{color:#6B5D53}
.sunQuickText{gap:4px;flex:1}
.sunQuickText .sunTrack{height:4px;background:#E6D3C6}
.sunQuickText small{font-size:11px}
.sunBoard .sunQuickBtn.coffee small{font-size:10px}
.sunDots i{width:7px;height:7px;background:#D9C8BB}
@media(min-width:1000px){.sunQuickText small{font-size:13px}.sunBoard .sunQuickBtn.coffee small{font-size:12px}}
.sunDots i.on{background:#C63A0E}
.sunTrack.ink i{background:#C63A0E}
/* Snel vastleggen in the style of the coach card outline button (Eten toevoegen) */
.sunBoard .sunQuickBtn,.sunBoard .sunQuickBtn.coffee.late,.sunBoard .sunQuickBtn.scan{border:1.5px solid #D9C8BB;background:transparent;box-shadow:none}
/* Web: coach and nutrition as two equal blocks, the four quick buttons on one row below */
@media(min-width:1000px){
  .sunBoard>.sunCoach{grid-column:1/4;grid-row:1;align-self:stretch;display:flex;flex-direction:column;padding-top:34px}
  .sunBoard>.sunCoach .card{flex:1}
  .sunBoard>.sunFood{grid-column:4/7;grid-row:1;align-self:stretch}
  .sunBoard>.sunQuick{grid-column:1/7;grid-row:2}
  .sunQuickGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
}