#page-nutrition .nutrition-page-shell {
    gap: 1rem;
}

#page-nutrition .nutrition-dashboard .dashboard-header {
    align-items: flex-start;
}

#page-nutrition .nutrition-hero-panel,
#page-nutrition .nutrition-entries-panel,
#page-nutrition .nutrition-period-panel,
#page-nutrition .nutrition-trends-panel {
    overflow: hidden;
}

#page-nutrition .nutrition-panel-header {
    margin-bottom: .9rem;
}

#page-nutrition .nutrition-hero-grid,
#page-nutrition .nutrition-content-grid {
    display: grid;
    gap: 1rem;
}

#page-nutrition .nutrition-hero-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .95fr);
    align-items: start;
}

#page-nutrition .nutrition-content-grid {
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .95fr);
    align-items: start;
}

#page-nutrition .nutrition-main-column,
#page-nutrition .nutrition-side-column,
#page-nutrition .nutrition-hero-sidebar {
    display: grid;
    gap: 1rem;
}

#page-nutrition .nutrition-hero-summary-card {
    min-height: 100%;
    padding: 1.1rem;
    border-radius: 1.15rem;
    border: 1px solid rgba(56, 189, 248, .24);
    background: linear-gradient(160deg, rgba(14, 165, 233, .12), rgba(15, 23, 42, .76));
    box-shadow: 0 18px 32px rgba(2, 132, 199, .12);
}

#page-nutrition .nutrition-utility-card {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .48);
    display: grid;
    gap: .7rem;
}

#page-nutrition .nutrition-utility-title {
    font-size: .88rem;
    font-weight: 700;
    color: #e2e8f0;
}

#page-nutrition .nutrition-inline-field-row {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    align-items: center;
}

#page-nutrition .nutrition-inline-field-row > * {
    flex: 1 1 150px;
}

#page-nutrition .nutrition-control-input {
    min-height: 2.7rem;
    padding: .72rem .78rem;
    border-radius: .75rem;
    border: 1px solid rgba(148, 163, 184, .28);
    background: rgba(15, 23, 42, .65);
    color: inherit;
}

#page-nutrition .nutrition-helper-text,
#page-nutrition .nutrition-formula-note {
    color: #94a3b8;
    font-size: .88rem;
    line-height: 1.55;
}

#page-nutrition .nutrition-analysis-actions-compact {
    gap: .55rem;
}

#page-nutrition .nutrition-hero-feedback {
    margin-top: 1rem;
    display: grid;
    gap: .9rem;
}

#page-nutrition .nutrition-overview-grid {
    display: grid;
    gap: .85rem;
}

#page-nutrition .nutrition-overview-hero {
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(125, 211, 252, .22);
    background: rgba(15, 23, 42, .56);
    display: grid;
    gap: .5rem;
}

#page-nutrition .nutrition-overview-hero.on-track {
    border-color: rgba(34, 197, 94, .36);
    box-shadow: inset 0 0 0 1px rgba(34, 197, 94, .08);
}

#page-nutrition .nutrition-overview-hero.above-target {
    border-color: rgba(249, 115, 22, .42);
}

#page-nutrition .nutrition-overview-hero.below-target {
    border-color: rgba(56, 189, 248, .4);
}

#page-nutrition .nutrition-overview-hero.pending {
    border-style: dashed;
}

#page-nutrition .nutrition-overview-eyebrow {
    color: #94a3b8;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
}

#page-nutrition .nutrition-overview-net-row {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: flex-end;
    justify-content: space-between;
}

#page-nutrition .nutrition-overview-net-value {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1;
    font-weight: 800;
    color: #f8fafc;
}

#page-nutrition .nutrition-overview-net-status {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .38rem .7rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
    background: rgba(15, 23, 42, .55);
    border: 1px solid rgba(148, 163, 184, .18);
    color: #dbeafe;
}

#page-nutrition .nutrition-overview-context {
    color: #cbd5e1;
    line-height: 1.55;
}

#page-nutrition .nutrition-overview-pills,
#page-nutrition .nutrition-target-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

#page-nutrition .nutrition-overview-pill,
#page-nutrition .nutrition-target-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .34rem .68rem;
    font-size: .8rem;
    color: #cbd5e1;
    border: 1px solid rgba(148, 163, 184, .22);
    background: rgba(15, 23, 42, .45);
}

#page-nutrition .nutrition-summary-grid.nutrition-summary-grid--hero .cron-stat-card {
    min-height: 122px;
    background: rgba(15, 23, 42, .52);
    border: 1px solid rgba(148, 163, 184, .18);
}

#page-nutrition .nutrition-summary-grid.nutrition-summary-grid--hero .cron-stat-value {
    font-size: 1.35rem;
}

#page-nutrition .nutrition-target-progress-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

#page-nutrition .nutrition-target-progress-card {
    padding: .9rem;
    border-radius: .95rem;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .42);
    display: grid;
    gap: .5rem;
}

#page-nutrition .nutrition-target-progress-card h4 {
    margin: 0;
    font-size: .92rem;
    color: #f8fafc;
}

#page-nutrition .nutrition-target-progress-card p {
    margin: 0;
    color: #94a3b8;
    font-size: .82rem;
}

#page-nutrition .nutrition-composer-disclosure {
    margin-bottom: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, .2);
    background: rgba(15, 23, 42, .42);
}

#page-nutrition .nutrition-composer-disclosure > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    padding: .95rem 1rem;
    color: #e2e8f0;
}

#page-nutrition .nutrition-composer-disclosure > summary::-webkit-details-marker {
    display: none;
}

#page-nutrition .nutrition-composer-summary-note {
    color: #94a3b8;
    font-size: .8rem;
}

#page-nutrition .nutrition-inline-composer-framed {
    margin: 0 1rem 1rem;
}

#page-nutrition .nutrition-entries-slot-list {
    display: grid;
    gap: .85rem;
}

#page-nutrition .nutrition-slot-card {
    scroll-margin-top: calc(var(--app-top-offset, 96px) + 1rem);
    border-radius: 1rem;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .38);
}

#page-nutrition .nutrition-slot-card.active {
    border-color: rgba(56, 189, 248, .38);
    box-shadow: 0 14px 26px rgba(14, 165, 233, .1);
}

#page-nutrition .nutrition-slot-header {
    gap: .75rem;
}

#page-nutrition .nutrition-entry-item {
    background: rgba(15, 23, 42, .55);
}

#page-nutrition .nutrition-entry-actions .hero-action-btn,
#page-nutrition .nutrition-slot-controls .hero-action-btn {
    white-space: nowrap;
}

#page-nutrition .nutrition-analysis-columns .health-check-item {
    margin: 0;
}

@media (max-width: 1100px) {
    #page-nutrition .nutrition-hero-grid,
    #page-nutrition .nutrition-content-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    #page-nutrition .nutrition-hero-summary-card,
    #page-nutrition .nutrition-utility-card,
    #page-nutrition .nutrition-overview-hero {
        padding: .9rem;
    }

    #page-nutrition .nutrition-inline-composer-framed {
        margin: 0 .8rem .8rem;
    }

    #page-nutrition .nutrition-composer-disclosure > summary {
        padding: .85rem .8rem;
        align-items: flex-start;
    }

    #page-nutrition .nutrition-inline-field-row-stackable > * {
        flex-basis: 100%;
    }

    #page-nutrition .nutrition-overview-net-value {
        font-size: 2.2rem;
    }

    #page-nutrition .nutrition-target-progress-grid {
        grid-template-columns: 1fr;
    }
}

body[data-theme="light"] #page-nutrition .nutrition-hero-summary-card {
    background: linear-gradient(160deg, #eff6ff 0%, #ffffff 100%);
    border-color: #bfdbfe;
    box-shadow: 0 18px 34px rgba(59, 130, 246, .08);
}

body[data-theme="light"] #page-nutrition .nutrition-utility-card,
body[data-theme="light"] #page-nutrition .nutrition-overview-hero,
body[data-theme="light"] #page-nutrition .nutrition-target-progress-card,
body[data-theme="light"] #page-nutrition .nutrition-composer-disclosure,
body[data-theme="light"] #page-nutrition .nutrition-slot-card,
body[data-theme="light"] #page-nutrition .nutrition-entry-item {
    background: #ffffff;
    border-color: #dbe4ef;
}

body[data-theme="light"] #page-nutrition .nutrition-utility-title,
body[data-theme="light"] #page-nutrition .nutrition-composer-disclosure > summary,
body[data-theme="light"] #page-nutrition .nutrition-target-progress-card h4 {
    color: #0f172a;
}

body[data-theme="light"] #page-nutrition .nutrition-overview-net-value {
    color: #0f172a;
}

body[data-theme="light"] #page-nutrition .nutrition-overview-context,
body[data-theme="light"] #page-nutrition .nutrition-overview-pill,
body[data-theme="light"] #page-nutrition .nutrition-target-chip {
    color: #334155;
}

body[data-theme="light"] #page-nutrition .nutrition-helper-text,
body[data-theme="light"] #page-nutrition .nutrition-formula-note,
body[data-theme="light"] #page-nutrition .nutrition-composer-summary-note,
body[data-theme="light"] #page-nutrition .nutrition-target-progress-card p {
    color: #64748b;
}

body[data-theme="light"] #page-nutrition .nutrition-control-input {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #0f172a;
}

body[data-theme="light"] #page-nutrition .nutrition-overview-net-status,
body[data-theme="light"] #page-nutrition .nutrition-overview-pill,
body[data-theme="light"] #page-nutrition .nutrition-target-chip,
body[data-theme="light"] #page-nutrition .nutrition-summary-grid.nutrition-summary-grid--hero .cron-stat-card {
    background: #f8fafc;
    border-color: #dbe4ef;
}