/* Hverdagsatelier: the shared identity across product, welcome and onboarding. */
:root{--atelier-paper:#f5f4ef;--atelier-panel:#fffefb;--atelier-ink:#293537;--atelier-muted:#657172;--atelier-line:#daddd7;--atelier-plum:#354f54;--atelier-plum-hover:#293f44;--atelier-clay:#a7843e;--atelier-peach:#e5e9e4;--green:var(--atelier-plum);--ink:var(--atelier-ink);--muted:var(--atelier-muted);--cream:var(--atelier-paper);--line:var(--atelier-line);--purple:var(--atelier-plum);--control-focus:var(--atelier-plum);--control-border:#bdc9c6;--ai-accent:var(--atelier-plum);--ai-surface:#e6eceb;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23354f54' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}
body,body.guided-planner{background:var(--atelier-paper)!important;color:var(--atelier-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body a{color:var(--atelier-plum)}
body .mimma-wordmark{object-fit:contain;object-position:left center;aspect-ratio:1140/305}
body .topbar,body.guided-planner header.top{background:var(--atelier-paper)!important;border-bottom-color:var(--atelier-line)!important}
body .eyebrow{color:var(--atelier-plum)!important;letter-spacing:.16em;font-size:11px;font-weight:700}
body h1,.guided-planner .intro h1{font-family:Georgia,"Times New Roman",serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:-.045em!important;color:var(--atelier-ink)!important}
body .intro h1{font-size:clamp(36px,4.7vw,56px)!important;line-height:1.12!important}
body h2{letter-spacing:-.025em}
body .primary,body button.primary,body .button:not(.secondary),body .setup-actions #next,body #setup-form button[type=submit]{background:var(--atelier-plum)!important;border-color:var(--atelier-plum)!important;color:#fffefb!important;box-shadow:none!important}
body .primary:hover,body .button:not(.secondary):hover{background:var(--atelier-plum-hover)!important}
body .secondary,body button.secondary{background:#edf0ea!important;border-color:#cdd5ce!important;color:var(--atelier-plum)!important;box-shadow:none!important}
body button,body .button{border-radius:9px}
body input:not([type=checkbox]):not([type=range]),body textarea,body select{border-color:#bdc9c6!important;color:var(--atelier-ink);background-color:var(--atelier-panel)}
body input[type=checkbox],body input[type=radio],body input[type=range]{accent-color:var(--atelier-plum)}
body input:focus-visible,body textarea:focus-visible,body select:focus-visible,body button:focus-visible,body a:focus-visible{outline-color:var(--atelier-plum)!important}
.guided-planner .top-nav>button.active,.guided-planner .account-help[open]>summary{background:var(--atelier-peach)!important;color:var(--atelier-plum)!important;border-bottom-color:var(--atelier-clay)!important}
.guided-planner header.top:has(.account-help[open]) .top-nav>button.active{background:transparent!important;border-color:transparent!important;color:var(--atelier-muted)!important}
.guided-planner .panel,.guided-planner .week-column,.guided-planner .collection-card,.guided-planner .suggestion-card{background:var(--atelier-panel);border-color:var(--atelier-line)!important;box-shadow:none!important}
.guided-planner .panel{border-radius:16px}
.guided-planner .week-column>.week-column-head{background:var(--atelier-panel)!important}
.guided-planner .shopping-list-toolbar,.guided-planner .settings-jump{background:var(--atelier-paper)!important}
.guided-planner .meal-grid-header{background:#e8ece5!important;color:var(--atelier-plum)!important}
.guided-planner .day-slot.today,.guided-planner .day-slot.active-day{border-left-color:var(--atelier-clay)!important}
.guided-planner .today-chip,.guided-planner .count,.guided-planner .past-day-toggle{background:#e8ece5!important;color:#354f54!important}
.guided-planner .slot-card{background:var(--atelier-panel)!important;border-color:var(--atelier-line)!important;border-radius:12px!important;box-shadow:none!important}
.guided-planner .slot-card h4,.guided-planner .collection-copy h3,.guided-planner .suggestion-card h3{font-family:Georgia,serif;letter-spacing:-.02em;font-weight:500}
.guided-planner .slot-photo{background:#e5e9e4!important;color:var(--atelier-plum)!important}
.guided-planner .slot-card .slot-actions{border-color:var(--atelier-line)!important}
.guided-planner dialog,.guided-planner .picker-content,.guided-planner .personal-ai-dialog .ai-recipe-pane,.guided-planner .picker-head,.guided-planner .profile-editor-head,.guided-planner .family-modal-head{background:var(--atelier-panel)!important;color:var(--atelier-ink);border-color:var(--atelier-line)!important}
.guided-planner .personal-ai-dialog .ai-chat-pane{background:#eceee8!important}.guided-planner .personal-ai-dialog .ai-recipe-empty{background:#f5f4ef!important;border-color:#c8d0c8!important;color:var(--atelier-muted)}
.guided-planner .account-help-panel,.guided-planner .household-switch-list{background:var(--atelier-panel)!important;border-color:var(--atelier-line)!important}
.guided-planner .account-help-panel button.account-household[aria-pressed=true],.guided-planner .household-switch-list button[aria-pressed=true]{background:#e5e9e4!important;border-color:#a5b8b5!important;color:var(--atelier-plum)!important}
.guided-planner .household-switch-trigger{background:#e8ece5!important;color:var(--atelier-plum)!important;border-color:#bdc9c6!important;height:44px}
.guided-planner #shopping-view .aisle{background:var(--atelier-panel)!important;border-color:var(--atelier-line)!important;border-radius:12px}
.guided-planner #shopping-view .aisle>summary{color:var(--atelier-plum)!important}
/* Green stays a semantic success color, and tag categories retain their meaning. */
.guided-planner #shopping-view .item-purchased{background:#edf2e9!important}.guided-planner #shopping-view .item-purchased .quantity{color:#436243!important}
.guided-planner #shopping-view .manual-shopping-item.shopping-just-added{background:#eee9d7!important}
body .tag-type{--tag-bg:#e6eae2!important;--tag-fg:#465845!important;--tag-line:#bdc8b7!important}body .tag-occasion{--tag-bg:#e3eaeb!important;--tag-fg:#354f54!important;--tag-line:#bac9cc!important}body .tag-cuisine{--tag-bg:#eae7e1!important;--tag-fg:#5b5448!important;--tag-line:#cbc4b8!important}body .tag-season{--tag-bg:#eee8d9!important;--tag-fg:#6e5a30!important;--tag-line:#d2c5a6!important}
/* Landing page: an editorial rhythm with a warm, unboxed hero. */
body:not(.guided-planner) .hero{gap:64px;padding:64px 0 88px}
body:not(.guided-planner) .hero h1{font-size:clamp(42px,5.6vw,76px);max-width:12ch;line-height:1.06}
body:not(.guided-planner) .hero p{color:var(--atelier-muted)}
body:not(.guided-planner) .hero-image img{border-radius:48% 48% 16px 16px;box-shadow:none}
body:not(.guided-planner) .image-note{background:var(--atelier-panel);border-color:var(--atelier-line);box-shadow:0 8px 24px #354f540d;border-radius:12px}
body:not(.guided-planner) .steps article{background:transparent;border-color:var(--atelier-line);box-shadow:none}
body:not(.guided-planner) .step-number{background:var(--atelier-peach);color:var(--atelier-plum);border-radius:50%}
body:not(.guided-planner) .sample-plan{background:var(--atelier-panel);border:1px solid var(--atelier-line);border-radius:14px;box-shadow:none}
body:not(.guided-planner) .cta{background:var(--atelier-plum);color:#fff8ef;border-radius:18px}
body:not(.guided-planner) .cta h2{font-family:Georgia,serif;font-weight:400}.cta .button{background:#eee4c9!important;color:#3b5357!important;border-color:#eee4c9!important}
/* Onboarding: the same paper, editorial headings and quiet selected states. */
body .setup-card,body .auth-card{background:var(--atelier-panel);border-color:var(--atelier-line);box-shadow:none;border-radius:18px}
body .setup-sticky{background:var(--atelier-paper)!important;border-color:var(--atelier-line)!important}
body .setup-step-nav button{background:transparent;color:var(--atelier-muted);border-color:var(--atelier-line)}
body .setup-step-nav button[aria-current=step]{background:var(--atelier-peach)!important;color:var(--atelier-plum)!important;border-color:#a5b8b5!important}
body .progress{background:#dce1db}body .progress>span{background:var(--atelier-clay)!important}
body .choice,body .cuisine-chip,body .taste-idea{border-color:var(--atelier-line)!important;background:var(--atelier-panel)}
body .choice:has(input:checked),body .cuisine-chip:has(input:checked),body .pantry-chip[aria-pressed=true]{background:#e4eae5!important;border-color:#92aaa6!important;color:var(--atelier-plum)!important}
body .setup-actions{border-top-color:var(--atelier-line)}
body:has(#family-status){background:var(--atelier-paper)!important;color:var(--atelier-ink)!important}body:has(#family-status) #family,body:has(#family-status) .household-next,body:has(#family-status) .household-join-steps>li{background:var(--atelier-panel)!important;border-color:var(--atelier-line)!important}
body:has(#family-status) #members li,body:has(#family-status) #join-request-message{background:#eceee8!important;color:#3b5357!important}
body:has(#family-status) button{background:#e5e9e4!important;border-color:#cdd5ce!important;color:#354f54!important}body:has(#family-status) #invite button,body:has(#family-status) #join-button,body:has(#family-status) #create-household button{background:#354f54!important;color:#fffefb!important}
@media(max-width:650px){body:not(.guided-planner) .hero{padding:28px 0 48px;gap:30px}body:not(.guided-planner) .hero h1{font-size:43px;max-width:15ch}body:not(.guided-planner) .hero-image img{height:340px}body .setup-card{border-radius:14px}.guided-planner .intro h1{font-size:38px!important}}
/* Product details use the same editorial cards without adding navigation boxes. */
.guided-planner header.top .top-nav>button.secondary{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--atelier-muted)!important}
.guided-planner header.top .top-nav>button.active{background:var(--atelier-peach)!important;border-bottom-color:var(--atelier-clay)!important;color:var(--atelier-plum)!important}
.guided-planner header.top:has(.account-help[open]) .top-nav>button.active{background:transparent!important;border-color:transparent!important}
.guided-planner .slot-recipe{background:var(--atelier-panel)!important;border-color:var(--atelier-line)!important;box-shadow:none!important;border-radius:12px}
.guided-planner .slot-recipe h4{font-family:Georgia,serif!important;font-size:18px!important;font-weight:500!important;line-height:1.25;letter-spacing:-.02em}
.guided-planner .slot-skipped,.guided-planner .slot-add{background:#f0f1eb!important;border-color:#d1d8d0!important;color:var(--atelier-muted)!important}
.guided-planner .slot-recipe>button.slot-leftovers{background:transparent!important;border-color:#bdc9c6!important;color:var(--atelier-plum)!important}.guided-planner .slot-recipe>button.slot-leftovers[aria-pressed=true]{background:#e5e9e4!important;border-color:#92aaa6!important}
.guided-planner .personal-ai-dialog .ai-goals-pane{background:var(--atelier-panel)!important}
body .setup-actions{background:var(--atelier-panel)!important}
@media(max-width:650px){.guided-planner .slot-recipe h4{font-size:17px!important}}
/* Selected planning day follows mimma's slate and stone palette. */
.guided-planner .picker-header-days .chosen-day-nav button[aria-pressed=true]{background:var(--atelier-peach)!important;border-color:var(--atelier-plum)!important;color:var(--atelier-plum)!important}
.guided-planner .picker-header-days .chosen-day-nav button:not(:disabled):hover{background:#edf0ea!important;border-color:#92aaa6!important}
.guided-planner .picker-header-days .chosen-day-nav button[aria-pressed=true]:hover{background:#d8e1dd!important;border-color:var(--atelier-plum)!important}
/* Muted category colors keep tags distinct within the shared palette. */
body .tag-type{--tag-bg:#e6eae2!important;--tag-fg:#465845!important;--tag-line:#bdc8b7!important}
body .tag-occasion{--tag-bg:#e3eaeb!important;--tag-fg:#354f54!important;--tag-line:#bac9cc!important}
body .tag-cuisine{--tag-bg:#eae7e1!important;--tag-fg:#5b5448!important;--tag-line:#cbc4b8!important}
body .tag-season{--tag-bg:#eee8d9!important;--tag-fg:#6e5a30!important;--tag-line:#d2c5a6!important}
body .personal-recipe-status:not(.is-tried),body .ai-untried{background:#ecebe5!important;color:#626456!important}
.guided-planner .planning-drawer .drawer-footer button.drawer-next{background:var(--atelier-plum)!important;border-color:var(--atelier-plum)!important;color:var(--atelier-panel)!important}
.guided-planner .planning-drawer .drawer-footer button.drawer-next:hover{background:var(--atelier-plum-hover)!important;border-color:var(--atelier-plum-hover)!important}
.guided-planner .slot-day-label button.past-day-toggle,.guided-planner .slot-day-label button.past-day-toggle:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important}

body .mimma-wordmark{height:auto!important;object-fit:contain!important;object-position:center!important}
/* Draw the add icon geometrically so font metrics cannot offset it. */
.guided-planner .shopping-add-panel>summary::after{content:''!important;display:block;background:linear-gradient(#fff,#fff) center/16px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 16px no-repeat,var(--atelier-plum)!important;width:44px;height:44px;padding:0;box-sizing:border-box}

.guided-planner #shopping-view button.shopping-add-shortcut{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;flex:none;padding:0!important;border:0!important;border-radius:10px;background:var(--atelier-plum)!important;color:#fff!important;box-shadow:none!important}
.guided-planner #shopping-view button.shopping-add-shortcut:hover{background:var(--atelier-plum-hover)!important}
.shopping-add-shortcut .shopping-plus-icon{display:block;width:20px;height:20px;background:linear-gradient(#fff,#fff) center/16px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 16px no-repeat}

.guided-planner #recipes-view .recipe-tag{background:var(--tag-bg,#e5e9e4)!important;color:var(--tag-fg,#354f54)!important;border-color:var(--tag-line,#bdc9c6)!important}
.guided-planner #recipes-view .recipe-tag[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--atelier-plum);border-color:var(--atelier-plum)!important}

/* Quiet photographic presentation; original recipe images remain intact. */
.guided-planner .slot-photo img,.guided-planner .reader-photo img.reader-image{filter:saturate(.76) contrast(.94) brightness(1.025)}
/* Destructive meal action uses a restrained earthy tone. */
.guided-planner .slot-recipe .slot-actions button.slot-remove{background:#f3efeb!important;border-color:#d8cbc2!important;color:#79584a!important}
.guided-planner .slot-recipe .slot-actions button.slot-remove:hover{background:#e9dfd7!important;border-color:#bca79a!important;color:#624436!important}
.guided-planner .slot-meal .meal-leftover-note{background:var(--atelier-panel)!important;border-color:var(--atelier-line)!important;box-shadow:none!important}
.guided-planner #shopping-view .shopping-list-toolbar{background:var(--atelier-panel)!important}

.guided-planner #shopping-view .manual-shopping[hidden]{display:none!important}
.guided-planner #admin-view>.settings-personal-note{background:#ecefeb!important;border-color:var(--atelier-line)!important;color:var(--atelier-plum)!important}
.guided-planner #admin-view>.settings-personal-note>strong,.guided-planner #admin-view>.settings-personal-note p,.guided-planner #admin-view>.settings-personal-note .settings-info-icon{color:var(--atelier-plum)!important}
.guided-planner header.top .account-help>summary{color:var(--atelier-muted)!important;background:transparent!important;box-shadow:none!important}
.guided-planner header.top .account-help>summary:hover{background:#edf0ea!important;color:var(--atelier-plum)!important}
.guided-planner header.top .account-help[open]>summary{background:var(--atelier-peach)!important;color:var(--atelier-plum)!important;border-bottom-color:var(--atelier-clay)!important;box-shadow:inset 0 -1px var(--atelier-clay)!important}

/* Keep the landing navigation available while reading the page. */
body.landing-page .topbar{position:sticky;top:0;z-index:50;background:var(--atelier-paper);border-bottom:1px solid var(--atelier-line)}
body.landing-page #saadan,body.landing-page #madhold,body.landing-page #demo{scroll-margin-top:130px}
@media(max-width:650px){body.landing-page #saadan,body.landing-page #madhold,body.landing-page #demo{scroll-margin-top:150px}}
/* Separate the example days clearly from their surrounding board. */
body.landing-page .sample-plan[aria-label="Illustrativt eksempel på en ugeplan"]{background:#e1e7e1;border-color:#b8c5bf}
body.landing-page .sample-plan[aria-label="Illustrativt eksempel på en ugeplan"] .sample-row{background:var(--atelier-panel);border:1px solid #c9d2cb;border-radius:12px}
body.landing-page .sample-plan[aria-label="Illustrativt eksempel på en ugeplan"] .sample-row>span{color:var(--atelier-plum);font-weight:650}
/* A simple photographic frame follows the site's restrained card shapes. */
body.landing-page .hero-image img{border-radius:18px;filter:saturate(.65) contrast(.88) brightness(1.045);box-shadow:none;border:1px solid var(--atelier-line)}

body.landing-page .topbar .mimma-logo{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
body.landing-page .topbar .brand-payoff{display:block;width:auto;height:auto;background:none;border-radius:0;color:var(--atelier-muted);font:500 13px/1.3 system-ui;letter-spacing:.025em}
@media(max-width:650px){body.landing-page .topbar .brand-payoff{font-size:10px}}

body[data-auth=login] .topbar{padding:20px 0;gap:20px}body[data-auth=login] .auth-brand img{display:block;width:190px;max-width:100%;height:auto}body[data-auth=login] .auth-register-link{min-height:44px;padding:11px 18px;white-space:nowrap}
@media(max-width:650px){body[data-auth=login] .auth-brand img{width:140px}body[data-auth=login] .auth-register-link{font-size:13px;padding:10px 12px}}
body.landing-page .topbar .mimma-logo{gap:7px}
body.landing-page .topbar .brand-payoff{font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:400;line-height:1.3;letter-spacing:.005em;color:var(--atelier-plum)}
@media(max-width:650px){body.landing-page .topbar .brand-payoff{font-size:12px}}
body.landing-page main h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;line-height:1.12}
body.landing-page main h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.02em;line-height:1.2}

body.landing-page #demo video{display:block;width:100%;background:#263d42;border:1px solid #708280;border-radius:18px;box-shadow:0 8px 28px #263d4214}

/* Account actions must sit above the non-modal planning drawer. */
.guided-planner header.top:has(.account-help[open]){z-index:160!important}