.planning-ai-app{display:grid;gap:1rem}.planning-ai-panel{display:grid;gap:var(--surface-gap);background:var(--panel-background)}.planning-ai-panel-heading{display:grid;gap:.45rem}.planning-ai-panel-heading h1{margin:0;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.05;letter-spacing:-.055em}.planning-ai-panel-heading p{max-width:44rem;margin:0;color:var(--color-muted);font-size:clamp(1rem,2vw,1.1rem);line-height:var(--surface-copy-line-height)}.planning-ai-form,.planning-ai-form__dates,.planning-ai-form__meals,.planning-ai-form__modes,.planning-ai-pending,.planning-ai-results{display:grid;gap:1rem}.planning-ai-wizard-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none}.planning-ai-wizard-step{display:grid;gap:.3rem;width:100%;min-height:4.25rem;align-content:center;padding:.6rem .45rem;border:1px solid color-mix(in srgb,var(--color-border),var(--color-text) 7%);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface),transparent 3%);color:var(--color-muted);font:inherit;text-align:center}.planning-ai-wizard-step span{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;justify-self:center;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface-soft),transparent 8%);color:var(--color-text);font-size:.8rem;font-weight:950}.planning-ai-wizard-step strong{overflow:hidden;font-size:.72rem;font-weight:850;line-height:1.15;text-overflow:ellipsis}.planning-ai-wizard-step[aria-current=step]{border-color:color-mix(in srgb,var(--color-primary),var(--color-border) 24%);background:color-mix(in srgb,var(--color-primary-soft),transparent 18%);color:var(--color-primary)}.planning-ai-wizard-step[aria-current=step] span{background:var(--color-primary);color:var(--color-on-primary, #fff)}.planning-ai-wizard-actions{display:flex;gap:.65rem;align-items:center;justify-content:space-between}.planning-ai-wizard-actions .button{flex:1 1 0;min-width:0}.planning-ai-section-card,.planning-ai-request-card{display:grid;gap:.9rem;padding:var(--surface-padding-tight);padding-bottom:max(var(--surface-padding-tight),1rem);border:1px solid color-mix(in srgb,var(--color-border),var(--color-text) 6%);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface-raised),transparent 2%)}.planning-ai-results-panel{display:grid;gap:.9rem;padding-top:.9rem;border-top:1px solid color-mix(in srgb,var(--color-border),var(--color-text) 6%)}.planning-ai-section-heading{display:grid;gap:.3rem}.planning-ai-section-heading h3{margin:0;font-size:1rem;line-height:1.1;letter-spacing:-.03em}.planning-ai-section-heading p{margin:0}.planning-ai-form__dates{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-ai-form label,.planning-ai-form legend{font-weight:800;color:var(--color-text)}.planning-ai-form label:not(.planning-ai-toggle-card):not(.planning-ai-mode-card) span{display:inline-flex;margin-bottom:.45rem;line-height:var(--surface-copy-line-height)}.planning-ai-date-range-field,.planning-ai-textarea-field{display:grid;gap:.45rem}.planning-ai-date-range-field input,.planning-ai-textarea-field textarea{width:100%}.planning-ai-textarea-field textarea{resize:vertical}.flatpickr-calendar{color:#111827;font-family:inherit}.planning-ai-form input[type=date],.planning-ai-form select{width:100%}.planning-ai-form__meals{padding:0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.planning-ai-toggle-card{display:flex;min-width:0;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.85rem .9rem;border:1px solid color-mix(in srgb,var(--color-border),var(--color-text) 7%);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface),transparent 3%);color:var(--color-text);font-weight:800;text-align:center;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.planning-ai-toggle-card input{margin:0;flex:0 0 auto}.planning-ai-toggle-card:has(input:checked){border-color:color-mix(in srgb,var(--color-primary),var(--color-border) 30%);background:color-mix(in srgb,var(--color-primary-soft),transparent 10%);color:var(--color-primary)}.planning-ai-form__modes{padding:0;border:0}.planning-ai-preset-row,.planning-ai-count-row{display:flex;flex-wrap:wrap;gap:.6rem}.planning-ai-chip-button{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;padding:.72rem .95rem;border:1px solid color-mix(in srgb,var(--color-border),var(--color-text) 7%);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface),transparent 3%);color:var(--color-text);font-weight:850;line-height:1;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base),transform var(--transition-base)}.planning-ai-chip-button[aria-pressed=true]{border-color:color-mix(in srgb,var(--color-primary),var(--color-border) 28%);background:var(--color-primary-soft);color:var(--color-primary)}.planning-ai-mode-card{display:grid;gap:.35rem;min-height:auto;padding:var(--surface-padding-tight) var(--surface-padding);padding-bottom:max(var(--surface-padding-tight),1rem);border:1px solid color-mix(in srgb,var(--color-border),var(--color-text) 8%);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface-raised),transparent 2%);transition:border-color var(--transition-base),background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.planning-ai-mode-card strong{font-size:1rem;line-height:1.2}.planning-ai-mode-card span{color:var(--color-muted);font-weight:600;line-height:1.45}.planning-ai-mode-card:has(input:checked){border-color:color-mix(in srgb,var(--color-primary),var(--color-border) 20%);background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary-soft),transparent 38%),transparent),var(--color-surface-raised);box-shadow:0 12px 28px #0f172a14;transform:translateY(-1px)}.planning-ai-empty{margin:0;color:var(--color-muted);font-weight:650}.planning-ai-request-summary{display:flex;flex-wrap:wrap;gap:.55rem}.planning-ai-request-pill{display:inline-flex;align-items:center;gap:.42rem;min-height:2.3rem;padding:.45rem .7rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface-soft),transparent 8%);color:var(--color-text);font-size:.84rem;font-weight:800}.planning-ai-request-pill span{color:var(--color-muted);font-weight:700}.planning-ai-pending-card,.planning-ai-result-card{display:grid;gap:.85rem;min-height:auto;padding:var(--surface-padding);padding-bottom:max(var(--surface-padding),1rem);border:1px solid color-mix(in srgb,var(--color-border),var(--color-primary) 10%);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-surface-raised),transparent 2%)}.planning-ai-pending-card label{display:flex;gap:.7rem;align-items:center;cursor:pointer}.planning-ai-pending-card input{flex:0 0 auto}.planning-ai-pending-card header,.planning-ai-result-card header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:start;min-width:0}.planning-ai-pending-card h3,.planning-ai-result-card h3{margin:0;font-size:1rem}.planning-ai-slot-badge,.planning-ai-dish-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:.28rem .65rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:.78rem;font-weight:900}.planning-ai-dish-list{display:grid;gap:.65rem}.planning-ai-dish-item{display:grid;gap:.45rem;padding:var(--surface-padding-tight);padding-bottom:max(var(--surface-padding-tight),1rem);border:1px solid color-mix(in srgb,var(--color-border),var(--color-text) 7%);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface),transparent 5%)}.planning-ai-dish-item header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.65rem;align-items:center}.planning-ai-dish-item strong{font-size:.98rem}.planning-ai-dish-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.planning-ai-dish-origin{color:var(--color-muted);font-size:.85rem;font-weight:700}.planning-ai-result-card footer{display:flex;flex-wrap:wrap;gap:.75rem}.planning-ai-results-status{color:var(--color-muted);font-weight:700;min-height:1.3rem}.planning-ai-results-status[data-variant=error]{color:var(--color-danger)}@media(max-width:539px){.planning-ai-form__dates,.planning-ai-form__meals{grid-template-columns:1fr}.planning-ai-wizard-progress{display:flex;overflow-x:auto;padding-bottom:.2rem;scroll-snap-type:x mandatory}.planning-ai-wizard-progress li{flex:0 0 7.75rem;scroll-snap-align:start}}