/* Keep the primary/secondary planner actions side by side on phones. */
@media (max-width:600px){
  .meal-planner-page .add-meal-header > #btn-open-generation,
  .meal-planner-page .add-meal-header > #btn-add-meal{
    flex:1 1 calc(50% - .375rem);
    min-width:0;
    padding-inline:.45rem;
    font-size:.875rem;
  }
}
/* Page consistency: harmonize Meal Planner, Grocery List, Account, Administration with Recipes.
   Visual treatment only; no layout, overflow, position, or display rules. */
#meal-empty-state a{
  color:#087f83;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:.15em;
}
#meal-empty-state a:hover,
#meal-empty-state a:focus-visible{color:#06676a}

@media screen {

/* Headings */
body.meal-planner-page h2,body.grocery-list-page h2,body.account-page h1,body.account-page h2,body.account-page h3{color:var(--text-primary)}
body.account-page .account-settings-heading h1{font-size:clamp(1.7rem,4vw,2.3rem)}
body.account-page .account-kicker{color:var(--ember-text)}

/* Wave-tinted containers */
body.meal-planner-page .panel-section,
body.grocery-list-page .panel-grocery,
body.meal-planner-page .panel-agent-mini,
body.grocery-list-page .panel-agent-mini,
body.account-page .account-security-summary,
body.account-page .account-data-backup,
body.account-page .account-share,
body.account-page .account-feedback,
body.account-page .account-sign-out,
body.account-page .account-preferences,
body.account-page .account-profile-panel{
  background:rgba(95,126,154,.12);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:none;
}
body.account-page .account-preferences{padding:1.25rem;margin-bottom:1rem;border-radius:12px}
body.account-page .account-preferences[hidden]{display:none !important}

/* Section headers inside containers */
body.meal-planner-page .section-header,
body.grocery-list-page .panel-header,
body.meal-planner-page .panel-header,
body.grocery-list-page .add-item-form{background:transparent;border-bottom:1px solid var(--border-subtle)}
body.meal-planner-page .panel-agent-mini .chat-form,
body.grocery-list-page .panel-agent-mini .chat-form{background:transparent;border-top:1px solid var(--border-subtle)}
body.meal-planner-page .section-header h2,
body.grocery-list-page .panel-header h2{font-size:1.05rem;color:var(--text-primary)}

/* Meal cards as white Recipes-style dish cards */
body.meal-planner-page #meal-list{padding:.9rem}
body.meal-planner-page .meal-item + .meal-item{margin-top:.6rem}
body.meal-planner-page .meal-item{background:var(--bg-card);border:1.5px solid var(--brand-slate);border-left:5px solid var(--cta-warm-primary);border-radius:12px;box-shadow:0 4px 12px rgba(35,35,71,.08)}
body.meal-planner-page .meal-item:last-child{border-bottom:1.5px solid var(--brand-slate)}
body.meal-planner-page .meal-item:hover,body.meal-planner-page .meal-item:focus-within{box-shadow:0 4px 12px rgba(35,35,71,.16)}
body.meal-planner-page .meal-row:hover{background:#f8fafc;border-radius:12px}
body.meal-planner-page .meal-label strong{color:var(--text-primary)}
body.meal-planner-page .meal-detail{background:#f8fafc}
body.meal-planner-page .empty-state{background:#fff;border:1.5px solid var(--brand-slate);border-radius:12px;margin:.9rem}

/* Grocery groups and rows */
body.grocery-list-page #grocery-content{padding:.9rem}
body.grocery-list-page .category-group{background:#fff;border:1.5px solid var(--brand-slate);border-left:5px solid var(--freshness-accent);border-radius:12px;box-shadow:0 4px 12px rgba(35,35,71,.08);padding:.7rem .8rem}
body.grocery-list-page .category-title{background:rgba(77,184,184,.15);color:#0a5c79}
body.grocery-list-page .grocery-item{border-bottom:1px dashed var(--border-subtle)}
body.grocery-list-page .grocery-item:hover .grocery-item-content{background:#f8fafc}
body.grocery-list-page .empty-state{background:#fff;border:1.5px solid var(--brand-slate);border-radius:12px}
body.grocery-list-page .list-date{color:var(--text-muted)}
body.grocery-list-page .panel-grocery > .panel-header h2{font-size:clamp(1.7rem,4vw,2.3rem)}

/* Account / admin content */
body.account-page .account-security-summary h2,
body.account-page .account-data-backup h2,
body.account-page .account-share h2,
body.account-page .account-feedback h2,
body.account-page .account-sign-out h2{font-size:1.05rem}
body.account-page .admin-feedback-item{background:#fff;border:1.5px solid var(--brand-slate);border-left:5px solid var(--cta-warm-primary);border-radius:12px;box-shadow:0 4px 12px rgba(35,35,71,.08)}
body.account-page .account-feedback textarea,
body.account-page .administration input[type="search"]{border-color:var(--control-border);border-radius:8px}
body.account-page .account-feedback-status{color:var(--text-primary)}

/* Hover feedback */
body.meal-planner-page .meal-item,body.grocery-list-page .category-group,body.account-page .admin-feedback-item{transition:box-shadow .15s}
@media (prefers-reduced-motion:reduce){
  body.meal-planner-page .meal-item,body.grocery-list-page .category-group,body.account-page .admin-feedback-item{transition:none}
}
}