/* Real-data dashboard and diary. Missing values remain explicit in the DOM. */
.white-day-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.white-day-grid .personal-metric,.white-day-grid .personal-macros>section{background:#fff;border:1px solid #e7ebf0;border-radius:20px;padding:22px;min-width:0;box-shadow:0 3px 14px #1e293b04}.white-day-grid .personal-macros{display:contents}.white-day-grid h3,.white-day-grid h4{font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;margin:0 0 12px;color:#64748b}.white-day-grid .personal-number,.white-day-grid [data-macro-value]{font-size:30px;line-height:1.15;font-weight:700;color:#172033;margin:8px 0 16px;letter-spacing:-1px}.white-day-grid [data-calorie-ring]{display:none}.white-day-grid [data-macro-bar]{width:100%;height:8px;margin-top:10px;border-radius:8px;overflow:hidden}.white-day-grid [data-water-facts]{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}.white-day-grid [data-water-facts] h3{margin:0;color:#2563eb}.white-day-grid [data-water-facts] p{margin:0}.white-day-grid [data-water-facts] details{margin-left:auto;font-size:13px}.white-day-grid .personal-note,.white-day-grid [data-percent],.white-day-grid [data-macro-percent],.white-day-grid [data-macro-goal]{font-size:12px;line-height:1.4;margin:6px 0;color:#64748b}.personal-progress{background:#fff;border:1px solid #e7ebf0;border-radius:22px;padding:24px;margin:20px 0}.personal-progress svg{display:block;width:100%;max-height:330px}.personal-progress [data-energy-point][stroke="#55714f"]{stroke:#467bea;stroke-linecap:round}.personal-progress [data-report-range]{color:#64748b;font-size:13px}.personal-progress [data-period-facts]>h3{font-size:16px;margin:12px 0}.personal-progress details{border-top:1px solid #edf0f4;padding-top:14px;font-size:13px}.white-day-meal-slot{background:#fff;border:1px solid #e7ebf0;border-radius:20px;padding:20px;margin:14px 0}.white-day-slot-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.white-day-slot-head h4{font-size:18px;margin:0}.white-day-slot-head button{font-size:13px;border-radius:10px}.white-day-meal-slot>.personal-entry{border:0;border-top:1px solid #edf0f4;border-radius:0;padding:18px 0;margin-top:15px}.white-day-meal-slot>.personal-entry p{margin:7px 0;font-size:13px;color:#64748b}.white-day-meal-slot>.personal-entry button{font-size:12px;padding:7px 12px;min-height:36px}.white-day-extra{border-top:1px solid #edf0f4;margin-top:20px;padding-top:18px}.white-day-extra summary{cursor:pointer;color:#64748b;margin-bottom:12px}.white-day-delete{color:#b42318!important;background:#fff5f4!important;border-color:#ffd7d2!important}.personal-data-controls{background:#fff;border:1px solid #e7ebf0;border-radius:20px;padding:24px}.white-day-subtitle{color:#64748b;font-size:14px}.personal-day-grid .personal-metric svg{max-width:100%}
@media(max-width:760px){.white-day-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.white-day-grid .personal-metric,.white-day-grid .personal-macros>section{padding:16px}.white-day-grid .personal-number,.white-day-grid [data-macro-value]{font-size:25px}.white-day-grid [data-water-facts]{display:block}.white-day-grid [data-water-facts] p{margin:8px 0}.personal-progress{padding:16px}.white-day-slot-head button{padding:9px 12px}.white-day-meal-slot{padding:16px}.personal-data-controls{padding:18px}.personal-progress svg{min-width:0}}
.white-day-grid h3,.white-day-grid h4{font-family:inherit;font-size:14px;font-weight:600;line-height:1.4}.white-day-energy{position:relative;padding-right:72px!important}.white-day-grid [data-calorie-ring]{display:block;position:absolute;right:14px;top:16px;width:48px;height:48px}.white-day-grid [data-day-facts]>.personal-number{font-size:28px}.white-day-grid [data-water-facts] details p{max-width:600px}
@media(max-width:480px){.white-day-energy{padding-right:16px!important}.white-day-grid [data-calorie-ring]{width:34px;height:34px;right:10px;top:12px}.white-day-energy h3{max-width:90px;padding-right:12px}}

.white-day-chart-label{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:#64748b}.white-day-chart-label select{font:inherit;padding:8px 12px;border:1px solid #e7ebf0;border-radius:10px;background:#fff;color:#17232c}