/* Recipes page: inline Recipe Box + Pantry Agent popup */
html:has(.recipes-main),body.pantry-page{height:auto !important;max-height:none !important;min-height:100dvh;overflow:visible}
body.pantry-page:has(.recipes-main){position:static;top:auto}
html:has(.pantry-popup-open),html:has(.recipe-discovery-open),html:has(.recipe-side-choice-open),html:has(.recipe-archive-open){overflow:hidden}
body.pantry-page:has(.recipes-main){display:flex;flex-direction:column}
body.pantry-popup-open,body.recipe-discovery-open,body.recipe-side-choice-open,body.recipe-archive-open{overflow:hidden}
.recipes-main{display:block !important;flex:1 0 auto !important;height:auto !important;max-width:1400px;width:100%;margin:0 auto;padding:1.25rem}
.recipes-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.recipes-title-row h1{font-size:clamp(1.7rem,4vw,2.3rem);color:var(--text-primary)}
.recipes-page-actions{display:flex;align-items:center;gap:.75rem}
.recipes-main [data-inline-recipe-box]{position:static !important;transform:none !important;max-width:none !important;width:100%;overflow:visible !important;display:block !important;height:auto;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.rb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start;overflow:visible;padding:0}
.rb-grid > .loading-msg{grid-column:1/-1}
.rb-grid > [hidden]{display:none !important}
.rb-col{min-width:0;display:flex;flex-direction:column;gap:.7rem;padding:.9rem;border:1px solid var(--border-subtle);border-radius:12px;background:rgba(95,126,154,.12);--dish-accent:var(--brand-wave)}
.rb-col-entrees{--dish-accent:var(--cta-warm-primary)}
.rb-col-vegetable{--dish-accent:var(--freshness-accent)}
.rb-grid .recipe-box-category + .recipe-box-category{margin-top:0}
.rb-grid .recipe-box-category-heading > span{background:rgba(77,184,184,.15);color:#0a5c79}
.rb-grid .rb-col-entrees .recipe-box-category-heading > span{background:rgba(240,160,61,.15);color:var(--ember-text)}
.rb-col .recipe-box-category-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.rb-col .recipe-box-category-heading h2{font-size:1.05rem;color:var(--text-primary)}
.rb-col .recipe-box-category-heading > span:not(.rb-sr){min-width:1.8rem;text-align:center;padding:.1rem .5rem;border-radius:999px;font-weight:700;font-size:.85rem;box-shadow:inset 0 0 0 1px var(--control-border);background:#fff;color:var(--brand-slate)}
.rb-col > .btn{align-self:flex-start}
.rb-col .recipe-box-list{min-width:0;display:flex;flex-direction:column;gap:.6rem;overflow:visible;max-height:none}
.rb-col .recipe-box-dish,.rb-col .recipe-card{min-width:0;overflow-wrap:anywhere}
.rb-col .recipe-box-dish{padding:0 .8rem;gap:.55rem;background:var(--bg-card);border:1.5px solid var(--brand-slate);border-left:5px solid var(--dish-accent);border-radius:12px;box-shadow:0 4px 12px rgba(35,35,71,.08)}
.rb-col .recipe-box-dish:hover,.rb-col .recipe-box-dish:focus-within{box-shadow:0 4px 12px rgba(35,35,71,.16)}
.recipe-box-dish.pt-\[0px\]{padding-top:0}
.recipe-box-dish.pb-\[0px\]{padding-bottom:0}
.recipe-box-dish-name{display:block;width:100%;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.recipes-main [data-inline-recipe-box] .recipe-box-category-heading h2{font-weight:600}
.recipes-main [data-inline-recipe-box] .recipe-box-dish-name{font-weight:500}
.recipe-box-dish-name:hover{text-decoration:underline;text-underline-offset:3px}
.recipe-box-dish-name:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:4px}
.recipe-box-dish-actions[hidden]{display:none}
.rb-col .recipe-box-dish-actions:not([hidden]){margin-bottom:.7rem}
.recipe-box-delete{color:#9b2626;border-color:#9b2626}
.recipe-box-delete-error{color:#9b2626;font-size:.9rem}
.recipe-box-delete-error[hidden]{display:none}
.rb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:768px){
  .recipes-main{padding:.75rem}
  .recipes-title-row{flex-wrap:wrap}
  .rb-grid{grid-template-columns:1fr}
  .rb-col .btn{white-space:normal}
}
/* Dialogs */
.pantry-agent-dialog:not([open]),.discovery-panel:not([open]){display:none !important}
.pantry-agent-dialog::backdrop,.discovery-panel::backdrop{background:rgba(35,35,71,.45)}
.pantry-agent-dialog .panel-header,.pantry-agent-dialog .chat-form,.pantry-agent-dialog .pantry-confirm{flex:0 0 auto}
.pantry-agent-dialog .pantry-header-actions{flex-wrap:wrap}
.discovery-panel[open]{position:fixed;inset:0;margin:auto;display:flex;flex-direction:column;width:min(100% - 1rem,44rem);max-height:calc(100dvh - 2rem);padding:0;border:1px solid var(--border-subtle);border-radius:12px;background:#fff;color:var(--text-primary);overflow:hidden;z-index:210}
.archive-panel[open]{width:min(100% - 1rem,66rem)}
.archive-dishes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.archive-dishes .rb-col{align-self:start}
.archive-dish{display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:.65rem .8rem;background:#fff;border:1.5px solid var(--brand-slate);border-left:5px solid var(--dish-accent);border-radius:12px;box-shadow:0 4px 12px rgba(35,35,71,.08)}
.archive-dish summary{cursor:pointer;font-weight:700;overflow-wrap:anywhere}
.archive-dish summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.archive-dish .recipe-box-ingredients{margin-top:.7rem}
.archive-dish .btn{align-self:flex-start;white-space:normal}
.archive-dish-error{color:#9b2626;font-size:.9rem}
.archive-dish-error[hidden],#btn-archive-retry[hidden]{display:none}
@media (max-width:768px){
  .pantry-agent-dialog .pantry-starters{grid-template-columns:1fr}
  body.pantry-popup-open:has(#chat-input:focus) .app-header{display:none}
  .discovery-panel[open]{width:100%;max-height:100dvh;height:100dvh;border-radius:0}
  .archive-dishes{grid-template-columns:1fr}
}