:root{--red:#d71920;--dark:#151515;--panel:#222;--panel2:#2b2b2b;--text:#f7f7f7;--muted:#aaa;--line:#3a3a3a;--green:#35c76f;--amber:#f5a623}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0f0f10;color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#181818;border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:var(--red);box-shadow:0 0 0 7px rgba(215,25,32,.15)}.brand strong{display:block;font-size:20px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.brand.large{margin-bottom:24px}.sidebar nav{display:grid;gap:8px;margin-top:34px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#ddd}.sidebar nav a:hover{background:#2a2a2a;color:white}.sidebar-footer{margin-top:auto;display:grid;gap:12px}.role-pill{background:#2e2e2e;border:1px solid #444;padding:8px 10px;border-radius:999px;text-align:center;font-size:12px}.content{padding:26px 32px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{margin:0;font-size:29px}.topbar p{margin:5px 0 0;color:var(--muted)}.online-dot{font-size:13px;color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{background:linear-gradient(145deg,#2a2a2a,#202020);border:1px solid var(--line);border-radius:14px;padding:18px}.metric span{color:var(--muted)}.metric b{display:block;font-size:38px;margin-top:7px}.metric.danger b{color:var(--red)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-head h2{margin:0}.station-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.station-card{background:var(--panel);padding:20px;border-radius:14px;border:1px solid var(--line);display:grid;gap:8px}.station-card:hover{border-color:var(--red);transform:translateY(-1px)}.station-card span{font-size:20px;font-weight:700}.station-card small{color:var(--muted)}.task-list{display:grid;gap:10px}.task{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--panel);padding:17px;border:1px solid var(--line);border-radius:13px}.task.expanded{align-items:flex-start}.task h3{margin:7px 0 3px}.task p{margin:0;color:var(--muted)}.task small{color:#ccc}.badge{display:inline-block;background:#3a3a3a;border-radius:999px;padding:4px 8px;font-size:11px;text-transform:uppercase}.badge.urgent,.badge.at-risk{background:rgba(215,25,32,.2);color:#ff777b}.badge.before-open{background:rgba(245,166,35,.18);color:#ffc568}.status{padding:7px 10px;border-radius:999px;background:#353535;font-size:12px;white-space:nowrap}.status.complete{background:rgba(53,199,111,.18);color:#6ee29a}.status.in_progress{background:rgba(245,166,35,.18);color:#ffc568}.status.corrective_action{background:rgba(215,25,32,.2);color:#ff777b}button,.button{border:0;background:var(--red);color:white;padding:10px 14px;border-radius:9px;font-weight:700;cursor:pointer;display:inline-block}.secondary{background:#333;border:1px solid #4b4b4b}.danger-btn{background:#5a1b1e}.stack{display:grid;gap:10px}.stack label{font-size:13px;color:#ccc;margin-top:4px}input,select,textarea{width:100%;background:#111;color:white;border:1px solid #444;padding:11px 12px;border-radius:8px}textarea{resize:vertical}.panel{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:14px}.panel h2{margin-top:0}.two-column{display:grid;grid-template-columns:360px 1fr;gap:20px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input,.inline-form select{width:auto;min-width:130px}.task-actions{display:flex;gap:8px;align-items:center}.station-switch{background:#1c1c1c;border:1px solid var(--line);padding:14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.station-switch form{display:flex;gap:9px;align-items:center}.station-switch select{width:160px}.temporary{color:#ffc568;font-size:13px}.searchbar{display:flex;gap:10px;margin-bottom:20px}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recipe-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.recipe-card>div:last-child{padding:15px}.recipe-card h3{margin:8px 0}.recipe-card p{color:var(--muted)}.recipe-image{height:140px;background:linear-gradient(135deg,#491115,#1d1d1d);display:grid;place-items:center;color:#ff8588}.recipe-image img{width:100%;height:100%;object-fit:cover}.recipe-actions{display:flex;gap:10px;margin-bottom:18px}.recipe-columns{display:grid;grid-template-columns:1fr 2fr;gap:16px}.preline{white-space:pre-line;line-height:1.7}.recipe-detail ol{line-height:1.8}.hero-image{width:100%;max-height:360px;object-fit:cover;border-radius:14px;margin-bottom:16px}.wide-form{max-width:900px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.flash{background:#4a2215;border:1px solid #7b4027;color:#ffd2c0;padding:12px;border-radius:9px;margin-bottom:15px}.empty{background:#1c1c1c;border:1px dashed #444;padding:25px;border-radius:12px;color:var(--muted);text-align:center}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#4b0c10,#101010 50%)}.login-card{width:min(410px,92vw);background:#1c1c1c;border:1px solid #3f3f3f;padding:28px;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.45)}.demo{margin-top:18px;color:#aaa;font-size:13px;line-height:1.6}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.content{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.station-grid,.recipe-grid{grid-template-columns:repeat(2,1fr)}.two-column,.recipe-columns{grid-template-columns:1fr}}@media(max-width:600px){.metrics,.station-grid,.recipe-grid{grid-template-columns:1fr}.task{align-items:flex-start;flex-direction:column}.inline-form,.station-switch,.station-switch form{align-items:stretch;flex-direction:column}.sidebar{display:none}.content{padding:16px}}
/* Mise 0.0.2 recipe builder and recipe-card experience */
.section-kicker{color:#ff7b7f;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.builder-section{margin-bottom:18px}.builder-section h2{margin:.2rem 0 1rem}.helper{color:var(--muted);margin-top:-8px}.form-grid{display:grid;gap:14px;margin-bottom:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid label,.recipe-builder>section>label{display:grid;gap:7px;color:#ddd;font-size:13px}.builder-list,.step-builder-list{display:grid;gap:12px}.ingredient-row{display:grid;grid-template-columns:30px 1.5fr .55fr .55fr 1.3fr 38px;gap:9px;align-items:center}.draggable-card,.step-editor{background:#191919;border:1px solid #3b3b3b;border-radius:12px;padding:13px}.drag-handle{color:#777;font-size:20px;text-align:center}.icon-danger{background:#422022;color:#ff8b8e;padding:7px 10px;font-size:20px;line-height:1}.step-editor{display:grid;gap:12px}.step-editor-head{display:flex;justify-content:space-between;align-items:center}.file-current{font-size:12px;color:var(--green)}.sticky-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:10px;background:rgba(20,20,20,.92);backdrop-filter:blur(10px);padding:13px;border:1px solid #444;border-radius:12px;z-index:4}.beautiful-recipe-card{max-width:1180px;margin:auto;background:#f6f1e8;color:#201d1a;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35)}.recipe-hero{height:400px;position:relative;background:#3a1717}.recipe-hero.no-image{height:240px;background:radial-gradient(circle at 75% 25%,#b72b30,#2a1011 65%)}.recipe-hero img{width:100%;height:100%;object-fit:cover}.recipe-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.05) 65%)}.recipe-hero-overlay{position:absolute;z-index:1;left:36px;bottom:30px;color:#fff}.recipe-hero-overlay h1{font-family:Georgia,serif;font-size:46px;margin:8px 0}.recipe-hero-overlay p{margin:0;color:#ddd}.recipe-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#1c1917;color:#fff}.recipe-summary-grid>div{padding:20px 24px;border-right:1px solid #45403c}.recipe-summary-grid span{display:block;color:#bcb4ad;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.recipe-summary-grid strong{display:block;margin-top:6px}.beautiful-recipe-card>.recipe-actions{padding:22px 28px 0}.recipe-content-grid{display:grid;grid-template-columns:340px 1fr;gap:38px;padding:24px 30px 38px}.recipe-side{border-right:1px solid #d8cec0;padding-right:28px}.recipe-side section{padding-bottom:22px;border-bottom:1px solid #ddd1c2;margin-bottom:22px}.recipe-side h2,.recipe-steps h2,.recipe-notes h2{font-family:Georgia,serif}.ingredient-list{display:grid}.ingredient-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #ded5c9}.ingredient-item b{white-space:nowrap}.ingredient-item small{display:block;color:#a21d22;margin-top:4px}.ingredient-item.linked:hover{color:#a21d22}.recipe-steps{min-width:0}.display-step{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:0 0 32px;margin-bottom:28px;border-bottom:1px solid #d9cfc2}.display-step-number{width:42px;height:42px;border-radius:50%;background:#a51e23;color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px}.display-step-body h3{font-family:Georgia,serif;font-size:22px;line-height:1.35;margin:5px 0 16px;font-weight:500}.display-step-body img,.display-step-body video{display:block;width:100%;max-height:460px;object-fit:cover;border-radius:12px;margin-top:14px;background:#111}.critical-note{background:#fff0d8;border-left:4px solid #df8d14;padding:12px 14px;border-radius:6px}.timer-button{margin-top:14px}.recipe-notes{background:#e9ded0;padding:28px 34px}.product-spec-card{max-width:1050px;margin:auto}.accept-reject-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.standard-card{background:#f3eee6;color:#211f1c;border-radius:16px;overflow:hidden;border:2px solid}.standard-card.accept{border-color:#3f9f62}.standard-card.reject{border-color:#c94146}.standard-label{padding:14px 18px;font-weight:900;letter-spacing:.15em;color:white}.accept .standard-label{background:#237a42}.reject .standard-label{background:#a92329}.standard-card img{width:100%;height:320px;object-fit:cover}.standard-card .preline{padding:22px;font-size:17px}.media-pickers input[type=file],.step-editor input[type=file]{padding:8px;background:#202020}@media(max-width:900px){.form-grid.three,.form-grid.two,.accept-reject-grid{grid-template-columns:1fr}.ingredient-row{grid-template-columns:24px 1fr 1fr}.ingredient-row select{grid-column:2/4}.recipe-content-grid{grid-template-columns:1fr}.recipe-side{border-right:0;border-bottom:1px solid #d8cec0;padding-right:0}.recipe-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.beautiful-recipe-card{border-radius:0;margin:-16px}.recipe-hero{height:310px}.recipe-hero-overlay{left:20px}.recipe-hero-overlay h1{font-size:34px}.recipe-content-grid{padding:22px 18px}.recipe-summary-grid{grid-template-columns:1fr 1fr}.ingredient-row{grid-template-columns:1fr}.drag-handle{display:none}}
@media print{.sidebar,.topbar,.recipe-actions,.sticky-save{display:none!important}.app-shell{display:block}.content{padding:0}.beautiful-recipe-card{box-shadow:none;max-width:none}.display-step{break-inside:avoid}}
/* Mise 0.0.3 */
.recipe-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 190px 190px auto auto auto;gap:10px;margin-bottom:22px}.recipe-card-media{height:165px;position:relative;background:linear-gradient(135deg,#491115,#1d1d1d);display:grid;place-items:center;overflow:hidden}.recipe-card-media img{width:100%;height:100%;object-fit:cover}.recipe-type-tag{position:absolute;top:12px;left:12px;padding:7px 12px;border-radius:12px;background:rgba(33,24,24,.9);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.3)}.recipe-type-tag.static{position:static;display:inline-block;background:#5e171b}.recipe-card-body{padding:16px}.gf-label{display:block;color:#a63a40;margin-top:10px}.gluten-free-card{border:2px solid #7d2027;animation:gfPulse 2.6s ease-in-out infinite}.gluten-free-card:hover{border-color:#b9434b}@keyframes gfPulse{0%,100%{box-shadow:0 0 0 rgba(125,32,39,0)}50%{box-shadow:0 0 18px rgba(155,38,47,.62)}}.recipe-page-frame{height:calc(100vh - 150px);display:flex;flex-direction:column;min-height:500px}.recipe-fixed-title{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;background:#1d1d1d;border:1px solid #3b3b3b;border-radius:14px;padding:16px 20px;margin-bottom:12px;z-index:5}.recipe-fixed-title h2{margin:8px 0 2px}.recipe-fixed-title p{margin:0;color:var(--muted)}.recipe-scroll-area{overflow-y:auto;padding:2px 8px 36px 2px}.gluten-free-detail{border:3px solid #7d2027;box-shadow:0 0 24px rgba(125,32,39,.45)}.full-video{padding:24px 30px 0}.full-video video{width:100%;max-height:520px;background:#111;border-radius:12px}.formatted-step{font-family:Georgia,serif;font-size:21px;line-height:1.5;margin:5px 0 16px}.step-carousel{position:relative;margin-top:14px;background:#171717;border-radius:14px;overflow:hidden}.carousel-track{min-height:280px}.carousel-slide{display:none}.carousel-slide.active{display:block}.carousel-slide img,.carousel-slide video{width:100%;height:min(48vw,470px);object-fit:contain;margin:0;background:#111;border-radius:0}.carousel-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:46px;height:58px;border-radius:12px;background:rgba(0,0,0,.68);font-size:36px;padding:0}.carousel-arrow.left{left:12px}.carousel-arrow.right{right:12px}.carousel-count{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:999px;font-size:12px}.ingredient-row{grid-template-columns:30px 1.5fr .75fr .75fr 38px}.dragging{opacity:.45;border-color:#d71920}.add-step-bottom{margin-top:14px;width:100%;padding:15px}.rich-toolbar{display:flex;gap:6px;align-items:center}.rich-toolbar button{padding:7px 11px;background:#353535}.rich-toolbar input[type=color]{width:42px;height:34px;padding:3px}.rich-editor{min-height:100px;background:#111;border:1px solid #444;border-radius:8px;padding:12px;line-height:1.6}.existing-media{color:var(--green);font-size:13px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.option-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.option-chips span{background:#343434;border:1px solid #4b4b4b;padding:7px 10px;border-radius:999px}@media(max-width:1000px){.recipe-filter-bar{grid-template-columns:1fr 1fr}.ingredient-row{grid-template-columns:28px 1fr 1fr}.ingredient-row select:nth-of-type(2){grid-column:auto}.settings-grid{grid-template-columns:1fr}}@media(max-width:650px){.recipe-filter-bar{grid-template-columns:1fr}.recipe-page-frame{height:auto}.recipe-scroll-area{overflow:visible}.recipe-fixed-title{position:sticky;top:0}.recipe-fixed-title .recipe-actions{flex-direction:column}.carousel-slide img,.carousel-slide video{height:310px}}

/* Mise 0.0.4 */
.compact-recipe-page{height:calc(100vh - 52px)}
.compact-recipe-page .recipe-fixed-title{padding:10px 16px;margin-bottom:8px;border-radius:12px}
.compact-recipe-page .recipe-fixed-title h2{font-size:21px;margin:4px 0 1px}
.compact-recipe-page .recipe-fixed-title p{font-size:12px}
.compact-recipe-page .recipe-actions{margin:0}
.toggle-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.toggle-card{display:flex;align-items:center;gap:12px;min-height:74px;background:#171717;border:1px solid #424242;border-radius:12px;padding:13px;cursor:pointer}
.toggle-card input{width:20px;height:20px;flex:0 0 auto;accent-color:var(--red)}
.toggle-card span{display:grid;gap:4px}.toggle-card strong{font-size:13px}.toggle-card small,.field-note{color:var(--muted);font-size:11px;line-height:1.35;margin-top:5px;display:block}
.media-thumb-grid,.new-media-previews{display:flex;flex-wrap:wrap;gap:10px}.new-media-previews:empty{display:none}
.media-thumb{position:relative;width:92px;height:72px;padding:0;border-radius:10px;overflow:hidden;background:#111;border:1px solid #494949;display:block}
.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.media-kind{position:absolute;left:5px;bottom:5px;background:rgba(0,0,0,.75);padding:3px 5px;border-radius:5px;font-size:9px;letter-spacing:.08em}
.delete-overlay{position:absolute;inset:0;background:rgba(119,13,19,0);transition:background .22s ease;display:grid;place-items:center}
.draw-x{width:34px;height:34px;position:relative;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}
.draw-x:before,.draw-x:after{content:"";position:absolute;left:16px;top:2px;width:4px;height:0;background:#080808;border-radius:4px;transition:height .24s ease}
.draw-x:before{transform:rotate(45deg)}.draw-x:after{transform:rotate(-45deg);transition-delay:.06s}
.media-thumb:hover .delete-overlay{background:rgba(126,19,25,.72)}
.media-thumb:hover .draw-x:before,.media-thumb:hover .draw-x:after{height:31px}
.media-thumb.removing{animation:mediaRemove .26s ease forwards}@keyframes mediaRemove{to{opacity:0;transform:scale(.72) rotate(-5deg)}}

.recipe-card{position:relative;isolation:isolate;border:1px solid transparent;background:linear-gradient(var(--panel),var(--panel)) padding-box,linear-gradient(#3a3a3a,#3a3a3a) border-box}
.gluten-free-card{border:2px solid transparent;animation:none;background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--gf-angle),#39080d,#7e151e,#e2444c,#541017,#39080d) border-box;box-shadow:0 0 13px rgba(126,21,30,.35);animation:gfSwirl 2.8s linear infinite,gfSoftPulse 2.3s ease-in-out infinite}
@property --gf-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes gfSwirl{to{--gf-angle:360deg}}@keyframes gfSoftPulse{0%,100%{box-shadow:0 0 8px rgba(126,21,30,.25)}50%{box-shadow:0 0 22px rgba(211,45,57,.68)}}
.active-prep-card:after{content:"";position:absolute;inset:-7px;border-radius:20px;z-index:-1;background:conic-gradient(from var(--prep-angle),#6f34ff,#e74cff,#ffb22e,#31d7ff,#42e09a,#6f34ff);filter:blur(11px);opacity:.72;animation:prepOrbit 2.5s linear infinite,prepBreathe 1.9s ease-in-out infinite}
@property --prep-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes prepOrbit{to{--prep-angle:360deg}}@keyframes prepBreathe{0%,100%{transform:scale(.985);opacity:.45}50%{transform:scale(1.025);opacity:.88}}
.active-prep-card.gluten-free-card:after{inset:-9px}
@media(max-width:760px){.toggle-row{grid-template-columns:1fr}.compact-recipe-page{height:auto}}

/* Mise 0.0.5 — generated 2x2 Pre-N-Print label */
.standards-label-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:24px;align-items:start}
.label-preview-panel{background:#111;border:1px solid #3f3f3f;border-radius:16px;padding:18px;position:sticky;top:18px}
.label-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.label-preview-heading h3{margin:3px 0 0}.compact-button{padding:8px 11px;font-size:12px}
.prep-label-preview{width:min(100%,360px);aspect-ratio:1/1;margin:0 auto;background:#fff;color:#080808;border:8px solid #0b0b0b;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.35);display:grid;grid-template-rows:82px 30px 58px 96px 52px 50px 42px;font-family:Arial,Helvetica,sans-serif}
.label-title{font-size:clamp(20px,2.4vw,31px);font-weight:900;display:flex;align-items:end;justify-content:center;text-align:center;padding:10px 12px 2px;line-height:1.05;overflow:hidden}.label-subtitle{text-align:center;font-weight:800;font-size:13px}.label-yellow{background:#f2bd22;font-size:16px;font-weight:900;display:flex;align-items:center;padding:0 14px;white-space:nowrap}.label-black{background:#050505;position:relative}.label-black:after{content:"";position:absolute;right:0;bottom:0;border-left:58px solid transparent;border-bottom:58px solid #fff}.label-useby{display:flex;align-items:center;padding:0 12px;font-size:18px;font-weight:900;white-space:nowrap}.label-meta,.label-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px}.label-meta{font-size:14px}.label-meta b:last-child{text-align:right}.label-footer{font-size:11px;border-top:1px solid #b7b7b7}
.saved-label-card{display:grid;gap:10px;margin-top:14px}.saved-label-card img{width:100%;max-width:270px;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:12px;border:1px solid #c8c0b6}.saved-label-card .button{width:max-content}
@media(max-width:1050px){.standards-label-grid{grid-template-columns:1fr}.label-preview-panel{position:static}.prep-label-preview{max-width:330px}}
@media print{.saved-label-card .button{display:none!important}.saved-label-card img{width:2in;height:2in;max-width:none;border:0;border-radius:0}}

/* Mise 0.0.6 */
.sidebar{transition:width .25s ease;position:relative}.sidebar-toggle{position:absolute;right:12px;top:12px;width:38px;height:38px;padding:0;background:#2a333d}.sidebar nav a{display:flex;align-items:center;gap:14px;min-height:49px}.nav-icon{font-size:25px;width:32px;text-align:center;flex:0 0 32px}.sidebar.collapsed{width:82px}.sidebar.collapsed .nav-label,.sidebar.collapsed .brand div{display:none}.sidebar.collapsed .brand{justify-content:center;margin-top:48px}.sidebar.collapsed nav a{justify-content:center;padding-left:10px;padding-right:10px}.sidebar.collapsed .sidebar-toggle{right:21px}.mise-version{text-align:center;color:#777;font-size:12px;margin-top:14px}
.tvos-metrics .metric{display:flex;flex-direction:column;text-decoration:none;transform-style:preserve-3d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;will-change:transform}.tvos-metrics .metric:hover{transform:perspective(700px) rotateX(4deg) rotateY(-5deg) translateY(-8px) scale(1.035);box-shadow:18px 22px 38px rgba(0,0,0,.38),-8px -8px 22px rgba(255,255,255,.035)}.tvos-metrics .metric:nth-child(even):hover{transform:perspective(700px) rotateX(4deg) rotateY(5deg) translateY(-8px) scale(1.035)}.tvos-metrics .metric.selected{border-color:var(--red);box-shadow:0 0 0 2px rgba(215,25,32,.2),0 0 22px rgba(215,25,32,.25)}
.station-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.station-card>div:first-child{display:grid;gap:7px}.station-counts{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:auto auto;column-gap:12px;text-align:center}.station-counts b{font-size:20px}.station-counts small{font-size:9px;text-transform:uppercase;color:var(--muted)}
.recent-prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recent-prep-card{display:grid;grid-template-columns:105px 1fr;gap:16px;background:var(--panel);border:1px solid #3b3b3b;border-radius:14px;overflow:hidden;min-height:112px}.recent-prep-card img,.recent-placeholder{width:105px;height:100%;min-height:112px;object-fit:cover}.recent-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#7b161c,#241313);font-size:38px;font-weight:900}.recent-prep-card>div:last-child{padding:12px 14px 12px 0}.recent-prep-card h3{margin:0 0 6px}.recent-prep-card p,.recent-prep-card small{display:block;margin:3px 0;color:var(--muted)}.recent-prep-card strong{display:block;color:#7dd890;margin-top:7px}.planner-back{margin-bottom:14px}
.ingredient-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.ingredient-add-panel{position:sticky;top:20px}.ingredient-library-list{display:grid;gap:9px}.ingredient-library-item{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:88px;border:1px solid #393939;border-radius:13px;background:#202020;transition:.18s ease;overflow:hidden}.ingredient-library-item:hover{background:#292929;border-color:#6a2c30;transform:translateX(3px)}.ingredient-main-link{flex:1;text-decoration:none;padding:14px 18px;color:inherit}.ingredient-main-link h3{margin:0 0 5px}.ingredient-main-link p,.ingredient-main-link small{margin:0;color:var(--muted)}.ingredient-hover-actions{display:flex;gap:8px;align-items:center;padding-right:13px;opacity:0;transform:translateX(15px);transition:.18s ease}.ingredient-library-item:hover .ingredient-hover-actions{opacity:1;transform:none}.ingredient-hover-actions form{margin:0}.ingredient-delete-button{position:relative;overflow:hidden;min-width:84px;height:39px;background:#421317}.ingredient-delete-button .delete-overlay{pointer-events:none}.ingredient-delete-button:hover>span:first-child{opacity:0}.ingredient-editor{max-width:980px}.ingredient-spec-header{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 30px;border-bottom:1px solid #333}.ingredient-spec-header h2{font-size:34px;margin:10px 0 4px}.ingredient-photo-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:10px;overflow:auto;padding:20px 28px}.ingredient-photo-strip img{width:100%;height:230px;object-fit:cover;border-radius:13px}.spec-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 28px}.accept-spec,.reject-spec{padding:20px;border-radius:13px}.accept-spec{background:#11271a;border:1px solid #27673d}.reject-spec{background:#321418;border:1px solid #81252d}.settings-option-list{display:grid;gap:8px;margin-bottom:14px}.settings-option{display:flex;gap:8px;align-items:center}.settings-edit-form{display:flex;gap:8px;flex:1}.settings-edit-form input:not(.icon-input){flex:1}.icon-input{width:74px}.settings-add-form{display:flex;gap:8px}.settings-add-form input:not(.icon-input){flex:1}
@media(max-width:1050px){.ingredient-layout{grid-template-columns:1fr}.ingredient-add-panel{position:static}.recent-prep-grid{grid-template-columns:1fr}.station-counts{display:none}}@media(max-width:700px){.sidebar{width:82px}.sidebar .nav-label,.sidebar .brand div{display:none}.ingredient-hover-actions{opacity:1;transform:none}.spec-columns{grid-template-columns:1fr}.settings-option,.settings-edit-form,.settings-add-form{flex-wrap:wrap}}

/* Mise 0.0.7 — modal Recipe Settings */
.settings-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px}.settings-launch-card{background:linear-gradient(145deg,#272727,#1d1d1d);border:1px solid #3d3d3d;border-radius:18px;padding:24px;display:grid;grid-template-columns:58px 1fr 28px;align-items:center;text-align:left;gap:16px;min-height:120px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.settings-launch-card:hover{transform:perspective(700px) translateY(-6px) scale(1.02) rotateX(2deg);border-color:#7f252a;box-shadow:0 22px 42px rgba(0,0,0,.34),0 0 22px rgba(215,25,32,.13)}.settings-launch-icon{width:58px;height:58px;border-radius:16px;background:#351719;color:#ff686d;display:grid;place-items:center;font-size:28px}.settings-launch-card strong{display:block;font-size:19px}.settings-launch-card small{display:block;color:var(--muted);margin-top:7px}.settings-launch-arrow{font-size:34px;color:#777;transition:transform .18s ease,color .18s ease}.settings-launch-card:hover .settings-launch-arrow{transform:translateX(5px);color:#fff}.settings-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.settings-modal.open{opacity:1;visibility:visible}.settings-modal-card{width:min(760px,96vw);max-height:88vh;overflow:auto;background:#202020;border:1px solid #454545;border-radius:20px;padding:22px;box-shadow:0 28px 90px rgba(0,0,0,.58);transform:translateY(16px) scale(.98);transition:transform .22s ease}.settings-modal.open .settings-modal-card{transform:none}.settings-modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a3a3a;padding-bottom:16px;margin-bottom:18px}.settings-modal-head h2{margin:4px 0 0}.modal-close{width:46px;height:46px;padding:0;border-radius:14px;background:#2b2b2b;border:1px solid #484848;position:relative;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.modal-close span{position:absolute;left:12px;top:21px;width:21px;height:3px;background:#fff;border-radius:99px;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .18s ease}.modal-close span:first-child{transform:rotate(45deg)}.modal-close span:last-child{transform:rotate(-45deg)}.modal-close:hover{transform:perspective(300px) scale(1.12) rotateX(4deg) rotateY(-5deg);background:#5a171b;box-shadow:0 10px 24px rgba(215,25,32,.28)}.modal-close:hover span:first-child{transform:rotate(225deg)}.modal-close:hover span:last-child{transform:rotate(135deg)}body.modal-open{overflow:hidden}@media(max-width:760px){.settings-launch-grid{grid-template-columns:1fr}.settings-launch-card{min-height:100px}.settings-modal{padding:10px}.settings-modal-card{max-height:94vh}}

/* Mise 0.0.8 — batch recipes, focused steps, fixed navigation, icon library */
.app-shell{display:block;min-height:100vh}.sidebar{position:fixed!important;left:0;top:0;bottom:0;height:100vh;z-index:50;overflow:hidden;display:flex;flex-direction:column}.sidebar nav{overflow-y:auto;overflow-x:hidden;flex:1;padding-bottom:12px}.sidebar-footer{margin-top:auto;flex:0 0 auto}.content{margin-left:260px;min-height:100vh;transition:margin-left .25s ease}.sidebar.collapsed~.content{margin-left:82px}.sidebar-footer a{display:flex!important;align-items:center;gap:14px;min-height:44px}.sidebar-footer .nav-icon{line-height:1;display:grid;place-items:center}
.batch-size-box{margin:20px 0;padding:18px;border:1px solid #414141;border-radius:15px;background:#1b1b1b}.batch-options{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr;gap:12px;align-items:end}.batch-column-head,.dual-batch-row{display:grid!important;grid-template-columns:34px minmax(190px,1.6fr) minmax(100px,.7fr) minmax(100px,.7fr) minmax(90px,.55fr) 40px;gap:10px;align-items:center}.batch-column-head{padding:0 10px 8px;color:#a7a7a7;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.dual-batch-row input,.dual-batch-row select{min-width:0}.batch-switch-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.batch-switch-label select{min-width:105px}
.step-ingredient-picker{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #3a3a3a;background:#171717;border-radius:12px;min-height:48px}.ingredient-chip{display:inline-flex!important;margin:0!important}.ingredient-chip input{position:absolute;opacity:0;pointer-events:none}.ingredient-chip span{display:block;padding:8px 11px;border:1px solid #4a4a4a;border-radius:999px;background:#252525;font-size:12px;cursor:pointer;transition:.16s ease}.ingredient-chip input:checked+span{background:#5b171b;border-color:#cf333a;color:#fff;box-shadow:0 0 14px rgba(215,25,32,.22)}.step-focus-ingredients{margin:0 0 14px;padding:13px 15px;border-radius:12px;background:#231719;border:1px solid #703039}.step-focus-ingredients>span{display:block;color:#e77b80;text-transform:uppercase;font-size:10px;letter-spacing:.12em;margin-bottom:8px}.step-focus-ingredients>div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;border-top:1px solid rgba(255,255,255,.07)}
.settings-file-guide{max-width:980px;margin-bottom:18px;padding:16px 18px;border-radius:14px;background:#191f27;border:1px solid #34465d;display:grid;gap:5px}.settings-file-guide strong{color:#a9d0ff}.settings-file-guide span{color:var(--muted)}.category-icon-select{min-width:150px}.category-icon-preview{width:44px;height:44px;border-radius:10px;overflow:hidden;flex:0 0 44px;background:#301618}.category-icon-preview img{width:100%;height:100%;object-fit:contain}.settings-edit-form input[type=file]{max-width:190px}.category-badge{display:inline-flex!important;align-items:center;gap:7px}.category-badge img{width:22px;height:22px;border-radius:6px;object-fit:contain}
@media(max-width:1050px){.batch-options{grid-template-columns:1fr 1fr}.batch-column-head{display:none!important}.dual-batch-row{grid-template-columns:30px 1fr 1fr}.dual-batch-row select[name="ingredient_id[]"]{grid-column:2/4}.dual-batch-row select[name="ingredient_unit[]"]{grid-column:2}.dual-batch-row .icon-danger{grid-column:3;grid-row:3}.content{margin-left:82px}.sidebar{width:82px}.sidebar .nav-label,.sidebar .brand div{display:none}}
@media(max-width:700px){.batch-options{grid-template-columns:1fr}.dual-batch-row{grid-template-columns:28px 1fr}.dual-batch-row>*{grid-column:2}.dual-batch-row .drag-handle{grid-column:1;grid-row:1/7}.content{margin-left:82px}}

/* Mise 0.0.9 — named recipe sizes, liquid-glass toggle, hero media parity */
.recipe-size-tabs{display:flex;gap:10px;align-items:stretch;margin:16px 0 20px;border-bottom:1px solid #3b3b3b;padding-bottom:0}.recipe-size-tab{position:relative;min-width:220px;padding:13px 15px 12px;border:1px solid #424242;border-bottom:0;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#292929,#1d1d1d);display:grid;gap:6px}.recipe-size-tab.active:after{content:"";position:absolute;height:3px;left:10px;right:10px;bottom:0;background:var(--red);border-radius:99px}.recipe-size-tab input[type=text],.recipe-size-tab>input{background:transparent;border:0!important;padding:0!important;font-size:18px;font-weight:750;color:white;box-shadow:none!important}.size-tab-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#999}.second-size-enabled{display:block!important;margin:0!important}.second-size-enabled input{position:absolute;opacity:0}.second-size-enabled span{display:inline-flex;align-items:center;min-height:30px;color:#ff8d91;font-weight:700;cursor:pointer}.recipe-size-tab.is-add{min-width:170px;place-content:center;border-style:dashed;background:#191919}.recipe-size-tab.is-add .size-tab-kicker{display:none}.recipe-size-tab.is-add .second-size-enabled span{font-size:15px}.hero-media-editor{display:flex;gap:10px;align-items:center;margin-top:12px;min-height:10px}.hero-thumb{width:150px;height:92px}.single-size-row{grid-template-columns:34px minmax(190px,1.6fr) minmax(120px,.8fr) minmax(90px,.55fr) 40px!important}.single-size-row select[name="ingredient_unit[]"]{grid-column:auto}.liquid-size-control{display:grid;justify-items:center;gap:5px;margin-right:6px}.liquid-size-control>span{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#aaa}.liquid-segment{position:relative;display:grid;grid-template-columns:1fr 1fr;width:230px;height:44px;padding:4px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.05));box-shadow:inset 0 1px 1px rgba(255,255,255,.23),inset 0 -8px 18px rgba(0,0,0,.22),0 10px 28px rgba(0,0,0,.3);backdrop-filter:blur(18px) saturate(145%);overflow:hidden}.liquid-segment button{position:relative;z-index:2;background:transparent!important;color:#aaa;padding:0 12px;border-radius:999px;font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s ease,transform .25s ease}.liquid-segment button.active{color:#fff;transform:scale(1.02)}.liquid-thumb{position:absolute;z-index:1;left:4px;top:4px;width:calc(50% - 4px);height:36px;border-radius:999px;background:linear-gradient(145deg,rgba(215,25,32,.88),rgba(114,8,18,.75));box-shadow:inset 0 1px 1px rgba(255,255,255,.42),0 5px 18px rgba(215,25,32,.38),0 0 0 1px rgba(255,255,255,.1);transition:transform .38s cubic-bezier(.2,.85,.2,1)}.liquid-segment.show-large .liquid-thumb{transform:translateX(100%)}
@media(max-width:760px){.recipe-size-tabs{overflow-x:auto}.recipe-size-tab{min-width:190px}.liquid-segment{width:190px}.recipe-fixed-title{align-items:flex-start}.recipe-actions{flex-wrap:wrap}}
/* Mise 0.0.10 recipe-size editor refinements */
.recipe-actions .button,.recipe-actions button{display:inline-flex;align-items:center;justify-content:center;text-align:center}
.size-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 8px}.size-toolbar>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.size-toolbar h2{margin:0}
.recipe-size-tab{border:1px solid #424242;border-bottom:0;color:white;text-align:left;cursor:pointer}.recipe-size-tab.active{background:linear-gradient(180deg,#342426,#1d1d1d)}
.recipe-size-tab.second-size{position:relative}.size-tab-close{position:absolute;right:8px;top:8px;width:28px;height:28px;padding:0!important;border-radius:50%;background:#3b2022!important;color:#ff9b9e;font-size:21px;line-height:1;display:grid;place-items:center;transition:transform .2s ease,background .2s ease}.size-tab-close:hover{transform:scale(1.12) rotate(8deg);background:#6b252a!important}
#secondSizeAddText{font-weight:800;color:#ff8d91;align-self:center}.size-ingredient-pane{display:none}.size-ingredient-pane.active{display:block}.ingredient-column-head,.simple-ingredient-row{display:grid;grid-template-columns:30px minmax(210px,1.55fr) minmax(100px,.65fr) minmax(90px,.6fr) minmax(135px,.85fr) 38px;gap:9px;align-items:center}.ingredient-column-head{padding:0 13px 8px;color:#aaa;font-size:12px;font-weight:700}.ingredient-batch-row[hidden],.compact-ingredient-row[hidden],.step-focus-ingredients [hidden]{display:none!important}.step-focus-ingredients:empty{display:none}
.liquid-size-control{margin-right:6px}.liquid-size-control>span{display:none!important}
@media(max-width:900px){.ingredient-column-head{display:none}.simple-ingredient-row{grid-template-columns:28px 1fr 1fr}.simple-ingredient-row select:first-of-type{grid-column:2/4}.size-toolbar{align-items:flex-start;flex-direction:column}}

/* Mise 0.0.11 recipe-time, size-yield, and readability refinements */
.prep-time-field{display:grid;gap:7px;color:#ddd;font-size:13px}.prep-time-range{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end}.prep-time-range label{display:grid;gap:6px}.prep-time-to{padding-bottom:12px;color:var(--muted);font-weight:700}.size-yield-row{display:flex;justify-content:flex-start;margin:4px 0 14px}.size-yield-row label{display:grid;gap:7px;width:min(360px,100%);color:#ddd;font-size:13px}.ingredient-item,.ingredient-item:visited{color:#211f1c!important;background:#fffaf2;border-radius:10px;padding:12px 10px!important;margin-bottom:4px;text-decoration:none}.ingredient-item span,.ingredient-item b{color:#211f1c!important}.ingredient-item small{color:#8f1f25!important}.ingredient-item.linked:hover{background:#f2e5d5;color:#8f1f25!important}.step-focus-ingredients{background:#fffaf2!important;color:#211f1c!important;border:1px solid #dccfbe;border-radius:12px;padding:10px 12px;margin-bottom:14px}.step-focus-ingredients>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #e6dbce}.step-focus-ingredients>div:last-child{border-bottom:0}.step-focus-ingredients strong,.step-focus-ingredients b{color:#211f1c!important}.formatted-step,.formatted-step *{white-space:normal}.formatted-step font{display:inline}.rich-editor font{display:inline}.rich-editor span[style],.formatted-step span[style]{display:inline}
@media(max-width:900px){.prep-time-range{grid-template-columns:1fr auto 1fr}}

/* Mise 0.0.12 — subrecipes, glass hero, contextual glow */
.recipe-utility-bar{min-height:58px;padding:8px 12px!important}.recipe-utility-bar .recipe-actions{margin-left:auto}.detail-back-row{max-width:1180px;margin:0 auto 12px}.liquid-glass-hero{left:26px;right:26px;bottom:24px;width:auto;padding:18px 22px;border-radius:24px;background:linear-gradient(135deg,rgba(25,25,28,.64),rgba(52,18,21,.38));border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 45px rgba(0,0,0,.32);backdrop-filter:blur(24px) saturate(155%)}.liquid-glass-hero h1{font-size:clamp(30px,4vw,48px);margin:8px 0 4px}.liquid-glass-hero p{color:#eee}.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.hero-meta span{display:inline-flex;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:12px;color:#ddd}.hero-meta b{color:white}.subrecipe-link small{color:#9a2866!important}
/* The active prep effect is a thin moving Siri-style rim, never a blurred halo. */
.recipe-card{position:relative;isolation:isolate}.active-prep-card:after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;z-index:3;pointer-events:none;background:conic-gradient(from var(--prep-angle),#4d8cff,#9c4dff,#ff4fbb,#ff654d,#ffd54d,#50e3c2,#4d8cff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:none;opacity:.95;animation:prepOrbit 2.2s linear infinite}.active-prep-card.gluten-free-card:before{content:"";position:absolute;inset:2px;border-radius:calc(18px - 2px);padding:2px;z-index:3;pointer-events:none;background:conic-gradient(from var(--gf-angle),#3c050a,#8d111a,#f1424a,#6d0b13,#3c050a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gfSwirl 2.7s linear infinite}.gluten-free-card{border:0!important;background:var(--panel)!important;box-shadow:none!important;animation:none!important}.beautiful-recipe-card.active-prep-detail{position:relative;border:2px solid transparent;background:linear-gradient(#f6f1e8,#f6f1e8) padding-box,conic-gradient(from var(--prep-angle),#4d8cff,#9c4dff,#ff4fbb,#ff654d,#ffd54d,#50e3c2,#4d8cff) border-box;animation:prepOrbit 2.2s linear infinite}.beautiful-recipe-card.gluten-free-detail.active-prep-detail{box-shadow:inset 0 0 0 2px #8d111a}.toggle-row{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.toggle-row{grid-template-columns:repeat(2,minmax(0,1fr))}.liquid-glass-hero{left:14px;right:14px;bottom:14px}}@media(max-width:600px){.toggle-row{grid-template-columns:1fr}.hero-meta{gap:5px}.hero-meta span{font-size:10px}.recipe-utility-bar{align-items:center!important}}


/* Mise 0.0.13 — contextual navigation, liquid-glass recipe cards, corrected rich text */
.gluten-free-card,.gluten-free-detail{border:0!important;box-shadow:none!important;animation:none!important;background:inherit!important}
.active-prep-card:before,.active-prep-card.gluten-free-card:before{display:none!important}
.recipe-card{overflow:hidden;background:#1b1b1d!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 18px 42px rgba(0,0,0,.28)}
.recipe-card-media{height:190px}
.recipe-card-body{position:relative;margin:-72px 10px 10px;padding:16px 17px 15px;border-radius:20px;background:linear-gradient(135deg,rgba(25,27,31,.76),rgba(13,14,17,.56));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 32px rgba(0,0,0,.34);backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);z-index:2}
.recipe-card-body.gf-glass{background:linear-gradient(135deg,rgba(89,15,25,.73),rgba(40,8,14,.58));border-color:rgba(221,104,116,.34);box-shadow:inset 0 1px 0 rgba(255,214,218,.18),0 14px 32px rgba(64,0,10,.32)}
.recipe-card-body h3{color:#fff;margin:9px 0 4px;text-shadow:0 2px 10px rgba(0,0,0,.65)}
.recipe-card-body p,.recipe-card-body small{color:rgba(255,255,255,.78)!important;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.recipe-card-body .category-badge{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;backdrop-filter:blur(10px)}
.active-prep-card:after{inset:0!important;padding:2px!important;border-radius:inherit!important;filter:drop-shadow(0 0 7px rgba(111,72,255,.55)) drop-shadow(0 0 8px rgba(255,76,187,.35))!important;opacity:1!important;background:conic-gradient(from var(--prep-angle),#5a8dff,#7c52ff,#d54dff,#ff4f9d,#ff7a55,#ffd65a,#55e5c2,#5a8dff)!important;animation:prepOrbit 2.15s linear infinite,ringMorph 3.8s ease-in-out infinite!important}
@keyframes ringMorph{0%,100%{filter:drop-shadow(0 0 5px rgba(90,141,255,.48))}50%{filter:drop-shadow(0 0 9px rgba(255,79,157,.62))}}
.hero-tag-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.gf-detail-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(116,15,28,.78),rgba(65,7,15,.72));border:1px solid rgba(255,147,158,.42);color:#fff;font-size:12px;font-weight:850;box-shadow:0 0 0 rgba(161,24,42,0);animation:gfTagPulse 2.2s ease-in-out infinite;backdrop-filter:blur(14px)}
.gf-detail-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#8e1726;color:#fff;font-size:10px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
@keyframes gfTagPulse{0%,100%{box-shadow:0 0 0 rgba(162,25,43,0)}50%{box-shadow:0 0 14px rgba(190,36,56,.52)}}


/* Mise 0.0.14 — hero crop, tighter glass overlays, dimensional prep aura */
.recipe-card-wrap{position:relative;isolation:isolate}.recipe-card-wrap .recipe-card{height:100%}.croppable-hero{width:100%;height:100%;object-fit:cover;object-position:var(--hero-x,50%) var(--hero-y,50%);transform:scale(var(--hero-zoom,1));transform-origin:var(--hero-x,50%) var(--hero-y,50%)}
.active-prep-card:after{filter:drop-shadow(0 0 8px rgba(87,133,255,.72)) drop-shadow(0 0 13px rgba(213,77,255,.46))!important}.active-prep-card{box-shadow:0 0 22px rgba(91,116,255,.22),0 0 36px rgba(239,72,190,.16),0 18px 42px rgba(0,0,0,.28)!important;animation:prepAura 2.8s ease-in-out infinite}.recipe-card-wrap:has(.active-prep-card):after{content:"";position:absolute;inset:-8px;border-radius:24px;z-index:-2;background:conic-gradient(from var(--prep-angle),rgba(90,141,255,.38),rgba(213,77,255,.34),rgba(255,79,157,.30),rgba(85,229,194,.26),rgba(90,141,255,.38));filter:blur(18px);animation:prepOrbit 2.15s linear infinite,prepAura 2.8s ease-in-out infinite;pointer-events:none}@keyframes prepAura{0%,100%{opacity:.65}50%{opacity:1}}
.crop-orb{position:absolute;right:12px;top:12px;z-index:8;width:38px;height:38px;padding:0;border-radius:50%;display:grid;place-items:center;background:rgba(20,20,22,.58)!important;border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px rgba(255,255,255,.25),0 8px 24px rgba(0,0,0,.35);backdrop-filter:blur(16px) saturate(160%);opacity:0;transform:scale(.82);transition:opacity .2s,transform .28s cubic-bezier(.2,.9,.2,1),background .2s}.recipe-card-wrap:hover .crop-orb{opacity:1;transform:scale(1)}.crop-orb:hover{transform:scale(1.1)!important;background:rgba(215,25,32,.78)!important}.crop-orb span{font-size:20px;line-height:1}.crop-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px}.crop-modal[hidden]{display:none}.crop-dialog{position:relative;width:min(760px,95vw);padding:24px;border-radius:28px;background:linear-gradient(145deg,rgba(43,43,48,.96),rgba(20,20,23,.96));border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.62)}.crop-dialog h2{margin:0 0 5px}.crop-dialog p{color:#bbb;margin:0 0 18px}.crop-close{position:absolute;right:16px;top:14px;width:38px;height:38px;padding:0;border-radius:50%;font-size:25px;background:rgba(255,255,255,.1)!important}.crop-stage{height:min(52vh,430px);overflow:hidden;border-radius:22px;background:#09090a;border:1px solid rgba(255,255,255,.16);cursor:grab;touch-action:none}.crop-stage:active{cursor:grabbing}.crop-stage img{width:100%;height:100%;object-fit:cover;transform-origin:center;user-select:none;pointer-events:none}.crop-zoom{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin:18px 0}.crop-actions{display:flex;justify-content:flex-end;gap:10px}.modal-open{overflow:hidden}
.recipe-card-media{height:212px}.recipe-card-body{margin:-58px 10px 10px;padding:11px 14px 12px;border-radius:18px}.card-title-line{display:flex;align-items:center;gap:8px;justify-content:space-between}.card-title-line h3{margin:0;font-size:18px;line-height:1.15}.card-title-line .category-badge{flex:none;margin:0;padding:5px 8px;font-size:10px}.card-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:7px;color:rgba(255,255,255,.76);font-size:11px}.mini-yield-pill{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);color:#fff}.recipe-card-body small{display:block;margin-top:6px;font-size:10px}
.recipe-hero{min-height:520px}.liquid-glass-hero.compact-glass{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tags" "meta meta";align-items:end;gap:6px 12px;padding:11px 14px 12px;bottom:15px;left:18px;right:18px;border-radius:19px}.hero-title-block{grid-area:title;min-width:0}.liquid-glass-hero.compact-glass h1{font-size:clamp(25px,3.3vw,40px);line-height:1.03;margin:0 0 2px}.liquid-glass-hero.compact-glass p{font-size:12px;margin:0;color:rgba(255,255,255,.78)}.compact-glass .hero-tag-row{grid-area:tags;align-self:center;justify-self:end;gap:6px}.compact-glass .recipe-type-tag.static,.compact-glass .gf-detail-tag{position:static;padding:6px 9px;font-size:10px}.compact-meta{grid-area:meta;margin-top:2px!important;gap:6px!important}.compact-meta span{display:grid!important;gap:0!important;min-width:86px;padding:5px 9px!important}.compact-meta small{font-size:8px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.6)}.compact-meta b{font-size:11px}.yield-meta-pill{background:rgba(215,25,32,.18)!important;border-color:rgba(255,132,139,.22)!important}
@media(max-width:700px){.crop-orb{opacity:1;transform:scale(1)}.liquid-glass-hero.compact-glass{grid-template-columns:1fr;grid-template-areas:"title" "tags" "meta"}.compact-glass .hero-tag-row{justify-self:start}.recipe-hero{min-height:460px}}


/* Mise 0.0.15 — corrected recipe grid, readable detail card, independent dashboard crop */
.recipe-grid{align-items:start;grid-auto-rows:1fr;gap:20px}
.recipe-card-wrap{min-width:0;height:318px;border-radius:20px}
.recipe-card-wrap .recipe-card{display:block;position:relative;height:100%;min-height:318px;border-radius:20px!important;overflow:hidden!important;background:#18191b!important}
.recipe-card-media{position:absolute;inset:0;height:auto!important;background:linear-gradient(145deg,#2c1114,#19191b);overflow:hidden}
.recipe-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.02) 38%,rgba(0,0,0,.34) 72%,rgba(0,0,0,.64));pointer-events:none}
.recipe-card-media>span:not(.recipe-type-tag):not(.activity-badge){position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.75)}
.recipe-card-body{position:absolute!important;left:10px;right:10px;bottom:10px;margin:0!important;min-height:92px;padding:10px 13px 11px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(31,32,36,.66),rgba(13,14,17,.46))!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 30px rgba(0,0,0,.32)!important;backdrop-filter:blur(24px) saturate(175%)!important;-webkit-backdrop-filter:blur(24px) saturate(175%)!important;overflow:hidden}
.recipe-card-body.gf-glass{background:linear-gradient(135deg,rgba(104,18,31,.67),rgba(42,8,15,.48))!important;border-color:rgba(255,143,156,.32)!important}
.card-category-row{display:flex;align-items:center;margin:0 0 5px}
.card-category-row .category-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 8px!important;font-size:9px!important;line-height:1;background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.17)!important}
.card-category-row .category-badge img{width:15px;height:15px;object-fit:contain}
.recipe-card-body h3{margin:0!important;font-size:18px!important;line-height:1.13;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.75)}
.card-meta-line{margin-top:7px!important;color:rgba(255,255,255,.9)!important}
.recipe-type-tag{z-index:4}
.recipe-card-wrap:after{border-radius:26px!important}

.beautiful-recipe-card{color:#241f1a!important;background:#f7f2e9!important}
.recipe-content-grid{background:#f7f2e9!important;color:#241f1a!important}
.recipe-side,.recipe-steps,.recipe-side section,.display-step-body,.display-step-body h3,.recipe-side h2,.recipe-steps h2,.recipe-notes h2{color:#241f1a!important}
.recipe-side p,.recipe-steps p,.display-step-body p,.recipe-side li,.recipe-steps li{color:#342d27!important}
.recipe-side{border-right-color:#cfc3b4!important}
.recipe-side section,.display-step{border-color:#d8cdbf!important}
.ingredient-item,.ingredient-batch-row .ingredient-item{background:#fffaf2!important;color:#211d19!important;border:1px solid #e0d4c4!important;border-radius:11px!important;padding:12px!important;margin-bottom:8px!important;box-shadow:0 4px 14px rgba(65,45,25,.06)}
.ingredient-item span,.ingredient-item b{color:#211d19!important}
.ingredient-item small{color:#a51e23!important}
.rich-step-content,.rich-step-content *{color:inherit}

.hero-category-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:3px;color:rgba(255,255,255,.86);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.hero-category-kicker img{width:17px;height:17px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.liquid-glass-hero.compact-glass h1{margin-top:0!important}
@media(max-width:1100px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.recipe-grid{grid-template-columns:1fr}.recipe-card-wrap{height:300px}.recipe-card-wrap .recipe-card{min-height:300px}}

/* Mise 0.0.16 — lighter liquid glass, optional storage labeling, centered recipe header */
.recipe-card-body{background:linear-gradient(135deg,rgba(34,36,41,.42),rgba(12,13,16,.24))!important;border-color:rgba(255,255,255,.28)!important;backdrop-filter:blur(18px) saturate(170%)!important;-webkit-backdrop-filter:blur(18px) saturate(170%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 26px rgba(0,0,0,.24)!important}
.recipe-card-body.gf-glass{background:linear-gradient(135deg,rgba(111,18,32,.48),rgba(52,7,17,.28))!important;border-color:rgba(255,154,166,.34)!important}
.redesigned-titlebar{position:relative;display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(420px,2fr) minmax(170px,1fr);align-items:center;min-height:84px;padding:9px 14px!important;gap:12px}.recipe-title-center{grid-column:2;display:flex;justify-content:center;align-items:center;gap:11px;min-width:0}.titlebar-copy{text-align:center;min-width:0}.titlebar-copy h1{margin:1px 0 0;color:#fff;font-size:clamp(21px,2.2vw,31px);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar-category{display:flex;align-items:center;justify-content:center;gap:6px;color:rgba(255,255,255,.68);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.titlebar-category img{width:15px;height:15px;object-fit:contain}.titlebar-type-pill{position:static!important;flex:none;align-self:center}.titlebar-gf{flex:none}.redesigned-titlebar>.recipe-actions{grid-column:3;justify-self:end}.redesigned-titlebar>a{grid-column:1;justify-self:start}
.recipe-hero{min-height:480px}.detail-meta-glass{left:50%!important;right:auto!important;bottom:14px!important;transform:translateX(-50%);width:auto;max-width:calc(100% - 36px);padding:7px 9px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(31,33,38,.38),rgba(10,11,14,.20))!important;border:1px solid rgba(255,255,255,.25)!important;backdrop-filter:blur(17px) saturate(175%)!important;-webkit-backdrop-filter:blur(17px) saturate(175%)!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 10px 26px rgba(0,0,0,.22)!important}.detail-meta-glass .compact-meta{display:flex!important;justify-content:center;flex-wrap:wrap;margin:0!important}.large-meta-pill{min-width:118px!important;padding:7px 12px!important;text-align:center}.large-meta-pill small,.large-meta-pill b{text-align:center}.large-meta-pill b{font-size:13px!important}.yield-meta-pill{text-align:center}
.storage-toggle{max-width:720px;margin:0 0 16px}.prep-label-mockup{margin-top:14px;width:min(240px,100%);padding:9px;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.14)}.prep-label-mockup img{display:block;width:100%;height:auto}.storage-label-section p{margin:.35rem 0}
@media(max-width:980px){.redesigned-titlebar{grid-template-columns:auto 1fr auto}.recipe-title-center{grid-column:2}.titlebar-gf{display:none}.redesigned-titlebar .liquid-size-control{display:none}}
@media(max-width:700px){.redesigned-titlebar{min-height:74px;padding:7px 8px!important}.redesigned-titlebar>a{font-size:0;padding:10px}.redesigned-titlebar>a:after{content:'←';font-size:18px}.redesigned-titlebar .recipe-actions button{display:none}.titlebar-copy h1{font-size:20px}.titlebar-type-pill{display:none}.recipe-hero{min-height:420px}.detail-meta-glass{max-width:calc(100% - 20px)}}

/* Mise 0.0.17 — selected-size yield, expanded title header, shelf-life dialog */
.redesigned-titlebar{grid-template-columns:minmax(180px,1fr) minmax(560px,2.7fr) minmax(220px,1fr);min-height:102px;padding:10px 18px!important;overflow:visible}
.recipe-title-center{align-self:stretch;display:grid;place-items:center;overflow:visible}
.titlebar-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;width:min(100%,760px)}
.titlebar-copy h1{font-size:clamp(27px,2.8vw,40px);line-height:1.14;white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;padding:0 10px}
.titlebar-category{font-size:11px;margin-bottom:1px}
.titlebar-type-pill{position:static!important;margin-top:5px;padding:6px 13px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;line-height:1}
.gf-combined-type{background:linear-gradient(135deg,rgba(105,8,18,.94),rgba(137,20,33,.78));border-color:rgba(255,105,116,.58);box-shadow:0 0 9px rgba(190,30,48,.38);animation:gfPillPulse 2.2s ease-in-out infinite}
.detail-meta-glass{padding:10px 12px!important;border-radius:23px!important}
.detail-meta-glass .compact-meta{gap:9px!important;align-items:stretch}
.yield-meta-pill,.large-meta-pill{min-height:59px!important;min-width:138px!important;padding:9px 15px!important;border-radius:18px!important;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px!important;color:#fff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.13);font:inherit}
.yield-meta-pill small,.large-meta-pill small{font-size:10px!important;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72)}
.yield-meta-pill b,.large-meta-pill b{font-size:15px!important;line-height:1.15;color:#fff;text-align:center}
.clickable-shelf-pill{cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.clickable-shelf-pill:hover{transform:scale(1.045);background:rgba(255,255,255,.2);box-shadow:0 7px 22px rgba(0,0,0,.22)}
.gf-meta-pill{flex-direction:row!important;gap:8px!important;background:linear-gradient(135deg,rgba(99,8,18,.75),rgba(133,19,31,.56))!important;border-color:rgba(255,98,111,.55)!important;box-shadow:0 0 12px rgba(190,30,48,.34);animation:gfPillPulse 2.2s ease-in-out infinite}
.gf-meta-pill .gf-detail-icon{flex:none}
.storage-label-section{text-align:center}
.storage-label-section h2{text-align:center}
.storage-label-section .prep-label-mockup{margin:14px auto 0}
.prep-label-search-note{margin:10px auto 0!important;max-width:250px;color:#6e625b;font-size:13px;line-height:1.35;text-align:center}
.shelf-life-modal{position:fixed;inset:0;z-index:5000;display:none;place-items:center;padding:24px;background:rgba(4,5,8,.68);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.shelf-life-modal.open{display:grid}
.shelf-life-modal-card{position:relative;width:min(520px,calc(100vw - 42px));padding:38px 34px 34px;border-radius:28px;text-align:center;color:#fff;background:linear-gradient(145deg,rgba(29,31,40,.94),rgba(15,15,20,.92));border:2px solid transparent;isolation:isolate;box-shadow:0 26px 80px rgba(0,0,0,.54)}
.shelf-life-modal-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;z-index:-1;background:conic-gradient(from var(--prep-angle),#5a8dff,#7c52ff,#d54dff,#ff4f9d,#ff7a55,#ffd65a,#55e5c2,#5a8dff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:prepOrbit 2.15s linear infinite}
.shelf-life-modal-card:after{content:"";position:absolute;inset:-12px;border-radius:34px;z-index:-2;background:conic-gradient(from var(--prep-angle),rgba(90,141,255,.42),rgba(213,77,255,.34),rgba(255,79,157,.34),rgba(85,229,194,.3),rgba(90,141,255,.42));filter:blur(20px);animation:prepOrbit 2.15s linear infinite,prepAura 2.8s ease-in-out infinite}
.shelf-life-modal-card h2{margin:4px 0 12px;font-size:29px}.shelf-life-modal-card p{color:rgba(255,255,255,.78);font-size:16px}.shelf-life-modal-card small{display:block;color:rgba(255,255,255,.58);margin-top:14px}.shelf-life-modal-icon{font-size:34px}.expiration-date{font-size:clamp(24px,4vw,36px);font-weight:850;line-height:1.15;margin:18px 0 5px}.expiration-time{font-size:18px;color:rgba(255,255,255,.82)}
.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;padding:0;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);transition:transform .2s ease,background .2s ease}.modal-close:hover{transform:scale(1.12) rotate(3deg);background:rgba(255,255,255,.2)}.modal-close span{position:absolute;left:10px;top:17px;width:17px;height:2px;background:#fff;border-radius:99px;transition:transform .24s ease}.modal-close span:first-child{transform:rotate(45deg)}.modal-close span:last-child{transform:rotate(-45deg)}.modal-close:hover span:first-child{transform:rotate(135deg)}.modal-close:hover span:last-child{transform:rotate(45deg)}
@media(max-width:1120px){.redesigned-titlebar{grid-template-columns:minmax(130px,.8fr) minmax(400px,2fr) minmax(170px,.8fr)}.titlebar-copy h1{font-size:28px}}
@media(max-width:820px){.redesigned-titlebar{grid-template-columns:auto 1fr auto;min-height:92px}.titlebar-copy h1{font-size:23px}.titlebar-type-pill{font-size:10px}.recipe-actions .liquid-size-control{display:none}}

/* Mise 0.0.18 — single-line selected-size recipe metadata and GF protocol dialog */
.detail-meta-glass{width:max-content!important;max-width:calc(100% - 28px)!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.detail-meta-glass::-webkit-scrollbar{display:none}
.detail-meta-glass .compact-meta{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:10px!important;white-space:nowrap}
.detail-meta-glass [data-batch-yield][hidden]{display:none!important}
.detail-meta-glass .yield-meta-pill,.detail-meta-glass .large-meta-pill{flex:0 0 auto!important}
.gf-alert-pill{cursor:pointer;position:relative;overflow:hidden!important;min-width:190px!important;background:linear-gradient(135deg,rgba(115,4,18,.94),rgba(178,18,39,.76))!important;border:1px solid rgba(255,112,128,.82)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 14px rgba(224,35,61,.58),0 0 30px rgba(152,8,28,.32)!important;animation:gfAlertPulse 1.75s ease-in-out infinite!important;transition:transform .18s ease,filter .18s ease!important}
.gf-alert-pill:before{content:"";position:absolute;inset:-45% -18%;background:linear-gradient(110deg,transparent 34%,rgba(255,255,255,.38) 49%,transparent 64%);transform:translateX(-75%) rotate(5deg);animation:gfAlertSweep 3.1s ease-in-out infinite;pointer-events:none}
.gf-alert-pill:hover{transform:scale(1.055);filter:saturate(1.15) brightness(1.08)}
.gf-alert-pill .gf-detail-icon{background:#74101d!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important;box-shadow:0 0 10px rgba(255,73,94,.5)}
@keyframes gfAlertPulse{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 11px rgba(224,35,61,.42),0 0 22px rgba(152,8,28,.23)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 19px rgba(255,54,79,.78),0 0 39px rgba(175,8,31,.42)}}
@keyframes gfAlertSweep{0%,58%{transform:translateX(-85%) rotate(5deg)}82%,100%{transform:translateX(85%) rotate(5deg)}}
.gluten-free-modal-card{background:linear-gradient(145deg,rgba(48,8,16,.97),rgba(19,10,14,.95))!important}
.gluten-free-modal-card:before{background:conic-gradient(from var(--prep-angle),#720d20,#ff334f,#ff8a9b,#9d1230,#4e0712,#ff334f,#720d20)!important}
.gluten-free-modal-card:after{background:conic-gradient(from var(--prep-angle),rgba(130,8,31,.52),rgba(255,48,76,.54),rgba(255,126,147,.4),rgba(104,6,25,.5),rgba(130,8,31,.52))!important}
.gluten-free-modal-icon{width:70px;height:70px;margin:0 auto 8px;border-radius:22px;display:grid;place-items:center;font-size:27px;font-weight:950;letter-spacing:.03em;background:linear-gradient(145deg,#d91935,#6d0717);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 25px rgba(255,38,69,.55)}
.gluten-free-alert-copy{font-size:19px!important;line-height:1.5!important;color:#fff!important;max-width:430px;margin:10px auto 18px!important}
.gluten-free-alert-banner{padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,126,143,.28);color:rgba(255,255,255,.82);font-weight:700;line-height:1.4}
@media(max-width:760px){.detail-meta-glass{left:12px!important;right:12px!important;transform:none!important;width:auto!important;max-width:none!important}.detail-meta-glass .compact-meta{justify-content:flex-start!important}.yield-meta-pill,.large-meta-pill{min-width:122px!important}.gf-alert-pill{min-width:178px!important}}

/* Mise 0.0.19 — execution plateware and reliable recipe-size controls */
.size-output-row{display:block}.recipe-output-plating{align-items:flex-end;gap:14px}.recipe-output-plating label{min-width:300px}.plateware-inline-preview{display:flex;align-items:center;gap:10px;min-height:72px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}.plateware-inline-preview:empty{display:none}.plateware-inline-preview img{width:68px;height:68px;object-fit:contain;border-radius:12px;background:#fff}.plateware-inline-preview span{font-weight:750;color:#fff}.size-tab-close{z-index:15;pointer-events:auto;cursor:pointer}.settings-option:has(.category-icon-preview) .category-icon-preview img{object-fit:contain}.settings-option .category-icon-preview{width:58px;height:58px;flex:none}.settings-option .category-icon-preview img{width:100%;height:100%;border-radius:10px;background:#fff;padding:4px}

/* Mise 0.0.20 — five recipe sizes and optional plateware imagery */
.recipe-size-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px}.recipe-size-tab{min-width:150px;position:relative}.recipe-size-tab .size-tab-close{display:none}.recipe-size-tab.active .size-tab-close:not([hidden]){display:grid}.recipe-size-tab.is-add{min-width:132px}.liquid-segment.multi-size{display:flex;gap:3px;padding:4px;max-width:520px;overflow-x:auto}.liquid-segment.multi-size button{position:relative;z-index:1;min-width:72px;padding:8px 12px;border-radius:13px}.liquid-segment.multi-size button.active{background:rgba(255,255,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.34),0 5px 14px rgba(0,0,0,.22)}.settings-photo-thumb{width:68px;height:68px;padding:0;border:0;background:transparent;position:relative;overflow:hidden}.settings-photo-thumb .category-icon-preview{width:100%!important;height:100%!important}.settings-photo-thumb .category-icon-preview img{width:100%;height:100%;object-fit:contain}.settings-photo-thumb .delete-overlay{position:absolute;inset:0}


/* Mise 0.0.21 — recipe viewport and scalable size controls */
.compact-recipe-page{height:calc(100vh - 52px);min-height:0}
.compact-recipe-page .recipe-scroll-area{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px 8px 36px 2px;scrollbar-gutter:stable}
.compact-recipe-page .beautiful-recipe-card{margin:0 auto 36px!important}
.recipe-actions{align-items:center}
.recipe-actions .liquid-size-control{display:flex;justify-content:flex-end;margin:0}
.liquid-segment.multi-size{display:inline-flex;width:max-content!important;min-width:0!important;max-width:min(540px,42vw);gap:3px;padding:4px;border-radius:999px;overflow-x:auto;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 18px rgba(0,0,0,.24);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.liquid-segment.multi-size button{flex:0 0 auto;min-width:0!important;width:auto!important;padding:8px 16px;border-radius:999px;background:transparent;white-space:nowrap;color:rgba(255,255,255,.72);box-shadow:none}
.liquid-segment.multi-size button.active{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 4px 13px rgba(0,0,0,.26)}
.recipe-size-tab{cursor:pointer}
.recipe-size-tab .size-tab-close:not([hidden]){display:grid!important;z-index:30;pointer-events:auto}
.recipe-size-tab.is-add .size-tab-close{display:none!important}
.recipe-size-tab input[name$="_label"]{padding-right:35px!important}
@media(max-width:980px){.liquid-segment.multi-size{max-width:34vw}.liquid-segment.multi-size button{padding:8px 12px}}
@media(max-width:650px){.compact-recipe-page{height:auto}.compact-recipe-page .recipe-scroll-area{overflow:visible}.compact-recipe-page .beautiful-recipe-card{margin:0 auto!important}}

/* Mise 0.0.22 — recipe frame structure and reliable settings dialogs */
.compact-recipe-page{
  height:calc(100vh - 52px);
  min-height:0;
  display:flex;
  flex-direction:column;
}

/* Compact recipe image rail and independent scrolling */
body.compact-recipe-locked .consolidated-detail-view .compact-info-column{
  height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-color:#b8aea2 #eee7de;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}
body.compact-recipe-locked .consolidated-detail-view .compact-info-column::-webkit-scrollbar{
  width:9px;
}
body.compact-recipe-locked .consolidated-detail-view .compact-info-column::-webkit-scrollbar-track{
  border-radius:999px;
  background:#eee7de;
}
body.compact-recipe-locked .consolidated-detail-view .compact-info-column::-webkit-scrollbar-thumb{
  border:2px solid #eee7de;
  border-radius:999px;
  background:#b8aea2;
}
.consolidated-detail-view .compact-hero-card,
.consolidated-detail-view .compact-label-image-card{
  min-height:0;
  padding:0;
  display:block;
  overflow:hidden;
}
.compact-square-image{
  position:relative;
  width:100%;
  aspect-ratio:1;
  min-height:0;
  margin:0;
  padding:0!important;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:0!important;
  border-radius:11px!important;
  background:#ebe4da!important;
  box-shadow:none!important;
  color:#766d63;
}
button.compact-square-image{
  cursor:default;
}
button.compact-square-image.is-editable{
  cursor:pointer;
  touch-action:manipulation;
}
.compact-square-image>img{
  width:100%;
  height:100%;
  display:block;
}
.compact-croppable-hero{
  object-fit:cover;
  object-position:var(--compact-hero-x,50%) var(--compact-hero-y,50%);
  transform:scale(var(--compact-hero-zoom,1));
  transform-origin:var(--compact-hero-x,50%) var(--compact-hero-y,50%);
  transition:transform .2s ease,filter .2s ease;
}
.compact-label-image{
  background:#fff!important;
}
.compact-label-image img{
  padding:8%;
  object-fit:contain;
  background:#fff;
}
.compact-image-placeholder svg{
  width:64px;
  height:64px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.4;
  opacity:.6;
}
.compact-image-edit-badge{
  position:absolute;
  right:12px;
  bottom:12px;
  min-height:40px;
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  background:rgba(17,18,20,.72);
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(12px) saturate(150%);
  font-size:12px;
  opacity:.9;
  transition:transform .2s ease,background .2s ease,opacity .2s ease;
}
.compact-image-edit-badge svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
}
.compact-hero-image-button:hover .compact-image-edit-badge,
.compact-hero-image-button:focus-visible .compact-image-edit-badge{
  transform:scale(1.04);
  background:rgba(191,30,38,.88);
  opacity:1;
}
.compact-hero-image-button:hover .compact-croppable-hero,
.compact-hero-image-button:focus-visible .compact-croppable-hero{
  filter:brightness(.92);
}
.compact-storage-card p+p{
  margin-top:8px;
}
.compact-hero-crop-modal .crop-stage{
  width:min(58vh,500px);
  height:auto;
  aspect-ratio:1;
  margin-inline:auto;
}
.compact-hero-crop-modal .crop-stage img{
  object-fit:cover;
}
@media(max-width:760px){
  .compact-image-edit-badge{
    right:8px;
    bottom:8px;
  }
}

.recipe-plu-detail-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:6px 18px;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(18,21,24,.88);
  backdrop-filter:blur(18px);
}
.recipe-plu-detail-strip span{
  display:flex;
  align-items:center;
  gap:9px;
  color:#eef2f5;
  font-size:13px;
}
.recipe-plu-detail-strip small{
  padding:3px 7px;
  border-radius:999px;
  background:#74303b;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}

/* Recipe and planogram print-page designers. */
.print-settings-shell{display:grid;gap:24px;width:min(1280px,100%)}
.print-settings-nav{position:sticky;top:0;z-index:5;display:flex;gap:8px;padding:10px;border:1px solid #343941;border-radius:14px;background:rgba(17,19,23,.9);backdrop-filter:blur(18px)}
.print-settings-nav a{padding:10px 16px;border-radius:10px;color:#dce0e5;font-weight:800;text-decoration:none}
.print-settings-nav a:hover{background:#2a3038;color:#fff}
.print-page-designer{padding:24px;border:1px solid #343941;border-radius:18px;background:#171a1f;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.print-page-controls{display:grid;grid-template-columns:minmax(210px,1fr) minmax(260px,1fr) minmax(300px,1.35fr);gap:14px;margin-bottom:20px}
.print-page-controls>label,.print-page-controls fieldset{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:14px;border:1px solid #3b424d;border-radius:13px;background:#111419}
.print-page-controls span,.print-page-controls legend{color:#f4f5f7;font-size:13px;font-weight:900}
.print-page-controls select,.print-page-controls input[type=file]{width:100%;min-height:44px;padding:9px;border:1px solid #444c57;border-radius:9px;background:#20242b;color:#fff}
.print-page-controls fieldset{display:grid;grid-template-columns:1fr 1fr;align-content:center}
.print-page-controls fieldset legend{grid-column:1/-1;padding:0 4px}
.print-page-controls fieldset label{display:flex;align-items:center;gap:8px;min-height:36px;color:#d9dde2;font-weight:800}
.print-background-upload small{color:#9299a3;line-height:1.35}
.print-designer-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
.print-page-stage{display:grid;place-items:center;min-height:620px;padding:24px;border-radius:16px;background:repeating-conic-gradient(#242932 0 25%,#20252d 0 50%) 50%/24px 24px;overflow:auto}
.print-page-canvas{position:relative;width:min(100%,620px);aspect-ratio:var(--page-ratio);background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.5);overflow:hidden;touch-action:none}
.print-safe-area{position:absolute;inset:5%;z-index:0;display:grid;place-items:center;border:2px dashed rgba(53,63,75,.34);pointer-events:none}
.print-safe-area span{padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.82);color:#69717b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.print-background-item{position:absolute;z-index:1;min-width:28px;min-height:28px;outline:0;cursor:grab;touch-action:none}
.print-background-item:active{cursor:grabbing}.print-background-item.selected{outline:2px solid #31b8f3;outline-offset:2px}
.print-background-item img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.print-resize-handle{position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#31b8f3;box-shadow:0 2px 8px rgba(0,0,0,.45);cursor:nwse-resize}
.print-element-inspector{position:sticky;top:76px;display:grid;gap:14px;padding:18px;border:1px solid #3b424d;border-radius:15px;background:#111419}
.print-element-inspector h3,.print-element-inspector p{margin:0}.print-element-inspector p{color:#9da4ad;font-size:13px}
.print-element-inspector [data-selection-controls]{display:grid;gap:13px}.print-element-inspector label{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;color:#fff;font-weight:800}
.print-element-inspector input[type=range]{grid-column:1/-1;width:100%;accent-color:#31b8f3}.print-element-inspector output{color:#77d6ff}
.print-layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.print-layer-actions .button{min-width:0;padding:9px;font-size:11px}
.print-designer-help{display:grid;gap:7px;padding-top:12px;border-top:1px solid #333a44;color:#9da4ad;font-size:12px;line-height:1.35}.print-designer-help strong{color:#fff}
@media(max-width:980px){.print-page-controls{grid-template-columns:1fr}.print-designer-workspace{grid-template-columns:1fr}.print-element-inspector{position:static}.print-page-stage{min-height:420px}}

/* Dedicated print-page editors. */
.print-settings-hub{display:grid;gap:22px;width:min(1180px,100%)}
.print-editor-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.print-editor-launch-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:24px;border:1px solid #3b424d;border-radius:18px;background:linear-gradient(145deg,#1d2127,#14171b);color:#fff;text-decoration:none;box-shadow:0 18px 44px rgba(0,0,0,.2);transition:transform .18s,border-color .18s}
.print-editor-launch-card:hover{transform:translateY(-2px);border-color:#55c7f5}.print-editor-launch-card h2,.print-editor-launch-card p{margin:3px 0}.print-editor-launch-card p{color:#aab0b8;line-height:1.45}.print-editor-launch-card>b{grid-column:2;color:#77d6ff}.print-launch-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;background:rgba(49,184,243,.12);border:1px solid rgba(85,199,245,.4);color:#75d7ff;font-size:29px}
.print-editor-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:18px;width:min(1460px,100%);height:calc(100dvh - 150px);min-height:620px;overflow:hidden}
.print-editor-preview-pane{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:16px;border:1px solid #343941;border-radius:18px;background:#171a1f}
.print-editor-preview-heading{display:flex;justify-content:space-between;align-items:end;gap:16px}.print-editor-preview-heading h2{margin:2px 0}.print-editor-preview-heading>span{color:#9da4ad;font-size:12px;font-weight:800}
.print-editor-preview-pane .print-page-stage{position:relative;min-height:0;height:100%;padding:14px;overflow:hidden}.print-editor-preview-pane .print-page-canvas{height:100%;width:auto;max-width:100%;max-height:100%;aspect-ratio:var(--page-ratio)}
.print-drop-message{position:absolute;left:50%;bottom:24px;z-index:8;display:none;transform:translateX(-50%);padding:12px 20px;border-radius:13px;background:#0f8fc8;color:#fff;text-align:center;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.35)}.print-drop-message span{display:block;font-size:11px;opacity:.8}.print-page-stage.drag-active{outline:3px solid #31b8f3;outline-offset:-3px}.print-page-stage.drag-active .print-drop-message{display:block}
.print-editor-tools{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:13px;padding:18px;border:1px solid #343941;border-radius:18px;background:#171a1f}.print-tools-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.print-tools-header h2{margin:2px 0}.print-tools-header>a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #404751;border-radius:50%;color:#fff;text-decoration:none;font-size:28px;line-height:1}
.print-setting-toggle.compact{padding:12px;border:1px solid #3b424d;border-radius:13px;background:#111419}.print-setting-toggle.compact small{display:block;color:#8f969f;font-size:10px}
.print-tool-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.print-tool-grid>label,.print-tool-grid fieldset{display:grid;gap:7px;min-width:0;margin:0;padding:11px;border:1px solid #3b424d;border-radius:12px;background:#111419}.print-tool-grid span,.print-tool-grid legend{color:#fff;font-size:12px;font-weight:900}.print-tool-grid select{width:100%;height:40px;border:1px solid #444c57;border-radius:8px;background:#20242b;color:#fff}.print-tool-grid fieldset{grid-template-columns:1fr 1fr;align-content:start}.print-tool-grid fieldset legend{grid-column:1/-1}.print-tool-grid fieldset label{display:flex;align-items:center;gap:5px;color:#ddd;font-size:11px;font-weight:700}
.print-image-drop-control{display:grid;place-items:center;gap:3px;padding:15px;border:1.5px dashed #4f5965;border-radius:13px;background:#111419;text-align:center;cursor:pointer}.print-image-drop-control:hover{border-color:#31b8f3;background:#172530}.print-image-drop-control input{position:absolute;opacity:0;pointer-events:none}.print-image-drop-control b{color:#fff}.print-image-drop-control span{color:#9299a3;font-size:11px}.print-add-ownership{width:100%}.print-ownership-warning{margin:0;color:#d4a46d;font-size:11px;line-height:1.35}
.print-editor-tools .print-element-inspector{position:static;top:auto;padding:14px;gap:10px}.print-editor-tools .print-element-inspector label{font-size:12px}.print-ratio-toggle{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;width:100%;padding:10px;border:1px solid #3b6578;border-radius:11px;background:#172a33;color:#fff;text-align:left}.print-ratio-toggle>span{grid-row:1/3;font-size:18px}.print-ratio-toggle small{color:#91aeba;font-size:9px}.print-ratio-toggle.unlocked{border-color:#5d626a;background:#24272c}.print-editor-tips{display:grid;gap:3px;padding:10px;border-top:1px solid #343941;color:#969da6;font-size:10px}.print-editor-tips b{color:#fff;font-size:11px}.print-editor-save{position:sticky;bottom:-18px;z-index:4;display:grid;grid-template-columns:auto 1fr;gap:8px;margin:0 -18px -18px;padding:13px 18px;background:rgba(23,26,31,.96);backdrop-filter:blur(14px);border-top:1px solid #343941}.print-editor-save .button{min-width:0}
.print-ownership-item{background:rgba(255,255,255,.86);border:1px solid rgba(0,0,0,.16);border-radius:6px;color:#171717}.print-ownership-preview{display:flex;align-items:center;gap:4%;width:100%;height:100%;padding:4%;overflow:hidden}.print-ownership-preview img{flex:0 0 auto;width:auto;max-width:25%;height:75%;object-fit:contain!important}.print-ownership-preview p{margin:0;overflow:hidden;color:#171717;font-size:clamp(5px,1vw,12px);line-height:1.2}.print-background-item.selected{z-index:20!important}
@media(max-width:1050px){.print-editor-screen{grid-template-columns:minmax(0,1fr) 300px}.print-editor-launch-grid{grid-template-columns:1fr}}
@media(max-width:760px){.print-editor-screen{height:auto;overflow:visible;grid-template-columns:1fr}.print-editor-preview-pane{min-height:620px}.print-editor-tools{overflow:visible}.print-editor-preview-pane .print-page-stage{min-height:520px}}

/* Full-height print workspace, rail guides, and reusable callout widgets. */
body:has(.print-editor-screen),body:has(.print-widget-editor){overflow:hidden;overscroll-behavior:none}
.content:has(.print-editor-screen),.content:has(.print-widget-editor){display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}
.content:has(.print-editor-screen)>.topbar,.content:has(.print-widget-editor)>.topbar{flex:0 0 auto}
.print-editor-screen{flex:1;min-height:0;width:100%;max-width:none;height:auto;grid-template-columns:minmax(0,1fr) clamp(340px,24vw,430px);padding:0 2px 2px}
.print-editor-preview-pane,.print-widget-workspace{min-width:0}
.print-widget-library{display:grid;gap:14px;padding:18px;border:1px solid #343941;border-radius:16px;background:#171a1f}
.print-widget-library-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.print-widget-library-head h2,.print-widget-library-head p{margin:2px 0}.print-widget-library-head p{color:#9da4ad}
.print-widget-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.print-widget-library-card{display:grid;grid-template-columns:120px 1fr;gap:13px;align-items:center;padding:12px;border:1px solid #3b424d;border-radius:13px;background:#111419;color:#fff;text-decoration:none}.print-widget-library-card:hover{border-color:#55c7f5}.print-widget-library-card h3,.print-widget-library-card p{margin:2px 0}.print-widget-library-card p{color:#9da4ad;font-size:12px}
.print-widget-library-preview,.print-widget-picker-preview,.print-page-widget-preview{position:relative;overflow:hidden;border:var(--widget-border,2px) solid #232a31;border-radius:var(--widget-radius,14px);background:rgba(255,255,255,.94);color:#15191d}
.print-widget-library-preview{aspect-ratio:2.4/1}.print-widget-library-preview img,.print-widget-picker-preview img,.print-page-widget-preview img{position:absolute;object-fit:cover}.print-widget-copy{position:absolute;display:flex;align-items:center;justify-content:var(--widget-text-justify,center);margin:0;padding:4%;overflow:hidden;color:#15191d;font-weight:500;line-height:1.15;text-align:var(--widget-text-align,center);white-space:pre-wrap;overflow-wrap:anywhere}.print-widget-copy p,.print-widget-copy div{margin:0}.print-widget-copy>span{max-width:100%}
.print-widget-editor{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,24vw,430px);gap:18px;flex:1;min-height:0;width:100%;overflow:hidden}
.print-widget-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;padding:16px;border:1px solid #343941;border-radius:18px;background:#171a1f}
.print-widget-stage{display:grid;place-items:center;min-height:0;padding:24px;border-radius:15px;background:repeating-conic-gradient(#242932 0 25%,#20252d 0 50%) 50%/24px 24px;overflow:hidden}.print-widget-stage.drag-active{outline:3px solid #31b8f3;outline-offset:-3px}
.print-widget-canvas{position:relative;width:min(100%,900px);aspect-ratio:2.4/1;overflow:hidden;border:var(--widget-border,2px) solid #232a31;border-radius:var(--widget-radius,14px);background:#fff;color:#15191d;box-shadow:0 18px 60px rgba(0,0,0,.45);touch-action:none}
.print-widget-piece{position:absolute;overflow:hidden;touch-action:none;cursor:grab}.print-widget-piece:active{cursor:grabbing}.print-widget-piece.image-piece img{width:100%;height:100%;object-fit:cover}.print-widget-piece.text-piece{display:grid;align-items:center;padding:2%}.print-widget-rich-text{width:100%;margin:0;color:#15191d;font-size:clamp(14px,2vw,28px);font-weight:500;line-height:1.15;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.print-widget-rich-text p,.print-widget-rich-text div{margin:0}.print-widget-empty-image{display:grid;place-items:center;width:100%;height:100%;border:2px dashed #aeb6bf;background:#eef1f4;color:#59636d;font-weight:800}
.print-widget-controls{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:13px;padding:18px;border:1px solid #343941;border-radius:18px;background:#171a1f}.print-widget-controls>label{display:grid;gap:7px;color:#fff;font-weight:800}.print-widget-controls input[type=text],.print-widget-controls textarea{width:100%;border:1px solid #444c57;border-radius:9px;background:#20242b;color:#fff;padding:10px;font:inherit}.print-widget-controls textarea{resize:vertical}.print-widget-rich-editor{min-height:132px;width:100%;overflow-y:auto;border:1px solid #444c57;border-radius:9px;background:#20242b;color:#fff;padding:10px;font:500 14px/1.4 Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere}.print-widget-rich-editor:focus{border-color:#55c7f5;outline:2px solid rgba(85,199,245,.22)}.print-widget-rich-editor p,.print-widget-rich-editor div{margin:0}.print-remove-logo{font-size:12px;color:#b8bec6!important}
.print-widget-text-controls{display:grid;gap:10px;padding:12px;border:1px solid #3b424d;border-radius:12px;background:#111419}.print-widget-format-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#cbd1d8;font-size:12px;font-weight:800}.print-widget-format-buttons,.print-widget-alignment-buttons{display:flex;gap:5px}.print-widget-format-buttons button,.print-widget-alignment-buttons button{min-width:38px;height:38px;padding:0 10px;border:1px solid #48505b;border-radius:8px;background:#242932;color:#fff;font:800 13px/1 Arial,sans-serif;cursor:pointer}.print-widget-format-buttons button:hover,.print-widget-alignment-buttons button:hover,.print-widget-format-buttons button.active,.print-widget-alignment-buttons button.active{border-color:#55c7f5;background:#24485a;box-shadow:0 0 0 1px rgba(85,199,245,.3)}.print-widget-color-control{display:flex!important;align-items:center;gap:7px!important;color:#cbd1d8!important;font-size:12px}.print-widget-color-control input{width:42px;height:38px;padding:3px;border:1px solid #48505b;border-radius:8px;background:#242932;cursor:pointer}
.print-widget-picker{display:grid;gap:8px;padding:12px;border:1px solid #3b424d;border-radius:13px;background:#111419}.print-widget-picker h3,.print-widget-picker>p{margin:0}.print-widget-picker>p{color:#9da4ad;font-size:11px}.print-widget-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.print-widget-picker-button{display:grid;gap:6px;min-width:0;padding:7px;border:1px solid #424a55;border-radius:10px;background:#20242b;color:#fff;text-align:left;cursor:pointer}.print-widget-picker-button:hover{border-color:#55c7f5;background:#24343e}.print-widget-picker-preview{width:100%;aspect-ratio:2.4/1}.print-widget-picker-preview .print-widget-copy{font-size:11px}.print-widget-picker-button>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.print-page-widget{background:transparent}.print-page-widget-preview{container-type:size;width:100%;height:100%;pointer-events:none;border-width:clamp(1px,1.4cqh,var(--widget-border,2px));border-radius:min(var(--widget-radius,14px),12cqh)}.print-page-widget-preview .print-widget-copy{padding:clamp(1px,2cqh,8px);font-size:clamp(3px,5cqh,13px)}
.planogram-content-frame{position:absolute;z-index:1;display:grid;grid-template-rows:auto repeat(3,minmax(0,1fr)) auto;gap:2%;min-width:20%;min-height:20%;padding:1.2%;border:2px solid rgba(38,136,182,.72);border-radius:8px;background:rgba(49,184,243,.05);outline:0;cursor:grab;touch-action:none}.planogram-content-frame:active{cursor:grabbing}.planogram-content-frame.selected{z-index:20;outline:2px solid #31b8f3;outline-offset:2px}.planogram-content-frame>b,.planogram-content-frame>span{justify-self:center;align-self:center;padding:3px 7px;border-radius:999px;background:rgba(246,249,252,.92);color:#5d6873;font-size:clamp(5px,1.8cqh,10px);font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase;pointer-events:none}.planogram-content-frame i{position:relative;border:2px dashed rgba(38,136,182,.62);border-radius:6px;background:rgba(49,184,243,.08);pointer-events:none}.planogram-content-frame i::after{content:attr(data-label);position:absolute;left:5px;top:5px;padding:2px 5px;border-radius:5px;background:rgba(223,245,255,.92);color:#21749a;font:900 clamp(5px,1.8cqh,10px)/1 sans-serif;letter-spacing:.06em;text-transform:uppercase}
@media(min-width:1500px){.print-editor-screen,.print-widget-editor{grid-template-columns:minmax(0,1fr) 410px}.print-editor-preview-pane .print-page-stage{padding:10px}}
@media(max-width:760px){body:has(.print-editor-screen),body:has(.print-widget-editor){overflow:auto}.content:has(.print-editor-screen),.content:has(.print-widget-editor){height:auto;overflow:visible}.print-widget-editor{grid-template-columns:1fr;overflow:visible}.print-widget-workspace{min-height:540px}.print-widget-controls{overflow:visible}}

.compact-recipe-page>.recipe-fixed-title{flex:0 0 auto;margin-bottom:8px}
.compact-recipe-page>.recipe-scroll-area{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:0 8px 36px 2px;
  scroll-padding-top:0;
}
.compact-recipe-page>.recipe-scroll-area>.beautiful-recipe-card{
  display:block;
  margin:0 auto 36px!important;
  transform:none;
}
.compact-recipe-page .recipe-hero{margin-top:0}
.settings-launch-card{position:relative;z-index:1;cursor:pointer}
.settings-modal{pointer-events:none}
.settings-modal.open{pointer-events:auto}
.settings-modal-card{position:relative;z-index:1}
@media(max-width:650px){
  .compact-recipe-page{height:auto;min-height:0}
  .compact-recipe-page>.recipe-scroll-area{overflow:visible;padding-top:0}
}

/* Mise 0.0.23 — additive step media, drag/drop upload, and shelf-life decimals */
.step-media-uploader{border:1px dashed #646464;border-radius:14px;padding:14px;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:12px;flex-wrap:wrap;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.step-media-uploader.dragover{border-color:#ef3f45;background:rgba(215,25,32,.09);box-shadow:0 0 0 3px rgba(215,25,32,.12)}.step-media-uploader small{color:var(--muted)}.media-add-button{display:inline-flex;align-items:center;gap:9px;border-radius:12px;background:#343434;border:1px solid #555;padding:9px 13px}.media-add-button:hover{background:#454545}.media-add-plus{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-size:21px;line-height:1;font-weight:500}.formatted-step div{display:contents}

/* Mise 0.0.24 identity, media and publication workflow */
.identity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:14px}.identity-grid label,.identity-secondary label{min-width:0}.identity-secondary{margin-top:18px}.recipe-primary-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px;align-items:start}.primary-media-field{display:grid;gap:12px}.primary-media-preview{min-height:190px;display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.primary-media-preview .media-thumb,.primary-media-preview .hero-thumb{width:180px;height:180px;aspect-ratio:1;border-radius:22px;overflow:hidden}.primary-media-preview img,.primary-media-preview video{width:100%;height:100%;object-fit:cover}.recipe-save-actions{gap:12px;justify-content:flex-end}.schedule-modal[hidden]{display:none}.schedule-modal{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.62);backdrop-filter:blur(18px);display:grid;place-items:center;padding:24px}.schedule-dialog{width:min(520px,calc(100vw - 32px));background:linear-gradient(145deg,rgba(44,44,48,.96),rgba(18,18,20,.98));border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.56);position:relative;display:grid;gap:16px}.schedule-dialog label{display:grid;gap:8px}.schedule-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border-radius:50%;font-size:28px;line-height:1}.schedule-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.draft-recipe-pill{display:inline-flex;align-items:center;justify-content:center;background:rgba(245,158,11,.94);color:#1b1202;font-weight:900;letter-spacing:.06em;padding:8px 12px;border-radius:999px;margin-bottom:8px;box-shadow:0 5px 18px rgba(245,158,11,.3)}.scheduled-clock-badge{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(30,105,255,.9);color:#fff;font-size:22px;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 20px rgba(52,132,255,.52);z-index:4;animation:scheduledClockChime 600s infinite}.recipe-card-media{position:relative}.alternate-card-title{font-size:.82rem;color:rgba(255,255,255,.76);margin-top:-3px;margin-bottom:4px}.alternate-recipe-title{font-size:.88rem;color:rgba(255,255,255,.72);font-weight:700;margin-top:2px}@keyframes scheduledClockChime{0%,98%,100%{transform:rotate(0) scale(1)}98.4%{transform:rotate(-12deg) scale(1.08)}98.8%{transform:rotate(12deg) scale(1.1)}99.2%{transform:rotate(-9deg) scale(1.08)}99.6%{transform:rotate(7deg) scale(1.04)}}
@media(max-width:820px){.identity-grid,.recipe-primary-media-grid{grid-template-columns:1fr}.recipe-save-actions{flex-wrap:wrap}.recipe-save-actions>*{flex:1 1 160px}}

/* Mise 0.0.25 recipe identity and primary media refinements */
.identity-layout{display:grid;gap:18px;margin-top:14px}.identity-title-field{max-width:none}.alternate-title-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.identity-lower-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.identity-column{display:grid;gap:18px;align-content:start}.identity-right-column{grid-template-rows:auto auto}.identity-section label,.identity-section .prep-time-field{gap:7px}.identity-section input:not([type="checkbox"]):not([type="file"]),.identity-section select{width:100%;height:46px;min-height:46px;box-sizing:border-box;padding:0 14px;border-radius:10px;font:inherit;line-height:1.2}.identity-section select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:linear-gradient(45deg,transparent 50%,#d9d9de 50%),linear-gradient(135deg,#d9d9de 50%,transparent 50%),linear-gradient(to right,rgba(255,255,255,.12),rgba(255,255,255,.12));background-position:calc(100% - 19px) 20px,calc(100% - 13px) 20px,calc(100% - 40px) 9px;background-size:6px 6px,6px 6px,1px 28px;background-repeat:no-repeat}.identity-section .field-note{display:block;margin-top:2px;min-height:18px}.prep-time-range select{height:46px!important}.primary-media-label{font-weight:800}.primary-drop-zone{min-height:150px;border:1.5px dashed rgba(255,255,255,.28);border-radius:20px;background:rgba(255,255,255,.035);display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:20px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.primary-drop-zone:hover,.primary-drop-zone.dragover{border-color:#d71920;background:rgba(215,25,32,.09);transform:translateY(-1px)}.primary-add-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d71920;color:#fff;font-size:28px;line-height:1;box-shadow:0 8px 22px rgba(215,25,32,.3)}.primary-drop-zone small{color:var(--muted)}.primary-media-preview{min-height:0;margin-top:2px}.primary-media-preview:empty{display:none}.primary-media-preview #heroPreview:empty,.primary-media-preview #newFullVideoPreview:empty{display:none}.primary-media-preview .media-thumb,.primary-media-preview .hero-thumb{width:150px;height:150px}.recipe-primary-media-grid{align-items:stretch}.primary-media-field{grid-template-rows:auto auto auto;align-content:start}.croppable-hero{transform-origin:var(--hero-x,50%) var(--hero-y,50%)!important}
@media(max-width:820px){.alternate-title-stack,.identity-lower-grid{grid-template-columns:1fr}}

/* v0.0.25b: alternate prepared item names on recipe view */
.recipe-alternate-titles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:5px 0 2px;max-width:100%;position:relative;z-index:2}
.recipe-alternate-titles .alternate-recipe-title{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:rgba(255,255,255,.92);font-size:.78rem;font-weight:750;line-height:1.15;white-space:normal;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.redesigned-titlebar:has(.recipe-alternate-titles){min-height:118px}
@media(max-width:820px){.recipe-alternate-titles{gap:4px}.recipe-alternate-titles .alternate-recipe-title{font-size:.69rem;padding:3px 7px}.redesigned-titlebar:has(.recipe-alternate-titles){min-height:108px}}

/* Mise 0.0.26 recipe linking */
.recipe-linking-section{overflow:visible}.link-recipe-picker{max-width:520px}.linked-recipe-settings-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:stretch;margin-top:18px}.linked-version-card{position:relative;padding:18px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,243,247,.8));border:1px solid rgba(20,26,34,.11);box-shadow:0 12px 30px rgba(16,22,32,.08),inset 0 1px rgba(255,255,255,.9)}.linked-version-card.current{border-color:rgba(179,12,35,.25)}.linked-version-card small{display:block;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#7d8490;margin-bottom:5px}.linked-version-card strong{display:block;font-size:1.12rem;margin-bottom:12px}.linked-version-card label{margin:0}.linked-version-connector{display:grid;place-items:center;font-size:24px;color:#9a1027}.animated-unlink{margin-top:13px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(158,12,35,.26);background:rgba(158,12,35,.07);color:#861023}.unlink-x{width:16px;height:16px;position:relative}.unlink-x:before,.unlink-x:after{content:"";position:absolute;left:7px;top:1px;width:2px;height:14px;background:currentColor;border-radius:2px;transition:transform .25s ease}.unlink-x:before{transform:rotate(45deg)}.unlink-x:after{transform:rotate(-45deg)}.animated-unlink:hover .unlink-x:before{transform:rotate(135deg)}.animated-unlink:hover .unlink-x:after{transform:rotate(45deg)}.linked-recipe-settings-card.unlinking{opacity:.45;transform:scale(.985);transition:.25s}
.linked-version-switch{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 1px rgba(255,255,255,.25),0 8px 24px rgba(0,0,0,.16);z-index:3}.linked-version-switch a{padding:8px 14px;border-radius:999px;color:rgba(255,255,255,.78);font-weight:800;font-size:.83rem;white-space:nowrap;text-decoration:none}.linked-version-switch a.active{background:rgba(255,255,255,.92);color:#1a1c22;box-shadow:0 3px 10px rgba(0,0,0,.16)}
.linked-recipes-footer{margin:18px 24px 26px;padding:20px;border-radius:24px;background:rgba(246,247,250,.88);border:1px solid rgba(18,24,32,.09)}.linked-recipes-footer>div:first-child{text-align:center}.linked-recipes-footer small{text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#8e1730}.linked-recipes-footer h2{margin:3px 0 15px}.linked-footer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.linked-footer-card{padding:15px 17px;border-radius:18px;background:white;border:1px solid rgba(18,24,32,.1);text-decoration:none;color:#181b20;box-shadow:0 8px 20px rgba(20,25,35,.07)}.linked-footer-card.current{border-color:rgba(151,10,35,.36);box-shadow:0 8px 22px rgba(151,10,35,.1)}.linked-footer-card span{display:block;color:#94132c;font-weight:850;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.linked-footer-card strong{display:block;margin-top:3px;font-size:1.05rem}@media(max-width:900px){.linked-version-switch{position:static;transform:none;margin-right:auto}.linked-recipe-settings-card{grid-template-columns:1fr}.linked-version-connector{transform:rotate(90deg)}.linked-footer-cards{grid-template-columns:1fr}}
/* 0.0.27 recipe-linking readability and responsive controls */
.recipe-linking-section .linked-version-card{
  color:#f7f8fb;
  background:linear-gradient(145deg,rgba(36,39,45,.96),rgba(18,20,24,.94));
  border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.12)
}
.recipe-linking-section .linked-version-card.current{border-color:rgba(225,45,71,.55)}
.recipe-linking-section .linked-version-card small{color:#c6cbd5}
.recipe-linking-section .linked-version-card strong{color:#fff}
.recipe-linking-section .linked-version-card label{color:#eef1f5}
.recipe-linking-section .linked-version-card input{
  color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)
}
.recipe-linking-section .linked-version-card input::placeholder{color:rgba(255,255,255,.5)}
.recipe-linking-section .animated-unlink{
  min-height:42px;border-radius:999px;background:rgba(206,31,59,.2);color:#ffb5c1;border-color:rgba(255,91,117,.45);
  justify-content:center;font-weight:850;cursor:pointer
}
.recipe-linking-section .animated-unlink:hover{background:rgba(222,34,65,.34);color:#fff;transform:translateY(-1px)}
.recipe-linking-section .animated-unlink:disabled{opacity:.55;cursor:wait}

/* 0.0.28 alternate recipes, service items, collapsible builder sections */
.alternate-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.alternate-member-card{padding:17px;border-radius:20px;background:linear-gradient(145deg,rgba(32,36,44,.94),rgba(17,19,24,.92));border:1px solid rgba(255,255,255,.13);color:#fff}.alternate-member-card.current{border-color:rgba(230,33,62,.6);box-shadow:0 0 0 1px rgba(230,33,62,.18)}.alternate-member-card small{display:block;color:#aeb6c2;text-transform:uppercase;letter-spacing:.08em}.alternate-member-card strong{display:block;font-size:1.05rem;margin:6px 0 12px}.alternate-create-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.inline-unlink-form{margin-top:12px}.alternate-recipe-switch{max-width:44vw;overflow-x:auto}.service-item-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.service-item-option{padding:13px;border-radius:18px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);transition:.2s}.service-item-option.selected{border-color:rgba(226,31,56,.65);background:rgba(226,31,56,.11)}.service-item-option label{display:flex;align-items:center;gap:10px;color:#fff}.service-item-option label>input{width:auto}.service-item-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center}.service-item-icon img{width:24px;height:24px;object-fit:contain}.service-quantity{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.service-quantity button{width:34px;height:34px;padding:0;border-radius:50%}.service-quantity input{width:50px;text-align:center}.hero-info-pill.service-item-pill img{width:19px;height:19px;object-fit:contain}.section-collapse-button{position:absolute;right:18px;top:15px;width:34px;height:34px;border-radius:50%;padding:0;z-index:4}.builder-section{position:relative}.builder-section.section-collapsed>*:not(.section-collapse-button):not(.section-kicker){display:none!important}.builder-section.section-collapsed{min-height:66px}.builder-section.section-collapsed .section-kicker{margin:10px 50px 0 0}.settings-file-guide span{line-height:1.45}@media(max-width:800px){.alternate-create-row{grid-template-columns:1fr}.alternate-recipe-switch{max-width:70vw}}

/* Mise 0.0.29 — unified alternate recipe editor */
.recipe-editor-shell{margin:-26px -32px -50px;background:#f6f7f9;color:#15171b;min-height:100vh;padding:20px 28px 50px}.recipe-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:0 0 18px}.recipe-editor-header h1{margin:16px 0 6px;font-size:34px;color:#101216}.editor-back{font-weight:750;color:#24262a}.editor-subline{display:flex;align-items:center;gap:10px;color:#6d727b}.editor-type-chip{background:#a8202d;color:#fff;padding:6px 11px;border-radius:8px;font-size:12px;font-weight:800}.editor-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.edit-current-button{background:#a51f2d}.add-alternate-header{background:#151923}.alternate-editor-tabs{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr)) auto;align-items:stretch;border-bottom:1px solid #ccd0d7;margin-bottom:16px}.alternate-editor-tab{min-height:46px;border:1px solid #c9cdd4;border-bottom:0;background:#fff;color:#17191d;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 12px;position:relative}.alternate-editor-tab:first-child{border-radius:9px 0 0 0}.alternate-editor-tab.active{background:#a8202d;color:#fff;border-color:#a8202d}.alternate-editor-tab input{border:0!important;background:transparent!important;color:inherit!important;text-align:center;font-weight:800;padding:6px!important;min-width:0;height:auto!important}.alternate-editor-tab input:focus{outline:2px solid rgba(74,111,255,.4);border-radius:7px}.alternate-editor-tab .tab-pencil{font-size:13px;opacity:.8}.alternate-editor-tab.add-tab{border-style:dashed;background:#fafafa;color:#333;border-radius:0;padding:0 18px}.recipe-editor-shell .recipe-builder{display:grid;grid-template-columns:1fr 1fr;gap:14px}.recipe-editor-shell .builder-section{margin:0;background:#fff;color:#17191d;border:1px solid #d9dde3;border-radius:13px;padding:18px;box-shadow:0 3px 12px rgba(17,24,39,.035)}.recipe-editor-shell .identity-section,.recipe-editor-shell .ingredients-size-section{grid-column:1/-1}.recipe-editor-shell input,.recipe-editor-shell select,.recipe-editor-shell textarea{background:#fff;color:#17191d;border-color:#cfd4db}.recipe-editor-shell .helper,.recipe-editor-shell small,.recipe-editor-shell .field-note{color:#68707b}.recipe-editor-shell .toggle-card,.recipe-editor-shell .service-item-option,.recipe-editor-shell .draggable-card,.recipe-editor-shell .step-editor{background:#fafbfc;color:#181a1e;border-color:#d8dde4}.recipe-editor-shell .service-item-option label{color:#17191d}.recipe-editor-shell .primary-drop-zone{background:#fafbfc;border-color:#cbd1d9;color:#24272c}.recipe-editor-shell .section-kicker{color:#9c1c29}.recipe-editor-shell .section-collapse-button{background:#f3f4f6;color:#222;border:1px solid #d5d9df}.recipe-editor-shell .recipe-save-actions{grid-column:1/-1}.recipe-editor-shell .panel h2{color:#17191d}.recipe-editor-shell .ingredient-column-head{color:#59616c}.recipe-editor-shell .rich-editor{background:#fff;color:#17191d;border-color:#cfd4db}.recipe-editor-shell .recipe-size-tab{background:#f8f9fb;color:#25282d;border-color:#d4d9df}.recipe-editor-shell .recipe-size-tab.active{background:#a8202d;color:#fff}.recipe-editor-shell .recipe-size-tab input{color:inherit!important;background:transparent!important}.recipe-editor-shell .schedule-dialog{color:#fff}.recipe-editor-shell .button.secondary{background:#fff;color:#24272c;border:1px solid #cfd4db}@media(max-width:1100px){.recipe-editor-shell .recipe-builder{grid-template-columns:1fr}.recipe-editor-shell .identity-section,.recipe-editor-shell .ingredients-size-section{grid-column:auto}.recipe-editor-header{flex-direction:column}.editor-header-actions{justify-content:flex-start}.alternate-editor-tabs{display:flex;overflow-x:auto}.alternate-editor-tab{min-width:170px}.recipe-editor-shell{margin:-20px;padding:18px}}

/* Mise 0.0.30 — cohesive dark alternate-method editor */
.recipe-editor-shell{margin:-26px -32px -50px!important;background:radial-gradient(circle at 88% 0,rgba(116,17,29,.18),transparent 28%),#0c0d0f!important;color:#f7f8fa!important;min-height:100vh;padding:22px 30px 56px!important}
.recipe-editor-header{padding:0 0 16px!important;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}.recipe-editor-header h1{color:#fff!important;font-size:34px!important}.editor-back{color:#f1f3f6!important}.editor-subline{color:#aeb4bf!important}.editor-type-chip{background:linear-gradient(135deg,#b42131,#7f1320)!important;box-shadow:0 7px 22px rgba(190,25,45,.22)}
.editor-header-actions{display:none!important}
.alternate-editor-tabs{display:flex!important;align-items:stretch!important;gap:8px!important;border:0!important;margin:0 0 16px!important;overflow-x:auto;padding:3px 1px 7px}.alternate-editor-tab{flex:1 1 190px;min-width:180px;min-height:48px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(38,41,48,.88),rgba(19,21,25,.94))!important;color:#f7f8fa!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.18)}.alternate-editor-tab.active{background:linear-gradient(135deg,#b62131,#77131d)!important;border-color:rgba(255,87,104,.58)!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 24px rgba(188,24,43,.22)!important}.alternate-tab-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 72px 0 26px;color:inherit!important}.alternate-tab-label{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-pencil{position:absolute!important;right:39px!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;display:grid!important;place-items:center!important;transition:.2s!important}.tab-pencil:hover{transform:translateY(-1px) scale(1.08);background:rgba(255,255,255,.17)!important}.alternate-rename-input{position:absolute;left:18px;right:72px;width:calc(100% - 90px)!important;height:34px!important;background:rgba(3,4,6,.72)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:9px!important;text-align:center;font-weight:850}.alternate-delete-form{position:absolute;right:6px;display:grid;place-items:center}.animated-tab-x{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(115,8,18,.66)!important;position:relative;transition:transform .2s,background .2s!important}.animated-tab-x:hover{transform:scale(1.12) rotate(4deg);background:#d31f31!important}.animated-tab-x span:before,.animated-tab-x span:after{content:"";position:absolute;left:7px;top:13px;width:14px;height:2px;background:#fff;border-radius:2px;transform:scaleX(0);transition:transform .23s}.animated-tab-x span:before{transform:rotate(45deg) scaleX(.7)}.animated-tab-x span:after{transform:rotate(-45deg) scaleX(.7)}.animated-tab-x:hover span:before{transform:rotate(45deg) scaleX(1)}.animated-tab-x:hover span:after{transform:rotate(-45deg) scaleX(1)}.alternate-editor-tab.add-tab{border-style:dashed!important;color:#d8dce3!important;background:rgba(255,255,255,.035)!important}.alternate-editor-tab.add-tab:hover{background:rgba(181,31,49,.13)!important;border-color:rgba(233,64,82,.5)!important}
.recipe-editor-shell .recipe-builder{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}.recipe-editor-shell .builder-section{background:linear-gradient(145deg,rgba(28,30,35,.96),rgba(17,18,22,.96))!important;color:#f5f6f8!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)!important}.recipe-editor-shell input,.recipe-editor-shell select,.recipe-editor-shell textarea,.recipe-editor-shell .rich-editor{background:#121419!important;color:#f5f6f8!important;border-color:rgba(255,255,255,.14)!important}.recipe-editor-shell .helper,.recipe-editor-shell small,.recipe-editor-shell .field-note{color:#a4aab4!important}.recipe-editor-shell .toggle-card,.recipe-editor-shell .service-item-option,.recipe-editor-shell .draggable-card,.recipe-editor-shell .step-editor,.recipe-editor-shell .recipe-size-tab{background:rgba(255,255,255,.045)!important;color:#f4f5f7!important;border-color:rgba(255,255,255,.1)!important}.recipe-editor-shell .service-item-option label{color:#f4f5f7!important}.recipe-editor-shell .primary-drop-zone{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.16)!important;color:#f5f6f8!important}.recipe-editor-shell .section-kicker{color:#ff6572!important}.recipe-editor-shell .section-collapse-button{background:#181b20!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important}.recipe-editor-shell .panel h2{color:#fff!important}.recipe-editor-shell .ingredient-column-head{color:#aeb4bf!important}.recipe-editor-shell .recipe-size-tab.active{background:linear-gradient(135deg,#b42131,#76131e)!important;color:#fff!important}.recipe-editor-shell .button.secondary{background:#24272d!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
.primary-drop-zone .primary-add-icon{margin:0 auto!important;align-self:center!important;justify-self:center!important;display:grid!important;place-items:center!important;padding:0!important;text-indent:0!important;transform:none!important;line-height:42px!important}.primary-media-field{display:grid!important;grid-template-rows:auto 1fr auto!important}.primary-media-preview{display:flex!important;justify-content:center!important}
.identity-section{overflow:hidden}.alternate-identity-locked{min-height:410px}.alternate-identity-locked>.identity-layout,.alternate-identity-locked>.toggle-row,.alternate-identity-locked>.recipe-primary-media-grid,.alternate-identity-locked>input[type=hidden]{filter:blur(5px) grayscale(.25);opacity:.42;pointer-events:none;user-select:none}.identity-inheritance-overlay{position:absolute;inset:50px 18px 18px;z-index:8;display:grid;place-items:center;border-radius:15px;background:rgba(10,11,14,.38);backdrop-filter:blur(3px)}.identity-inheritance-overlay>div{max-width:590px;padding:24px 28px;text-align:center;border-radius:20px;background:linear-gradient(145deg,rgba(31,34,40,.92),rgba(15,17,21,.92));border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 50px rgba(0,0,0,.35)}.identity-inheritance-overlay strong{display:block;font-size:21px;margin-bottom:8px}.identity-inheritance-overlay span{display:block;color:#c3c7ce;line-height:1.5}
.service-item-picker{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}.service-item-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px!important}.service-item-main{min-width:0}.service-item-icon{width:44px!important;height:44px!important;flex:0 0 44px}.service-item-icon img{width:31px!important;height:31px!important}.service-controls{display:grid;justify-items:end;gap:8px}.service-quantity{margin:0!important}.service-quantity button{width:30px!important;height:30px!important}.service-quantity input{width:38px!important;height:30px!important;padding:0!important}.per-person-toggle{display:flex!important;align-items:center!important;gap:7px!important;font-size:11px!important;color:#c8ccd3!important}.per-person-toggle>input{position:absolute;opacity:0;pointer-events:none}.per-person-toggle>span{width:31px;height:18px;border-radius:999px;background:#454952;position:relative;transition:.2s}.per-person-toggle>span:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.per-person-toggle>input:checked+span{background:#b42131}.per-person-toggle>input:checked+span:after{transform:translateX(13px)}.per-person-toggle>input:disabled+span{opacity:.38}.per-person-toggle em{font-style:normal;white-space:nowrap}.service-fallback-icon{font-size:24px}
.detail-meta-glass .service-item-pill{min-width:auto!important;max-width:180px!important;min-height:59px!important;display:inline-flex!important;flex-direction:row!important;gap:7px!important;padding:8px 12px!important}.detail-meta-glass .service-item-pill img{width:24px!important;height:24px!important}.detail-meta-glass .service-item-pill b{font-size:12px!important;white-space:nowrap}.detail-meta-glass .service-item-pill small{font-size:9px!important;display:inline!important;text-transform:none!important;letter-spacing:0!important;color:#f3dfe2!important}
@media(max-width:1100px){.recipe-editor-shell .recipe-builder{grid-template-columns:1fr!important}.alternate-editor-tabs{display:flex!important}.alternate-editor-tab{min-width:190px!important}.recipe-editor-shell{margin:-20px!important;padding:18px!important}}
.alternate-identity-locked>.identity-layout,.alternate-identity-locked>.toggle-row{filter:blur(5px) grayscale(.25);opacity:.42;pointer-events:none;user-select:none}.alternate-identity-locked>.recipe-primary-media-grid{filter:none!important;opacity:1!important;pointer-events:auto!important;user-select:auto!important}.identity-inheritance-overlay{inset:50px 18px auto!important;height:330px!important}.alternate-identity-locked{min-height:auto!important}
/* Mise 0.0.31a — settings media drag/drop and persistent modal state */
.settings-image-block{display:flex;align-items:center;gap:12px;min-width:220px}.settings-drop-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:150px;min-height:92px;padding:12px;border:1px dashed rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.045);cursor:pointer;transition:.2s ease;text-align:center}.settings-drop-zone:hover,.settings-drop-zone.dragging{border-color:#e33a46;background:rgba(227,58,70,.11);transform:translateY(-1px)}.settings-drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.settings-drop-zone .drop-plus{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d92735;color:#fff;font-size:20px;line-height:1;margin-bottom:4px}.settings-drop-zone strong{font-size:12px}.settings-drop-zone small{font-size:10px;opacity:.65}.settings-drop-zone .drop-file-name{max-width:135px;margin-top:5px;font-size:10px;color:#ffb4ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-drop-zone.compact{min-height:72px;min-width:130px}.settings-edit-form{align-items:center;flex-wrap:wrap}.settings-add-form{align-items:center;flex-wrap:wrap}

/* Mise 0.0.31aa — consolidated recipe-view and service-item refinements */
.recipe-fixed-title .button.secondary:first-child{position:relative;z-index:12;flex:0 0 auto}
.gf-info-trigger{cursor:pointer;border:1px solid rgba(214,43,62,.58);font:inherit}
.gf-info-trigger:hover{transform:scale(1.035);filter:brightness(1.08)}
.gf-circle-badge,.gf-detail-icon.gf-circle-badge{width:34px!important;height:34px!important;min-width:34px!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important;padding:0!important;line-height:1!important;text-align:center!important;font-size:12px!important;font-weight:850!important;background:linear-gradient(145deg,rgba(154,20,39,.98),rgba(91,8,24,.98))!important;border:1px solid rgba(255,144,157,.65)!important;box-shadow:0 0 0 1px rgba(255,255,255,.09) inset,0 0 14px rgba(223,30,57,.42)!important}
.titlebar-type-pill.gf-combined-type{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:5px 12px 5px 6px!important}
.gf-meta-pill .gf-pill-copy{display:flex;align-items:center}.gf-meta-pill .gf-pill-copy b{white-space:nowrap}

.hero-video-orb{position:absolute;right:18px;bottom:96px;z-index:8;width:46px;height:46px;padding:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(18,20,25,.44);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(15px) saturate(145%);-webkit-backdrop-filter:blur(15px) saturate(145%);box-shadow:0 10px 26px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.3);transition:transform .18s ease,background .18s ease,box-shadow .18s ease;animation:video-orb-intro 1.8s ease 1}
.hero-video-orb:hover{transform:scale(1.09);background:rgba(30,33,41,.62);box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 0 4px rgba(255,255,255,.08)}
.hero-video-orb span{font-size:18px;transform:translateX(1px)}
@keyframes video-orb-intro{0%,100%{box-shadow:0 10px 26px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.3)}50%{box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 7px rgba(255,255,255,.1)}}
.recipe-video-modal{position:fixed;inset:0;z-index:1005;background:rgba(4,5,8,.82);display:none;align-items:center;justify-content:center;padding:28px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.recipe-video-modal.open{display:flex}.recipe-video-dialog{position:relative;width:min(1100px,94vw);border-radius:24px;padding:18px;background:rgba(16,18,23,.92);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 100px rgba(0,0,0,.65)}
.recipe-video-dialog video{display:block;width:100%;max-height:78vh;border-radius:16px;background:#000}.recipe-video-dialog .modal-close{right:8px;top:8px;z-index:3}

.detail-meta-glass .service-item-pill{align-items:center!important}.detail-meta-glass .service-item-pill img{width:29px!important;height:29px!important;flex:0 0 29px!important;filter:drop-shadow(0 1px 5px rgba(255,255,255,.16))}.service-item-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.08}.detail-meta-glass .service-item-pill .service-item-copy b{font-size:13px!important;font-weight:800!important;letter-spacing:.005em;text-shadow:0 1px 5px rgba(0,0,0,.55)}.detail-meta-glass .service-item-pill .service-item-copy small{display:block!important;margin-top:4px;font-size:10px!important;font-weight:700!important;color:rgba(255,239,241,.88)!important;text-transform:uppercase!important;letter-spacing:.07em!important;text-shadow:0 1px 4px rgba(0,0,0,.6)}

.recipe-card-body{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important}.recipe-card-copy{min-width:0;flex:1}.dashboard-service-items{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:48%;min-width:0}.dashboard-service-pill{display:flex;align-items:center;gap:6px;min-width:0;padding:6px 8px;border-radius:13px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.13);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dashboard-service-pill img{width:23px;height:23px;object-fit:contain;flex:0 0 23px}.dashboard-service-pill>span{display:flex;flex-direction:column;line-height:1.05;min-width:0}.dashboard-service-pill b{font-size:10px;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.65)}.dashboard-service-pill small{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,236,239,.88);margin-top:3px}.dashboard-service-more{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;font-size:10px;font-weight:850;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}

@media(max-width:1050px){.dashboard-service-items{display:none}.hero-video-orb{bottom:88px}.titlebar-type-pill.gf-combined-type span:last-child{display:none}.titlebar-type-pill.gf-combined-type{padding:5px!important;border-radius:50%!important}}


/* Mise 0.0.31b — recipe header navigation and service item cleanup */
.recipe-nav-cluster{grid-column:1;justify-self:start;display:flex;align-items:center;gap:10px;min-width:0;max-width:100%}
.recipe-nav-cluster>.button{flex:0 0 auto;white-space:nowrap}
.recipe-nav-cluster .linked-version-switch{position:static!important;left:auto!important;top:auto!important;transform:none!important;display:inline-flex!important;max-width:min(46vw,560px);min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.recipe-nav-cluster .linked-version-switch::-webkit-scrollbar{display:none}
.redesigned-titlebar>.recipe-nav-cluster{grid-column:1}
.redesigned-titlebar>.recipe-nav-cluster+a{grid-column:auto}
.detail-meta-glass .service-item-pill{overflow:visible!important}
.detail-meta-glass .service-item-pill .service-item-copy,.detail-meta-glass .service-item-pill .service-item-copy b,.detail-meta-glass .service-item-pill .service-item-copy small{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;outline:0!important}
.detail-meta-glass .service-item-pill img{width:34px!important;height:34px!important;flex:0 0 34px!important;object-fit:contain!important;overflow:visible!important;clip-path:none!important}
@media(max-width:1120px){.recipe-nav-cluster{gap:7px}.recipe-nav-cluster .linked-version-switch{max-width:35vw}.recipe-nav-cluster .linked-version-switch a{padding:7px 11px}}
@media(max-width:820px){.redesigned-titlebar{grid-template-columns:1fr auto!important;grid-template-areas:"nav actions" "title title"}.recipe-nav-cluster{grid-area:nav;max-width:calc(100vw - 190px)}.recipe-title-center{grid-area:title!important;grid-column:auto!important}.redesigned-titlebar>.recipe-actions{grid-area:actions!important;grid-column:auto!important}.recipe-nav-cluster .linked-version-switch{max-width:48vw}}

/* Mise 0.0.31c — alternate tab readability and larger service items */
.recipe-nav-cluster .linked-version-switch a{
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  line-height:1.15!important;
  padding:8px 15px!important;
  max-width:none!important;
  text-overflow:clip!important;
}
.recipe-nav-cluster .linked-version-switch{
  align-items:center!important;
  min-height:44px!important;
  padding:4px!important;
}

.detail-meta-glass .service-item-pill{
  min-height:64px!important;
  gap:10px!important;
  padding:8px 14px!important;
}
.detail-meta-glass .service-item-pill img{
  width:39px!important;
  height:39px!important;
  flex:0 0 39px!important;
}
.detail-meta-glass .service-item-pill .service-item-copy b{
  font-size:14px!important;
  line-height:1.12!important;
}
.detail-meta-glass .service-item-pill .service-item-copy small{
  font-size:10.5px!important;
  margin-top:4px!important;
}

.dashboard-service-items{
  align-self:stretch!important;
  min-height:100%!important;
}
.dashboard-service-pill{
  align-self:stretch!important;
  min-height:100%!important;
  padding:7px 10px!important;
  gap:8px!important;
  border-radius:15px!important;
}
.dashboard-service-pill img{
  width:34px!important;
  height:100%!important;
  max-height:48px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  object-fit:contain!important;
}
.dashboard-service-pill b{
  font-size:11.5px!important;
  line-height:1.12!important;
}
.dashboard-service-pill small{
  font-size:8.8px!important;
  line-height:1.1!important;
}

/* Mise 0.0.31d — prevent alternate-method labels from clipping in recipe view */
.redesigned-titlebar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  position:relative!important;
  gap:14px!important;
}
.redesigned-titlebar>.recipe-nav-cluster{
  flex:1 1 0!important;
  width:auto!important;
  max-width:calc(50% - 210px)!important;
  min-width:0!important;
  justify-self:auto!important;
}
.redesigned-titlebar>.recipe-title-center{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(43%,680px)!important;
  max-width:680px!important;
  z-index:2!important;
  pointer-events:none!important;
}
.redesigned-titlebar>.recipe-title-center .gf-info-trigger{
  pointer-events:auto!important;
}
.redesigned-titlebar>.recipe-actions{
  flex:1 1 0!important;
  max-width:calc(50% - 210px)!important;
  margin-left:auto!important;
  justify-content:flex-end!important;
  justify-self:auto!important;
  z-index:4!important;
}
.recipe-nav-cluster .linked-version-switch{
  flex:0 1 auto!important;
  width:max-content!important;
  max-width:calc(100% - 158px)!important;
  min-width:0!important;
}
.recipe-nav-cluster .linked-version-switch a{
  min-width:max-content!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:1280px){
  .redesigned-titlebar>.recipe-nav-cluster,
  .redesigned-titlebar>.recipe-actions{max-width:calc(50% - 175px)!important}
  .redesigned-titlebar>.recipe-title-center{width:min(38%,540px)!important}
}
@media(max-width:900px){
  .redesigned-titlebar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"nav actions" "title title"!important;
  }
  .redesigned-titlebar>.recipe-nav-cluster{
    grid-area:nav!important;
    max-width:none!important;
    width:100%!important;
  }
  .redesigned-titlebar>.recipe-title-center{
    grid-area:title!important;
    position:static!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
  }
  .redesigned-titlebar>.recipe-actions{
    grid-area:actions!important;
    max-width:none!important;
  }
  .recipe-nav-cluster .linked-version-switch{max-width:calc(100% - 150px)!important}
}

/* Mise 0.0.31e — larger, clearer service items on recipe dashboard */
.dashboard-service-items{
  gap:8px!important;
  max-width:52%!important;
}
.dashboard-service-pill{
  min-height:64px!important;
  padding:9px 13px!important;
  gap:10px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 5px 16px rgba(0,0,0,.22)!important;
}
.dashboard-service-pill img{
  width:38px!important;
  height:48px!important;
  flex:0 0 38px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.38))!important;
}
.dashboard-service-pill>span{
  line-height:1.08!important;
  justify-content:center!important;
}
.dashboard-service-pill b{
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.005em!important;
  text-shadow:0 1px 5px rgba(0,0,0,.7)!important;
}
.dashboard-service-pill small{
  margin-top:5px!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.065em!important;
  color:rgba(255,244,246,.95)!important;
  text-shadow:0 1px 4px rgba(0,0,0,.65)!important;
}

/* Mise 0.0.31g — locked recipe header proportions across all recipe views */
:root{
  --mise-recipe-header-height:136px;
  --mise-recipe-header-radius:14px;
  --mise-recipe-header-pad-x:18px;
  --mise-recipe-header-pad-y:14px;
}
.compact-recipe-page>.recipe-fixed-title.redesigned-titlebar{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:var(--mise-recipe-header-height)!important;
  height:var(--mise-recipe-header-height)!important;
  max-height:var(--mise-recipe-header-height)!important;
  padding:var(--mise-recipe-header-pad-y) var(--mise-recipe-header-pad-x)!important;
  margin-bottom:8px!important;
  border-radius:var(--mise-recipe-header-radius)!important;
  overflow:visible!important;
}
.redesigned-titlebar>.recipe-title-center{
  height:calc(var(--mise-recipe-header-height) - (var(--mise-recipe-header-pad-y) * 2))!important;
  min-height:0!important;
  align-items:center!important;
}
.redesigned-titlebar .titlebar-copy{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
}
.redesigned-titlebar .titlebar-category{
  flex:0 0 auto!important;
  min-height:16px!important;
  margin:0!important;
  line-height:1.15!important;
}
.redesigned-titlebar .titlebar-copy h1{
  flex:0 1 auto!important;
  margin:0!important;
  padding:0 8px!important;
  max-height:54px!important;
  line-height:1.08!important;
  font-size:clamp(28px,2.45vw,38px)!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
}
.redesigned-titlebar .titlebar-type-pill{
  flex:0 0 auto!important;
  min-height:30px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.redesigned-titlebar>.recipe-nav-cluster,
.redesigned-titlebar>.recipe-actions{
  min-height:48px!important;
  align-items:center!important;
}
.redesigned-titlebar>.recipe-nav-cluster{
  overflow:visible!important;
}
.redesigned-titlebar .linked-version-switch{
  min-height:44px!important;
  height:44px!important;
  box-sizing:border-box!important;
}
.redesigned-titlebar .linked-version-switch a{
  min-height:34px!important;
  height:34px!important;
  box-sizing:border-box!important;
}

@media(max-width:1280px){
  :root{--mise-recipe-header-height:132px}
  .redesigned-titlebar .titlebar-copy h1{font-size:clamp(25px,2.5vw,34px)!important;max-height:50px!important}
}
@media(max-width:900px){
  :root{--mise-recipe-header-height:184px;--mise-recipe-header-pad-y:12px}
  .compact-recipe-page>.recipe-fixed-title.redesigned-titlebar{
    height:var(--mise-recipe-header-height)!important;
    max-height:var(--mise-recipe-header-height)!important;
    grid-template-rows:52px 1fr!important;
    align-content:center!important;
  }
  .redesigned-titlebar>.recipe-title-center{
    height:104px!important;
  }
  .redesigned-titlebar .titlebar-copy h1{font-size:clamp(23px,5vw,31px)!important}
}
@media(max-width:650px){
  :root{--mise-recipe-header-height:176px;--mise-recipe-header-pad-x:10px}
  .redesigned-titlebar .titlebar-type-pill{display:inline-flex!important}
  .redesigned-titlebar .titlebar-copy h1{font-size:23px!important;max-height:50px!important}
  .redesigned-titlebar>.recipe-actions{gap:6px!important}
}

/* v0.0.31h: clearer title-to-badge spacing */
.recipe-header-center .recipe-type-badge, .recipe-header-center .gf-header-pill { margin-top: 12px; }

/* Mise 0.0.31i — dedicated spacing between recipe title and type/GF badge */
@media(min-width:901px){
  :root{--mise-recipe-header-height:144px}
  .redesigned-titlebar .titlebar-copy{
    justify-content:center!important;
  }
  .redesigned-titlebar .titlebar-copy h1 + .titlebar-type-pill{
    margin-top:12px!important;
  }
}
@media(max-width:900px){
  .redesigned-titlebar .titlebar-copy h1 + .titlebar-type-pill{
    margin-top:10px!important;
  }
}

/* Mise 0.0.31j — prevent recipe title clipping while preserving GF spacing */
@media(min-width:901px){
  :root{--mise-recipe-header-height:154px}
  .redesigned-titlebar>.recipe-title-center{
    height:calc(var(--mise-recipe-header-height) - (var(--mise-recipe-header-pad-y) * 2))!important;
  }
  .redesigned-titlebar .titlebar-copy{
    overflow:visible!important;
    gap:4px!important;
  }
  .redesigned-titlebar .titlebar-copy h1{
    flex:0 0 auto!important;
    min-height:44px!important;
    max-height:66px!important;
    line-height:1.16!important;
    padding:2px 10px 4px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    -webkit-line-clamp:2!important;
  }
  .redesigned-titlebar .titlebar-copy h1 + .titlebar-type-pill{
    margin-top:10px!important;
  }
}
@media(max-width:900px){
  .redesigned-titlebar .titlebar-copy h1{
    min-height:38px!important;
    max-height:60px!important;
    line-height:1.14!important;
    padding-bottom:3px!important;
  }
}
/* Mise 0.0.32: multi-hero and size-specific presentation */
.hero-library{display:flex!important;flex-wrap:wrap;gap:12px;align-items:flex-start}.numbered-hero{position:relative}.hero-slot-number{position:absolute;left:7px;top:7px;z-index:6;display:grid;place-items:center;min-width:30px;height:24px;padding:0 6px;border-radius:12px;background:rgba(8,10,14,.78);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(8px)}.hero-preview-grid{display:flex;flex-wrap:wrap;gap:12px}.size-personalization-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.size-hero-assignment,.size-time-range{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}.size-hero-assignment small{display:block;margin-top:6px;color:var(--muted)}.size-time-range>span{display:block;font-weight:800;margin-bottom:7px}.size-time-range>div{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:end}.size-time-range em{padding-bottom:11px;color:var(--muted)}.service-size-pane{display:none}.service-size-pane.active{display:block}.service-size-heading{margin:10px 0 14px;font-size:15px;font-weight:900;color:#fff}.size-service-items{display:flex;gap:8px;align-items:stretch}.size-hero-image{opacity:0;transition:opacity .3s ease}.size-hero-image.active{opacity:1}.recipe-hero .size-hero-image[hidden]{display:none!important}@media(max-width:1000px){.size-personalization-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.size-personalization-grid{grid-template-columns:1fr}}

/* Mise 0.0.33 — dashboard default hero and strict size-specific service visibility */
.size-service-items[hidden]{display:none!important}
.default-hero-selector{margin-top:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035);display:flex;align-items:center;justify-content:space-between;gap:14px}
.default-hero-selector>div:first-child{display:grid;gap:3px}.default-hero-selector strong{color:#fff;font-size:13px}.default-hero-selector small{color:var(--muted);font-size:11px}.default-hero-options{display:flex;gap:7px;flex-wrap:wrap}.default-hero-option input{position:absolute;opacity:0;pointer-events:none}.default-hero-option span{display:grid;place-items:center;width:40px;height:34px;border-radius:11px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.055);color:#d8d8d8;font-size:12px;font-weight:900;cursor:pointer;transition:.18s ease}.default-hero-option span:hover{transform:translateY(-1px) scale(1.04);background:rgba(255,255,255,.1)}.default-hero-option input:checked+span{background:linear-gradient(135deg,#b4212c,#7e141d);border-color:#ef5b65;color:#fff;box-shadow:0 0 0 2px rgba(239,91,101,.14),0 6px 18px rgba(155,23,35,.35)}
@media(max-width:700px){.default-hero-selector{align-items:flex-start;flex-direction:column}}

/* Mise 0.0.34 — size-specific hero metadata and compact dashboard cards */
.size-time-pill[hidden],
.batch-yield-pill[hidden],
.size-service-items[hidden]{display:none!important}
.detail-meta-glass .compact-meta{flex-wrap:nowrap!important;align-items:stretch!important;gap:8px!important}
.detail-meta-glass .size-time-pill{order:1}
.detail-meta-glass .batch-yield-pill{order:2}
.detail-meta-glass .clickable-shelf-pill{order:3}
.detail-meta-glass .gf-meta-pill{order:4}
.detail-meta-glass .size-service-items{order:5;display:flex;align-items:stretch;gap:8px}

.recipe-card-media{height:226px!important}
.recipe-card-body{min-height:72px!important;height:72px!important;padding:8px 10px 8px 13px!important;align-items:center!important;overflow:visible!important}
.recipe-card-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;height:100%}
.recipe-card-body .card-category-row{margin:0 0 3px!important;line-height:1}
.recipe-card-body .category-badge{padding:3px 7px!important;font-size:9px!important}
.recipe-card-body h3{font-size:21px!important;line-height:1.05!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 11px rgba(0,0,0,.78)!important}
.dashboard-time-pill{margin-left:auto;display:flex;align-items:center;gap:8px;height:54px;min-width:130px;padding:7px 11px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.2),0 5px 16px rgba(0,0,0,.22);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);flex:none}
.dashboard-time-icon{display:grid;place-items:center;width:30px;height:30px;font-size:23px;line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}
.dashboard-time-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.02;min-width:0}
.dashboard-time-copy small{margin:0!important;font-size:9px!important;line-height:1!important;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:rgba(255,255,255,.78)!important}
.dashboard-time-copy b{margin-top:4px;font-size:15px;line-height:1;font-weight:900;color:#fff;white-space:nowrap;text-shadow:0 1px 5px rgba(0,0,0,.65)}
.recipe-card-body .card-meta-line,.recipe-card-body .mini-yield-pill{display:none!important}
@media(max-width:760px){.detail-meta-glass .compact-meta{flex-wrap:wrap!important}.recipe-card-body h3{font-size:18px!important}.dashboard-time-pill{min-width:112px;height:50px}.dashboard-time-icon{font-size:20px;width:26px;height:26px}.dashboard-time-copy b{font-size:13px}}

/* Mise 0.0.35 — size-specific dine-in plating and takeout packaging */
.size-personalization-grid{grid-template-columns:minmax(220px,1fr) minmax(240px,1fr) minmax(240px,1fr) minmax(180px,.8fr) minmax(260px,1.1fr);align-items:start}
.output-choice-card{display:grid;grid-template-columns:1fr;gap:8px;min-width:0}.output-choice-card label{min-width:0}.output-inline-preview{min-height:64px}.output-inline-preview img{width:58px;height:58px;object-fit:contain}.takeout-meta-pill{min-width:150px}.takeout-meta-pill b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1280px){.size-personalization-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.size-time-range{grid-column:span 2}}
@media(max-width:760px){.size-personalization-grid{grid-template-columns:1fr}.size-time-range{grid-column:auto}}

/* Mise 0.0.36 — transparent media, Drahma plates, metadata order and dashboard glass fix */
.recipe-hero,.recipe-card-media,.carousel-slide,.carousel-track,.step-carousel{background:#fff!important}
.recipe-hero:after{background:linear-gradient(0deg,rgba(0,0,0,.67),rgba(0,0,0,.02) 62%)!important}
.recipe-hero .croppable-hero,.recipe-card-media .croppable-hero{background:#fff!important}
.carousel-slide img,.carousel-slide video{background:#fff!important}
.recipe-card-media:after{background:linear-gradient(to bottom,rgba(0,0,0,0) 48%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.34))!important}
.recipe-card-body{background:linear-gradient(135deg,rgba(34,35,39,.56),rgba(17,18,21,.34))!important;backdrop-filter:blur(20px) saturate(165%)!important;-webkit-backdrop-filter:blur(20px) saturate(165%)!important}
.detail-meta-glass .size-time-pill{order:1!important}.detail-meta-glass .size-service-items{order:2!important}.detail-meta-glass .batch-yield-pill{order:3!important}.detail-meta-glass .takeout-meta-pill{order:4!important}.detail-meta-glass .clickable-shelf-pill{order:5!important}.detail-meta-glass .gf-meta-pill{order:6!important}
[data-batch-package][hidden],[data-batch-yield][hidden],[data-batch-time][hidden],[data-batch-services][hidden],[data-batch-drahma][hidden]{display:none!important}
.service-item-copy .service-label{display:block!important;margin:0 0 3px!important;font-size:8px!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:rgba(255,255,255,.68)!important}.service-item-copy .per-person-label{display:block!important;margin-top:4px!important}
.drahma-plate-uploads{grid-column:1/-1;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035)}.drahma-upload-heading{display:block;color:#fff;font-weight:850;margin-bottom:3px}.drahma-plate-uploads>small{display:block;color:var(--muted);margin-bottom:12px}.drahma-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.drahma-upload-card{display:grid;gap:8px}.drahma-upload-card>label:first-child{font-size:12px;font-weight:800;color:#eee}
.size-media-drop-zone{min-height:126px;border:1px dashed rgba(255,255,255,.24);border-radius:16px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.2s}.size-media-drop-zone:hover,.size-media-drop-zone.dragover{border-color:#ef4048;background:rgba(215,25,32,.1)}.size-media-drop-zone .primary-add-icon{position:static;transform:none}.size-media-drop-zone strong{font-size:12px}.size-media-drop-zone small{font-size:10px;color:var(--muted)}.size-media-preview .media-thumb{width:100%;aspect-ratio:1;border-radius:16px}.size-media-preview .media-thumb img{width:100%;height:100%;object-fit:cover;background:#fff}
.drahma-plate-viewer{margin-top:18px}.drahma-size-gallery{display:grid;gap:12px}.drahma-size-gallery:empty{display:none}.drahma-size-gallery figure{margin:0;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #dfd5c8}.drahma-size-gallery img{display:block;width:100%;aspect-ratio:1.25;object-fit:contain;background:#fff}.drahma-size-gallery figcaption{padding:8px 10px;text-align:center;font-size:11px;font-weight:800;color:#4a4038;background:#fffaf2}
@media(max-width:900px){.drahma-upload-grid{grid-template-columns:1fr}.drahma-plate-uploads{grid-column:auto}}

/* Mise 0.0.37 — true overlay dashboard controls and compact service-item pills */
/* The dashboard card image fills the card. There is no full-width dark dock behind the controls. */
.recipe-card-body{
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  align-items:flex-end!important;
  gap:10px!important;
}
.recipe-card-body.gf-glass{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.recipe-card-copy{
  width:auto!important;
  max-width:calc(100% - 142px)!important;
  min-height:58px!important;
  padding:8px 12px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(35,22,25,.64),rgba(19,18,20,.44))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 20px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(165%)!important;
}
.recipe-card-body.gf-glass .recipe-card-copy{
  background:linear-gradient(135deg,rgba(105,20,34,.62),rgba(45,10,18,.42))!important;
  border-color:rgba(255,150,163,.34)!important;
}
.dashboard-time-pill{
  margin-left:0!important;
  align-self:flex-end!important;
  flex:0 0 auto!important;
}
.recipe-card-media:after{
  background:linear-gradient(to bottom,rgba(0,0,0,0) 67%,rgba(0,0,0,.08) 84%,rgba(0,0,0,.18))!important;
}

/* Tighten Service Items in Recipe View: icon close to text, no dead horizontal space. */
.detail-meta-glass .size-service-items{
  flex:0 0 auto!important;
  width:auto!important;
}
.detail-meta-glass .service-item-pill{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:58px!important;
  padding:7px 10px!important;
  gap:6px!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
}
.detail-meta-glass .service-item-pill img{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  margin:0!important;
}
.detail-meta-glass .service-item-pill .service-item-copy{
  width:auto!important;
  min-width:0!important;
  flex:0 0 auto!important;
  padding:0!important;
  margin:0!important;
}
.detail-meta-glass .service-item-pill .service-item-copy b{
  font-size:14px!important;
  white-space:nowrap!important;
}
.detail-meta-glass .service-item-pill .service-label{
  margin-bottom:2px!important;
}
.detail-meta-glass .service-item-pill .per-person-label{
  margin-top:3px!important;
}
@media(max-width:760px){
  .recipe-card-copy{max-width:calc(100% - 122px)!important}
  .detail-meta-glass .service-item-pill{padding:7px 9px!important;gap:5px!important}
}


/* Mise 0.0.38 — dashboard hero truly fills card; remove residual lower strip */
.recipe-card-wrap .recipe-card{
  position:relative!important;
  background:#fff!important;
}
.recipe-card-wrap .recipe-card-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  z-index:0!important;
  background:#fff!important;
}
.recipe-card-wrap .recipe-card-media .croppable-hero{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.recipe-card-wrap .recipe-card-media:after{
  z-index:1!important;
}
.recipe-card-wrap .recipe-card-body{
  z-index:3!important;
}
.recipe-card-wrap .recipe-type-tag,
.recipe-card-wrap .scheduled-clock-badge{
  z-index:4!important;
}

/* Recipe View service item: compact around content and keep icon close to text. */
.detail-meta-glass .service-item-pill{
  min-height:54px!important;
  padding:6px 9px!important;
  gap:5px!important;
}
.detail-meta-glass .service-item-pill img{
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;
  object-fit:contain!important;
}
.detail-meta-glass .service-item-pill .service-item-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  line-height:1.04!important;
}
.detail-meta-glass .service-item-pill .service-item-copy b{
  font-size:14px!important;
}

/* Mise 0.0.39 — approved edge-to-edge translucent dashboard information band */
.recipe-card-wrap .recipe-card{
  border:2px solid #050506!important;
  border-radius:18px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.34)!important;
  background:#050506!important;
}
.recipe-card-wrap .recipe-card-body{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  min-height:104px!important;
  height:104px!important;
  padding:15px 18px 13px 20px!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  border-radius:0 0 16px 16px!important;
  background:linear-gradient(100deg,rgba(83,20,31,.58),rgba(48,16,22,.44))!important;
  box-shadow:none!important;
  backdrop-filter:blur(17px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(150%)!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.recipe-card-wrap .recipe-card-body::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-25px;
  height:26px;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(62,17,24,0),rgba(68,18,27,.16) 38%,rgba(69,18,27,.44) 100%);
  z-index:-1;
}
.recipe-card-wrap .recipe-card-body.gf-glass{
  background:linear-gradient(100deg,rgba(116,19,38,.62),rgba(64,11,24,.46))!important;
}
.recipe-card-wrap .recipe-card-body.gf-glass::before{
  background:linear-gradient(to bottom,rgba(88,12,29,0),rgba(100,15,33,.18) 38%,rgba(104,16,35,.48) 100%)!important;
}
.recipe-card-wrap .recipe-card-copy{
  max-width:calc(100% - 190px)!important;
  padding-right:12px!important;
}
.recipe-card-wrap .recipe-card-body h3{
  font-size:22px!important;
  line-height:1.08!important;
  margin:7px 0 0!important;
}
.recipe-card-wrap .dashboard-time-pill{
  position:relative!important;
  z-index:2!important;
  min-width:164px!important;
  height:70px!important;
  padding:9px 15px!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.07))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 6px 18px rgba(0,0,0,.18)!important;
}
.recipe-card-wrap .dashboard-time-icon{
  width:36px!important;
  height:36px!important;
  font-size:28px!important;
}
.recipe-card-wrap .dashboard-time-copy small{
  font-size:11px!important;
}
.recipe-card-wrap .dashboard-time-copy b{
  font-size:18px!important;
  margin-top:5px!important;
}
/* Keep the super-user crop control out of the visual hierarchy until requested. */
.recipe-card-wrap .crop-orb{
  opacity:0!important;
  transform:scale(.92)!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
.recipe-card-wrap:hover .crop-orb,
.recipe-card-wrap:focus-within .crop-orb{
  opacity:.82!important;
  transform:scale(1)!important;
}
@media(max-width:760px){
  .recipe-card-wrap .recipe-card-body{
    min-height:94px!important;
    height:94px!important;
    padding:12px 12px 11px 14px!important;
  }
  .recipe-card-wrap .recipe-card-copy{max-width:calc(100% - 136px)!important}
  .recipe-card-wrap .recipe-card-body h3{font-size:18px!important}
  .recipe-card-wrap .dashboard-time-pill{min-width:124px!important;height:61px!important;padding:7px 10px!important}
  .recipe-card-wrap .dashboard-time-icon{width:29px!important;height:29px!important;font-size:23px!important}
  .recipe-card-wrap .dashboard-time-copy b{font-size:14px!important}
}

/* Mise 0.0.41 — validated dashboard card treatment matching approved mockup */
.recipe-card-wrap .recipe-card {
  position: relative !important;
  display: block !important;
  height: 292px !important;
  overflow: hidden !important;
  border: 2px solid #030304 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.34) !important;
}
.recipe-card-wrap .recipe-card-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: #fff !important;
  overflow: hidden !important;
}
.recipe-card-wrap .recipe-card-media .croppable-hero {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: #fff !important;
}
.recipe-card-wrap .recipe-card-media:after {
  content: none !important;
  display: none !important;
}
.recipe-card-wrap .recipe-card-body {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 104px !important;
  min-height: 104px !important;
  margin: 0 !important;
  padding: 18px 18px 13px 20px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 0 16px 16px !important;
  background: linear-gradient(100deg, rgba(86,22,32,.48), rgba(47,17,23,.36)) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  overflow: visible !important;
  isolation: isolate !important;
}
.recipe-card-wrap .recipe-card-body::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -28px !important;
  height: 29px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(to bottom, rgba(73,18,27,0), rgba(73,18,27,.06) 35%, rgba(73,18,27,.24) 72%, rgba(73,18,27,.45) 100%) !important;
}
.recipe-card-wrap .recipe-card-body.gf-glass {
  background: linear-gradient(100deg, rgba(117,22,41,.52), rgba(63,12,25,.39)) !important;
}
.recipe-card-wrap .recipe-card-body.gf-glass::before {
  background: linear-gradient(to bottom, rgba(104,15,34,0), rgba(104,15,34,.07) 35%, rgba(104,15,34,.26) 72%, rgba(104,15,34,.48) 100%) !important;
}
/* The title/category area is part of the shared band, not a second rounded card. */
.recipe-card-wrap .recipe-card-copy,
.recipe-card-wrap .recipe-card-body.gf-glass .recipe-card-copy {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 186px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.recipe-card-wrap .recipe-card-body .card-category-row {
  margin: 0 0 8px !important;
  line-height: 1 !important;
}
.recipe-card-wrap .recipe-card-body .category-badge {
  padding: 5px 10px !important;
  font-size: 10px !important;
  background: rgba(126,24,43,.68) !important;
  border: 1px solid rgba(255,170,181,.26) !important;
  border-radius: 999px !important;
}
.recipe-card-wrap .recipe-card-body h3 {
  margin: 0 !important;
  max-width: 100% !important;
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.62) !important;
}
.recipe-card-wrap .dashboard-time-pill {
  position: relative !important;
  flex: 0 0 auto !important;
  align-self: flex-end !important;
  min-width: 168px !important;
  height: 72px !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.06)) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.16), 0 7px 20px rgba(0,0,0,.18) !important;
  backdrop-filter: blur(15px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(15px) saturate(150%) !important;
}
.recipe-card-wrap .dashboard-time-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 29px !important;
  line-height: 1 !important;
}
.recipe-card-wrap .dashboard-time-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.recipe-card-wrap .dashboard-time-copy small {
  margin: 0 0 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.9) !important;
}
.recipe-card-wrap .dashboard-time-copy b {
  margin: 0 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #fff !important;
  white-space: nowrap !important;
}
.recipe-card-wrap .recipe-type-tag {
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
}
.recipe-card-wrap .crop-orb {
  opacity: 0 !important;
  pointer-events: none !important;
}
.recipe-card-wrap:hover .crop-orb,
.recipe-card-wrap:focus-within .crop-orb {
  opacity: .78 !important;
  pointer-events: auto !important;
}
@media (max-width: 760px) {
  .recipe-card-wrap .recipe-card { height: 266px !important; }
  .recipe-card-wrap .recipe-card-body {
    height: 94px !important;
    min-height: 94px !important;
    padding: 15px 12px 11px 14px !important;
    gap: 10px !important;
  }
  .recipe-card-wrap .recipe-card-copy { max-width: calc(100% - 132px) !important; }
  .recipe-card-wrap .recipe-card-body h3 { font-size: 18px !important; }
  .recipe-card-wrap .dashboard-time-pill {
    min-width: 122px !important;
    height: 62px !important;
    padding: 8px 10px !important;
    gap: 7px !important;
  }
  .recipe-card-wrap .dashboard-time-icon {
    width: 29px !important;
    height: 29px !important;
    flex-basis: 29px !important;
    font-size: 22px !important;
  }
  .recipe-card-wrap .dashboard-time-copy b { font-size: 14px !important; }
}

/* Mise 0.0.41 — approved Recipe Dashboard glass-band design */
.recipe-card-wrap {
  height: 318px !important;
  border-radius: 20px !important;
}
.recipe-card-wrap .recipe-card {
  position: relative !important;
  height: 318px !important;
  min-height: 318px !important;
  overflow: hidden !important;
  border: 2px solid #050506 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.recipe-card-wrap .recipe-card-media {
  position: absolute !important;
  inset: 0 !important;
  height: 100% !important;
  background: #fff !important;
}
.recipe-card-wrap .recipe-card-media::after {
  display: none !important;
  content: none !important;
}
.recipe-card-wrap .recipe-card-body {
  position: absolute !important;
  z-index: 4 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 105px !important;
  min-height: 105px !important;
  margin: 0 !important;
  padding: 23px 15px 12px 18px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: start !important;
  column-gap: 12px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: linear-gradient(
    to bottom,
    rgba(89,43,46,.12) 0%,
    rgba(93,48,51,.37) 25%,
    rgba(82,34,40,.54) 58%,
    rgba(65,22,29,.66) 100%
  ) !important;
  box-shadow: none !important;
  backdrop-filter: blur(17px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(17px) saturate(145%) !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.38) 14px, #000 34px, #000 100%) !important;
  mask-image: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.38) 14px, #000 34px, #000 100%) !important;
}
.recipe-card-wrap .recipe-card-body::before,
.recipe-card-wrap .recipe-card-body::after {
  display: none !important;
  content: none !important;
  filter: none !important;
  box-shadow: none !important;
}
.recipe-card-wrap .recipe-card-body.gf-glass {
  background: linear-gradient(
    to bottom,
    rgba(116,18,34,.10) 0%,
    rgba(112,20,38,.38) 25%,
    rgba(91,13,28,.57) 58%,
    rgba(67,8,20,.70) 100%
  ) !important;
  border: 0 !important;
  box-shadow: none !important;
}
.recipe-card-wrap .recipe-card-copy {
  min-width: 0 !important;
  max-width: none !important;
  height: 68px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.recipe-card-wrap .recipe-card-body .card-category-row {
  margin: 0 0 7px !important;
  line-height: 1 !important;
}
.recipe-card-wrap .recipe-card-body .category-badge {
  padding: 5px 9px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  background: rgba(120,12,38,.72) !important;
  border: 1px solid rgba(255,187,196,.24) !important;
  border-radius: 999px !important;
  color: #fff !important;
  box-shadow: none !important;
}
.recipe-card-wrap .recipe-card-body h3 {
  width: 100% !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(16px,1.35vw,20px) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.72) !important;
}
.recipe-card-wrap .dashboard-time-pill {
  position: relative !important;
  align-self: start !important;
  min-width: 144px !important;
  height: 67px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border-radius: 18px !important;
  background: rgba(72,48,50,.30) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter: blur(13px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(13px) saturate(140%) !important;
}
.recipe-card-wrap .dashboard-time-icon {
  width: 31px !important;
  height: 31px !important;
  flex: 0 0 31px !important;
  font-size: 24px !important;
}
.recipe-card-wrap .dashboard-time-copy small {
  margin: 0 0 4px !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .045em !important;
}
.recipe-card-wrap .dashboard-time-copy b {
  font-size: 15px !important;
  line-height: 1 !important;
}
.recipe-card-wrap .recipe-type-tag {
  top: 11px !important;
  left: 11px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.28) !important;
}
@media (max-width: 760px) {
  .recipe-card-wrap,
  .recipe-card-wrap .recipe-card { height: 290px !important; min-height: 290px !important; }
  .recipe-card-wrap .recipe-card-body {
    height: 98px !important;
    min-height: 98px !important;
    padding: 22px 11px 10px 13px !important;
    grid-template-columns: minmax(0,1fr) 126px !important;
    column-gap: 8px !important;
  }
  .recipe-card-wrap .recipe-card-copy { height: 62px !important; }
  .recipe-card-wrap .recipe-card-body h3 { font-size: 16px !important; }
  .recipe-card-wrap .dashboard-time-pill {
    min-width: 126px !important;
    height: 62px !important;
    padding: 8px 9px !important;
    gap: 6px !important;
  }
  .recipe-card-wrap .dashboard-time-icon {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    font-size: 20px !important;
  }
  .recipe-card-wrap .dashboard-time-copy b { font-size: 13px !important; }
}
.recipe-card-wrap .recipe-card-body { justify-content: normal !important; }
.recipe-card-wrap .recipe-card-copy {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
  align-self: start !important;
}
.recipe-card-wrap .recipe-card-body .recipe-card-copy,
.recipe-card-wrap .recipe-card-body.gf-glass .recipe-card-copy {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}

/* Mise 0.0.42 — lighter dashboard glass band without image-darkening blur */
.recipe-card-wrap .recipe-card-body,
.recipe-card-wrap .recipe-card-body.gf-glass {
  height: 101px !important;
  min-height: 101px !important;
  padding-top: 16px !important;
  background: linear-gradient(
    to bottom,
    rgba(116, 74, 76, 0) 0,
    rgba(116, 74, 76, .10) 7px,
    rgba(105, 59, 64, .25) 14px,
    rgba(86, 39, 47, .34) 25px,
    rgba(67, 25, 34, .42) 100%
  ) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
.recipe-card-wrap .recipe-card-body.gf-glass {
  background: linear-gradient(
    to bottom,
    rgba(132, 39, 53, 0) 0,
    rgba(132, 39, 53, .11) 7px,
    rgba(118, 28, 45, .27) 14px,
    rgba(96, 18, 35, .36) 25px,
    rgba(72, 10, 26, .45) 100%
  ) !important;
}
.recipe-card-wrap .recipe-card-body::before,
.recipe-card-wrap .recipe-card-body::after {
  display: none !important;
  content: none !important;
}
.recipe-card-wrap .recipe-card-copy {
  height: 66px !important;
}
@media (max-width: 760px) {
  .recipe-card-wrap .recipe-card-body,
  .recipe-card-wrap .recipe-card-body.gf-glass {
    height: 95px !important;
    min-height: 95px !important;
    padding-top: 14px !important;
  }
}

/* Mise 0.0.43 — rounded iOS liquid-glass dashboard information dock */
.recipe-card-wrap .recipe-card-body,
.recipe-card-wrap .recipe-card-body.gf-glass {
  left: 12px !important;
  right: 12px !important;
  bottom: 10px !important;
  width: auto !important;
  height: 84px !important;
  min-height: 84px !important;
  padding: 11px 11px 10px 14px !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(96, 52, 58, .43), rgba(50, 24, 30, .36)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 8px 20px rgba(0,0,0,.14) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  overflow: hidden !important;
}
.recipe-card-wrap .recipe-card-body.gf-glass {
  background: linear-gradient(135deg, rgba(126, 28, 48, .47), rgba(65, 15, 28, .40)) !important;
}
.recipe-card-wrap .recipe-card-body::before,
.recipe-card-wrap .recipe-card-body.gf-glass::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 38%, transparent 70%) !important;
  box-shadow: none !important;
}
.recipe-card-wrap .recipe-card-body::after,
.recipe-card-wrap .recipe-card-body.gf-glass::after {
  display: none !important;
  content: none !important;
}
.recipe-card-wrap .recipe-card-copy {
  position: relative !important;
  z-index: 1 !important;
  height: auto !important;
  min-height: 58px !important;
  justify-content: center !important;
}
.recipe-card-wrap .recipe-card-body .card-category-row {
  margin: 0 0 6px !important;
}
.recipe-card-wrap .recipe-card-body h3 {
  font-size: clamp(15px, 1.18vw, 18px) !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
  text-shadow: 0 1px 5px rgba(0,0,0,.58) !important;
}
.recipe-card-wrap .dashboard-time-pill {
  position: relative !important;
  z-index: 2 !important;
  align-self: center !important;
  min-width: 134px !important;
  height: 62px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.17), 0 4px 12px rgba(0,0,0,.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.recipe-card-wrap .dashboard-time-copy small {
  font-size: 9px !important;
}
.recipe-card-wrap .dashboard-time-copy b {
  font-size: 14px !important;
}
@media (max-width: 760px) {
  .recipe-card-wrap .recipe-card-body,
  .recipe-card-wrap .recipe-card-body.gf-glass {
    left: 9px !important;
    right: 9px !important;
    bottom: 8px !important;
    height: 78px !important;
    min-height: 78px !important;
    padding: 9px 9px 9px 12px !important;
    grid-template-columns: minmax(0,1fr) 120px !important;
    border-radius: 16px !important;
  }
  .recipe-card-wrap .recipe-card-copy {
    min-height: 54px !important;
  }
  .recipe-card-wrap .recipe-card-body h3 {
    font-size: 15px !important;
  }
  .recipe-card-wrap .dashboard-time-pill {
    min-width: 120px !important;
    height: 56px !important;
    border-radius: 14px !important;
  }
}

/* Mise 0.0.44 — 5% stronger liquid-glass dock with light frost */
.recipe-card-wrap .recipe-card-body,
.recipe-card-wrap .recipe-card-body.gf-glass {
  background: linear-gradient(135deg, rgba(96, 52, 58, .48), rgba(50, 24, 30, .41)) !important;
  backdrop-filter: blur(5px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(118%) !important;
}
.recipe-card-wrap .recipe-card-body.gf-glass {
  background: linear-gradient(135deg, rgba(126, 28, 48, .52), rgba(65, 15, 28, .45)) !important;
}
.recipe-card-wrap .dashboard-time-pill {
  background: linear-gradient(135deg, rgba(255,255,255,.17), rgba(255,255,255,.105)) !important;
  backdrop-filter: blur(5px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(118%) !important;
}

/* Mise 0.0.45 — Food allergen settings, ingredient assignment, and recipe alerts */
.allergen-info-button{
  width:34px;height:34px;border-radius:50%;padding:0;display:inline-grid;place-items:center;
  background:rgba(126,25,45,.9);color:#fff;border:1px solid rgba(255,255,255,.2);
  font:700 17px/1 Georgia,serif;box-shadow:0 5px 16px rgba(80,0,18,.25)
}
.allergen-info-button:hover{transform:scale(1.08)}
.allergen-info-modal{position:fixed;inset:0;z-index:1200;display:none;place-items:center;padding:24px;background:rgba(0,0,0,.68)}
.allergen-info-modal.open{display:grid}
.allergen-info-card{position:relative;width:min(620px,94vw);padding:30px;border-radius:24px;background:#18191d;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 70px rgba(0,0,0,.55)}
.allergen-info-card h3{margin:8px 0 16px;color:#fff;text-align:center;font-size:26px}
.allergen-info-card textarea{width:100%;margin-bottom:14px}
.allergen-info-icon{width:46px;height:46px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#7f1730;color:white;font:800 22px Georgia,serif}
.ingredient-allergen-picker{margin:18px 0;padding:20px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-heading-row h2{margin:3px 0 0}.section-heading-row p{margin:0;color:var(--muted)}
.allergen-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}
.allergen-check-card{position:relative;min-height:70px;display:flex;align-items:center;gap:11px;padding:10px 38px 10px 11px;border-radius:15px;background:#111319;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.18s ease}
.allergen-check-card:hover{background:#171920;transform:translateY(-1px)}
.allergen-check-card input{position:absolute;opacity:0;pointer-events:none}
.allergen-check-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:rgba(125,22,45,.14)}
.allergen-check-icon img{width:32px;height:32px;object-fit:contain;filter:sepia(1) saturate(4.5) hue-rotate(305deg) brightness(.9)}
.allergen-checkmark{position:absolute;right:11px;top:50%;transform:translateY(-50%) scale(.75);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#8e1834;color:#fff;opacity:0;transition:.18s ease}
.allergen-check-card:has(input:checked){border-color:rgba(177,38,67,.72);background:rgba(111,20,40,.18)}
.allergen-check-card:has(input:checked) .allergen-checkmark{opacity:1;transform:translateY(-50%) scale(1)}
.recipe-allergen-section{margin-top:22px;padding-top:18px;border-top:1px solid rgba(109,18,38,.18)}
.recipe-allergen-section h2{text-align:center;color:#77152d;margin:0 0 14px}
.recipe-allergen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.recipe-allergen-card{min-width:0;padding:10px 6px 12px;border:0;background:transparent;color:#7e1730;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;border-radius:15px;transition:.18s ease}
.recipe-allergen-card:hover{background:rgba(128,20,45,.07);transform:scale(1.035)}
.recipe-allergen-card img,.allergen-fallback{width:52px;height:52px;object-fit:contain;display:grid;place-items:center;filter:sepia(1) saturate(4.5) hue-rotate(305deg) brightness(.82)}
.recipe-allergen-card strong{font-size:13px;line-height:1.15;text-align:center;color:#821832}
.food-allergen-modal-card{border-color:rgba(177,37,65,.6)!important;background:linear-gradient(160deg,#211318,#120f12)!important}
.food-allergen-modal-icon{width:76px;height:76px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;background:rgba(139,22,49,.18)}
.food-allergen-modal-icon img{width:58px;height:58px;object-fit:contain;filter:sepia(1) saturate(5) hue-rotate(305deg) brightness(1.05)}
.food-allergen-modal-card h2{color:#fff}.food-allergen-modal-card p{font-size:17px;line-height:1.55;color:#f6e9ed}
.food-allergen-warning{margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(139,22,49,.24);color:#fff;font-weight:650;line-height:1.45}
@media(max-width:640px){.recipe-allergen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading-row{align-items:flex-start;flex-direction:column}}

/* Mise 0.0.46 — Kitchen Stations dashboard */
.prep-overview-shell{max-width:1680px;margin:0 auto}.prep-overview-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 16px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.prep-brand-lockup{display:flex;align-items:center;gap:20px}.prep-brand-icon{width:82px;height:82px;border:1px solid rgba(215,25,32,.7);border-radius:50%;display:grid;place-items:center;font-size:34px;color:#e94a50;background:radial-gradient(circle,rgba(215,25,32,.12),transparent 68%);box-shadow:inset 0 0 22px rgba(215,25,32,.08)}.prep-brand-lockup h1{font-size:42px;line-height:1;margin:0 0 8px;font-weight:760}.prep-brand-lockup p{margin:0;color:#96989d;font-size:16px}.prep-brand-lockup span{display:block;width:52px;height:3px;background:#e53a42;border-radius:99px;margin-top:16px}.prep-header-tools{display:flex;align-items:center;gap:28px}.last-updated{color:#aaaeb5;font-size:14px}.prep-header-tools select{width:185px;background:#17191b;border:1px solid #34373b;border-radius:14px;padding:14px 16px;font-weight:650}.prep-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0;background:linear-gradient(180deg,#17191b,#101214);border:1px solid #2a2d31;border-radius:16px;overflow:hidden}.prep-summary-item{min-height:110px;padding:22px 28px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;position:relative}.prep-summary-item:not(:last-child):after{content:"";position:absolute;right:0;top:22px;bottom:22px;width:1px;background:#2b2d31}.summary-icon{width:48px;height:48px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:23px}.summary-icon.red{color:#e23a42}.summary-icon.green{color:#67c85a}.summary-value{font-size:36px;font-weight:760;white-space:nowrap}.summary-value.small{font-size:29px}.prep-summary-item strong{display:block;font-size:15px}.prep-summary-item span{display:block;color:#92969c;margin-top:5px;font-size:14px}.summary-ring{--pct:0;width:50px;height:50px;border-radius:50%;background:conic-gradient(#f2d79a calc(var(--pct)*1%),#33363a 0);position:relative}.summary-ring:after{content:"";position:absolute;inset:7px;background:#131517;border-radius:50%}.summary-ring span{position:absolute;inset:0;z-index:1}.station-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.station-progress-card{background:linear-gradient(145deg,#17191b,#101214);border:1px solid #303338;border-radius:16px;padding:22px;min-height:290px;display:flex;flex-direction:column;box-shadow:0 15px 40px rgba(0,0,0,.15);transition:border-color .2s,transform .2s}.station-progress-card:hover{border-color:rgba(215,25,32,.65);transform:translateY(-2px)}.station-card-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.station-heading{display:flex;gap:15px;align-items:center}.station-icon{width:58px;height:58px;border:1px solid rgba(215,25,32,.55);border-radius:50%;display:grid;place-items:center;color:#e8464d;font-size:26px;background:rgba(215,25,32,.06)}.station-heading h2{font-size:28px;margin:0 0 4px}.station-heading p{margin:0;color:#9da0a6}.station-gauge{width:145px;height:90px;position:relative;overflow:hidden}.station-gauge:before{content:"";position:absolute;left:10px;right:10px;bottom:-48px;height:128px;border-radius:50%;background:conic-gradient(from 225deg,var(--gauge-color) calc(var(--pct)*1.5deg),#2d3034 0 270deg,transparent 0);-webkit-mask:radial-gradient(circle,transparent 0 54%,#000 55% 67%,transparent 68%)}.station-gauge>div{position:absolute;inset:34px 0 0;display:grid;place-items:center;align-content:start}.station-gauge strong{font-size:34px}.station-gauge span{font-size:13px;color:#d7d7d8}.station-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.station-status{border:1px solid #34383e;border-radius:9px;padding:12px 10px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;background:#1d2024}.station-status span{grid-row:1/3;font-size:23px}.station-status b{font-size:23px}.station-status small{font-size:12px;color:#d4d6d8}.station-status.assigned span{color:#8db6ec}.station-status.progress{background:rgba(150,92,15,.15);border-color:rgba(199,126,32,.32)}.station-status.progress span{color:#f4a623}.station-status.completed{background:rgba(62,117,46,.15);border-color:rgba(99,160,75,.32)}.station-status.completed span{color:#8dd44f}.station-labor{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;color:#d4d5d6}.station-labor strong{font-size:17px}.station-labor span{grid-column:1/-1;color:#90949a;font-size:14px}.station-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px}.station-card-footer>a{color:#f04a50;font-weight:650}.station-card-footer>a span{font-size:21px;margin-left:8px}.station-mini-chart{background:#1d2023;border:1px solid #303338;color:#d7d7d8;padding:8px 11px;border-radius:8px}.recent-section{margin-top:26px}.filtered-prep-panel{margin:22px 0}.prep-overview-shell .recent-prep-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1250px){.station-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prep-summary-strip{grid-template-columns:repeat(2,1fr)}.prep-summary-item:nth-child(2):after{display:none}}
@media(max-width:760px){.prep-overview-header,.prep-header-tools{align-items:flex-start;flex-direction:column}.prep-brand-lockup h1{font-size:34px}.prep-brand-icon{width:64px;height:64px}.prep-summary-strip,.station-dashboard-grid,.prep-overview-shell .recent-prep-grid{grid-template-columns:1fr}.prep-summary-item:after{display:none}.station-card-top{align-items:center}.station-gauge{width:125px}.content{padding:16px}}

/* Mise 0.0.47 — visual prep station board */
.station-v2{display:grid;gap:22px}.station-summary{display:grid;grid-template-columns:.8fr .8fr .8fr 1.35fr 1.15fr;background:linear-gradient(145deg,#17191b,#101112);border:1px solid #303337;border-radius:16px;overflow:hidden}.station-summary-card{min-height:104px;padding:18px 22px;display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid #2d3034}.station-summary-card:last-child{border-right:0}.station-summary-card .summary-icon{font-size:30px;color:#e72a32}.station-summary-card strong{font-size:29px;line-height:1.05;display:block}.station-summary-card small,.station-summary-card em{display:block;color:#aeb2b7;font-style:normal;margin-top:5px}.station-summary-total strong{color:#69b8ff}.station-summary-progress strong{color:#ffad32}.station-summary-complete strong{color:#65d378}.station-summary-gauge strong{font-size:15px}.station-ring,.mini-ring{--pct:0;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff9f1a calc(var(--pct)*1%),#292c30 0);position:relative}.station-ring:before,.mini-ring:before{content:"";position:absolute;inset:8px;border-radius:inherit;background:#141618}.station-ring span,.mini-ring span{position:relative;font-size:22px;font-weight:800}.station-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#181a1c;border:1px solid #303337;border-radius:14px;padding:14px 16px}.station-picker-form{display:flex;align-items:center;gap:10px}.station-picker-form select{width:165px}.station-filter{display:flex;gap:5px;background:#111315;border:1px solid #2f3337;border-radius:11px;padding:5px}.station-filter button{background:transparent;color:#b8bdc3;padding:9px 13px}.station-filter button.active{background:#292c30;color:#fff}.station-filter b{margin-left:5px;color:#ffad32}.station-section-heading{display:flex;align-items:center;gap:12px;margin:2px 0 12px;padding-left:14px;border-left:4px solid #ff9f1a}.station-section-heading h2{margin:0}.station-section-heading span{color:#969ca3}.completed-heading{border-left-color:#55c86b}.station-task-list{display:grid;gap:10px}.station-task-row{display:grid;grid-template-columns:220px minmax(280px,1fr) 145px 145px 220px;align-items:center;gap:20px;min-height:146px;padding:10px;background:linear-gradient(145deg,#181a1c,#111315);border:1px solid #313438;border-radius:15px;overflow:hidden}.station-task-row:hover{border-color:#555b62}.station-task-image{height:126px;border-radius:11px;overflow:hidden;background:#25282c;display:grid;place-items:center;color:#777;font-weight:800}.station-task-image img{width:100%;height:100%;object-fit:cover}.station-task-type{display:inline-block;padding:4px 8px;border-radius:6px;background:#30294c;color:#d8ccff;font-size:10px;text-transform:uppercase}.station-task-main h3{font-size:20px;margin:8px 0 5px}.station-task-main p{margin:0;color:#b4bac1}.station-task-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.station-task-chips span{font-size:11px;padding:5px 9px;border-radius:7px;background:#25292d;color:#ddd}.station-task-chips span:first-child{background:#173d24;color:#70dd8a}.station-task-time{padding-left:10px}.station-task-time small{display:block;color:#aab0b7;margin-bottom:8px}.station-task-time strong{font-size:17px}.station-task-progress{text-align:center}.mini-ring{width:78px;height:78px;margin:auto;background:conic-gradient(#ff9f1a calc(var(--pct)*1%),#292c30 0)}.mini-ring.todo{background:conic-gradient(#5e7186 calc(var(--pct)*1%),#292c30 0)}.mini-ring:before{inset:9px}.station-task-progress small{display:block;margin-top:6px;color:#c7cbd0}.station-task-meta{display:grid;gap:8px;justify-items:start}.station-task-meta>strong{font-size:16px}.station-task-meta>small{color:#aab0b7}.station-task-buttons{display:flex;gap:8px;align-items:center}.station-task-buttons form,.reopen-meta form{margin:0}.compact{padding:8px 11px}.completed-row{grid-template-columns:220px minmax(280px,1fr) 145px 180px 170px}.completed-stamp{display:flex;align-items:center;gap:12px}.completed-stamp>span{width:36px;height:36px;border-radius:50%;border:2px solid #4ecb68;color:#65dd7d;display:grid;place-items:center;font-weight:900}.completed-stamp strong{display:block;color:#68db7f}.completed-stamp small{display:block;color:#ddd;margin-top:4px}.reopen-meta{grid-auto-flow:column;align-items:center}.station-board-note{text-align:center;color:#8f959c;font-size:12px;padding:4px 0 10px}
@media(max-width:1300px){.station-summary{grid-template-columns:repeat(3,1fr)}.station-summary-card{border-bottom:1px solid #2d3034}.station-task-row,.completed-row{grid-template-columns:180px minmax(240px,1fr) 130px 130px 180px}}
@media(max-width:980px){.station-summary{grid-template-columns:repeat(2,1fr)}.station-toolbar{align-items:stretch;flex-direction:column}.station-filter{overflow-x:auto}.station-task-row,.completed-row{grid-template-columns:150px 1fr 120px}.station-task-progress,.completed-stamp{grid-column:3}.station-task-meta{grid-column:2 / 4;display:flex;align-items:center;justify-content:flex-end}.station-task-image{height:110px}}
@media(max-width:650px){.station-summary{grid-template-columns:1fr}.station-picker-form{align-items:stretch;flex-direction:column}.station-task-row,.completed-row{grid-template-columns:1fr}.station-task-image{height:190px}.station-task-time,.station-task-progress,.completed-stamp,.station-task-meta{grid-column:auto}.station-task-meta{justify-content:flex-start;flex-wrap:wrap}}
/* Mise 0.0.48 station race timer + quality workflow */
.station-v3{display:grid;gap:22px}.station-v3 .station-summary{grid-template-columns:.75fr .75fr .75fr 1.25fr 1.05fr}.station-v3 .station-task-row{grid-template-columns:220px minmax(300px,1fr) 250px 190px;min-height:152px}.station-v3 .completed-row{grid-template-columns:220px minmax(300px,1fr) 220px 190px}.station-speedometer{--timer-pct:100;position:relative;width:230px;height:122px;display:grid;place-items:center;align-content:center}.station-speedometer svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.speed-track,.speed-value{fill:none;stroke-width:13;stroke-linecap:round}.speed-track{stroke:#30343a}.speed-value{stroke:#7f8994;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--timer-pct));transition:stroke-dashoffset .5s linear,stroke .3s}.station-speedometer.in_progress .speed-value{stroke:url(#timerGradient);stroke:#ff9518}.station-speedometer.in_progress{}.speed-ticks line{stroke:#aeb4ba;stroke-width:2;opacity:.7}.station-speedometer.todo .speed-ticks{opacity:.38}.speed-number{font-size:38px;font-weight:850;letter-spacing:-1px;z-index:2;margin-top:23px}.station-speedometer.todo .speed-number{color:#a1a6ac}.station-speedometer.in_progress .speed-number{color:#fff;text-shadow:0 0 20px rgba(255,139,25,.35)}.station-speedometer small{z-index:2;color:#aeb4ba;margin-top:-2px}.completed-speed{display:flex;align-items:center;gap:14px}.completed-check{width:58px;height:58px;border:3px solid #4dcc69;border-radius:50%;display:grid;place-items:center;color:#58db73;font-size:30px}.completed-speed strong{display:block;color:#65dd7d;font-size:16px}.completed-speed small{display:block;margin-top:5px}.race-overlay,.station-modal{position:fixed;inset:0;z-index:5000;background:rgba(0,0,0,.82);display:grid;place-items:center;padding:24px}.race-overlay[hidden],.station-modal[hidden]{display:none}.race-panel{width:min(520px,90vw);text-align:center;border:1px solid rgba(255,139,25,.45);border-radius:24px;padding:30px;background:radial-gradient(circle at 50% 55%,rgba(255,95,0,.17),transparent 44%),#0c0e10;box-shadow:0 0 80px rgba(255,102,0,.18)}.race-title{font-size:34px;font-style:italic;font-weight:950;color:#ffd335;text-shadow:0 3px 0 #8a2b00}.race-gauge{position:relative;height:300px}.race-gauge svg{width:100%;height:100%}.race-gauge path{fill:none;stroke:#ff7417;stroke-width:13;stroke-linecap:round;filter:drop-shadow(0 0 12px #ff5a00)}.race-gauge line{stroke:#f7d59c;stroke-width:2}.race-gauge strong{position:absolute;inset:80px 0 auto;font-size:132px;line-height:1;font-weight:950;color:#fff;text-shadow:0 0 25px #ff4d00}.race-gauge strong.pop{animation:racePop .7s ease}.race-go{font-size:82px;font-weight:950;font-style:italic;color:#65df59;opacity:0;transform:scale(.55)}.race-go.show{animation:goBurst .85s ease forwards}@keyframes racePop{0%{transform:scale(.35);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}@keyframes goBurst{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.22)}100%{opacity:1;transform:scale(1)}}
.station-modal{background:rgba(0,0,0,.76);transition:opacity .35s}.station-modal.dissolve{opacity:0}.station-modal-card{position:relative;width:min(540px,94vw);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#191c1f,#0f1113);border:1px solid #3c4146;border-radius:22px;padding:28px;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.55)}.modal-x{position:absolute;right:16px;top:14px;border-radius:50%;width:38px;height:38px;padding:0;background:#2a2e32}.modal-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:50%;border:2px solid #e4313a;color:#ff535b;display:grid;place-items:center;font-size:27px}.standards-panel{text-align:left;margin:20px 0;padding:18px;background:#101214;border:1px solid #34383d;border-radius:14px}.standards-panel h3{margin-top:0}.standards-panel li{margin:8px 0;color:#d4d7da}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.success{background:#299f42}.danger{background:#e32631}.success-card .success-check{width:82px;height:82px;border-radius:50%;border:3px solid #46c85d;color:#55db6d;display:grid;place-items:center;font-size:48px;margin:0 auto 14px}.storage-copy{text-align:left;background:#101214;border-radius:13px;padding:14px;margin:16px 0}.station-label-preview{display:block;width:min(320px,100%);max-height:360px;object-fit:contain;background:white;border-radius:12px;margin:15px auto}.full{width:100%}
@media(max-width:1200px){.station-v3 .station-task-row,.station-v3 .completed-row{grid-template-columns:180px 1fr 220px}.station-v3 .station-task-meta{grid-column:2/4;display:flex;justify-content:flex-end;align-items:center}.station-v3 .station-task-image{height:115px}}
@media(max-width:760px){.station-v3 .station-task-row,.station-v3 .completed-row{grid-template-columns:1fr}.station-v3 .station-task-meta{grid-column:auto;justify-content:flex-start}.station-speedometer{width:100%;max-width:280px}.race-title{font-size:25px}.race-gauge strong{font-size:100px}.race-go{font-size:62px}}
/* Mise 0.0.49 station timer and validation refinements */
.station-speedometer{overflow:hidden;border-radius:18px;isolation:isolate}
.station-speedometer .speed-value{stroke:var(--timer-color,#7f8994);stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--timer-pct,0));transition:stroke-dashoffset .75s linear,stroke .75s linear;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--timer-color,#7f8994) 55%,transparent))}
.station-speedometer.todo .speed-value{stroke:#687079;filter:none;stroke-dashoffset:100}
.station-speedometer.in_progress .speed-value{stroke:var(--timer-color,#46e879)}
.station-speedometer.in_progress .speed-number{color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--timer-color,#46e879) 45%,transparent)}
.task-race-overlay{position:absolute;inset:5px 6px 2px;z-index:8;display:grid;place-items:center;align-content:center;border-radius:16px;background:radial-gradient(circle at 50% 55%,rgba(255,145,28,.22),rgba(5,7,9,.93) 62%);box-shadow:inset 0 0 0 1px rgba(255,174,58,.35)}
.task-race-overlay[hidden]{display:none}
.task-race-title{font-size:13px;font-weight:950;font-style:italic;letter-spacing:.5px;color:#ffd446;text-shadow:0 2px 0 #7b2500;margin-bottom:0}
.task-race-number{font-size:62px;line-height:.95;font-weight:950;color:#fff;text-shadow:0 0 20px #ff5a00}
.task-race-number.pop{animation:taskRacePop .65s ease}
.task-race-go{display:none;font-size:48px;line-height:1;font-weight:950;font-style:italic;color:#65e45e;text-shadow:0 0 18px rgba(82,235,74,.55)}
.task-race-go.show{display:block;animation:taskGoBurst .75s ease forwards}
@keyframes taskRacePop{0%{transform:scale(.35);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@keyframes taskGoBurst{0%{opacity:0;transform:scale(.45)}65%{opacity:1;transform:scale(1.18)}100%{opacity:1;transform:scale(1)}}
#qualityModal .station-modal-card{padding-top:30px}
#storageModal{z-index:5100}
#storageModal .station-modal-card{animation:storageReveal .42s ease both}
@keyframes storageReveal{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

/* Mise 0.0.51 — progressive speedometer and halfway encouragement */
.station-speedometer .speed-track,
.station-speedometer .speed-value{
  fill:none !important;
}
.station-speedometer .speed-value{
  stroke-dasharray:100;
  stroke-dashoffset:calc(100 - var(--timer-pct,0));
  transition:stroke-dashoffset .65s linear,stroke .65s linear !important;
}
.task-halfway-overlay{
  position:absolute;
  inset:4px 7px 8px;
  z-index:8;
  display:grid;
  place-content:center;
  text-align:center;
  border-radius:16px;
  background:radial-gradient(circle at 50% 55%,rgba(74,232,113,.24),rgba(8,12,10,.88) 65%);
  pointer-events:none;
  overflow:hidden;
}
.task-halfway-overlay[hidden]{display:none}
.task-halfway-overlay strong,
.task-halfway-overlay span{
  display:block;
  opacity:0;
  transform:scale(.55);
  text-transform:uppercase;
  font-style:italic;
  font-weight:950;
  letter-spacing:.02em;
}
.task-halfway-overlay strong{
  color:#74f18f;
  font-size:25px;
  text-shadow:0 0 18px rgba(70,232,121,.78),0 2px 0 #173f22;
}
.task-halfway-overlay span{
  margin-top:6px;
  color:#fff;
  font-size:18px;
  text-shadow:0 0 12px rgba(255,255,255,.35);
}
.task-halfway-overlay.play strong{animation:halfwayPop 1.05s ease forwards}
.task-halfway-overlay.play span{animation:halfwayPop .85s .75s ease forwards}
@keyframes halfwayPop{
  0%{opacity:0;transform:scale(.45) rotate(-3deg)}
  60%{opacity:1;transform:scale(1.13) rotate(1deg)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}

/* Mise 0.0.52 — browser-safe proportional gauge fill */
.station-speedometer .speed-value{
  stroke-dasharray:none;
  stroke-dashoffset:0;
  transition:stroke-dashoffset .65s linear,stroke .65s linear !important;
}

/* Mise 0.0.53 — synchronized measured-length timer arcs */
.station-speedometer .speed-value{
  /* JavaScript sets measured dash values. Do not apply normalized CSS values. */
  stroke-dasharray:none;
  stroke-dashoffset:0;
  transition:stroke-dashoffset 1s linear,stroke .65s linear !important;
}

/* Mise 0.0.54 — isolated, no-replay prep clocks */
.station-speedometer .speed-value{
  stroke-dasharray:100 100;
  transition:stroke-dashoffset 1s linear,stroke .65s linear !important;
}


/* Mise 0.0.55: expired station clock and active dashboard timer */
.station-task-row.timer-expired .station-speedometer{filter:grayscale(.35);opacity:.72}
.station-task-row.timer-expired .station-speedometer .speed-value{stroke:#8c9299!important;filter:none!important}
.station-task-row.timer-expired .station-speedometer .speed-number{color:#c6c9cd;text-shadow:none}
.time-expired-stamp{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);padding:7px 12px;border:3px solid #e32631;border-radius:7px;color:#ff3944;background:rgba(20,12,13,.9);font-size:18px;font-weight:1000;letter-spacing:1.6px;line-height:1;white-space:nowrap;text-shadow:0 1px 0 #5e0006;box-shadow:0 0 0 2px rgba(227,38,49,.15),0 5px 18px rgba(0,0,0,.42);animation:expiredStampIn .28s cubic-bezier(.2,1.4,.4,1) both}
@keyframes expiredStampIn{from{opacity:0;transform:translate(-50%,-50%) rotate(-8deg) scale(1.45)}to{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1)}}
.dashboard-time-copy em{display:block;margin-top:2px;font-size:10px;font-style:normal;font-weight:800;color:#f5f5f5;opacity:.82;letter-spacing:.02em}
.recipe-card.active-prep-card .dashboard-time-pill b{font-variant-numeric:tabular-nums}

/* Mise 0.0.56 — compact live odometer inside the unchanged dashboard time pill */
.recipe-card-wrap .dashboard-time-pill.active-dashboard-clock{
  padding:3px 7px!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.dashboard-odometer{
  position:relative;
  width:112px;
  height:54px;
  display:grid;
  place-items:center;
  flex:none;
}
.dashboard-odometer svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.dashboard-gauge-track,.dashboard-gauge-value{
  fill:none;
  stroke-width:8;
  stroke-linecap:round;
}
.dashboard-gauge-track{stroke:rgba(25,29,34,.78)}
.dashboard-gauge-value{
  stroke:#28ed65;
  filter:drop-shadow(0 0 5px currentColor);
  transition:stroke-dashoffset 1s linear,stroke .8s linear;
}
.dashboard-gauge-ticks line{
  stroke:rgba(255,255,255,.72);
  stroke-width:1.7;
  stroke-linecap:round;
}
.dashboard-odometer strong{
  position:absolute;
  left:0;
  right:0;
  top:23px;
  text-align:center;
  color:#fff;
  font-size:19px;
  line-height:1;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.6px;
  text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.18);
  white-space:nowrap;
}
@media(max-width:760px){
  .dashboard-odometer{width:96px;height:49px}
  .dashboard-odometer strong{top:21px;font-size:17px}
}


/* Mise 0.0.57 — live recipe-view odometer and quieter GF interior motion */
.recipe-detail-active-clock{width:154px!important;min-width:154px!important;height:72px!important;padding:0!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.recipe-detail-odometer{position:relative;width:124px;height:68px;display:grid;place-items:center}
.recipe-detail-odometer svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.recipe-detail-gauge-track,.recipe-detail-gauge-value{fill:none;stroke-width:8;stroke-linecap:round}
.recipe-detail-gauge-track{stroke:rgba(255,255,255,.18)}
.recipe-detail-gauge-value{stroke:#55e5c2;filter:drop-shadow(0 0 5px rgba(85,229,194,.65));transition:stroke-dashoffset .25s linear}
.recipe-detail-gauge-ticks line{stroke:rgba(255,255,255,.58);stroke-width:1.5}
.recipe-detail-odometer strong{position:relative;z-index:2;margin-top:12px;font-size:24px;line-height:1;font-weight:900;letter-spacing:-.04em;color:#fff;text-shadow:0 0 12px rgba(85,229,194,.38)}

/* Keep the animated rim and exterior aura unchanged while softening motion visible inside GF dialogs. */
.gluten-free-modal-card{overflow:hidden}
.gluten-free-modal-card > *{position:relative;z-index:2}
.gluten-free-modal-card .gluten-free-modal-icon,
.gluten-free-modal-card .gluten-free-alert-copy,
.gluten-free-modal-card .gluten-free-alert-banner,
.gluten-free-modal-card h2{animation:none!important}
.gluten-free-modal-card::marker{display:none}
.gluten-free-modal-card{background:
  radial-gradient(circle at 50% 18%,rgba(255,75,102,.085),transparent 38%),
  linear-gradient(145deg,rgba(48,8,16,.97),rgba(19,10,14,.95))!important}

/* Mise 0.0.58 — normalized live odometer geometry across dashboard and recipe view */
.recipe-detail-active-clock{
  width:auto!important;
  min-width:138px!important;
  height:59px!important;
  min-height:59px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.recipe-detail-odometer{
  position:relative!important;
  width:116px!important;
  height:56px!important;
  flex:0 0 116px!important;
  display:block!important;
  margin:0 auto!important;
  overflow:hidden!important;
}
.recipe-detail-odometer svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:116px!important;
  height:64px!important;
  transform:translate(-50%,-48%)!important;
  overflow:visible!important;
}
.recipe-detail-odometer strong{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  top:26px!important;
  margin:0!important;
  text-align:center!important;
  font-size:20px!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

/* Keep every compact live odometer centered inside its existing pill. */
.dashboard-time-pill.active-dashboard-clock{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.dashboard-odometer{
  margin:0 auto!important;
  overflow:hidden!important;
}
.dashboard-odometer svg{
  left:50%!important;
  transform:translateX(-50%)!important;
}

@media(max-width:760px){
  .recipe-detail-active-clock{
    min-width:122px!important;
    width:auto!important;
    height:59px!important;
  }
  .recipe-detail-odometer{
    width:104px!important;
    flex-basis:104px!important;
  }
  .recipe-detail-odometer svg{width:104px!important}
  .recipe-detail-odometer strong{top:26px!important;font-size:18px!important}
}

/* Mise 0.0.59 — recipe-view clock uses one unified pill and station-matched color */
.recipe-detail-active-clock.recipe-detail-odometer{
  position:relative!important;
  width:138px!important;
  min-width:138px!important;
  height:59px!important;
  min-height:59px!important;
  flex:0 0 138px!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
}
.recipe-detail-active-clock.recipe-detail-odometer::before,
.recipe-detail-active-clock.recipe-detail-odometer::after{
  content:none!important;
  display:none!important;
}
.recipe-detail-active-clock.recipe-detail-odometer svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:118px!important;
  height:64px!important;
  transform:translate(-50%,-48%)!important;
  overflow:visible!important;
}
.recipe-detail-active-clock .recipe-detail-gauge-track,
.recipe-detail-active-clock .recipe-detail-gauge-value{
  fill:none!important;
  stroke-width:8!important;
  stroke-linecap:round!important;
}
.recipe-detail-active-clock .recipe-detail-gauge-track{stroke:rgba(24,29,34,.74)!important}
.recipe-detail-active-clock .recipe-detail-gauge-value{
  stroke:var(--recipe-timer-color,#32e66f);
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--recipe-timer-color,#32e66f) 62%,transparent));
  transition:stroke-dashoffset 1s linear,stroke .65s linear!important;
}
.recipe-detail-active-clock .recipe-detail-gauge-ticks line{
  stroke:rgba(255,255,255,.68)!important;
  stroke-width:1.6!important;
  stroke-linecap:round!important;
}
.recipe-detail-active-clock.recipe-detail-odometer strong{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  top:27px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.5px!important;
  color:#fff!important;
  white-space:nowrap!important;
  text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 10px color-mix(in srgb,var(--recipe-timer-color,#32e66f) 40%,transparent)!important;
}
@media(max-width:760px){
  .recipe-detail-active-clock.recipe-detail-odometer{width:122px!important;min-width:122px!important;flex-basis:122px!important}
  .recipe-detail-active-clock.recipe-detail-odometer svg{width:106px!important}
  .recipe-detail-active-clock.recipe-detail-odometer strong{font-size:18px!important}
}

/* Mise 0.0.60 — centered recipe-view odometer with shared timer glow language */
.recipe-detail-active-clock{
  width:138px!important;
  min-width:138px!important;
  height:59px!important;
  min-height:59px!important;
  flex:0 0 138px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
}
.recipe-detail-active-clock::before,
.recipe-detail-active-clock::after{content:none!important;display:none!important}
.recipe-detail-active-clock .recipe-detail-odometer{
  position:relative!important;
  width:112px!important;
  height:54px!important;
  flex:0 0 112px!important;
  display:block!important;
  margin:0!important;
  overflow:visible!important;
  transform:none!important;
}
.recipe-detail-active-clock .recipe-detail-odometer svg{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:112px!important;
  height:54px!important;
  transform:none!important;
  overflow:visible!important;
}
.recipe-detail-active-clock .recipe-detail-gauge-track,
.recipe-detail-active-clock .recipe-detail-gauge-value{
  fill:none!important;
  stroke-width:8!important;
  stroke-linecap:round!important;
}
.recipe-detail-active-clock .recipe-detail-gauge-track{stroke:rgba(25,29,34,.78)!important}
.recipe-detail-active-clock .recipe-detail-gauge-value{
  stroke:var(--recipe-timer-color,#46e879)!important;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--recipe-timer-color,#46e879) 55%,transparent))!important;
  transition:stroke-dashoffset 1s linear,stroke .75s linear!important;
}
.recipe-detail-active-clock .recipe-detail-gauge-ticks line{
  stroke:rgba(255,255,255,.72)!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
}
.recipe-detail-active-clock .recipe-detail-odometer strong{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  top:23px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.6px!important;
  color:#fff!important;
  white-space:nowrap!important;
  text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 18px color-mix(in srgb,var(--recipe-timer-color,#46e879) 45%,transparent)!important;
}
@media(max-width:760px){
  .recipe-detail-active-clock{width:122px!important;min-width:122px!important;flex-basis:122px!important}
  .recipe-detail-active-clock .recipe-detail-odometer{width:96px!important;height:49px!important;flex-basis:96px!important}
  .recipe-detail-active-clock .recipe-detail-odometer svg{width:96px!important;height:49px!important}
  .recipe-detail-active-clock .recipe-detail-odometer strong{top:21px!important;font-size:17px!important}
}

/* Mise 0.0.60a — single-surface recipe timer, true optical centering */
.recipe-detail-active-clock.recipe-detail-odometer{
  position:relative!important;
  width:138px!important;
  min-width:138px!important;
  height:59px!important;
  min-height:59px!important;
  flex:0 0 138px!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
  transform:none!important;
  isolation:isolate!important;
}
.recipe-detail-active-clock.recipe-detail-odometer::before,
.recipe-detail-active-clock.recipe-detail-odometer::after{
  content:none!important;
  display:none!important;
}
.recipe-detail-active-clock.recipe-detail-odometer svg{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:116px!important;
  height:58px!important;
  transform:translate(-50%,-46%)!important;
  overflow:visible!important;
  margin:0!important;
}
.recipe-detail-active-clock.recipe-detail-odometer strong{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  margin:5px 0 0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  text-align:center!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.6px!important;
  color:#fff!important;
  white-space:nowrap!important;
  text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 18px color-mix(in srgb,var(--recipe-timer-color,#46e879) 45%,transparent)!important;
}
.recipe-detail-active-clock.recipe-detail-odometer .recipe-detail-gauge-value{
  stroke:var(--recipe-timer-color,#46e879)!important;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--recipe-timer-color,#46e879) 55%,transparent))!important;
}
@media(max-width:760px){
  .recipe-detail-active-clock.recipe-detail-odometer{
    width:122px!important;
    min-width:122px!important;
    flex-basis:122px!important;
  }
  .recipe-detail-active-clock.recipe-detail-odometer svg{width:104px!important;height:54px!important}
  .recipe-detail-active-clock.recipe-detail-odometer strong{font-size:17px!important;margin-top:4px!important}
}

/* Mise 0.0.60b — optical vertical centering adjustment */
.recipe-detail-active-clock.recipe-detail-odometer svg{
  transform:translate(-50%,-51%)!important;
}
.recipe-detail-active-clock.recipe-detail-odometer strong{
  margin:1px 0 0!important;
}
@media(max-width:760px){
  .recipe-detail-active-clock.recipe-detail-odometer svg{
    transform:translate(-50%,-51%)!important;
  }
  .recipe-detail-active-clock.recipe-detail-odometer strong{
    margin:0!important;
  }
}

/* Mise 0.0.60b final optical alignment — move the complete timer unit upward */
.recipe-detail-active-clock.recipe-detail-odometer svg{
  top:calc(50% - 3px)!important;
  transform:translate(-50%,-50%)!important;
}
.recipe-detail-active-clock.recipe-detail-odometer strong{
  top:calc(50% - 2px)!important;
  margin:0!important;
}
@media(max-width:760px){
  .recipe-detail-active-clock.recipe-detail-odometer svg{
    top:calc(50% - 2px)!important;
    transform:translate(-50%,-50%)!important;
  }
  .recipe-detail-active-clock.recipe-detail-odometer strong{
    top:calc(50% - 2px)!important;
    margin:0!important;
  }
}


/* Mise 0.0.60c — Recipe View reuses the exact Recipe Dashboard active timer component. */
.detail-meta-glass .dashboard-time-pill.active-dashboard-clock{
  padding:3px 7px!important;
  justify-content:center!important;
  overflow:hidden!important;
}

/* Mise 0.0.60d — Recipe View active timer matches the surrounding metadata pill shape. */
.detail-meta-glass .dashboard-time-pill.active-dashboard-clock{
  min-width:138px!important;
  width:138px!important;
  min-height:59px!important;
  height:59px!important;
  padding:3px 7px!important;
  border-radius:18px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
@media(max-width:760px){
  .detail-meta-glass .dashboard-time-pill.active-dashboard-clock{
    min-width:122px!important;
    width:122px!important;
    min-height:59px!important;
    height:59px!important;
    border-radius:18px!important;
  }
}

/* Mise 0.0.61 — redesigned Shelf Life and Gluten Free confirmation dialogs */
.redesigned-info-modal{padding:22px;backdrop-filter:blur(14px);background:rgba(4,5,9,.68)}
.redesigned-info-modal .shelf-life-modal-card{width:min(620px,94vw);max-height:92vh;overflow:auto;padding:28px 38px 30px;border-radius:34px;text-align:center;color:#fff;isolation:isolate}
.redesigned-info-modal .shelf-life-modal-card::before{inset:-2px;border-radius:36px;padding:2px}
.redesigned-info-modal .shelf-life-modal-card::after{inset:-18px;border-radius:48px;filter:blur(24px);opacity:.58}
.redesigned-info-modal h2{margin:8px 0 10px;font-size:42px;line-height:1.05;letter-spacing:-.025em;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.redesigned-info-modal .modal-intro{max-width:480px;margin:0 auto;color:rgba(255,255,255,.86);font-size:18px;line-height:1.5}
.redesigned-info-modal .modal-intro strong{color:#a789ff}
.modal-illustration{position:relative;width:120px;height:112px;margin:0 auto 2px;display:grid;place-items:center}
.shelf-life-illustration .clock-face{position:relative;width:82px;height:82px;border-radius:50%;border:6px solid transparent;background:linear-gradient(#081525,#081525) padding-box,conic-gradient(#ff765e,#ffd75f,#62f3a2,#54d9ff,#8e76ff,#ef4bc8,#ff765e) border-box;box-shadow:0 0 0 10px rgba(63,217,255,.04),0 0 28px rgba(75,218,255,.25),0 0 28px rgba(232,75,203,.18)}
.clock-hand{position:absolute;left:50%;top:50%;display:block;border-radius:10px;transform-origin:0 50%;background:linear-gradient(90deg,#ffe37b,#e867d4)}
.clock-hour{width:23px;height:6px;transform:rotate(-90deg)}
.clock-minute{width:21px;height:6px;transform:rotate(0deg)}
.modal-orbit{position:absolute;inset:5px;border:1px solid rgba(94,230,255,.17);border-radius:50%}
.orbit-two{inset:-5px;border-color:rgba(239,93,206,.12)}
.modal-divider{display:flex;align-items:center;gap:12px;margin:14px auto 12px;color:#75ef9a;width:min(430px,90%)}
.modal-divider::before,.modal-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(111,197,255,.35))}
.modal-divider::after{background:linear-gradient(90deg,rgba(111,197,255,.35),transparent)}
.modal-divider span{font-size:13px;transform:rotate(45deg)}
.expiration-panel{display:flex;align-items:center;justify-content:center;gap:24px;margin:0 auto 24px;padding:24px 28px;border-radius:24px;background:linear-gradient(145deg,rgba(26,25,68,.8),rgba(25,17,60,.72));border:1px solid rgba(145,92,255,.44);box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.22)}
.calendar-symbol{flex:0 0 66px;height:66px;border-radius:50%;display:grid;place-items:center;font-size:38px;color:#9c73ff;background:rgba(116,64,211,.16);border:1px solid rgba(164,115,255,.3);box-shadow:0 0 24px rgba(142,76,255,.2)}
.redesigned-info-modal .expiration-date{font-size:34px;line-height:1.12;font-weight:950;letter-spacing:-.025em;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.redesigned-info-modal .expiration-time{text-align:left;margin-top:5px;color:#d8d8f6;font-weight:700}
.shelf-life-basis{display:inline-flex!important;margin-top:13px!important;padding:7px 14px;border-radius:999px;background:rgba(20,46,61,.78);border:1px solid rgba(97,204,184,.28);color:#d9e9ea!important;font-size:14px!important}
.shelf-life-basis strong{color:#6ef08c}
.redesigned-shelf-life-card{background:radial-gradient(circle at 14% 14%,rgba(255,88,105,.18),transparent 35%),radial-gradient(circle at 88% 10%,rgba(62,219,255,.17),transparent 40%),linear-gradient(145deg,rgba(10,18,42,.98),rgba(8,13,35,.98))!important}
.redesigned-shelf-life-card:before{background:conic-gradient(from var(--prep-angle),#ff7564,#ffd85c,#6cf0a0,#45e3f2,#647dff,#e847c8,#ff7564)!important}
.redesigned-shelf-life-card:after{background:conic-gradient(from var(--prep-angle),rgba(255,117,100,.5),rgba(78,226,246,.45),rgba(232,71,200,.45),rgba(255,117,100,.5))!important}
.redesigned-modal-action{display:block;width:min(330px,80%);margin:0 auto;padding:14px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.35);font-size:19px;font-weight:900;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.32),inset 0 -5px 12px rgba(0,0,0,.16),0 10px 26px rgba(0,0,0,.28);transition:transform .18s ease,filter .18s ease}
.redesigned-modal-action:hover{transform:translateY(-1px);filter:brightness(1.08)}
.redesigned-modal-action:active{transform:translateY(1px);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}
.shelf-life-action{background:linear-gradient(105deg,#ff645e,#d949b7 50%,#4f6df4)}
.redesigned-gluten-free-card{background:radial-gradient(circle at 50% 4%,rgba(255,75,74,.19),transparent 35%),linear-gradient(145deg,rgba(77,7,18,.99),rgba(31,4,10,.99))!important}
.redesigned-gluten-free-card:before{background:conic-gradient(from var(--prep-angle),#ff9a91,#ff465c,#b91531,#ff7b7b,#ff9a91)!important}
.redesigned-gluten-free-card:after{background:conic-gradient(from var(--prep-angle),rgba(255,71,91,.48),rgba(255,151,139,.36),rgba(164,12,39,.52),rgba(255,71,91,.48))!important}
.gluten-free-illustration{height:122px}
.gluten-free-illustration .gf-halo{position:absolute;width:106px;height:106px;border-radius:50%;border:2px solid rgba(255,135,93,.55);box-shadow:0 0 20px rgba(255,93,70,.27),inset 0 0 18px rgba(255,100,78,.12)}
.gluten-free-illustration .gluten-free-modal-icon{position:relative;z-index:2;margin:0;width:86px;height:86px;border-radius:25px;font-size:35px;background:linear-gradient(145deg,#ee3048,#8b0b20);box-shadow:inset 0 1px rgba(255,255,255,.32),0 0 26px rgba(255,47,72,.5)}
.gf-leaf{position:absolute;z-index:3;right:14px;top:2px;color:#89d764;font-size:18px;transform:rotate(30deg)}
.gluten-divider{margin-top:16px;color:#ff4158}
.gluten-divider::before,.gluten-divider::after{background:linear-gradient(90deg,transparent,rgba(255,70,89,.7))}
.gluten-divider::after{background:linear-gradient(90deg,rgba(255,70,89,.7),transparent)}
.redesigned-info-modal .gluten-free-alert-copy{max-width:500px;margin:2px auto 22px!important;font-size:18px!important;line-height:1.55!important;font-weight:500}
.redesigned-info-modal .gluten-free-alert-copy strong{color:#ffc54f}
.redesigned-info-modal .gluten-free-alert-banner{display:flex;align-items:center;gap:20px;text-align:left;padding:20px 22px;margin:0 auto 24px;border-radius:22px;background:linear-gradient(145deg,rgba(91,12,25,.72),rgba(53,5,13,.8));border:1px solid rgba(255,70,86,.45);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.safety-shield{flex:0 0 62px;height:68px;display:grid;place-items:center;font-size:30px;color:#fff;background:linear-gradient(145deg,#ff654d,#c81431);clip-path:polygon(50% 0,92% 16%,84% 72%,50% 100%,16% 72%,8% 16%);filter:drop-shadow(0 0 10px rgba(255,53,72,.38))}
.gluten-free-action{background:linear-gradient(110deg,#ff473d,#e21f3a 48%,#b80d2b);background-size:180% 180%;animation:redButtonMorph 4s ease-in-out infinite}
@keyframes redButtonMorph{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:650px){
  .redesigned-info-modal{padding:12px}
  .redesigned-info-modal .shelf-life-modal-card{padding:22px 18px 24px;border-radius:27px}
  .redesigned-info-modal h2{font-size:34px}
  .modal-illustration{transform:scale(.88);margin-bottom:-4px}
  .expiration-panel{gap:14px;padding:20px 16px}
  .calendar-symbol{flex-basis:52px;height:52px;font-size:30px}
  .redesigned-info-modal .expiration-date{font-size:26px}
  .redesigned-info-modal .gluten-free-alert-banner{gap:14px;padding:17px 16px}
  .safety-shield{flex-basis:50px;height:56px;font-size:24px}
  .redesigned-modal-action{width:88%}
}

/* Mise 0.0.62 — keep redesigned information dialogs as single, non-scrolling cards */
.redesigned-info-modal{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  align-items:start!important;
  justify-items:center!important;
  padding-block:max(22px,calc((100vh - 650px)/2))!important;
}
.redesigned-info-modal .shelf-life-modal-card{
  max-height:none!important;
  overflow:hidden!important;
  flex:none!important;
}
/* Prevent animated rim and aura pseudo-elements from creating an internal scroll area. */
.redesigned-info-modal .shelf-life-modal-card::before,
.redesigned-info-modal .shelf-life-modal-card::after{
  pointer-events:none;
}
@media(max-height:720px){
  .redesigned-info-modal{
    place-items:start center!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .redesigned-info-modal .shelf-life-modal-card{
    transform:scale(.9);
    transform-origin:top center;
    margin-bottom:-62px;
  }
}
@media(max-height:610px){
  .redesigned-info-modal .shelf-life-modal-card{
    transform:scale(.78);
    margin-bottom:-145px;
  }
}

/* Mise 0.0.63 — match Gluten Free dialog rim to the Recipe View GF pill */
.redesigned-info-modal .redesigned-gluten-free-card{
  border:1px solid rgba(255,112,128,.82)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 14px rgba(224,35,61,.48),
    0 0 30px rgba(152,8,28,.24)!important;
}
.redesigned-info-modal .redesigned-gluten-free-card::before{
  inset:-2px!important;
  padding:2px!important;
  border-radius:36px!important;
  background:conic-gradient(
    from var(--prep-angle),
    #74101d,
    #b21227,
    #ff7080,
    #d5233e,
    #8d0d20,
    #ff7080,
    #74101d
  )!important;
  opacity:.95!important;
  filter:none!important;
  animation:prepOrbit 4.2s linear infinite!important;
}
.redesigned-info-modal .redesigned-gluten-free-card::after{
  inset:-16px!important;
  border-radius:48px!important;
  background:conic-gradient(
    from var(--prep-angle),
    rgba(116,16,29,.06),
    rgba(255,112,128,.30),
    rgba(213,35,62,.16),
    rgba(141,13,32,.08),
    rgba(255,112,128,.26),
    rgba(116,16,29,.06)
  )!important;
  filter:blur(22px)!important;
  opacity:.52!important;
  transform:scale(1.015);
  animation:gfModalOutwardSwirl 6.8s linear infinite!important;
}
@keyframes gfModalOutwardSwirl{
  0%{--prep-angle:0deg;transform:scale(1.005);opacity:.40}
  45%{transform:scale(1.025);opacity:.56}
  100%{--prep-angle:360deg;transform:scale(1.005);opacity:.40}
}
@media(max-width:650px){
  .redesigned-info-modal .redesigned-gluten-free-card::before{border-radius:29px!important}
  .redesigned-info-modal .redesigned-gluten-free-card::after{border-radius:40px!important}
}

/* Mise 0.0.64 — green shelf-life modal matching approved mockup */
.redesigned-info-modal .redesigned-shelf-life-card{
  border:1px solid rgba(145,255,105,.88)!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(105,255,79,.13),transparent 35%),
    radial-gradient(circle at 18% 24%,rgba(38,216,125,.10),transparent 38%),
    linear-gradient(145deg,rgba(4,28,35,.99),rgba(3,19,28,.99))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 16px rgba(130,255,75,.42),
    0 0 38px rgba(46,193,83,.22)!important;
}
.redesigned-info-modal .redesigned-shelf-life-card::before{
  inset:-2px!important;
  padding:2px!important;
  border-radius:36px!important;
  background:conic-gradient(
    from var(--prep-angle),
    #2ba75a,
    #7dff45,
    #c8ff62,
    #38e986,
    #18b97f,
    #aaff4d,
    #2ba75a
  )!important;
  opacity:.98!important;
  filter:none!important;
  animation:shelfGreenRim 3.6s linear infinite!important;
}
.redesigned-info-modal .redesigned-shelf-life-card::after{
  inset:-17px!important;
  border-radius:49px!important;
  background:conic-gradient(
    from var(--prep-angle),
    rgba(43,167,90,.06),
    rgba(125,255,69,.32),
    rgba(200,255,98,.18),
    rgba(56,233,134,.26),
    rgba(24,185,127,.10),
    rgba(170,255,77,.28),
    rgba(43,167,90,.06)
  )!important;
  filter:blur(23px)!important;
  opacity:.58!important;
  animation:shelfGreenAura 5.8s linear infinite!important;
}
@keyframes shelfGreenRim{to{--prep-angle:360deg}}
@keyframes shelfGreenAura{
  0%{--prep-angle:0deg;transform:scale(1.004);opacity:.42}
  50%{transform:scale(1.026);opacity:.62}
  100%{--prep-angle:360deg;transform:scale(1.004);opacity:.42}
}
.redesigned-shelf-life-card .shelf-life-illustration .clock-face{
  background:linear-gradient(#061923,#061923) padding-box,
    conic-gradient(#91ff41,#48f195,#38d6b3,#b7ff54,#91ff41) border-box!important;
  box-shadow:0 0 0 10px rgba(89,244,117,.05),0 0 30px rgba(111,255,83,.30)!important;
}
.redesigned-shelf-life-card .modal-orbit{border-color:rgba(112,255,93,.25)!important}
.redesigned-shelf-life-card .modal-intro strong{color:#7df15c!important}
.redesigned-shelf-life-card .modal-divider{color:#77f45a!important}
.redesigned-shelf-life-card .modal-divider::before,
.redesigned-shelf-life-card .modal-divider::after{background:linear-gradient(90deg,transparent,rgba(90,236,105,.55))!important}
.redesigned-shelf-life-card .modal-divider::after{background:linear-gradient(90deg,rgba(90,236,105,.55),transparent)!important}
.redesigned-shelf-life-card .expiration-panel{
  border-color:rgba(76,213,89,.55)!important;
  background:linear-gradient(145deg,rgba(3,24,31,.90),rgba(4,17,25,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 20px rgba(69,220,93,.08)!important;
}
.redesigned-shelf-life-card .calendar-symbol{
  color:#8aff4d!important;
  border-color:rgba(116,255,77,.32)!important;
  background:rgba(36,107,58,.20)!important;
  box-shadow:0 0 18px rgba(100,255,76,.12)!important;
}
.redesigned-shelf-life-card .shelf-life-basis{
  gap:8px!important;
  align-items:center!important;
  padding:8px 16px!important;
  background:rgba(7,42,37,.82)!important;
  border-color:rgba(94,231,107,.30)!important;
}
.redesigned-shelf-life-card .shelf-life-basis strong{
  margin-left:4px!important;
  color:#8dff58!important;
}
.redesigned-shelf-life-card .shelf-life-action{
  background:linear-gradient(110deg,#b8ff35,#5bd34c 48%,#14976d)!important;
  background-size:190% 190%!important;
  color:#fff!important;
  animation:shelfButtonMorph 3.8s ease-in-out infinite!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 20px rgba(45,186,74,.28)!important;
}
@keyframes shelfButtonMorph{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.shelf-life-particles{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.shelf-life-particles span{position:absolute;width:4px;height:4px;border-radius:50%;background:#a7ff58;box-shadow:0 0 8px #84ff4a,0 0 16px rgba(114,255,80,.6);opacity:0;animation:shelfSpeck 2.8s ease-in-out infinite}
.shelf-life-particles span:nth-child(1){left:8%;top:78%;animation-delay:.1s}.shelf-life-particles span:nth-child(2){left:15%;top:28%;animation-delay:.7s}.shelf-life-particles span:nth-child(3){left:24%;top:88%;animation-delay:1.2s}.shelf-life-particles span:nth-child(4){left:35%;top:18%;animation-delay:.35s}.shelf-life-particles span:nth-child(5){left:45%;top:72%;animation-delay:1.7s}.shelf-life-particles span:nth-child(6){left:56%;top:13%;animation-delay:.95s}.shelf-life-particles span:nth-child(7){left:66%;top:84%;animation-delay:.45s}.shelf-life-particles span:nth-child(8){left:74%;top:26%;animation-delay:1.45s}.shelf-life-particles span:nth-child(9){left:84%;top:69%;animation-delay:2s}.shelf-life-particles span:nth-child(10){left:92%;top:37%;animation-delay:.2s}.shelf-life-particles span:nth-child(11){left:60%;top:56%;animation-delay:2.25s}.shelf-life-particles span:nth-child(12){left:31%;top:48%;animation-delay:1.95s}
@keyframes shelfSpeck{0%{transform:translateY(10px) scale(.45);opacity:0}20%{opacity:.9}70%{opacity:.55}100%{transform:translateY(-28px) scale(1.15);opacity:0}}
.redesigned-shelf-life-card>*:not(.shelf-life-particles){position:relative;z-index:1}
@media(max-width:650px){
  .redesigned-info-modal .redesigned-shelf-life-card::before{border-radius:29px!important}
  .redesigned-info-modal .redesigned-shelf-life-card::after{border-radius:40px!important}
}
@media(prefers-reduced-motion:reduce){
  .redesigned-info-modal .redesigned-shelf-life-card::before,
  .redesigned-info-modal .redesigned-shelf-life-card::after,
  .redesigned-shelf-life-card .shelf-life-action,
  .shelf-life-particles span{animation:none!important}
}
.redesigned-shelf-life-card .shelf-life-basis span{display:inline-block}


/* Mise 0.0.65 — darker shelf-life interior and randomized specks */
.redesigned-info-modal .redesigned-shelf-life-card{
  background:
    radial-gradient(circle at 82% 10%,rgba(74,190,61,.075),transparent 35%),
    radial-gradient(circle at 18% 24%,rgba(25,132,79,.06),transparent 38%),
    linear-gradient(145deg,rgba(2,13,18,.995),rgba(1,8,13,.995))!important;
}
.redesigned-shelf-life-card .expiration-panel{
  background:linear-gradient(145deg,rgba(1,14,18,.96),rgba(1,9,14,.98))!important;
}
.redesigned-shelf-life-card .shelf-life-basis{
  background:rgba(3,24,21,.9)!important;
}
.shelf-life-particles span{
  --sx:0px;--sy:0px;--mx:8px;--my:-16px;--ex:-5px;--ey:-32px;--ss:.45;--ms:.9;--es:1.1;
  animation-name:shelfSpeckRandom!important;
  animation-timing-function:cubic-bezier(.36,.05,.24,1)!important;
  animation-iteration-count:infinite!important;
  will-change:transform,opacity;
}
.shelf-life-particles span:nth-child(1){left:7%;top:79%;animation-duration:3.1s!important;animation-delay:.1s;--mx:14px;--my:-9px;--ex:-9px;--ey:-35px}
.shelf-life-particles span:nth-child(2){left:14%;top:27%;animation-duration:2.7s!important;animation-delay:.7s;--mx:-12px;--my:8px;--ex:11px;--ey:-22px}
.shelf-life-particles span:nth-child(3){left:23%;top:89%;animation-duration:3.35s!important;animation-delay:1.2s;--mx:7px;--my:-20px;--ex:18px;--ey:-45px}
.shelf-life-particles span:nth-child(4){left:34%;top:17%;animation-duration:2.95s!important;animation-delay:.35s;--mx:-16px;--my:10px;--ex:-5px;--ey:31px}
.shelf-life-particles span:nth-child(5){left:44%;top:73%;animation-duration:3.55s!important;animation-delay:1.7s;--mx:19px;--my:4px;--ex:8px;--ey:-29px}
.shelf-life-particles span:nth-child(6){left:55%;top:12%;animation-duration:2.65s!important;animation-delay:.95s;--mx:10px;--my:16px;--ex:-17px;--ey:28px}
.shelf-life-particles span:nth-child(7){left:65%;top:85%;animation-duration:3.4s!important;animation-delay:.45s;--mx:-18px;--my:-7px;--ex:-6px;--ey:-38px}
.shelf-life-particles span:nth-child(8){left:73%;top:25%;animation-duration:3.05s!important;animation-delay:1.45s;--mx:16px;--my:-10px;--ex:4px;--ey:25px}
.shelf-life-particles span:nth-child(9){left:83%;top:68%;animation-duration:2.8s!important;animation-delay:2s;--mx:-9px;--my:12px;--ex:15px;--ey:-20px}
.shelf-life-particles span:nth-child(10){left:91%;top:36%;animation-duration:3.5s!important;animation-delay:.2s;--mx:-15px;--my:-15px;--ex:-24px;--ey:8px}
.shelf-life-particles span:nth-child(11){left:59%;top:55%;animation-duration:3.2s!important;animation-delay:2.25s;--mx:20px;--my:-3px;--ex:-7px;--ey:-26px}
.shelf-life-particles span:nth-child(12){left:30%;top:47%;animation-duration:2.75s!important;animation-delay:1.95s;--mx:-7px;--my:18px;--ex:17px;--ey:4px}
.shelf-life-particles span:nth-child(13){left:78%;top:48%;animation-duration:3.3s!important;animation-delay:1.05s;--mx:12px;--my:14px;--ex:-13px;--ey:-31px;width:3px;height:3px}
@keyframes shelfSpeckRandom{
  0%{transform:translate(var(--sx),var(--sy)) scale(var(--ss));opacity:0}
  18%{opacity:.92}
  48%{transform:translate(var(--mx),var(--my)) scale(var(--ms));opacity:.72}
  76%{opacity:.5}
  100%{transform:translate(var(--ex),var(--ey)) scale(var(--es));opacity:0}
}


/* Mise 0.0.66 — darker shelf-life interior with 33 graceful randomized specks */
.redesigned-info-modal .redesigned-shelf-life-card{
  background:
    radial-gradient(circle at 82% 10%,rgba(58,148,48,.052),transparent 35%),
    radial-gradient(circle at 18% 24%,rgba(18,96,58,.042),transparent 38%),
    linear-gradient(145deg,rgba(1,10,14,.998),rgba(0,6,10,.998))!important;
}
.redesigned-shelf-life-card .expiration-panel{background:linear-gradient(145deg,rgba(0,11,14,.975),rgba(0,7,11,.99))!important}
.redesigned-shelf-life-card .shelf-life-basis{background:rgba(2,19,17,.94)!important}
.shelf-life-particles span{
  max-width:4px;max-height:4px;
  animation-name:shelfSpeckGraceful!important;
  animation-timing-function:cubic-bezier(.42,0,.22,1)!important;
  box-shadow:0 0 6px #84ff4a,0 0 12px rgba(114,255,80,.45)!important;
}
.shelf-life-particles span:nth-child(1){left:13%;top:46%;width:3px;height:3px;animation-duration:5.59s!important;animation-delay:-5.13s;--sx:5px;--sy:1px;--mx:-6px;--my:-6px;--ex:33px;--ey:-30px;--ss:0.41;--ms:0.83;--es:1.07}
.shelf-life-particles span:nth-child(2){left:95%;top:15%;width:3px;height:3px;animation-duration:6.49s!important;animation-delay:-1.85s;--sx:2px;--sy:-5px;--mx:22px;--my:7px;--ex:26px;--ey:-39px;--ss:0.6;--ms:0.99;--es:0.85}
.shelf-life-particles span:nth-child(3){left:5%;top:33%;width:2px;height:2px;animation-duration:6.43s!important;animation-delay:-0.16s;--sx:-3px;--sy:-2px;--mx:18px;--my:-2px;--ex:23px;--ey:-3px;--ss:0.37;--ms:0.92;--es:0.83}
.shelf-life-particles span:nth-child(4){left:89%;top:52%;width:2.5px;height:2.5px;animation-duration:6.74s!important;animation-delay:-4.04s;--sx:3px;--sy:-5px;--mx:-19px;--my:3px;--ex:-4px;--ey:-40px;--ss:0.46;--ms:0.86;--es:0.72}
.shelf-life-particles span:nth-child(5){left:54%;top:78%;width:3.5px;height:3.5px;animation-duration:6.45s!important;animation-delay:-1.77s;--sx:6px;--sy:-1px;--mx:3px;--my:-2px;--ex:23px;--ey:5px;--ss:0.62;--ms:0.9;--es:0.79}
.shelf-life-particles span:nth-child(6){left:4%;top:47%;width:2.5px;height:2.5px;animation-duration:6.79s!important;animation-delay:-1.2s;--sx:-1px;--sy:-6px;--mx:6px;--my:-2px;--ex:36px;--ey:16px;--ss:0.53;--ms:0.87;--es:1.0}
.shelf-life-particles span:nth-child(7){left:46%;top:20%;width:2.5px;height:2.5px;animation-duration:5.3s!important;animation-delay:-1.26s;--sx:-4px;--sy:6px;--mx:-17px;--my:-21px;--ex:12px;--ey:-39px;--ss:0.4;--ms:0.89;--es:0.98}
.shelf-life-particles span:nth-child(8){left:27%;top:19%;width:1.5px;height:1.5px;animation-duration:5.91s!important;animation-delay:-6.12s;--sx:3px;--sy:-3px;--mx:-5px;--my:22px;--ex:11px;--ey:30px;--ss:0.37;--ms:0.91;--es:0.72}
.shelf-life-particles span:nth-child(9){left:89%;top:18%;width:2.5px;height:2.5px;animation-duration:4.76s!important;animation-delay:-3.03s;--sx:0px;--sy:5px;--mx:-11px;--my:16px;--ex:-26px;--ey:-9px;--ss:0.41;--ms:0.8;--es:0.84}
.shelf-life-particles span:nth-child(10){left:25%;top:58%;width:2px;height:2px;animation-duration:4.74s!important;animation-delay:-5.36s;--sx:-5px;--sy:3px;--mx:12px;--my:-7px;--ex:-29px;--ey:-41px;--ss:0.47;--ms:0.97;--es:1.03}
.shelf-life-particles span:nth-child(11){left:74%;top:86%;width:2.5px;height:2.5px;animation-duration:4.72s!important;animation-delay:-0.48s;--sx:0px;--sy:6px;--mx:23px;--my:11px;--ex:33px;--ey:6px;--ss:0.42;--ms:0.96;--es:0.74}
.shelf-life-particles span:nth-child(12){left:47%;top:46%;width:1.5px;height:1.5px;animation-duration:6.41s!important;animation-delay:-4.89s;--sx:2px;--sy:5px;--mx:21px;--my:-17px;--ex:13px;--ey:20px;--ss:0.46;--ms:0.94;--es:0.96}
.shelf-life-particles span:nth-child(13){left:29%;top:32%;width:3px;height:3px;animation-duration:4.86s!important;animation-delay:-0.74s;--sx:-3px;--sy:2px;--mx:11px;--my:-5px;--ex:8px;--ey:35px;--ss:0.47;--ms:0.89;--es:0.73}
.shelf-life-particles span:nth-child(14){left:19%;top:45%;width:2px;height:2px;animation-duration:6.47s!important;animation-delay:-1.91s;--sx:-1px;--sy:4px;--mx:-12px;--my:13px;--ex:-18px;--ey:26px;--ss:0.56;--ms:0.91;--es:0.76}
.shelf-life-particles span:nth-child(15){left:42%;top:15%;width:4px;height:4px;animation-duration:6.98s!important;animation-delay:-4.2s;--sx:4px;--sy:2px;--mx:4px;--my:-2px;--ex:31px;--ey:7px;--ss:0.48;--ms:0.94;--es:0.98}
.shelf-life-particles span:nth-child(16){left:76%;top:60%;width:2px;height:2px;animation-duration:6.58s!important;animation-delay:-3.14s;--sx:3px;--sy:6px;--mx:9px;--my:10px;--ex:36px;--ey:15px;--ss:0.6;--ms:0.88;--es:1.0}
.shelf-life-particles span:nth-child(17){left:27%;top:58%;width:2.5px;height:2.5px;animation-duration:5.22s!important;animation-delay:-0.78s;--sx:-5px;--sy:6px;--mx:19px;--my:-10px;--ex:16px;--ey:8px;--ss:0.49;--ms:0.95;--es:1.05}
.shelf-life-particles span:nth-child(18){left:44%;top:68%;width:1.5px;height:1.5px;animation-duration:7.35s!important;animation-delay:-4.83s;--sx:-1px;--sy:6px;--mx:-18px;--my:12px;--ex:-34px;--ey:36px;--ss:0.53;--ms:0.82;--es:0.78}
.shelf-life-particles span:nth-child(19){left:95%;top:9%;width:3.5px;height:3.5px;animation-duration:6.81s!important;animation-delay:-6.73s;--sx:-2px;--sy:2px;--mx:15px;--my:11px;--ex:3px;--ey:41px;--ss:0.4;--ms:0.94;--es:0.86}
.shelf-life-particles span:nth-child(20){left:30%;top:46%;width:3.5px;height:3.5px;animation-duration:7.02s!important;animation-delay:-1.48s;--sx:3px;--sy:2px;--mx:11px;--my:4px;--ex:-19px;--ey:41px;--ss:0.36;--ms:0.92;--es:0.96}
.shelf-life-particles span:nth-child(21){left:8%;top:54%;width:3.5px;height:3.5px;animation-duration:6.54s!important;animation-delay:-0.45s;--sx:-1px;--sy:6px;--mx:-12px;--my:-14px;--ex:-35px;--ey:-10px;--ss:0.52;--ms:0.72;--es:1.08}
.shelf-life-particles span:nth-child(22){left:66%;top:7%;width:1.5px;height:1.5px;animation-duration:5.89s!important;animation-delay:-2.8s;--sx:-2px;--sy:2px;--mx:16px;--my:17px;--ex:17px;--ey:-27px;--ss:0.42;--ms:0.87;--es:0.88}
.shelf-life-particles span:nth-child(23){left:82%;top:32%;width:3.5px;height:3.5px;animation-duration:4.22s!important;animation-delay:-5.37s;--sx:-2px;--sy:2px;--mx:-11px;--my:22px;--ex:15px;--ey:-23px;--ss:0.5;--ms:0.69;--es:0.88}
.shelf-life-particles span:nth-child(24){left:25%;top:93%;width:3.5px;height:3.5px;animation-duration:4.37s!important;animation-delay:-4.63s;--sx:0px;--sy:-5px;--mx:-23px;--my:-16px;--ex:31px;--ey:7px;--ss:0.61;--ms:0.65;--es:1.08}
.shelf-life-particles span:nth-child(25){left:41%;top:19%;width:2px;height:2px;animation-duration:6.37s!important;animation-delay:-5.72s;--sx:-2px;--sy:6px;--mx:1px;--my:22px;--ex:-6px;--ey:-37px;--ss:0.58;--ms:0.76;--es:1.09}
.shelf-life-particles span:nth-child(26){left:21%;top:66%;width:3px;height:3px;animation-duration:4.5s!important;animation-delay:-0.31s;--sx:-5px;--sy:-4px;--mx:7px;--my:2px;--ex:2px;--ey:21px;--ss:0.37;--ms:0.7;--es:0.89}
.shelf-life-particles span:nth-child(27){left:7%;top:59%;width:3.5px;height:3.5px;animation-duration:7.13s!important;animation-delay:-2.0s;--sx:2px;--sy:2px;--mx:-2px;--my:16px;--ex:38px;--ey:-38px;--ss:0.47;--ms:0.85;--es:0.85}
.shelf-life-particles span:nth-child(28){left:54%;top:82%;width:2px;height:2px;animation-duration:5.67s!important;animation-delay:-5.13s;--sx:-2px;--sy:-2px;--mx:-12px;--my:21px;--ex:-5px;--ey:-20px;--ss:0.5;--ms:0.95;--es:0.95}
.shelf-life-particles span:nth-child(29){left:21%;top:90%;width:2.5px;height:2.5px;animation-duration:6.56s!important;animation-delay:-1.25s;--sx:1px;--sy:-4px;--mx:1px;--my:-5px;--ex:25px;--ey:42px;--ss:0.43;--ms:0.73;--es:0.73}
.shelf-life-particles span:nth-child(30){left:79%;top:52%;width:3.5px;height:3.5px;animation-duration:6.09s!important;animation-delay:-0.89s;--sx:-5px;--sy:-4px;--mx:15px;--my:-17px;--ex:-16px;--ey:-2px;--ss:0.47;--ms:0.94;--es:0.93}
.shelf-life-particles span:nth-child(31){left:77%;top:8%;width:4px;height:4px;animation-duration:5.45s!important;animation-delay:-6.26s;--sx:0px;--sy:2px;--mx:-16px;--my:8px;--ex:1px;--ey:0px;--ss:0.36;--ms:0.71;--es:0.94}
.shelf-life-particles span:nth-child(32){left:65%;top:81%;width:3px;height:3px;animation-duration:6.3s!important;animation-delay:-3.83s;--sx:4px;--sy:-3px;--mx:-3px;--my:1px;--ex:-33px;--ey:-10px;--ss:0.53;--ms:0.97;--es:0.74}
.shelf-life-particles span:nth-child(33){left:39%;top:58%;width:3px;height:3px;animation-duration:5.41s!important;animation-delay:-0.47s;--sx:-3px;--sy:-5px;--mx:19px;--my:11px;--ex:12px;--ey:24px;--ss:0.38;--ms:0.84;--es:0.86}
@keyframes shelfSpeckGraceful{
  0%{transform:translate(var(--sx),var(--sy)) scale(var(--ss));opacity:0}
  14%{opacity:.42}
  35%{transform:translate(calc(var(--mx) * .55),calc(var(--my) * .55)) scale(var(--ms));opacity:.82}
  62%{transform:translate(var(--mx),var(--my)) scale(var(--ms));opacity:.58}
  84%{opacity:.30}
  100%{transform:translate(var(--ex),var(--ey)) scale(var(--es));opacity:0}
}

/* Mise 0.0.67 — Gluten Free modal mirrors Shelf Life layout; Recipe View pill has one surface */
.gf-meta-pill .gf-pill-label{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  outline:0!important;
  white-space:nowrap;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.15!important;
}

.redesigned-info-modal .redesigned-gluten-free-card{
  border:1px solid rgba(255,90,105,.9)!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(164,21,38,.052),transparent 35%),
    radial-gradient(circle at 18% 24%,rgba(115,10,29,.042),transparent 38%),
    linear-gradient(145deg,rgba(14,1,5,.998),rgba(8,0,3,.998))!important;
}
.redesigned-info-modal .redesigned-gluten-free-card::before{
  background:conic-gradient(from var(--prep-angle),#ffb0b7,#ff5a68,#e11d3d,#8f081d,#ff344f,#ff8792,#ffb0b7)!important;
  animation:prepOrbit 4.2s linear infinite!important;
}
.redesigned-info-modal .redesigned-gluten-free-card::after{
  background:conic-gradient(from var(--prep-angle),rgba(255,80,96,.08),rgba(255,128,140,.30),rgba(198,18,49,.16),rgba(125,5,27,.08),rgba(255,80,96,.26),rgba(255,80,96,.08))!important;
  filter:blur(22px)!important;
  opacity:.52!important;
  animation:gfModalOutwardSwirl 6.8s linear infinite!important;
}
.redesigned-gluten-free-card>*:not(.gluten-free-particles){position:relative;z-index:1}
.gluten-free-particles{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.gluten-free-particles span{
  position:absolute;width:4px;height:4px;max-width:4px;max-height:4px;border-radius:50%;
  background:#ff6b78;box-shadow:0 0 6px #ff4054,0 0 12px rgba(255,55,77,.45);opacity:0;
  animation-name:shelfSpeckGraceful;animation-timing-function:cubic-bezier(.42,0,.22,1);animation-iteration-count:infinite;
}
.gluten-free-particles span:nth-child(1){left:13%;top:46%;width:3px;height:3px;animation-duration:5.59s;animation-delay:-5.13s;--sx:5px;--sy:1px;--mx:-6px;--my:-6px;--ex:33px;--ey:-30px;--ss:.41;--ms:.83;--es:1.07}
.gluten-free-particles span:nth-child(2){left:95%;top:15%;width:3px;height:3px;animation-duration:6.49s;animation-delay:-1.85s;--sx:2px;--sy:-5px;--mx:22px;--my:7px;--ex:26px;--ey:-39px;--ss:.6;--ms:.99;--es:.85}
.gluten-free-particles span:nth-child(3){left:5%;top:33%;width:2px;height:2px;animation-duration:6.43s;animation-delay:-.16s;--sx:-3px;--sy:-2px;--mx:18px;--my:-2px;--ex:23px;--ey:-3px;--ss:.37;--ms:.92;--es:.83}
.gluten-free-particles span:nth-child(4){left:89%;top:52%;width:2.5px;height:2.5px;animation-duration:6.74s;animation-delay:-4.04s;--sx:3px;--sy:-5px;--mx:-19px;--my:3px;--ex:-4px;--ey:-40px;--ss:.46;--ms:.86;--es:.72}
.gluten-free-particles span:nth-child(5){left:54%;top:78%;width:3.5px;height:3.5px;animation-duration:6.45s;animation-delay:-1.77s;--sx:6px;--sy:-1px;--mx:3px;--my:-2px;--ex:23px;--ey:5px;--ss:.62;--ms:.9;--es:.79}
.gluten-free-particles span:nth-child(6){left:4%;top:47%;width:2.5px;height:2.5px;animation-duration:6.79s;animation-delay:-1.2s;--sx:-1px;--sy:-6px;--mx:6px;--my:-2px;--ex:36px;--ey:16px;--ss:.53;--ms:.87;--es:1}
.gluten-free-particles span:nth-child(7){left:46%;top:20%;width:2.5px;height:2.5px;animation-duration:5.3s;animation-delay:-1.26s;--sx:-4px;--sy:6px;--mx:-17px;--my:-21px;--ex:12px;--ey:-39px;--ss:.4;--ms:.89;--es:.98}
.gluten-free-particles span:nth-child(8){left:27%;top:19%;width:1.5px;height:1.5px;animation-duration:5.91s;animation-delay:-6.12s;--sx:3px;--sy:-3px;--mx:-5px;--my:22px;--ex:11px;--ey:30px;--ss:.37;--ms:.91;--es:.72}
.gluten-free-particles span:nth-child(9){left:89%;top:18%;width:2.5px;height:2.5px;animation-duration:4.76s;animation-delay:-3.03s;--sx:0px;--sy:5px;--mx:-11px;--my:16px;--ex:-26px;--ey:-9px;--ss:.41;--ms:.8;--es:.84}
.gluten-free-particles span:nth-child(10){left:25%;top:58%;width:2px;height:2px;animation-duration:4.74s;animation-delay:-5.36s;--sx:-5px;--sy:3px;--mx:12px;--my:-7px;--ex:-29px;--ey:-41px;--ss:.47;--ms:.97;--es:1.03}
.gluten-free-particles span:nth-child(11){left:74%;top:86%;width:2.5px;height:2.5px;animation-duration:4.72s;animation-delay:-.48s;--sx:0px;--sy:6px;--mx:23px;--my:11px;--ex:33px;--ey:6px;--ss:.42;--ms:.96;--es:.74}
.gluten-free-particles span:nth-child(12){left:47%;top:46%;width:1.5px;height:1.5px;animation-duration:6.41s;animation-delay:-4.89s;--sx:2px;--sy:5px;--mx:21px;--my:-17px;--ex:13px;--ey:20px;--ss:.46;--ms:.94;--es:.96}
.gluten-free-particles span:nth-child(13){left:29%;top:32%;width:3px;height:3px;animation-duration:4.86s;animation-delay:-.74s;--sx:-3px;--sy:2px;--mx:11px;--my:-5px;--ex:8px;--ey:35px;--ss:.47;--ms:.89;--es:.73}
.gluten-free-particles span:nth-child(14){left:19%;top:45%;width:2px;height:2px;animation-duration:6.47s;animation-delay:-1.91s;--sx:-1px;--sy:4px;--mx:-12px;--my:13px;--ex:-18px;--ey:26px;--ss:.56;--ms:.91;--es:.76}
.gluten-free-particles span:nth-child(15){left:42%;top:15%;width:4px;height:4px;animation-duration:6.98s;animation-delay:-4.2s;--sx:4px;--sy:2px;--mx:4px;--my:-2px;--ex:31px;--ey:7px;--ss:.48;--ms:.94;--es:.98}
.gluten-free-particles span:nth-child(16){left:76%;top:60%;width:2px;height:2px;animation-duration:6.58s;animation-delay:-3.14s;--sx:3px;--sy:6px;--mx:9px;--my:10px;--ex:36px;--ey:15px;--ss:.6;--ms:.88;--es:1}
.gluten-free-particles span:nth-child(17){left:27%;top:58%;width:2.5px;height:2.5px;animation-duration:5.22s;animation-delay:-.78s;--sx:-5px;--sy:6px;--mx:19px;--my:-10px;--ex:16px;--ey:8px;--ss:.49;--ms:.95;--es:1.05}
.gluten-free-particles span:nth-child(18){left:44%;top:68%;width:1.5px;height:1.5px;animation-duration:7.35s;animation-delay:-4.83s;--sx:-1px;--sy:6px;--mx:-18px;--my:12px;--ex:-34px;--ey:36px;--ss:.53;--ms:.82;--es:.78}
.gluten-free-particles span:nth-child(19){left:95%;top:9%;width:3.5px;height:3.5px;animation-duration:6.81s;animation-delay:-6.73s;--sx:-2px;--sy:2px;--mx:15px;--my:11px;--ex:3px;--ey:41px;--ss:.4;--ms:.94;--es:.86}
.gluten-free-particles span:nth-child(20){left:30%;top:46%;width:3.5px;height:3.5px;animation-duration:7.02s;animation-delay:-1.48s;--sx:3px;--sy:2px;--mx:11px;--my:4px;--ex:-19px;--ey:41px;--ss:.36;--ms:.92;--es:.96}
.gluten-free-particles span:nth-child(21){left:8%;top:54%;width:3.5px;height:3.5px;animation-duration:6.54s;animation-delay:-.45s;--sx:-1px;--sy:6px;--mx:-12px;--my:-14px;--ex:-35px;--ey:-10px;--ss:.52;--ms:.72;--es:1.08}
.gluten-free-particles span:nth-child(22){left:66%;top:7%;width:1.5px;height:1.5px;animation-duration:5.89s;animation-delay:-2.8s;--sx:-2px;--sy:2px;--mx:16px;--my:17px;--ex:17px;--ey:-27px;--ss:.42;--ms:.87;--es:.88}
.gluten-free-particles span:nth-child(23){left:82%;top:32%;width:3.5px;height:3.5px;animation-duration:4.22s;animation-delay:-5.37s;--sx:-2px;--sy:2px;--mx:-11px;--my:22px;--ex:15px;--ey:-23px;--ss:.5;--ms:.69;--es:.88}
.gluten-free-particles span:nth-child(24){left:25%;top:93%;width:3.5px;height:3.5px;animation-duration:4.37s;animation-delay:-4.63s;--sx:0px;--sy:-5px;--mx:-23px;--my:-16px;--ex:31px;--ey:7px;--ss:.61;--ms:.65;--es:1.08}
.gluten-free-particles span:nth-child(25){left:41%;top:19%;width:2px;height:2px;animation-duration:6.37s;animation-delay:-5.72s;--sx:-2px;--sy:6px;--mx:1px;--my:22px;--ex:-6px;--ey:-37px;--ss:.58;--ms:.76;--es:1.09}
.gluten-free-particles span:nth-child(26){left:21%;top:66%;width:3px;height:3px;animation-duration:4.5s;animation-delay:-.31s;--sx:-5px;--sy:-4px;--mx:7px;--my:2px;--ex:2px;--ey:21px;--ss:.37;--ms:.7;--es:.89}
.gluten-free-particles span:nth-child(27){left:7%;top:59%;width:3.5px;height:3.5px;animation-duration:7.13s;animation-delay:-2s;--sx:2px;--sy:2px;--mx:-2px;--my:16px;--ex:38px;--ey:-38px;--ss:.47;--ms:.85;--es:.85}
.gluten-free-particles span:nth-child(28){left:54%;top:82%;width:2px;height:2px;animation-duration:5.67s;animation-delay:-5.13s;--sx:-2px;--sy:-2px;--mx:-12px;--my:21px;--ex:-5px;--ey:-20px;--ss:.5;--ms:.95;--es:.95}
.gluten-free-particles span:nth-child(29){left:21%;top:90%;width:2.5px;height:2.5px;animation-duration:6.56s;animation-delay:-1.25s;--sx:1px;--sy:-4px;--mx:1px;--my:-5px;--ex:25px;--ey:42px;--ss:.43;--ms:.73;--es:.73}
.gluten-free-particles span:nth-child(30){left:79%;top:52%;width:3.5px;height:3.5px;animation-duration:6.09s;animation-delay:-.89s;--sx:-5px;--sy:-4px;--mx:15px;--my:-17px;--ex:-16px;--ey:-2px;--ss:.47;--ms:.94;--es:.93}
.gluten-free-particles span:nth-child(31){left:77%;top:8%;width:4px;height:4px;animation-duration:5.45s;animation-delay:-6.26s;--sx:0px;--sy:2px;--mx:-16px;--my:8px;--ex:1px;--ey:0;--ss:.36;--ms:.71;--es:.94}
.gluten-free-particles span:nth-child(32){left:65%;top:81%;width:3px;height:3px;animation-duration:6.3s;animation-delay:-3.83s;--sx:4px;--sy:-3px;--mx:-3px;--my:1px;--ex:-33px;--ey:-10px;--ss:.53;--ms:.97;--es:.74}
.gluten-free-particles span:nth-child(33){left:39%;top:58%;width:3px;height:3px;animation-duration:5.41s;animation-delay:-.47s;--sx:-3px;--sy:-5px;--mx:19px;--my:11px;--ex:12px;--ey:24px;--ss:.38;--ms:.84;--es:.86}
.gluten-free-illustration{height:112px!important}
.gluten-free-illustration .gluten-free-modal-icon{
  position:relative;display:grid;place-items:center;width:88px;height:88px;margin:0;border-radius:24px;
  background:linear-gradient(145deg,#ed3049,#87091e);border:2px solid rgba(255,109,122,.9);
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 26px rgba(255,47,72,.42);
}
.gf-logo-text{font-size:36px;font-weight:950;line-height:1;color:#fff;transform:translateY(-7px)}
.gf-crossed-grain{position:absolute;right:8px;bottom:7px;width:36px;height:36px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.94}
.gluten-free-intro strong{color:#ff5568!important}
.gluten-free-safety-panel{background:linear-gradient(145deg,rgba(20,1,6,.975),rgba(10,0,3,.99))!important;border-color:rgba(255,50,75,.55)!important;margin-bottom:24px!important;text-align:left!important}
.gluten-free-safety-panel .safety-shield{flex:0 0 66px}
.gluten-safety-title{font-size:21px;font-weight:950;margin-bottom:5px;color:#fff}
.gluten-free-safety-panel p{margin:0!important;color:rgba(255,255,255,.82)!important;font-size:16px!important;line-height:1.45!important}
.gluten-free-action{background:linear-gradient(105deg,#ff3d4f,#e21c39 52%,#7d071c)!important;background-size:180% 180%!important}
@media(prefers-reduced-motion:reduce){.gluten-free-particles span{animation:none!important}}


/* Mise 0.0.68 — restore four alternate recipe names in Identity */
.alternate-recipe-name-section{display:grid;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.alternate-name-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.alternate-name-heading>div{display:grid;gap:4px}.alternate-name-heading strong{font-size:1rem}.alternate-name-heading small{color:rgba(255,255,255,.66);line-height:1.45}.alternate-name-count{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:rgba(130,72,255,.18);border:1px solid rgba(171,128,255,.34);font-size:.68rem;font-weight:900;letter-spacing:.08em;color:#d8c9ff}.four-alternate-names{grid-template-columns:repeat(2,minmax(0,1fr))}.four-alternate-names label{margin:0}@media(max-width:720px){.four-alternate-names{grid-template-columns:1fr}.alternate-name-heading{align-items:center}}

/* Mise 0.0.71 — Notifications, size-specific steps, timers and reminders */
.notification-center{position:relative;display:inline-flex;align-items:center;z-index:80}.notification-bell{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px rgba(0,0,0,.22);display:grid;place-items:center;padding:0;backdrop-filter:blur(18px);color:#f6f7fb}.notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-bell.has-alert{color:#fff}.notification-bell.has-alert svg{animation:miseBellRing 5s ease-in-out infinite}.notification-alert-dot{position:absolute;right:1px;top:1px;width:11px;height:11px;border-radius:50%;background:#ff334f;border:2px solid #17191f;box-shadow:0 0 12px rgba(255,51,79,.9)}@keyframes miseBellRing{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(15deg)}92%{transform:rotate(-13deg)}94%{transform:rotate(10deg)}96%{transform:rotate(-7deg)}98%{transform:rotate(3deg)}}.notification-drawer{position:absolute;right:0;top:52px;width:min(390px,calc(100vw - 32px));border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(17,19,25,.94);box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(24px);overflow:hidden;z-index:200}.notification-drawer>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.notification-drawer header div{display:grid;gap:2px}.notification-drawer header strong{font-size:17px}.notification-drawer header small{color:#9ca3af}.notification-drawer header button{background:rgba(255,255,255,.08);width:30px;height:30px;border-radius:50%;padding:0}.notification-list{padding:12px;display:grid;gap:10px;max-height:420px;overflow:auto}.notification-empty{padding:28px 18px;text-align:center;color:#9ca3af}.notification-item{padding:14px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.notification-item.complete{border-color:rgba(255,59,80,.45);box-shadow:inset 0 0 22px rgba(255,38,67,.08)}.notification-item-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.notification-item-head div{display:grid;gap:3px}.notification-item-head small{color:#a9afb9}.notification-item-head b{font-variant-numeric:tabular-nums;color:#fff}.notification-item.complete .notification-item-head b{color:#ff4b62}.notification-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:12px}.notification-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8f1f35,#ff3956,#ff8394);background-size:180% 100%;animation:notificationPulse 1.8s linear infinite;box-shadow:0 0 15px rgba(255,54,84,.6);transition:width 1s linear}@keyframes notificationPulse{to{background-position:-180% 0}}.notification-item button{margin-top:12px;width:100%;background:#d82d49}.recipe-dashboard-tools,.ingredients-notification-row{display:flex;justify-content:flex-end;margin-bottom:10px}.prep-header-tools{display:flex;align-items:center;gap:10px}.station-toolbar>.notification-center{margin-left:auto}.timer-input-group{display:grid;grid-template-columns:minmax(80px,1fr) 130px;gap:8px}.size-step-pane[hidden]{display:none}.recipe-reminder-section{border-color:rgba(255,255,255,.12)}.recipe-reminder-view{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025))}.recipe-reminder-view>div{display:flex;align-items:center;gap:14px}.recipe-reminder-view h2{margin:0 0 3px}.recipe-reminder-view p{margin:0;color:#aeb4bf}.recipe-reminder-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(213,41,70,.18);color:#ff5770;font-size:24px}.recipe-reminder-view button{white-space:nowrap}.display-step{position:relative}.step-timer-control{position:absolute;left:-118px;top:58px;width:100px;display:grid;justify-items:center;gap:8px}.step-timer-start{width:100px;min-height:64px;border-radius:18px;padding:10px;font-size:12px;line-height:1.25;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.15)}.step-timer-gauge{width:100px;height:76px;position:relative}.step-timer-gauge svg{width:100%;height:66px;overflow:visible}.step-gauge-track,.step-gauge-value{fill:none;stroke-width:9;stroke-linecap:round}.step-gauge-track{stroke:rgba(255,255,255,.1)}.step-gauge-value{stroke:#46e879;transition:stroke-dashoffset .5s linear,stroke .5s linear}.step-timer-gauge strong{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}.step-timer-control.timer-complete{animation:timerCompletePulse 1s ease-in-out infinite}.step-timer-control.timer-complete strong{color:#ff4b62}@keyframes timerCompletePulse{50%{filter:drop-shadow(0 0 10px rgba(255,58,82,.8))}}@media(max-width:900px){.step-timer-control{position:static;width:auto;justify-items:start;margin:12px 0}.step-timer-start{width:auto;min-height:44px}.recipe-reminder-view{align-items:flex-start;flex-direction:column}.notification-drawer{right:-10px}}

/* Mise 0.0.73 — Delayed Usage and step-level ingredient assignment */
.delayed-usage-section{margin-bottom:14px;border-color:rgba(255,255,255,.14)}
.step-ingredient-assignment{margin:14px 0;position:relative}.assign-ingredient-button{width:auto}.step-ingredient-dropdown{margin-top:8px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#181a20;box-shadow:0 14px 34px rgba(0,0,0,.34)}.step-ingredient-options{display:grid;gap:7px;max-height:220px;overflow:auto;margin-bottom:10px}.step-ingredient-option{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.045);cursor:pointer}.step-ingredient-option input{width:18px;height:18px}.assigned-ingredient-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.assigned-ingredient-chips span{padding:6px 10px;border-radius:999px;background:rgba(215,25,32,.16);border:1px solid rgba(255,70,76,.3);font-size:12px}.add-step-bottom{display:block;margin-top:14px;width:100%;padding:14px}.ingredient-column-head{grid-template-columns:30px 1.5fr .75fr .75fr 38px}

/* 0.0.75 — removable station assignments */
.remove-prep-form{margin:0;display:inline-flex;align-items:center}.animated-remove-x{position:relative;width:34px;height:34px;min-width:34px;padding:0;border-radius:50%;border:1px solid rgba(232,55,65,.42);background:rgba(215,25,32,.08);overflow:hidden;transition:background .22s,border-color .22s,transform .22s,box-shadow .22s}.animated-remove-x span{position:absolute;left:50%;top:50%;width:15px;height:2px;border-radius:99px;background:#f15259;transform-origin:center;transition:width .22s,background .22s,transform .28s}.animated-remove-x span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.animated-remove-x span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.animated-remove-x:hover{background:#d71920;border-color:#ff6269;transform:rotate(90deg) scale(1.06);box-shadow:0 0 18px rgba(215,25,32,.36)}.animated-remove-x:hover span{background:#fff;width:17px}.animated-remove-x:active{transform:rotate(90deg) scale(.94)}

/* Mise 0.0.76 — size-specific prep-time controls */
.prep-time-field.is-disabled{opacity:.42;filter:grayscale(.75);pointer-events:none;position:relative}.prep-time-field.is-disabled select{cursor:not-allowed}.multi-size-time-note{display:block;margin-top:8px;color:#c0c4ca;font-size:11px;line-height:1.35}.prep-time-field.is-disabled .multi-size-time-note{opacity:1;filter:none}

/* Mise 0.0.77 — right-aligned step timer and persistent completion stamp */
.display-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 150px;
  column-gap:24px;
  align-items:center;
}
.display-step-number{align-self:start}
.display-step-body{min-width:0}
.step-timer-control{
  position:static!important;
  width:150px!important;
  min-height:132px;
  display:grid;
  place-items:center;
  align-self:center;
  justify-self:end;
  margin:0!important;
}
.step-timer-start{
  width:128px!important;
  min-height:122px!important;
  border-radius:25px!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:13px 10px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 32px rgba(0,0,0,.24);
}
.step-timer-icon{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:rgba(53,226,112,.13);color:#59ed87;border:1px solid rgba(89,237,135,.3);box-shadow:0 0 22px rgba(70,232,121,.18)}
.step-timer-icon svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.step-timer-start-label{font-size:13px;font-weight:850;letter-spacing:.02em;color:#fff}
.step-timer-start small{font-size:10px;color:#aeb6c2;line-height:1.15}
.step-timer-gauge{width:128px!important;height:98px!important;display:grid;place-items:center;position:relative}
.step-timer-gauge svg{width:128px!important;height:76px!important;overflow:visible}
.step-timer-gauge strong{bottom:5px!important;font-size:15px!important}
.step-timer-done{
  width:132px;
  height:104px;
  border:0;
  background:transparent;
  padding:0;
  display:grid;
  place-items:center;
  position:relative;
  cursor:pointer;
}
.step-timer-done[hidden]{display:none!important}
.done-stamp{
  display:grid;
  place-items:center;
  width:116px;
  height:64px;
  border:5px double #ef334b;
  border-radius:10px;
  color:#ef334b;
  font-size:28px;
  font-weight:950;
  letter-spacing:.12em;
  transform:rotate(-8deg);
  text-shadow:0 0 10px rgba(239,51,75,.38);
  box-shadow:inset 0 0 0 2px rgba(239,51,75,.35),0 0 18px rgba(239,51,75,.22);
  transition:opacity .2s ease,transform .2s ease;
}
.timer-reset-icon{position:absolute;font-size:44px;color:#fff;opacity:0;transform:rotate(-30deg) scale(.7);transition:opacity .2s ease,transform .2s ease}
.step-timer-done small{position:absolute;bottom:0;color:#d7dce3;opacity:0;transition:opacity .2s ease}
.step-timer-done:hover .done-stamp,.step-timer-done:focus-visible .done-stamp{opacity:.12;transform:rotate(-8deg) scale(.92)}
.step-timer-done:hover .timer-reset-icon,.step-timer-done:focus-visible .timer-reset-icon{opacity:1;transform:rotate(0) scale(1)}
.step-timer-done:hover small,.step-timer-done:focus-visible small{opacity:1}
.step-timer-control.timer-complete{animation:none!important}
@media(max-width:900px){
  .display-step{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .step-timer-control{grid-column:2;width:100%!important;justify-self:start;min-height:auto;margin-top:16px!important;place-items:start}
  .step-timer-start{width:128px!important}
}

/* Mise 0.0.78 — unified step timer information pill */
.step-timer-control{
  width:138px!important;
  min-height:138px!important;
}
.step-timer-pill{
  position:relative;
  width:132px;
  height:132px;
  overflow:hidden;
  border-radius:27px;
  border:1px solid rgba(112,237,157,.34);
  background:
    radial-gradient(circle at 34% 20%,rgba(95,239,146,.18),transparent 42%),
    linear-gradient(150deg,rgba(34,46,43,.98),rgba(13,18,20,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    inset 0 -20px 34px rgba(0,0,0,.26),
    0 14px 34px rgba(0,0,0,.30),
    0 0 18px rgba(70,232,121,.12);
}
.step-timer-pill .timer-state{
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(.94);
  transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s;
}
.step-timer-pill .timer-state.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:scale(1);
  transition-delay:0s;
}
.step-timer-start{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:18px 12px!important;
  gap:8px!important;
}
.step-timer-icon{
  width:62px!important;
  height:62px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(69,235,127,.24),rgba(40,130,78,.13))!important;
  border:1px solid rgba(106,244,159,.46)!important;
  color:#69f19a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 22px rgba(34,190,93,.16)!important;
}
.step-timer-start-label{
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  color:#f5fff8!important;
  text-shadow:0 1px 12px rgba(57,235,121,.22);
}
.step-timer-gauge{
  display:grid!important;
  place-items:center!important;
  padding:18px 8px 11px;
  background:transparent;
}
.step-timer-gauge svg{
  width:118px!important;
  height:76px!important;
  align-self:center;
}
.step-timer-gauge strong{
  bottom:22px!important;
  font-size:16px!important;
  font-weight:900;
  color:#f5fff8;
  text-shadow:0 0 12px rgba(70,232,121,.35);
}
.step-gauge-track{stroke:rgba(255,255,255,.12)!important}
.step-timer-done{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.step-timer-done .done-stamp{
  width:108px;
  height:61px;
  font-size:25px;
}
.step-timer-done .timer-reset-icon{font-size:42px}
.step-timer-control.timer-complete .step-timer-pill{
  border-color:rgba(239,51,75,.42);
  background:radial-gradient(circle at 50% 40%,rgba(239,51,75,.12),transparent 48%),linear-gradient(150deg,rgba(45,27,31,.98),rgba(17,14,17,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 14px 34px rgba(0,0,0,.30),0 0 20px rgba(239,51,75,.14);
}
@media(max-width:900px){
  .step-timer-control{width:138px!important;place-items:center!important}
}

/* Mise 0.0.79 — station action fit and cohesive recipe step timers */
.station-task-row{
  grid-template-columns:220px minmax(250px,1fr) 140px 150px minmax(245px,auto)!important;
  overflow:visible!important;
}
.completed-row{
  grid-template-columns:220px minmax(250px,1fr) 145px 180px minmax(270px,auto)!important;
}
.station-task-meta{min-width:0;width:100%}
.station-task-buttons,.reopen-meta{
  display:flex!important;
  grid-auto-flow:unset!important;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:8px;
  min-width:max-content;
}
.station-task-buttons .button,.station-task-buttons button,.reopen-meta .button,.reopen-meta button{
  white-space:nowrap;
}
.station-action-x{
  width:auto!important;
  min-width:42px!important;
  height:38px!important;
  border-radius:9px!important;
  padding:0 13px!important;
  background:#241719!important;
  border-color:#793039!important;
}
.station-action-x span{width:14px!important}
.station-action-x:hover{
  background:#d71920!important;
  border-color:#ff6269!important;
  transform:none!important;
  box-shadow:0 0 18px rgba(215,25,32,.36)!important;
}
.station-action-x:hover span:first-child{transform:translate(-50%,-50%) rotate(135deg)!important}
.station-action-x:hover span:last-child{transform:translate(-50%,-50%) rotate(45deg)!important}
.station-action-x:active{transform:scale(.96)!important}

/* Timer surface now follows the warm recipe-card visual language. */
.display-step{
  grid-template-columns:48px minmax(0,1fr) 126px!important;
  align-items:center!important;
  column-gap:20px!important;
  overflow:visible;
}
.display-step-body{position:relative;z-index:2;min-width:0}
.step-focus-ingredients{
  display:block;
  position:relative;
  z-index:3;
  visibility:visible!important;
  opacity:1!important;
  margin-bottom:14px!important;
}
.step-focus-ingredients:empty{display:none!important}
.step-timer-control{
  width:118px!important;
  min-height:112px!important;
  position:relative!important;
  z-index:1;
  justify-self:end!important;
}
.step-timer-pill{
  width:112px!important;
  height:112px!important;
  border-radius:18px!important;
  border:1px solid #d7c8b7!important;
  background:linear-gradient(145deg,#fffaf2,#eadfce)!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(57,43,31,.16)!important;
}
.step-timer-start{padding:15px 9px!important;gap:7px!important}
.step-timer-icon{
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  background:#f3e4d2!important;
  border:1px solid #c9a98d!important;
  color:#a51e23!important;
  box-shadow:inset 0 1px 0 #fff!important;
}
.step-timer-icon svg{width:31px!important;height:31px!important}
.step-timer-start-label{
  color:#342d27!important;
  font-size:12px!important;
  text-shadow:none!important;
}
.step-timer-gauge{padding:13px 5px 9px!important}
.step-timer-gauge svg{width:102px!important;height:66px!important}
.step-timer-gauge strong{
  bottom:18px!important;
  color:#342d27!important;
  font-size:14px!important;
  text-shadow:none!important;
}
.step-gauge-track{stroke:#d4c6b7!important}
.step-timer-control.timer-complete .step-timer-pill{
  border-color:#cf8588!important;
  background:linear-gradient(145deg,#fff8f6,#ead9d6)!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(100,31,35,.15)!important;
}
.step-timer-done .done-stamp{width:92px!important;height:52px!important;font-size:21px!important}
@media(max-width:1180px){
  .station-task-row,.completed-row{grid-template-columns:180px minmax(220px,1fr) 125px 140px minmax(245px,auto)!important}
}
@media(max-width:900px){
  .display-step{grid-template-columns:48px minmax(0,1fr)!important;align-items:start!important}
  .step-timer-control{grid-column:2;width:118px!important;justify-self:start!important;margin-top:14px!important}
  .station-task-row,.completed-row{grid-template-columns:140px minmax(0,1fr)!important}
  .station-task-time,.station-task-progress,.completed-speed,.station-task-meta{grid-column:2}
  .station-task-buttons,.reopen-meta{flex-wrap:wrap;min-width:0}
}

/* Mise 0.0.80 — center step timers beside the complete step content block */
.display-step{
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:16px!important;
}
.display-step-content{
  display:grid;
  grid-template-columns:minmax(0,1fr) 128px;
  column-gap:22px;
  align-items:center;
  min-width:0;
  width:100%;
}
.display-step-body{
  grid-column:1;
  min-width:0;
  width:100%;
}
.display-step-body .formatted-step,
.display-step-body .critical-note,
.display-step-body .step-focus-ingredients,
.display-step-body .step-carousel{
  max-width:100%;
  box-sizing:border-box;
}
.step-timer-control{
  grid-column:2;
  grid-row:1;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  position:static!important;
  z-index:1;
}
@media(max-width:900px){
  .display-step-content{grid-template-columns:minmax(0,1fr)!important}
  .step-timer-control{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
    margin-top:14px!important;
  }
}

/* Mise 0.0.81 — station timer metadata and action alignment */
.station-v3 .station-task-row{
  grid-template-columns:220px minmax(300px,1fr) 250px minmax(300px,auto)!important;
  column-gap:20px!important;
  align-items:center!important;
}
.station-v3 .completed-row{
  grid-template-columns:220px minmax(300px,1fr) 220px minmax(300px,auto)!important;
}
.station-v3 .station-task-meta{
  grid-column:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  align-items:center!important;
  justify-items:end!important;
  gap:6px!important;
  min-width:300px!important;
  width:100%!important;
  padding-right:4px;
}
.station-v3 .station-task-meta>strong,
.station-v3 .station-task-meta>small{
  width:100%;
  text-align:left;
  padding-left:2px;
}
.station-v3 .station-task-buttons,
.station-v3 .reopen-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
.station-v3 .station-task-buttons form,
.station-v3 .reopen-meta form{flex:0 0 auto}
.station-v3 .station-task-buttons .button,
.station-v3 .station-task-buttons button,
.station-v3 .reopen-meta .button,
.station-v3 .reopen-meta button{
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  line-height:1!important;
}
.station-v3 .station-speedometer,
.station-v3 .completed-speed{
  justify-self:center;
  min-width:0;
}
@media(max-width:1380px){
  .station-v3 .station-task-row{
    grid-template-columns:180px minmax(240px,1fr) 220px minmax(280px,auto)!important;
    column-gap:14px!important;
  }
  .station-v3 .completed-row{
    grid-template-columns:180px minmax(240px,1fr) 190px minmax(280px,auto)!important;
  }
  .station-v3 .station-task-meta{min-width:280px!important}
  .station-v3 .station-speedometer{width:210px!important}
}
@media(max-width:1120px){
  .station-v3 .station-task-row,
  .station-v3 .completed-row{
    grid-template-columns:160px minmax(0,1fr) 220px!important;
  }
  .station-v3 .station-task-meta{
    grid-column:2 / 4!important;
    min-width:0!important;
    grid-template-columns:minmax(120px,1fr) auto!important;
    column-gap:16px!important;
  }
  .station-v3 .station-task-meta>strong,
  .station-v3 .station-task-meta>small{grid-column:1;text-align:left}
  .station-v3 .station-task-buttons{grid-column:2;grid-row:1 / span 2;width:auto!important}
  .station-v3 .reopen-meta{grid-column:2 / 4!important;display:flex!important;justify-content:flex-end!important}
}
@media(max-width:760px){
  .station-v3 .station-task-row,
  .station-v3 .completed-row{grid-template-columns:1fr!important}
  .station-v3 .station-task-meta,
  .station-v3 .reopen-meta{grid-column:auto!important;display:grid!important;grid-template-columns:1fr!important;justify-items:start!important}
  .station-v3 .station-task-buttons{grid-column:auto;grid-row:auto;justify-content:flex-start!important;width:100%!important;flex-wrap:wrap!important}
  .station-v3 .reopen-meta{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important}
}

/* Mise 0.0.82 — planner, station urgency, reminder polish */
.station-summary{grid-template-columns:repeat(6,minmax(0,1fr))}
.station-task-row{grid-template-columns:200px minmax(280px,1fr) 250px minmax(250px,300px)!important;align-items:center!important;overflow:visible!important}
.station-task-meta{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:center;gap:8px;min-width:0}
.station-task-meta>strong,.station-task-meta>small{text-align:left}
.station-task-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.station-task-buttons>a,.station-task-buttons>button,.station-task-buttons>form,.station-task-buttons form button{width:100%!important;min-width:0!important}
.station-priority-pill{display:flex;align-items:center;justify-content:center;width:100%;min-height:34px;border-radius:10px;border:1px solid currentColor;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:12px;box-sizing:border-box}
.priority-urgent{color:#fff;background:#d7192d;box-shadow:0 0 16px rgba(215,25,45,.28)}
.priority-before-open{color:#17120a;background:#ffb429;border-color:#ffd375}
.priority-normal{color:#dbe9ff;background:#29476f;border-color:#547bb0}
.priority-at-risk{color:#fff;background:#8f1630;border-color:#ff526d;box-shadow:0 0 16px rgba(255,40,76,.34)}
.reopen-meta>.station-task-buttons{margin-top:0}
.notification-progress{height:10px!important;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)!important}
.notification-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4be77b,#b9e84a,#ffb12b,#ef4052);background-size:240% 100%;animation:notificationMorph 4s ease-in-out infinite;transition:width 1s linear!important}
.notification-item.complete .notification-progress{box-shadow:0 0 10px rgba(57,255,124,.75),0 0 24px rgba(57,255,124,.4)}
.notification-item.complete .notification-progress span{background:#39ff7c!important;animation:readyPulse 1.5s ease-in-out infinite}
@keyframes notificationMorph{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes readyPulse{0%,100%{filter:brightness(1);box-shadow:0 0 7px #39ff7c}50%{filter:brightness(1.35);box-shadow:0 0 18px #39ff7c}}
.detail-meta-glass .compact-meta{gap:10px!important;align-items:stretch!important}
.delayed-usage-pill{cursor:pointer;background:linear-gradient(145deg,rgba(24,125,255,.32),rgba(0,229,255,.16))!important;border-color:rgba(84,211,255,.7)!important;box-shadow:inset 0 0 16px rgba(36,174,255,.15)}
.delayed-usage-modal-card{border-color:#36c8ff!important;box-shadow:0 0 18px rgba(40,188,255,.65),0 0 48px rgba(34,132,255,.36),inset 0 0 26px rgba(38,185,255,.12)!important}
.delayed-usage-neon-orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font-size:42px;color:#7de5ff;border:2px solid #38cbff;box-shadow:0 0 12px #38cbff,0 0 30px rgba(56,203,255,.65),inset 0 0 20px rgba(56,203,255,.25)}
.delayed-usage-message{margin:18px 0;padding:16px;border:1px solid rgba(86,210,255,.45);border-radius:14px;background:rgba(35,155,255,.1);font-size:17px;line-height:1.5}
.delayed-usage-note{font-size:13px;opacity:.76;margin-top:15px}.delayed-usage-action{background:#168fd3!important;box-shadow:0 0 16px rgba(39,184,255,.45)!important}
@media(max-width:1150px){.station-summary{grid-template-columns:repeat(3,1fr)}.station-task-row{grid-template-columns:150px minmax(220px,1fr) 220px!important}.station-task-meta{grid-column:2/4;display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(260px,320px);align-items:center!important}.station-priority-pill{grid-column:2}.station-task-meta>strong,.station-task-meta>small{grid-column:1}.station-task-buttons{grid-column:2;grid-row:2/4}}
@media(max-width:760px){.station-summary{grid-template-columns:1fr 1fr}.station-task-row{grid-template-columns:100px 1fr!important}.station-speedometer{grid-column:1/3}.station-task-meta{grid-column:1/3;display:flex!important}.station-task-buttons{grid-column:auto;grid-row:auto}.detail-meta-glass .compact-meta{gap:7px!important}}


/* Mise 0.0.83 — Recipe hero metadata spacing and blue Delayed Usage modal */
.detail-meta-glass .compact-meta{
  column-gap:12px!important;
  row-gap:12px!important;
}
.detail-meta-glass .size-time-pill{order:1!important}
.detail-meta-glass .size-service-items{order:2!important}
.detail-meta-glass .batch-yield-pill{order:3!important}
.detail-meta-glass .takeout-meta-pill{order:4!important}
.detail-meta-glass .clickable-shelf-pill{order:5!important}
.detail-meta-glass .delayed-usage-pill{order:6!important}
.detail-meta-glass .gf-meta-pill{order:7!important}

.redesigned-info-modal .delayed-usage-modal-card{
  overflow:hidden;
  border:1px solid rgba(63,173,255,.96)!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(34,145,255,.10),transparent 36%),
    radial-gradient(circle at 16% 25%,rgba(0,198,255,.075),transparent 40%),
    linear-gradient(145deg,rgba(2,13,28,.998),rgba(1,7,18,.998))!important;
  box-shadow:0 0 18px rgba(44,160,255,.72),0 0 50px rgba(16,101,255,.42),inset 0 0 30px rgba(31,151,255,.14)!important;
}
.redesigned-info-modal .delayed-usage-modal-card::before{
  background:conic-gradient(from var(--prep-angle),#9fe8ff,#38bfff,#2478ff,#123fae,#22a6ff,#7bdcff,#9fe8ff)!important;
  animation:prepOrbit 4.2s linear infinite!important;
}
.redesigned-info-modal .delayed-usage-modal-card::after{
  background:conic-gradient(from var(--prep-angle),rgba(66,190,255,.10),rgba(70,139,255,.34),rgba(24,92,220,.18),rgba(7,40,125,.10),rgba(42,170,255,.30),rgba(66,190,255,.10))!important;
  filter:blur(22px)!important;
  opacity:.58!important;
  animation:gfModalOutwardSwirl 6.8s linear infinite!important;
}
.delayed-usage-modal-card>*:not(.delayed-usage-particles){position:relative;z-index:1}
.delayed-usage-particles{z-index:0!important}
.delayed-usage-particles span{
  background:#55c9ff!important;
  box-shadow:0 0 6px #299cff,0 0 13px rgba(32,143,255,.62)!important;
}
.delayed-usage-action{
  background:#168fd3!important;
  border-color:#54c9ff!important;
  box-shadow:0 0 16px rgba(39,184,255,.58),inset 0 1px rgba(255,255,255,.22)!important;
}
@media(max-width:760px){
  .detail-meta-glass .compact-meta{column-gap:8px!important;row-gap:8px!important}
}

/* Mise 0.0.84 — delayed prep notifications and station action alignment */
.notification-item-head{align-items:flex-start!important}
.notification-copy{display:grid!important;gap:8px!important;min-width:0;flex:1}
.notification-copy strong{display:block;line-height:1.28;overflow-wrap:anywhere}
.notification-type-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:24px;padding:4px 9px;border-radius:999px;border:1px solid rgba(87,171,255,.72);background:linear-gradient(145deg,rgba(38,118,205,.42),rgba(18,61,116,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 12px rgba(55,149,255,.18);color:#bfe0ff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.notification-item-head>b{flex:0 0 auto;min-width:54px;text-align:right;white-space:nowrap;padding-top:2px}
.notification-item.complete .notification-type-pill{border-color:rgba(57,255,124,.68);background:rgba(25,111,60,.38);color:#90ffb4;box-shadow:0 0 12px rgba(57,255,124,.2)}

.station-v3 .station-task-meta{display:grid!important;grid-template-columns:1fr!important;align-content:center!important;gap:8px!important;width:100%!important;min-width:0!important}
.station-v3 .station-priority-pill{grid-column:1!important;width:100%!important;margin:0!important}
.station-v3 .station-task-buttons{grid-column:1!important;grid-row:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important}
.station-v3 .station-task-buttons>a,
.station-v3 .station-task-buttons>button,
.station-v3 .station-task-buttons>form,
.station-v3 .station-task-buttons>form>button{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
.station-v3 .station-task-buttons>a,
.station-v3 .station-task-buttons button{display:flex!important;align-items:center!important;justify-content:center!important;height:38px!important;padding:0 8px!important;font-size:13px!important;white-space:nowrap!important}
.station-v3 .remove-prep-form{display:block!important}

@media(max-width:1150px){
  .station-v3 .station-task-meta{display:grid!important;grid-template-columns:1fr!important;grid-column:2/4!important}
  .station-v3 .station-priority-pill,.station-v3 .station-task-buttons{grid-column:1!important;grid-row:auto!important}
}
@media(max-width:760px){
  .station-v3 .station-task-meta{grid-column:1/3!important}
}

/* Mise 0.0.86 — Prep Dashboard navigation and station settings */
.prep-dashboard-sticky{position:sticky;top:0;z-index:35;background:linear-gradient(180deg,#0f0f10 0%,#0f0f10 88%,rgba(15,15,16,.96) 100%);padding-top:4px;padding-bottom:2px;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.prep-overview-header{padding-bottom:14px}
.prep-brand-lockup{color:inherit}
.prep-header-tools{margin-left:auto}
.prep-station-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 4px 12px;scrollbar-width:thin}
.prep-station-tabs a{flex:0 0 auto;min-width:104px;padding:11px 16px;border:1px solid #363a40;border-radius:11px;background:#1a1d21;color:#d8dadd;text-align:center;font-weight:800;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.prep-station-tabs a:hover{transform:translateY(-1px);border-color:#6d737b;background:#22262b}
.prep-station-tabs a.active{border-color:rgba(255,255,255,.38);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 5px 18px rgba(0,0,0,.2);color:#fff}
.prep-station-tabs .home-tab{min-width:128px;background:#24272c;border-color:#4a4f56}
.prep-station-tabs .station-tab-wok{background:#4b2020}.prep-station-tabs .station-tab-drahma{background:#50371d}.prep-station-tabs .station-tab-pantry{background:#273f55}.prep-station-tabs .station-tab-meat{background:#51282f}.prep-station-tabs .station-tab-veggies{background:#274633}.prep-station-tabs .station-tab-sauces{background:#4b3529}.prep-station-tabs .station-tab-bar{background:#382b55}
.prep-summary-strip{margin:0 0 22px}
.station-progress-card{cursor:pointer;color:inherit;min-height:250px}
.station-progress-card .station-icon img{width:38px;height:38px;object-fit:contain}
.station-gauge{overflow:visible;min-width:145px}
.station-gauge>div{inset:32px 0 0;min-height:58px;overflow:visible}
.station-gauge strong,.station-gauge span{white-space:nowrap;line-height:1.05}
.station-gauge span{margin-top:3px}
.station-status{pointer-events:none}
.station-board-tabs{margin:-10px 0 18px}
@media(max-width:760px){.prep-dashboard-sticky{top:0}.prep-station-tabs a{min-width:94px;padding:10px 12px}.prep-station-tabs .home-tab{min-width:110px}.prep-brand-lockup p{display:none}.prep-summary-strip{margin-bottom:16px}}

/* 0.0.87 Prep Dashboard and notification refinements */
.prep-brand-icon img{width:48px;height:48px;object-fit:contain}.prep-brand-icon.consolidated-mark img{width:52px;height:52px}.prep-station-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:8px}.prep-station-tabs a>img,.tab-station-icon img{width:22px;height:22px;object-fit:contain}.tab-station-icon{display:inline-grid;place-items:center;width:24px;height:24px;font-size:19px}.prep-station-tabs a.active{transform:translateY(-2px);border-color:rgba(255,255,255,.78)!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.14),0 0 0 2px rgba(228,53,63,.24),0 8px 24px rgba(0,0,0,.42)!important}.prep-station-tabs a.active:after{content:"";position:absolute;left:16px;right:16px;bottom:4px;height:3px;border-radius:999px;background:#fff;box-shadow:0 0 10px currentColor}.prep-station-tabs a{position:relative}.summary-icon.blue{color:#78aef5}.summary-icon.amber{color:#f4a623}.station-dashboard-sticky{position:sticky;top:0;z-index:55;background:linear-gradient(180deg,#101113 85%,rgba(16,17,19,.96));padding-top:6px;box-shadow:0 10px 24px rgba(0,0,0,.18)}.station-prep-summary{margin-bottom:18px}.station-toolbar{margin-top:8px}.speedometer-summary{width:150px;height:104px;position:relative;overflow:visible!important}.speedometer-summary svg{width:150px;height:94px;overflow:visible}.speedometer-summary .speed-track,.speedometer-summary .speed-value{fill:none;stroke-width:12;stroke-linecap:round}.speedometer-summary .speed-track{stroke:#2e3237}.speedometer-summary .speed-ticks line{stroke:#71767e;stroke-width:2}.speedometer-summary>div{position:absolute;left:0;right:0;top:37px!important;inset:auto;display:grid;place-items:center;align-content:start;min-height:0}.speedometer-summary strong{font-size:31px;line-height:1}.speedometer-summary span{font-size:12px;margin-top:4px}.station-labor{display:flex!important;align-items:center;gap:22px!important;flex-wrap:wrap}.station-labor>span{display:inline-flex;align-items:baseline;gap:6px;color:#aeb2b8!important;font-size:14px!important;grid-column:auto!important}.station-labor>span+span{position:relative}.station-labor>span+span:before{content:"";position:absolute;left:-12px;top:2px;bottom:2px;width:1px;background:#34383d}.station-labor strong{color:#f1f2f4}.notification-bell{isolation:isolate}.notification-bell:before,.notification-bell:after{content:"";position:absolute;inset:-4px;border-radius:50%;pointer-events:none;opacity:0}.notification-bell.has-running:before{opacity:1;border:2px solid transparent;border-top-color:#29a8ff;border-right-color:#29a8ff;animation:notificationLoadingRim 4s linear infinite;box-shadow:0 0 9px rgba(41,168,255,.32)}@keyframes notificationLoadingRim{to{transform:rotate(360deg)}}.notification-bell.has-complete:before{opacity:1;border:2px solid #5cff82;animation:notificationReadyMorph 2.4s ease-in-out infinite;box-shadow:0 0 8px #32ff6a,0 0 18px rgba(50,255,106,.58)}.notification-bell.has-complete:after{opacity:1;border:1px solid rgba(80,255,125,.8);animation:notificationRipple 2.2s ease-out infinite}@keyframes notificationReadyMorph{0%,100%{filter:hue-rotate(0deg);transform:scale(1)}50%{filter:hue-rotate(50deg);transform:scale(1.06)}}@keyframes notificationRipple{0%{transform:scale(.95);opacity:.75}75%,100%{transform:scale(1.55);opacity:0}}.notification-bell.has-complete .notification-alert-dot{animation:notificationDotMorph 1.7s ease-in-out infinite;box-shadow:0 0 8px #ff334f,0 0 18px rgba(255,51,79,.9)}@keyframes notificationDotMorph{50%{transform:scale(1.3);filter:hue-rotate(25deg)}}.notification-item{position:relative;overflow:visible}.notification-remove{position:absolute;right:8px;top:8px;width:30px!important;height:30px!important;margin:0!important;padding:0!important;border-radius:9px!important;background:rgba(94,20,29,.9)!important;opacity:0;transform:scale(.78);transition:opacity .18s,transform .18s;z-index:3}.notification-item:hover .notification-remove,.notification-remove:focus-visible{opacity:1;transform:scale(1)}.notification-item-head{padding-right:28px}.notification-remove span{position:absolute;left:7px;right:7px;top:14px;height:2px;background:#ff6375;border-radius:2px;transition:transform .22s}.notification-remove span:first-child{transform:rotate(45deg)}.notification-remove span:last-child{transform:rotate(-45deg)}.notification-remove:hover span:first-child{transform:rotate(135deg)}.notification-remove:hover span:last-child{transform:rotate(45deg)}
@media(max-width:900px){.station-dashboard-sticky{position:relative}.prep-summary-strip.station-prep-summary{grid-template-columns:repeat(2,1fr)}}


/* Mise 0.0.88 — Prep Dashboard/station view cleanup */
.station-v3.prep-overview-shell{padding-top:0}
.station-v3 .station-dashboard-sticky{top:0;margin-top:0}
.station-v3 .station-prep-summary{margin-bottom:22px}
.station-v3 .station-toolbar{display:none!important}

/* Remove the legacy conic pseudo-gauge so each card has only the SVG speedometer. */
.station-progress-card .station-gauge.speedometer-summary::before{content:none!important;display:none!important}
.station-progress-card .station-gauge.speedometer-summary{width:154px!important;min-width:154px!important;height:112px!important;overflow:visible!important;display:block!important}
.station-progress-card .station-gauge.speedometer-summary svg{display:block;width:154px!important;height:100px!important;overflow:visible!important}
.station-progress-card .station-gauge.speedometer-summary>div{
  position:absolute!important;
  inset:0!important;
  top:42px!important;
  height:54px!important;
  min-height:54px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  pointer-events:none;
}
.station-progress-card .station-gauge.speedometer-summary strong{
  display:block!important;
  margin:0!important;
  font-size:31px!important;
  line-height:1!important;
  text-align:center!important;
}
.station-progress-card .station-gauge.speedometer-summary span{
  display:block!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.15!important;
  text-align:center!important;
}
.station-progress-card .speedometer-summary .speed-value{
  stroke-dasharray:100 100!important;
  stroke-dashoffset:calc(100 - (var(--pct) * 1))!important;
}
.station-progress-card .station-card-top{min-height:112px;align-items:flex-start}
.station-progress-card .station-heading{padding-top:4px}

@media(max-width:760px){
  .station-progress-card .station-gauge.speedometer-summary{width:136px!important;min-width:136px!important}
  .station-progress-card .station-gauge.speedometer-summary svg{width:136px!important}
}

/* Mise 0.0.89 — recipe phases */
.recipe-phase-list{display:grid;gap:12px;margin-top:18px}.recipe-phase-row{display:grid;grid-template-columns:44px minmax(220px,1fr) minmax(250px,.8fr) 44px;gap:14px;align-items:end;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.035);transition:opacity .22s,transform .22s}.recipe-phase-row.removing{opacity:0;transform:scale(.97)}.recipe-phase-number{align-self:center;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(126,77,255,.2);border:1px solid rgba(162,126,255,.5);color:#d8c8ff;font-weight:900}.phase-remove{align-self:center;width:40px!important;height:40px!important}.recipe-phases-section .helper{max-width:760px}@media(max-width:760px){.recipe-phase-row{grid-template-columns:40px 1fr 40px}.recipe-phase-row label:nth-of-type(2){grid-column:2/4}}

/* Mise 0.0.89 — phased prep station states */
.station-task-row.phase-waiting{filter:saturate(.45)}.station-task-row.phase-waiting .station-task-main,.station-task-row.phase-waiting .station-task-image,.station-task-row.phase-waiting .station-task-meta{opacity:.48}.station-task-row.phase-waiting .station-task-buttons>*{pointer-events:none}.phase-delay-stamp,.phase-ready-stamp{position:absolute;inset:18px 8px auto;z-index:8;min-height:74px;display:grid;place-items:center;text-align:center;border:4px double #ad7cff;border-radius:14px;background:rgba(48,21,83,.9);color:#d9c3ff;font-weight:1000;font-size:19px;letter-spacing:.08em;transform:rotate(-7deg);text-shadow:0 2px 0 #30134f;box-shadow:0 0 18px rgba(150,92,255,.55);font-family:inherit}.phase-ready-stamp{cursor:pointer;width:calc(100% - 16px);animation:phaseReadyPulse 1.8s ease-in-out infinite}.phase-ready-stamp:hover{transform:rotate(-4deg) scale(1.04)}@keyframes phaseReadyPulse{50%{box-shadow:0 0 30px rgba(175,112,255,.9)}}.station-speedometer{position:relative}.phase-complete{font-size:12px!important;line-height:1.1!important}.phase-complete:disabled{opacity:.45;filter:grayscale(1)}
.notification-type-pill.phase-pill{border-color:rgba(174,116,255,.78)!important;background:linear-gradient(145deg,rgba(112,52,190,.58),rgba(53,24,91,.72))!important;color:#e0cfff!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 14px rgba(151,87,255,.3)!important}.phase-delay-notification .notification-progress span{background:linear-gradient(90deg,#6840bc,#9d6cff,#d8c8ff)!important;background-size:220% 100%;animation:notificationMorph 3.5s ease-in-out infinite}.phase-ready-notification{filter:saturate(.45);background:rgba(30,30,35,.78)!important}.phase-ready-notification .notification-progress{box-shadow:none!important}.phase-ready-notification .notification-progress span{background:#77717f!important;animation:none!important}.phase-ready-copy{display:block;color:#d7c6ff;font-size:12px;font-weight:800;font-style:normal;text-transform:uppercase;letter-spacing:.05em}
/* Mise 0.0.91 — Home, settings hub, and locked prep header */
.home-screen{max-width:1680px;margin:0 auto 50px}.home-carousel{height:430px;border-radius:24px;overflow:hidden;position:relative;background:#14161a;border:1px solid #30343a}.home-slide{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 5s linear;background-image:linear-gradient(120deg,#242830,#121316);background-size:cover;background-position:center}.home-slide[style]{background-image:linear-gradient(90deg,rgba(5,7,10,.92),rgba(5,7,10,.18)),var(--slide-image)}.home-slide.active{opacity:1;transform:scale(1)}.home-slide.placeholder:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(214,38,48,.22),transparent 28%),radial-gradient(circle at 55% 80%,rgba(92,70,190,.2),transparent 30%)}.home-slide-copy{position:absolute;z-index:2;left:54px;bottom:58px;max-width:640px}.home-kicker{text-transform:uppercase;letter-spacing:.18em;color:#ff6970;font-weight:800;font-size:12px}.home-slide-copy h2{font-size:46px;margin:8px 0 12px}.home-slide-copy p{color:#d1d4d9;font-size:18px;line-height:1.55}.carousel-countdown{position:absolute;z-index:4;right:30px;top:28px;width:54px;height:54px;border:3px solid rgba(255,255,255,.22);border-radius:50%;overflow:hidden}.home-slide.active .carousel-countdown span{display:block;width:100%;height:100%;border-radius:50%;border:3px solid #ff4650;animation:carouselFive 5s linear forwards}@keyframes carouselFive{from{clip-path:polygon(50% 50%,50% 0,50% 0)}to{clip-path:polygon(50% 50%,50% 0,100% 0,100% 100%,0 100%,0 0)}}.carousel-dots{position:absolute;z-index:5;bottom:24px;right:30px;display:flex;gap:8px}.carousel-dots button{width:24px;height:5px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.28)}.carousel-dots button.active{background:#fff;width:42px}.home-sections{margin-top:34px;display:grid;gap:34px}.home-recipe-row{padding:24px;border-radius:22px;background:linear-gradient(135deg,rgba(215,35,47,.09),rgba(255,255,255,.02));border:1px solid #2b2f35}.home-recipe-row.row-style-2{background:linear-gradient(135deg,rgba(75,111,220,.1),rgba(255,255,255,.02))}.home-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.home-row-head>div{display:flex;align-items:center;gap:12px}.home-row-head>div>span{font-size:13px;color:#f14a53;border:1px solid currentColor;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.home-row-head h2{margin:0;font-size:26px}.home-card-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px}.home-recipe-card{flex:0 0 280px;height:165px;border-radius:16px;overflow:hidden;position:relative;scroll-snap-align:start;border:1px solid rgba(255,255,255,.12);transition:transform .2s,border-color .2s}.home-recipe-card:hover{transform:scale(1.035);border-color:#fff;z-index:2}.home-recipe-card img{width:100%;height:100%;object-fit:cover}.home-card-placeholder{height:100%;display:grid;place-items:center;font-size:50px;background:#252930}.home-card-gradient{position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.94))}.home-card-copy{position:absolute;left:16px;right:16px;bottom:13px}.home-card-copy span,.home-card-copy small{display:block;font-size:11px;color:#c9cbd0}.home-card-copy strong{display:block;font-size:18px;margin:3px 0}.home-empty-row{padding:45px;color:#92969d}.settings-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px}.settings-hub-card{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;padding:28px;background:#17191d;border:1px solid #31353b;border-radius:18px}.settings-hub-card>span{width:58px;height:58px;border-radius:16px;background:#252932;display:grid;place-items:center;font-size:28px}.settings-hub-card h2{margin:0 0 6px}.settings-hub-card p{margin:0;color:#a7abb2}.settings-hub-card>b{font-size:32px}.home-settings{display:grid;gap:24px;max-width:1200px}.settings-panel{background:#15171a;border:1px solid #30343a;border-radius:18px;padding:24px}.announcement-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:#1d2025;border-radius:14px;margin:18px 0}.announcement-add .wide{grid-column:1/-1}.settings-sort-list{display:grid;gap:12px;margin:16px 0}.settings-sort-item{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;background:#1b1e22;border:1px solid #333840;border-radius:14px;padding:16px}.settings-sort-item.dragging{opacity:.45}.drag-handle{cursor:grab;color:#8e949d;font-size:24px}.settings-fields{display:grid;gap:12px}.settings-fields label,.announcement-add label{display:grid;gap:6px;color:#cfd2d7}.settings-fields input,.settings-fields textarea,.settings-fields select,.announcement-add input,.announcement-add textarea{width:100%;background:#101215;border:1px solid #383d44;color:#fff;border-radius:10px;padding:10px}.settings-fields select[multiple]{min-height:190px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto!important}.section-setting-title{display:flex;justify-content:space-between;align-items:center}.section-setting-title h3{margin:0}.count-pill{padding:7px 12px;border-radius:999px;background:#262a30}.animated-x{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid #79313a;background:#38171c}.animated-x span{position:absolute;left:9px;right:9px;top:17px;height:2px;background:#ff5869;transition:transform .25s}.animated-x span:first-child{transform:rotate(45deg)}.animated-x span:last-child{transform:rotate(-45deg)}.animated-x:hover span:first-child{transform:rotate(135deg)}.animated-x:hover span:last-child{transform:rotate(45deg)}
.prep-dashboard-sticky,.station-dashboard-sticky{position:sticky!important;top:0!important;z-index:80!important;transform:none!important;will-change:auto;background:#101113!important}.prep-overview-shell{overflow:visible!important}
@media(max-width:800px){.home-carousel{height:350px}.home-slide-copy{left:24px;right:24px;bottom:48px}.home-slide-copy h2{font-size:32px}.settings-hub{grid-template-columns:1fr}.announcement-add,.two-col{grid-template-columns:1fr}.announcement-add .wide{grid-column:auto}}

/* Size-level POS / PLU administration */
.plu-admin-shell{display:grid;gap:20px;max-width:1680px}.plu-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plu-summary-grid article{display:grid;gap:5px;padding:18px;border:1px solid #30353d;border-radius:16px;background:#171a1f}.plu-summary-grid span,.plu-summary-grid small{color:#9da4af}.plu-summary-grid strong{font-size:28px}.plu-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.plu-library-panel{min-width:0}.plu-search-bar{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto auto;gap:10px;align-items:end}.plu-search-bar input,.plu-search-bar select,.plu-admin-tools input,.plu-admin-tools select,.plu-inline-form input{width:100%;border:1px solid #3a4049;border-radius:10px;background:#101216;color:#fff;padding:11px}.plu-recipe-list{display:grid;gap:14px;margin-top:20px}.plu-recipe-card{border:1px solid #333840;border-radius:15px;background:#181b20;overflow:hidden}.plu-recipe-card>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-bottom:1px solid #30353d}.plu-recipe-card h2{margin:3px 0 0;font-size:20px}.plu-recipe-card header span{color:#70c8ff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.plu-size-list{display:grid;gap:1px;background:#2b3037}.plu-inline-form{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;background:#15181c}.plu-size-heading{display:grid;gap:3px}.plu-size-heading small{color:#9da4af}.plu-inline-rows{display:flex;flex-wrap:wrap;gap:8px}.plu-inline-rows label{position:relative;display:grid;grid-template-columns:auto minmax(100px,150px) 34px;align-items:center;gap:6px}.plu-inline-rows label>span{font-size:11px;color:#aeb4bd}.plu-inline-rows label>em{grid-column:2/-1;color:#f5b847;font-size:10px}.plu-delete{width:34px;height:38px;padding:0;border:1px solid #7d333b;border-radius:9px;background:#3b191e;color:#ff6d7a;font-size:22px}.plu-inline-actions{display:flex;gap:8px}.plu-admin-tools{display:grid;gap:16px;position:sticky;top:20px}.plu-admin-tools .settings-panel{display:grid;gap:12px}.plu-admin-tools h2,.plu-admin-tools p{margin:0}.plu-admin-tools form{display:grid;gap:10px}.plu-admin-tools label{display:grid;gap:6px}.plu-upload{border:1px dashed #4b535e;border-radius:12px;padding:16px}.plu-upload input{padding:0;border:0;background:transparent}.plu-import-errors{border:1px solid #743841;border-radius:10px;padding:10px;background:#2b1619}.plu-import-errors p{margin:6px 0;color:#ffb5bd;font-size:12px}.plu-empty-state{padding:50px;text-align:center;color:#979da7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px){.plu-admin-layout{grid-template-columns:1fr}.plu-admin-tools{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.plu-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.plu-search-bar,.plu-inline-form,.plu-admin-tools{grid-template-columns:1fr}.plu-inline-rows{display:grid}.plu-inline-rows label{grid-template-columns:auto 1fr 40px}.plu-summary-grid{grid-template-columns:1fr 1fr}.plu-inline-actions{justify-content:flex-end}}
/* 0.0.92 immersive Home */
.immersive-home{max-width:none;margin:-24px -32px 50px}.disney-carousel{height:min(72vh,760px);min-height:520px;border:0;border-radius:0;overflow:hidden;background:#090b0f}.disney-carousel:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:-1px;height:180px;background:linear-gradient(transparent,#0d0f12 88%);pointer-events:none}.home-slide-media{position:absolute;inset:0}.home-slide-media img,.home-slide-media video{width:100%;height:100%;object-fit:cover;display:block}.home-slide-media video{opacity:1;transition:opacity .7s ease}.home-slide-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,6,10,.94) 0%,rgba(4,6,10,.68) 30%,rgba(4,6,10,.12) 66%),linear-gradient(0deg,rgba(8,10,13,.72),transparent 42%)}.disney-carousel .home-slide-copy{left:5vw;bottom:18%;max-width:560px}.home-announcement-logo{display:block;max-width:min(390px,38vw);max-height:210px;object-fit:contain;object-position:left bottom;margin-bottom:18px}.disney-carousel .home-slide-copy h2{font-size:clamp(38px,5vw,70px);line-height:1.02;text-shadow:0 3px 20px #000}.disney-carousel .home-slide-copy p{font-size:clamp(16px,1.4vw,20px);max-width:620px;text-shadow:0 2px 12px #000}.carousel-arrow{position:absolute;z-index:8;top:46%;width:52px;height:74px;border:1px solid rgba(255,255,255,.18);background:rgba(5,7,10,.42);backdrop-filter:blur(8px);color:#fff;font-size:45px;line-height:1;border-radius:14px;opacity:.35;transition:opacity .2s,transform .2s}.disney-carousel:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{transform:scale(1.08);background:rgba(5,7,10,.75)}.carousel-arrow.previous{left:18px}.carousel-arrow.next{right:18px}.disney-carousel .carousel-dots{bottom:16%;right:5vw}.disney-carousel .carousel-countdown{right:5vw;top:34px}.immersive-rows{position:relative;z-index:5;margin:-128px 32px 0;gap:30px}.immersive-rows .home-recipe-row{background:transparent;border:0;padding:0}.immersive-rows .home-row-head{padding:0 6px;margin-bottom:13px}.immersive-rows .home-card-rail{padding:5px 6px 24px}.immersive-rows .home-recipe-card{flex-basis:300px;height:174px;box-shadow:0 12px 30px rgba(0,0,0,.3)}
body.modal-open{overflow:hidden}.announcement-modal[hidden]{display:none}.announcement-modal{position:fixed;z-index:5000;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px);padding:18px;overflow:auto;animation:announcementBackdrop .28s ease}.announcement-modal-shell{position:relative;max-width:1180px;min-height:calc(100vh - 36px);margin:0 auto;background:#101216;border:1px solid #343840;border-radius:24px;overflow:hidden;animation:announcementExpand .38s cubic-bezier(.2,.8,.2,1)}@keyframes announcementBackdrop{from{opacity:0}to{opacity:1}}@keyframes announcementExpand{from{opacity:0;transform:scale(.88) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}.announcement-close{position:fixed;z-index:6;top:34px;right:max(34px,calc((100vw - 1180px)/2 + 24px));width:48px;height:48px;border-radius:14px;background:rgba(18,20,25,.9)}.announcement-modal-hero{height:min(64vh,650px);position:relative;background:#17191e}.announcement-modal-hero>img,.announcement-modal-hero>video{width:100%;height:100%;object-fit:cover}.announcement-modal-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101216,transparent 55%),linear-gradient(90deg,rgba(6,7,10,.85),transparent 65%)}.announcement-modal-title{position:absolute;left:6%;right:10%;bottom:9%;z-index:2;max-width:650px}.announcement-modal-title>img{max-width:430px;max-height:190px;object-fit:contain;object-position:left bottom}.announcement-modal-title h1{font-size:clamp(42px,6vw,74px);margin:0 0 15px}.announcement-modal-title p{font-size:20px;color:#e3e5e8}.announcement-modal-content{padding:20px clamp(24px,6vw,80px) 80px;display:grid;gap:32px}.announcement-segment{padding:28px;background:#181b20;border:1px solid #30343c;border-radius:20px}.announcement-segment h2{font-size:30px;margin:0 0 16px}.announcement-rich-text,.announcement-segment p{font-size:18px;line-height:1.65;color:#d5d8dd}.announcement-segment video{display:block;width:100%;max-height:620px;background:#000;border-radius:16px}.pdf-segment-card{display:grid;grid-template-columns:68px 1fr;gap:4px 18px;align-items:center;padding:22px;border:1px solid #454a54;border-radius:16px;background:#20242a}.pdf-segment-card>span{grid-row:1/3;width:60px;height:60px;display:grid;place-items:center;border-radius:12px;background:#d23843;color:#fff;font-weight:900}.pdf-segment-card strong{font-size:20px}.pdf-segment-card small{color:#aeb3bb}.announcement-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.announcement-recipe-card{overflow:hidden;border-radius:15px;background:#23262c;border:1px solid #3b4049;transition:transform .2s}.announcement-recipe-card:hover{transform:translateY(-4px)}.announcement-recipe-card img{width:100%;height:130px;object-fit:cover}.announcement-recipe-card div{padding:14px}.announcement-recipe-card small,.announcement-recipe-card strong{display:block}.announcement-recipe-card small{color:#a7abb2;margin-bottom:4px}
.announcement-add select,.add-segment-bar select,.builder-basics select,.add-recipe-row select{width:100%;background:#101215;border:1px solid #383d44;color:#fff;border-radius:10px;padding:10px}.announcement-picker{color:inherit;text-decoration:none;grid-template-columns:auto 1fr!important}.announcement-picker.selected{border-color:#668cff;background:#202a42;box-shadow:0 0 0 2px rgba(102,140,255,.18)}.announcement-picker small{display:block;margin-top:5px;color:#9ea4ae}.builder-basics{padding:18px;background:#1b1e23;border-radius:14px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.segment-builder-head{margin-top:30px}.segment-builder-head h3{font-size:24px;margin-bottom:4px}.segment-builder-head p{color:#9fa4ac}.add-segment-bar{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;margin:15px 0;background:#1b1e23;border-radius:14px}.add-segment-bar label{display:grid;gap:6px}.add-segment-bar input,.add-segment-bar textarea{width:100%;background:#101215;border:1px solid #383d44;color:#fff;border-radius:10px;padding:10px}.add-segment-bar .wide{grid-column:1/-1}.segment-editor{display:block;padding:0;overflow:hidden}.segment-editor summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:17px;cursor:pointer;list-style:none}.segment-editor summary::-webkit-details-marker{display:none}.segment-editor summary:after{content:"⌄";font-size:22px;color:#aab0b8}.segment-editor[open] summary:after{transform:rotate(180deg)}.segment-kind{padding:5px 9px;border-radius:999px;background:#2c3139;color:#bdc2ca;font-size:12px}.segment-editor-body{position:relative;display:grid;gap:12px;padding:0 18px 18px 52px;border-top:1px solid #30343a}.segment-editor-body>label{display:grid;gap:6px;margin-top:14px}.segment-editor-body input,.segment-editor-body textarea{width:100%;background:#101215;border:1px solid #383d44;color:#fff;border-radius:10px;padding:10px}.segment-delete{position:absolute;right:18px;bottom:18px}.builder-recipe-list{display:grid;gap:8px;margin-top:14px}.builder-recipe-chip{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 12px;background:#242830;border:1px solid #3a404a;border-radius:11px}.builder-recipe-chip>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#4b65b9}.animated-x.small{width:30px;height:30px}.animated-x.small span{left:7px;right:7px;top:13px}.add-recipe-row{display:grid;grid-template-columns:1fr auto;gap:10px}.segment-sort-list .settings-sort-item{draggable:true}
@media(max-width:800px){.immersive-home{margin:-20px -16px 35px}.disney-carousel{min-height:480px;height:68vh}.disney-carousel .home-slide-copy{left:24px;right:24px;bottom:22%}.home-announcement-logo{max-width:75vw}.immersive-rows{margin:-95px 12px 0}.carousel-arrow{width:42px;height:58px}.three-col,.add-segment-bar{grid-template-columns:1fr}.add-segment-bar .wide{grid-column:auto}.announcement-modal{padding:0}.announcement-modal-shell{min-height:100vh;border-radius:0}.announcement-close{top:15px;right:15px}.announcement-modal-hero{height:55vh}.announcement-modal-content{padding:15px 15px 50px}.announcement-segment{padding:20px}.announcement-modal-title{left:24px;right:70px}.announcement-modal-title>img{max-width:75vw}.add-recipe-row{grid-template-columns:1fr}.segment-editor-body{padding-left:18px}}

/* 0.0.93 Home announcement settings */
.announcement-overview-card{position:relative;align-items:center;overflow:hidden;transition:border-color .2s,background .2s,transform .2s}.announcement-overview-card small{display:block;margin-top:5px;color:#9ea4ae}.announcement-overview-card:hover{border-color:#657ee8;background:#202532;transform:translateY(-1px)}.announcement-hover-actions{display:flex;align-items:center;gap:9px;opacity:0;transform:translateX(12px);pointer-events:none;transition:opacity .2s,transform .25s}.announcement-overview-card:hover .announcement-hover-actions,.announcement-overview-card:focus-within .announcement-hover-actions{opacity:1;transform:none;pointer-events:auto}.announcement-edit-button{min-width:76px;text-align:center}.announcement-add-button{display:inline-flex;margin-top:8px}.announcement-add-button.disabled{pointer-events:none;opacity:.45}.announcement-order-form{display:none}
.recipe-picker-modal[hidden]{display:none}.recipe-picker-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px}.recipe-picker-backdrop{position:absolute;inset:0;background:rgba(3,5,9,.78);backdrop-filter:blur(8px)}.recipe-picker-dialog{position:relative;width:min(920px,96vw);max-height:88vh;display:flex;flex-direction:column;background:#15181e;border:1px solid #3b4350;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.65);padding:22px}.recipe-picker-search{width:100%;margin:12px 0;background:#0d1014;border:1px solid #39404b;color:#fff;border-radius:12px;padding:12px 14px}.recipe-picker-form{display:flex;min-height:0;flex:1;flex-direction:column}.recipe-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:auto;padding:4px 4px 16px}.recipe-picker-option{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:13px;background:#1e2229;border:1px solid #343a45;border-radius:12px;cursor:pointer}.recipe-picker-option:hover{border-color:#668cff;background:#232b3c}.recipe-picker-option input{width:18px;height:18px}.recipe-picker-option small{display:block;color:#9da4af;margin-top:3px}.recipe-picker-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #303640}.modal-open{overflow:hidden}.choose-recipes-button{justify-self:start;margin-top:4px}
@media(max-width:700px){.recipe-picker-list{grid-template-columns:1fr}.announcement-hover-actions{opacity:1;transform:none;pointer-events:auto}.three-col,.two-col{grid-template-columns:1fr}}
/* Mise 0.0.94 announcement segment editor */
.segment-editor summary{grid-template-columns:auto 1fr auto auto;cursor:default}
.segment-editor summary:after{display:none!important;content:none!important}
.segment-expand-button{opacity:0;transform:translateX(8px);transition:opacity .2s ease,transform .2s ease}
.segment-editor:hover .segment-expand-button,.segment-editor[open] .segment-expand-button{opacity:1;transform:translateX(0)}
.segment-editor-body{padding-top:16px}
.segment-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.segment-editor-actions .segment-delete{position:relative;right:auto;bottom:auto}
.file-drop-zone{position:relative;min-height:118px;border:2px dashed #4b5564;border-radius:14px;background:#111419;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;padding:18px;transition:border-color .2s ease,background .2s ease,transform .2s ease;overflow:hidden}
.file-drop-zone.compact{min-height:102px}
.file-drop-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.file-drop-zone .drop-zone-icon{font-size:25px;color:#8ea7ff}
.file-drop-zone small{color:#9da4ae}
.file-drop-zone:hover,.file-drop-zone.drag-over{border-color:#7f98ed;background:#182038;transform:translateY(-1px)}
.file-drop-zone.has-file{border-style:solid;border-color:#63b58b;background:#15241d}
.new-segment-recipes{display:grid;align-content:center;gap:7px}
.new-segment-recipes small{color:#9fa4ac}
@media(max-width:760px){.segment-editor summary{grid-template-columns:auto 1fr auto}.segment-kind{display:none}.segment-expand-button{opacity:1;grid-column:2/-1}.file-drop-zone{min-height:96px}}

/* Mise 0.0.95 — immersive Home hero refinements */
.immersive-home{margin-top:-24px}
.disney-carousel .home-slide-copy.has-logo{
  display:grid;
  grid-template-columns:minmax(150px,468px) minmax(280px,560px);
  align-items:center;
  column-gap:34px;
  max-width:min(1080px,88vw);
}
.disney-carousel .home-slide-copy.has-logo .home-announcement-logo{
  width:100%;
  max-width:468px;
  max-height:252px;
  margin:0;
  object-position:left center;
}
.disney-carousel .home-slide-copy.has-logo .home-slide-message{min-width:0}
.disney-carousel .home-slide-copy.has-logo .home-slide-message p{margin-top:0}
.immersive-rows{margin-top:-78px}
.announcement-modal-title>img{max-width:min(468px,52vw);max-height:252px}
@media(max-width:900px){
  .disney-carousel .home-slide-copy.has-logo{grid-template-columns:minmax(120px,220px) 1fr;column-gap:20px;max-width:calc(100vw - 48px)}
  .disney-carousel .home-slide-copy.has-logo .home-announcement-logo{max-width:220px;max-height:160px}
  .immersive-rows{margin-top:-58px}
}
@media(max-width:620px){
  .disney-carousel .home-slide-copy.has-logo{display:block}
  .disney-carousel .home-slide-copy.has-logo .home-announcement-logo{max-width:72vw;max-height:150px;margin-bottom:14px}
  .immersive-rows{margin-top:-38px}
}

/* Mise 0.0.96 — Home announcement logo/message alignment */
.disney-carousel .home-slide-copy.has-logo{
  column-gap:18px;
}
.disney-carousel .home-slide-copy.has-logo .home-slide-message{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.disney-carousel .home-slide-copy.has-logo .home-slide-message p{
  margin-left:0;
  margin-right:0;
}
.disney-carousel .home-expand-button{
  min-height:48px;
  padding:12px 24px;
  font-size:15px;
  font-weight:800;
  border-radius:10px;
}
@media(max-width:900px){
  .disney-carousel .home-slide-copy.has-logo{column-gap:18px}
}
@media(max-width:620px){
  .disney-carousel .home-slide-copy.has-logo .home-slide-message{align-items:flex-start;text-align:left}
}

/* Mise 0.0.97 — transparent-aware announcement logo alignment */
.disney-carousel .home-slide-copy.has-logo{
  grid-template-columns:max-content minmax(280px,560px);
  column-gap:18px;
  align-items:center;
}
.home-logo-frame{
  position:relative;
  display:block;
  width:min(29vw,468px);
  max-height:252px;
  aspect-ratio:var(--logo-ratio, 1 / 1);
  overflow:hidden;
  flex:none;
}
.disney-carousel .home-slide-copy.has-logo .home-logo-frame .home-announcement-logo{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  margin:0;
  object-fit:contain;
  object-position:left center;
}
.home-logo-frame:not(.is-cropped) .home-announcement-logo{
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:right center;
}
.disney-carousel .home-slide-copy.has-logo .home-slide-message{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  min-width:0;
}
.disney-carousel .home-slide-copy.has-logo .home-slide-message p{
  margin:0 0 18px;
  text-align:left;
}
.disney-carousel .home-slide-copy.has-logo .home-expand-button{align-self:flex-start}
@media(max-width:900px){
  .home-logo-frame{width:min(27vw,260px);max-height:180px}
  .disney-carousel .home-slide-copy.has-logo{grid-template-columns:max-content minmax(0,1fr)}
}
@media(max-width:620px){
  .disney-carousel .home-slide-copy.has-logo{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
  .home-logo-frame{width:min(72vw,300px);max-height:150px}
}


/* Mise 0.0.98 — preserve uploaded announcement logo aspect ratio */
.home-logo-frame.is-cropped .home-announcement-logo{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Mise 0.0.99 — size logo frame from visible artwork instead of viewport width */
.disney-carousel .home-slide-copy.has-logo{
  grid-template-columns:max-content minmax(280px,560px);
  column-gap:18px;
}
.home-logo-frame,
.home-logo-frame.is-cropped{
  height:min(252px,30vh);
  width:auto;
  max-width:min(468px,36vw);
  aspect-ratio:var(--logo-ratio, 1 / 1);
}
@media(max-width:900px){
  .home-logo-frame,
  .home-logo-frame.is-cropped{
    height:min(180px,24vh);
    width:auto;
    max-width:min(260px,28vw);
  }
}
@media(max-width:620px){
  .home-logo-frame,
  .home-logo-frame.is-cropped{
    height:auto;
    width:min(72vw,300px);
    max-width:min(72vw,300px);
  }
}

/* 0.1.00 announcement builder */
.announcement-title-group{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.025);overflow:hidden;margin:18px 0 28px}.announcement-title-group>summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}.announcement-title-group>summary::-webkit-details-marker{display:none}.announcement-title-group>summary strong{font-size:1.1rem}.announcement-title-group>summary span{color:var(--muted);font-size:.9rem}.announcement-title-group[open]>summary{border-bottom:1px solid rgba(255,255,255,.1)}.announcement-title-group .builder-basics{padding:20px}.announcement-title-actions{display:flex;justify-content:flex-end}.segment-builder-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.segment-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.announcement-segment-new{max-width:980px;margin:0 auto}.announcement-segment-new .segment-editor-actions{justify-content:flex-end}.announcement-segment-new .recipe-picker-modal{position:fixed}.segment-kind{text-transform:none}

/* Mise 0.1.01 — immersive carousel motion, date ranges, and rich-list controls */
.home-slide-media{overflow:hidden;will-change:transform}
.home-slide.active .home-slide-media.motion-reset{animation:heroPanZoom 5s ease-in-out both}
.home-slide.active:nth-child(even) .home-slide-media.motion-reset{animation-name:heroPanZoomReverse}
@keyframes heroPanZoom{0%{transform:scale(1.015) translate3d(0,0,0)}100%{transform:scale(1.075) translate3d(-1.2%,-.7%,0)}}
@keyframes heroPanZoomReverse{0%{transform:scale(1.07) translate3d(-1%,.4%,0)}100%{transform:scale(1.02) translate3d(.8%,-.5%,0)}}
.home-slide-copy,.carousel-arrow,.carousel-countdown,.carousel-dots{transform:none;animation:none}
.disney-carousel .carousel-countdown{top:auto;right:auto;left:50%;bottom:13.5%;transform:translateX(-50%);width:82px;height:24px;border:0;border-radius:999px;overflow:visible;display:flex;align-items:center;justify-content:center;gap:7px;background:rgba(5,7,10,.28);backdrop-filter:blur(8px)}
.carousel-countdown .morph-dot{display:block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.38);box-shadow:0 0 0 rgba(255,255,255,0)}
.home-slide.active .carousel-countdown .morph-dot{animation:morphCarouselDot 1.25s ease-in-out infinite}
.home-slide.active .carousel-countdown .dot-two{animation-delay:.18s}.home-slide.active .carousel-countdown .dot-three{animation-delay:.36s}
@keyframes morphCarouselDot{0%,100%{transform:scale(.7);border-radius:50%;background:rgba(255,255,255,.35);box-shadow:0 0 0 transparent}50%{transform:scale(1.55,1);border-radius:45% 55% 50% 50%;background:#fff;box-shadow:0 0 13px rgba(255,255,255,.62)}}
.disney-carousel .carousel-dots{left:50%;right:auto;bottom:9.4%;transform:translateX(-50%)}
.carousel-arrow{top:50%;margin:0;transform:translateY(-50%)!important}
.carousel-arrow:hover{transform:translateY(-50%)!important}
.immersive-rows{margin-left:0;margin-right:0;padding-left:5vw;padding-right:5vw}
.immersive-rows .home-card-rail{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.sidebar:not(.collapsed)~.content:has(.immersive-home){margin-left:240px}
.content:has(.immersive-home){overflow-x:hidden}
.immersive-home{width:calc(100% + 64px);margin-left:-32px;margin-right:-32px}
.rich-text-field{display:grid;gap:0}.rich-text-toolbar{display:flex;gap:6px;padding:7px;background:#171a1f;border:1px solid #3b414a;border-bottom:0;border-radius:10px 10px 0 0}.rich-text-toolbar button{min-width:38px;padding:7px 10px;background:#292e36;border:1px solid #454c57;border-radius:7px}.rich-text-toolbar button:hover{background:#3a4350}.rich-text-field textarea{border-radius:0 0 10px 10px;min-height:115px}
.calendar-input{display:flex;width:100%;min-width:0;border:1px solid #383d44;background:#101215;border-radius:10px;padding:10px 12px}.calendar-input input[type=date]{display:block;width:100%;min-width:0;border:0;background:transparent;padding:0;color:#fff;color-scheme:dark}
.announcement-title-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.announcement-date-range{display:inline-flex;padding:4px 9px;border-radius:999px;background:rgba(92,139,255,.14);border:1px solid rgba(112,157,255,.38);color:#bcd0ff;font-size:12px;font-weight:700}
@media(max-width:1050px){.sidebar~.content:has(.immersive-home){margin-left:82px}.immersive-home{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}}
@media(max-width:700px){.immersive-home{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px}.immersive-rows{padding-left:12px;padding-right:12px}.disney-carousel .carousel-countdown{bottom:15%}.disney-carousel .carousel-dots{bottom:10.5%}}

/* Mise 0.1.02 — stationary carousel overlays, line progress, and rich text editing */
.disney-carousel .home-slide{
  transform:none!important;
  transition:opacity .7s ease!important;
  pointer-events:none;
  z-index:0;
}
.disney-carousel .home-slide.active{
  transform:none!important;
  pointer-events:auto;
  z-index:2;
}
.disney-carousel .home-slide-media{
  z-index:0;
  transform-origin:center center;
}
.disney-carousel .home-slide-shade{z-index:1}
.disney-carousel .home-slide-copy{
  z-index:6;
  transform:none!important;
  animation:none!important;
}
.disney-carousel .home-expand-button{
  position:relative;
  z-index:7;
  pointer-events:auto;
}
.disney-carousel .carousel-countdown,
.disney-carousel .carousel-dots{display:none!important}
.carousel-progress{
  position:absolute;
  z-index:12;
  left:50%;
  bottom:9.5%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(5,7,10,.24);
  backdrop-filter:blur(8px);
}
.carousel-progress button{
  position:relative;
  width:48px;
  height:5px;
  min-width:0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.28);
}
.carousel-progress button span{
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  border-radius:inherit;
  background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.55);
}
.carousel-progress button.active span{animation:carouselLineFill 5s linear forwards}
@keyframes carouselLineFill{from{width:0}to{width:100%}}
.carousel-arrow{
  z-index:13!important;
  top:50%!important;
  margin:0!important;
  translate:none!important;
  transform:translateY(-50%)!important;
}
.carousel-arrow:hover,
.carousel-arrow:focus,
.carousel-arrow:active{
  top:50%!important;
  margin:0!important;
  translate:none!important;
  transform:translateY(-50%)!important;
}
.home-announcement-text,
.announcement-modal-text{
  color:#e3e5e8;
  font-size:clamp(16px,1.4vw,20px);
  line-height:1.55;
  text-shadow:0 2px 12px #000;
}
.home-announcement-text p,
.home-announcement-text ul,
.home-announcement-text ol,
.announcement-modal-text p,
.announcement-modal-text ul,
.announcement-modal-text ol{margin:0 0 14px}
.home-announcement-text ul,
.announcement-modal-text ul,
.announcement-rich-text ul,
.rich-text-editor ul{
  list-style-type:disc!important;
  list-style-position:outside;
  padding-left:1.5em;
}
.home-announcement-text ol,
.announcement-modal-text ol,
.announcement-rich-text ol,
.rich-text-editor ol{
  list-style-position:outside;
  padding-left:1.65em;
}
.home-announcement-text li,
.announcement-modal-text li,
.announcement-rich-text li,
.rich-text-editor li{display:list-item;margin:.22em 0}
.home-slide-copy.has-logo .home-announcement-text{margin:0 0 18px;text-align:left}
.announcement-modal-text{font-size:20px}

.rich-text-field{display:grid;gap:0;min-width:0}
.rich-text-toolbar{
  position:relative;
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px;
  background:#171a1f;
  border:1px solid #3b414a;
  border-bottom:0;
  border-radius:10px 10px 0 0;
  user-select:none;
}
.rich-text-toolbar button{
  min-width:38px;
  min-height:36px;
  padding:7px 10px;
  background:#292e36;
  border:1px solid #454c57;
  border-radius:7px;
  color:#fff;
}
.rich-text-toolbar button:hover{background:#3a4350}
.rich-list-control{position:relative;margin-left:2px}
.rich-list-toggle{display:flex!important;align-items:center;gap:8px;min-width:100px!important;justify-content:center}
.rich-list-toggle span{font-size:11px;color:#b9bec7}
.rich-list-menu{
  position:absolute;
  z-index:50;
  top:calc(100% + 7px);
  left:0;
  width:180px;
  padding:7px;
  display:grid;
  gap:5px;
  border:1px solid #4a505a;
  border-radius:10px;
  background:#1c2026;
  box-shadow:0 15px 35px rgba(0,0,0,.42);
}
.rich-list-menu[hidden]{display:none!important}
.rich-list-menu button{
  width:100%;
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:center;
  text-align:left;
  font-weight:650;
}
.rich-list-menu button span{text-align:center;font-size:15px}
.rich-text-editor{
  height:220px;
  min-height:150px;
  max-height:620px;
  overflow:auto;
  resize:vertical;
  padding:13px 14px;
  border:1px solid #383d44;
  border-radius:0 0 10px 10px;
  background:#101215;
  color:#fff;
  line-height:1.55;
  cursor:text;
  user-select:text;
  white-space:normal;
}
.rich-text-editor:focus{outline:2px solid rgba(105,145,255,.46);outline-offset:-2px}
.rich-text-editor p{margin:.2em 0 .75em}
.rich-text-source{display:none!important}
.segment-editor-body .rich-text-editor{height:260px}
.segment-editor-body,
.segment-editor-body *:not(.drag-handle){user-select:text}
.drag-handle{
  user-select:none!important;
  -webkit-user-drag:element;
  touch-action:none;
}
.announcement-title-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:8px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.09);
}

@media(max-width:700px){
  .carousel-progress{bottom:10.5%;gap:6px}
  .carousel-progress button{width:34px}
  .rich-text-toolbar{flex-wrap:wrap}
  .rich-text-editor{height:200px}
}

/* Mise 0.1.03 — beverage techniques and glassware metadata */
.technique-field{display:grid;gap:7px;position:relative;min-width:0}.technique-field-label{color:#ddd;font-size:13px}.technique-field>small{color:#9297a0;font-size:11px;line-height:1.35}.technique-multiselect{position:relative}.technique-select-button{width:100%;min-height:43px;padding:10px 12px;border-radius:8px;border:1px solid #444;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-weight:600}.technique-select-button:hover:not(:disabled),.technique-select-button[aria-expanded="true"]{border-color:#6c78a0;background:#151821}.technique-select-arrow{font-size:18px;color:#aeb4bf;transition:transform .2s ease}.technique-select-button[aria-expanded="true"] .technique-select-arrow{transform:rotate(180deg)}.technique-select-menu{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 7px);padding:8px;border:1px solid #454b57;border-radius:12px;background:#15171c;box-shadow:0 20px 42px rgba(0,0,0,.46);max-height:280px;overflow:auto}.technique-option{position:relative;display:grid!important;grid-template-columns:24px 1fr;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;color:#eef0f4!important;cursor:pointer}.technique-option:hover{background:#222630}.technique-option input{position:absolute;opacity:0;pointer-events:none}.technique-checkmark{width:22px;height:22px;border-radius:6px;border:1px solid #59606d;color:transparent;display:grid;place-items:center;font-size:14px;font-weight:900;background:#0f1115}.technique-option input:checked+.technique-checkmark{border-color:#657dff;background:#657dff;color:#fff;box-shadow:0 0 0 3px rgba(101,125,255,.16)}.technique-empty{padding:14px;color:#9ea4ae;text-align:center;font-size:13px}.technique-field.is-disabled{opacity:.38;filter:grayscale(.8)}.technique-field.is-disabled .technique-select-button{cursor:not-allowed}.technique-meta-pill{cursor:pointer;border-color:rgba(130,151,255,.5)!important;background:linear-gradient(145deg,rgba(46,57,96,.78),rgba(17,21,33,.86))!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.technique-meta-pill:hover{transform:translateY(-2px);border-color:#91a5ff!important;box-shadow:0 9px 24px rgba(70,92,190,.25)}.technique-modal-card{width:min(680px,calc(100vw - 32px))!important;border-color:rgba(111,132,255,.58)!important;background:linear-gradient(155deg,#1b2034,#101219)!important;box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 36px rgba(85,109,255,.16)!important}.technique-modal-icon{width:72px;height:72px;margin:0 auto 10px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#677fff,#364aaf);color:#fff;font-size:38px;font-weight:900;box-shadow:0 12px 28px rgba(77,103,235,.34)}.technique-modal-card h2{text-align:center;color:#fff;margin:8px 0}.technique-modal-intro{text-align:center;color:#d8ddef;line-height:1.55}.technique-modal-list{display:grid;gap:12px;margin:20px 0}.technique-modal-list article{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:15px;border-radius:15px;background:rgba(112,132,255,.1);border:1px solid rgba(133,151,255,.22)}.technique-list-check{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#657dff;color:#fff;font-weight:900}.technique-modal-list h3{margin:1px 0 6px;color:#fff;font-size:17px}.technique-modal-list p{margin:0;color:#d7dbeb;line-height:1.5}.technique-modal-action{background:#6078ef!important;box-shadow:0 10px 26px rgba(66,89,210,.32)!important}@media(max-width:720px){.technique-select-menu{position:relative;top:auto;margin-top:7px}.technique-modal-list article{grid-template-columns:32px 1fr}.technique-list-check{width:30px;height:30px}}
/* Mise 0.1.05 — condensed prep planner and station print lists */
.planner-v104{padding-bottom:88px}.planner-tabs{display:flex;overflow-x:auto;border:1px solid #3b3b3b;border-radius:14px;background:#161616;margin-bottom:12px}.planner-tabs button{flex:1;min-width:118px;border:0;border-right:1px solid #333;border-radius:0;background:transparent;color:#ddd;padding:15px 14px;white-space:nowrap}.planner-tabs button.active{background:linear-gradient(180deg,#5b4728,#2d261b);color:#fff;border-bottom:3px solid #e1b45d}.planner-summary{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) minmax(360px,auto);align-items:center;gap:0;padding:0;overflow:hidden}.planner-summary>div{padding:15px 18px;border-right:1px solid #3a3a3a}.planner-summary small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.planner-summary strong{font-size:25px}.planner-summary-actions{display:flex!important;gap:9px;justify-content:flex-end;border-right:0!important}.planner-tools{display:flex;align-items:center;gap:10px;margin:14px 0}.planner-selected-filter{display:flex;align-items:center;gap:7px;margin-left:8px}.planner-search{margin-left:auto;display:flex;align-items:center;gap:8px}.planner-search input{width:220px}.planner-list{display:grid;gap:8px}.planner-row{display:grid;grid-template-columns:52px 78px minmax(250px,1fr) 185px 175px 82px;align-items:center;gap:14px;padding:10px 16px;border:1px solid #393939;border-radius:12px;background:linear-gradient(180deg,#222,#1b1b1b);opacity:.58;transition:.18s}.planner-row.is-active{opacity:1;border-color:#6f5a31;box-shadow:inset 3px 0 #d7ab56}.planner-activate input{position:absolute;opacity:0}.planner-activate span{display:block;width:38px;height:22px;border-radius:99px;background:#555;position:relative}.planner-activate span:after{content:'';position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#ddd;transition:.18s}.planner-activate input:checked+span{background:#c59642}.planner-activate input:checked+span:after{transform:translateX(16px);background:#fff}.planner-thumb{width:78px;height:58px;border-radius:9px;overflow:hidden;background:#333;display:grid;place-items:center}.planner-thumb img{width:100%;height:100%;object-fit:cover}.planner-copy h3{margin:0 0 5px;font-size:17px}.planner-copy p{margin:0;color:var(--muted);font-size:12px}.planner-row>label:not(.planner-activate){font-size:10px;color:var(--muted);font-weight:700}.planner-row select{margin-top:5px;width:100%}.qty-stepper{display:grid;grid-template-columns:38px 1fr 38px;margin-top:5px;border:1px solid #555;border-radius:8px;overflow:hidden}.qty-stepper button{border:0;border-radius:0;background:#222;padding:8px}.qty-stepper input{border:0;text-align:center;min-width:0;padding:8px}.planner-state{font-size:12px;text-align:right}.planner-sticky-actions{position:fixed;right:24px;bottom:18px;z-index:20;display:flex;align-items:center;gap:24px;background:rgba(24,24,24,.94);backdrop-filter:blur(14px);border:1px solid #444;border-radius:13px;padding:10px 12px 10px 18px;box-shadow:0 10px 35px #0008}.planner-sticky-actions button{min-width:170px}@media(max-width:1100px){.planner-summary{grid-template-columns:repeat(3,1fr)}.planner-summary-actions{grid-column:1/-1}.planner-row{grid-template-columns:44px 65px 1fr 150px 150px}.planner-state{display:none}}@media(max-width:780px){.planner-summary{grid-template-columns:1fr 1fr}.planner-row{grid-template-columns:42px 60px 1fr}.planner-row>label:not(.planner-activate){grid-column:span 1}.planner-search{margin-left:0}.planner-tools{flex-wrap:wrap}}

/* Mise 0.1.06 — enforce station-tab visibility */
.planner-row[hidden]{display:none!important}

/* Mise 0.1.07 — single-line recipe titles and one page scrollbar */
.compact-recipe-page{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.compact-recipe-page>.recipe-scroll-area{
  flex:0 0 auto!important;
  min-height:0!important;
  overflow:visible!important;
  scrollbar-gutter:auto!important;
  padding:2px 8px 36px 2px!important;
}
.recipe-page-frame.compact-recipe-page>.recipe-fixed-title.redesigned-titlebar{
  position:relative!important;
}
.redesigned-titlebar>.recipe-title-center{
  width:min(48%,850px)!important;
  max-width:850px!important;
  overflow:hidden!important;
}
.redesigned-titlebar .titlebar-copy{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.redesigned-titlebar .titlebar-copy h1.recipe-title-marquee{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:44px!important;
  max-height:48px!important;
  margin:0!important;
  padding:2px 10px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:1.16!important;
  text-align:center!important;
}
.recipe-title-marquee>span{
  display:inline-block;
  min-width:max-content;
  white-space:nowrap;
  will-change:transform;
}
.recipe-title-marquee.is-overflowing>span{
  animation:miseRecipeTitleScroll 10s ease-in-out 1.25s infinite alternate;
}
.recipe-title-marquee.is-overflowing:hover>span{
  animation-play-state:paused;
}
@keyframes miseRecipeTitleScroll{
  0%,12%{transform:translateX(0)}
  88%,100%{transform:translateX(calc(-1 * var(--title-scroll-distance,0px)))}
}
@media(prefers-reduced-motion:reduce){
  .recipe-title-marquee.is-overflowing>span{animation:none!important}
}
@media(max-width:1280px){
  .redesigned-titlebar>.recipe-title-center{width:min(44%,700px)!important}
}
@media(max-width:900px){
  .redesigned-titlebar>.recipe-title-center{width:100%!important;max-width:none!important}
  .redesigned-titlebar .titlebar-copy h1.recipe-title-marquee{font-size:clamp(23px,5vw,31px)!important}
}


/* Mise 0.1.08 — preserve collapsed navigation geometry before first paint.
   Alternate-recipe links perform a normal page navigation; applying the stored
   state in <head> prevents the sidebar/content from flashing at expanded width. */
html.mise-sidebar-precollapsed .sidebar{width:82px!important;transition:none!important}
html.mise-sidebar-precollapsed .sidebar .nav-label,
html.mise-sidebar-precollapsed .sidebar .brand div{display:none!important}
html.mise-sidebar-precollapsed .content{margin-left:82px!important;transition:none!important}
html.mise-sidebar-precollapsed .sidebar~.content:has(.immersive-home){margin-left:82px!important}
html.mise-sidebar-precollapsed .app-shell{grid-template-columns:82px minmax(0,1fr)!important}

/* Mise 0.1.09 — recipe video placement and visible playback */
.hero-video-orb{display:none!important}
.recipe-video-meta-pill{appearance:none;font:inherit;color:inherit;cursor:pointer;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:132px!important}
.recipe-video-meta-pill:hover{transform:translateY(-1px);filter:brightness(1.08)}
.recipe-video-play-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);font-size:13px;padding-left:2px}
.recipe-video-pill-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.08}
.recipe-video-pill-copy small,.recipe-video-pill-copy b{white-space:nowrap}
.recipe-video-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;overflow:hidden;border-radius:16px;background:#000}
.recipe-video-dialog{width:min(1180px,94vw);padding:18px}
/* Preserve portrait and landscape proportions; reserve room for the modal frame. */
.recipe-video-dialog video{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);object-fit:contain;border-radius:0;background:#000}
.recipe-video-error{position:absolute;inset:auto 24px 24px;padding:14px 16px;border-radius:12px;background:rgba(25,27,32,.92);border:1px solid rgba(255,255,255,.18);color:#fff;text-align:center;font-size:14px}
@media(max-width:700px){.recipe-video-modal{padding:12px}.recipe-video-dialog{width:98vw;padding:10px;border-radius:18px}.recipe-video-stage{border-radius:12px}.recipe-video-meta-pill{min-width:112px!important}}

/* Mise 0.1.11 — removable full recipe video editor */
.full-video-existing{position:relative;cursor:pointer}
.full-video-existing video{pointer-events:none}
.full-video-existing .delete-overlay{display:grid}
.full-video-existing:hover .delete-overlay,.full-video-existing:focus-visible .delete-overlay{opacity:1}


/* Mise 0.1.13 — cinematic recipe video control */
.recipe-video-meta-pill{display:none!important}
.recipe-video-feature{
  position:relative;
  isolation:isolate;
  display:inline-grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  min-width:190px;
  height:58px;
  padding:7px 12px 7px 8px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,rgba(77,19,24,.92),rgba(29,18,22,.82));
  box-shadow:0 10px 26px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.18);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  cursor:pointer;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;
}
.recipe-video-feature:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.12) 42%,transparent 68%);
  transform:translateX(-115%);
  transition:transform .55s ease;
}
.recipe-video-feature:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.46);
  box-shadow:0 14px 32px rgba(0,0,0,.42),0 0 0 3px rgba(190,35,42,.15),inset 0 1px rgba(255,255,255,.22);
  filter:brightness(1.06);
}
.recipe-video-feature:hover:before{transform:translateX(115%)}
.recipe-video-feature:active{transform:translateY(0) scale(.985)}
.recipe-video-feature:focus-visible{outline:3px solid rgba(255,255,255,.72);outline-offset:3px}
.recipe-video-feature-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#e52b35,#a8121b);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 7px 16px rgba(123,9,16,.42),inset 0 1px 1px rgba(255,255,255,.35);
}
.recipe-video-feature-icon span{font-size:14px;line-height:1;transform:translateX(1.5px)}
.recipe-video-feature-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.05;text-align:left}
.recipe-video-feature-copy small{font-size:9px;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.68);white-space:nowrap}
.recipe-video-feature-copy b{margin-top:5px;font-size:13px;white-space:nowrap}
.recipe-video-feature-arrow{font-size:24px;line-height:1;color:rgba(255,255,255,.72);transition:transform .2s ease,color .2s ease}
.recipe-video-feature:hover .recipe-video-feature-arrow{transform:translateX(2px);color:#fff}
@media(max-width:700px){
  .recipe-video-feature{min-width:154px;height:54px;grid-template-columns:38px minmax(0,1fr);padding:7px 11px 7px 8px}
  .recipe-video-feature-icon{width:38px;height:38px}
  .recipe-video-feature-arrow{display:none}
  .recipe-video-feature-copy b{font-size:12px}
}

/* Mise 0.1.13 — UI cleanup and anchored dashboards */
.recipe-video-feature{display:none!important}
.recipe-video-clean-pill{
  display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:7px 16px 7px 8px;
  border:1px solid rgba(255,255,255,.24);border-radius:16px;color:#fff;
  background:linear-gradient(145deg,rgba(58,58,61,.92),rgba(32,32,35,.9));
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 22px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);transition:border-color .18s,background .18s,transform .18s;
}
.recipe-video-clean-pill:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.48);background:linear-gradient(145deg,rgba(75,75,79,.95),rgba(38,38,42,.94))}
.recipe-video-clean-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:#d71920;border:1px solid rgba(255,255,255,.45);box-shadow:0 5px 14px rgba(160,12,19,.38)}
.recipe-video-clean-pill>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.recipe-video-clean-pill small{font-size:9px;letter-spacing:.11em;color:#bdbdc2;font-weight:800}.recipe-video-clean-pill b{font-size:13px;margin-top:4px;white-space:nowrap}
.add-ingredient-bottom{margin-top:12px;align-self:flex-start}.size-ingredient-pane{display:flex;flex-direction:column}.size-ingredient-pane[hidden]{display:none!important}
.prep-station-tabs a.active:after{display:none!important}.prep-station-tabs a.active{transform:none!important}
.prep-dashboard-sticky,.station-dashboard-sticky{position:sticky!important;top:0!important;z-index:80!important;background:#101113!important;padding-top:6px!important}
.recipe-dashboard-header{position:sticky;top:0;z-index:85;margin:-26px -32px 22px;padding:20px 32px 16px;background:rgba(15,15,16,.97);border-bottom:1px solid #303034;backdrop-filter:blur(18px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.recipe-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.recipe-dashboard-heading h1{margin:0;font-size:29px}.recipe-dashboard-heading p{margin:5px 0 0;color:var(--muted)}
.recipe-dashboard-notifications{display:flex;align-items:center;justify-content:center;min-height:44px;margin-left:auto}.recipe-header-filters{margin:14px 0 0}.recipe-dashboard-tools{display:none!important}
.sidebar-live-status{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #34383b;border-radius:10px;background:#202224;font-size:12px;font-weight:800;color:#78e39b}.sidebar-live-ripple{position:relative;width:10px;height:10px;border-radius:50%;background:#36cc70;box-shadow:0 0 8px rgba(54,204,112,.75)}
.sidebar-live-ripple:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(54,204,112,.65);border-radius:50%;animation:miseOnlineRipple 2s ease-out infinite}@keyframes miseOnlineRipple{0%{transform:scale(.55);opacity:.9}75%,100%{transform:scale(1.65);opacity:0}}
.sidebar.collapsed .sidebar-live-status span:last-child{display:none}.sidebar.collapsed .sidebar-live-status{justify-content:center;padding:10px 0}
@media(max-width:850px){.recipe-dashboard-header{margin:-18px -18px 18px;padding:16px 18px}.recipe-dashboard-heading{align-items:flex-start}.recipe-header-filters{flex-wrap:wrap}}

/* Mise 0.1.14 — technique icon and cohesive video control */
.technique-modal-icon{
  background:linear-gradient(145deg,#657dff,#3549a9)!important;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 14px 32px rgba(67,88,202,.38),inset 0 1px rgba(255,255,255,.18)!important;
}
.technique-modal-icon img{width:46px;height:46px;display:block;filter:drop-shadow(0 2px 5px rgba(0,0,0,.32))}
.recipe-video-clean-pill{
  position:relative;overflow:visible;min-height:48px;padding:5px 7px 5px 5px;gap:10px;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;transform:none!important;
}
.recipe-video-clean-pill:hover{background:transparent!important;border-color:transparent!important;transform:none!important}
.recipe-video-clean-pill:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:5px;border-radius:8px!important}
.recipe-video-clean-icon{position:relative;isolation:isolate;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.56);box-shadow:0 6px 16px rgba(173,8,18,.42)}
.recipe-video-clean-icon:before,.recipe-video-clean-icon:after{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:50%;border:1px solid rgba(215,25,32,.72);animation:recipeVideoRipple 2.35s ease-out infinite}
.recipe-video-clean-icon:after{animation-delay:1.15s}
@keyframes recipeVideoRipple{0%{transform:scale(.86);opacity:.8}75%,100%{transform:scale(1.55);opacity:0}}
.recipe-video-clean-pill>span:last-child{padding-right:3px}
.recipe-video-clean-pill small{color:rgba(255,255,255,.62)}
.recipe-video-clean-pill b{color:#fff}
@media (prefers-reduced-motion:reduce){.recipe-video-clean-icon:before,.recipe-video-clean-icon:after{animation:none}}

/* Mise 0.1.15 — corrected cohesive recipe video pill */
.recipe-video-clean-pill{display:none!important}
.recipe-video-pill{
  position:relative!important;
  display:inline-grid!important;
  grid-template-columns:34px auto!important;
  column-gap:10px!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:154px!important;
  min-height:59px!important;
  padding:7px 14px!important;
  overflow:visible!important;
  cursor:pointer;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  transition:background .18s ease,border-color .18s ease,filter .18s ease!important;
}
.recipe-video-pill:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.38)!important;
  filter:brightness(1.05);
  transform:none!important;
}
.recipe-video-pill:active{filter:brightness(.96)}
.recipe-video-pill:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:3px}
.recipe-video-play{
  position:relative;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  margin:0;
  padding:0 0 0 2px;
  border-radius:50%;
  background:#d71920;
  border:1px solid rgba(255,255,255,.55);
  color:#fff;
  font-style:normal;
  font-size:12px;
  line-height:1;
  box-shadow:0 0 0 0 rgba(215,25,32,0),0 4px 10px rgba(122,8,13,.32);
  animation:recipeVideoSoftPulse 2.25s ease-in-out infinite;
}
.recipe-video-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  padding:0!important;
  gap:2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  line-height:1.05!important;
}
.recipe-video-copy small{
  color:rgba(255,255,255,.7)!important;
  font-size:9px!important;
  letter-spacing:.1em!important;
  line-height:1!important;
}
.recipe-video-copy b{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
@keyframes recipeVideoSoftPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(215,25,32,0),0 4px 10px rgba(122,8,13,.32)}
  45%{box-shadow:0 0 0 6px rgba(215,25,32,.14),0 4px 12px rgba(122,8,13,.38)}
  70%{box-shadow:0 0 0 9px rgba(215,25,32,0),0 4px 10px rgba(122,8,13,.32)}
}
@media(max-width:700px){
  .recipe-video-pill{min-width:140px!important;padding:7px 11px!important;grid-template-columns:30px auto!important;column-gap:8px!important}
  .recipe-video-play{width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){.recipe-video-play{animation:none}}


/* Mise 0.1.17 — navigation, fixed dashboard header, and phase actions */
.sidebar nav a{position:relative}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(220,42,55,.24),rgba(220,42,55,.08));color:#fff;border-color:rgba(236,74,86,.45);box-shadow:inset 3px 0 0 #e13b48}
.sidebar nav a.active .nav-icon{color:#ff6b76}
.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.sidebar.collapsed nav a.active{box-shadow:inset 3px 0 0 #e13b48,0 0 0 1px rgba(225,59,72,.18)}
.prep-overview-shell{padding-top:0!important;margin-top:0!important}
.prep-dashboard-sticky{top:0!important;margin-top:-20px!important;padding-top:20px!important;transform:translateZ(0)!important;contain:paint layout style}
.station-dashboard-sticky{top:0!important}
.phase-next-action{background:linear-gradient(180deg,#c92d3d,#a91f2e)!important;border:1px solid #ef5b68!important;color:#fff!important;font-weight:900!important;box-shadow:0 5px 15px rgba(179,30,45,.28)!important}
.phase-next-action:hover{background:linear-gradient(180deg,#df394a,#bc2636)!important;transform:translateY(-1px)}
.phase-ready-stamp{pointer-events:none!important}
@media(max-width:900px){.prep-dashboard-sticky,.station-dashboard-sticky{position:sticky!important;top:0!important}}

/* Mise 0.1.18 consolidated recipe views, flexible home widgets, and upload fixes */
.dashboard-view-toggle,.recipe-view-toggle{display:inline-flex;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}.dashboard-view-toggle button,.recipe-view-toggle button{padding:8px 12px}.dashboard-view-toggle button.active,.recipe-view-toggle button.active{background:var(--red);color:#fff;border-color:var(--red)}
.consolidated-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.consolidated-recipe-grid .recipe-card{min-height:94px;display:grid;grid-template-columns:104px 1fr}.consolidated-recipe-grid .recipe-card-media{height:94px;border-radius:16px 0 0 16px}.consolidated-recipe-grid .recipe-card-body{min-height:94px;padding:10px 12px}.consolidated-recipe-grid .recipe-card-body h3{font-size:1rem;margin:3px 0}.consolidated-recipe-grid .recipe-type-tag{font-size:.65rem;padding:4px 7px}.consolidated-recipe-grid .dashboard-time-pill{transform:scale(.82);transform-origin:right center}
.consolidated-detail-view .recipe-step-size-panel{display:grid;gap:8px}.consolidated-detail-view .recipe-step{padding:12px 14px;grid-template-columns:minmax(0,1fr) auto}.consolidated-detail-view .step-carousel{display:none!important}.compact-media-button{display:none}.consolidated-detail-view .compact-media-button{display:inline-flex;align-items:center;gap:7px}.consolidated-detail-view .formatted-step{font-size:.95rem}.consolidated-detail-view .step-timer-control{margin:0}.compact-step-modal{position:fixed;inset:0;z-index:2400;background:rgba(0,0,0,.72);backdrop-filter:blur(16px);display:none;place-items:center;padding:24px}.compact-step-modal.open{display:grid}.compact-step-dialog{position:relative;width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#171719;border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:56px 24px 24px}.compact-modal-x{position:absolute;left:16px;top:14px}.compact-step-dialog .step-carousel{display:block!important}.compact-step-dialog .carousel-track{min-height:300px}.compact-step-dialog img,.compact-step-dialog video{max-height:70vh;object-fit:contain}.compact-timer-runner{display:grid;place-items:center;gap:20px;padding:24px}.compact-timer-ring{position:relative;width:260px;height:260px}.compact-timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.compact-timer-ring circle{fill:none;stroke:rgba(255,255,255,.12);stroke-width:10}.compact-timer-ring .compact-timer-progress{stroke:#46e879;stroke-linecap:round}.compact-timer-ring strong{position:absolute;inset:0;display:grid;place-items:center;font-size:2.4rem}
.widget-overview-row{grid-template-columns:auto 1fr auto;align-items:center}.widget-line-copy{display:grid;gap:3px}.add-widget-form{margin-top:16px}.widget-editor-page{display:grid;gap:18px}.widget-block-list{display:grid;gap:12px}.widget-block-card{grid-template-columns:auto 1fr;align-items:start}.widget-block-main{display:grid;gap:12px}.widget-block-heading{display:flex;justify-content:space-between;align-items:center}.widget-drop-zone{min-height:150px;border:2px dashed rgba(255,255,255,.22);border-radius:18px;display:grid;place-items:center;align-content:center;gap:6px;cursor:pointer;background:rgba(255,255,255,.025)}.widget-drop-zone.dragover{border-color:var(--red);background:rgba(215,25,32,.1)}.add-widget-blocks{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}.home-widget-blocks{display:grid;gap:18px}.home-widget-block{border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);padding:18px}.home-widget-block>img,.home-widget-block>video{width:100%;max-height:560px;object-fit:cover;border-radius:16px}.home-rail-wrap{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}.home-rail-arrow{width:42px;height:64px;border-radius:14px;font-size:30px;display:grid;place-items:center;background:rgba(18,18,20,.84);border:1px solid rgba(255,255,255,.14)}.home-card-rail{scrollbar-width:none}.home-card-rail::-webkit-scrollbar{display:none}
.step-media-uploader{position:relative;min-height:74px}.step-media-uploader.dragover:after{content:'Drop files to add';position:absolute;inset:5px;border-radius:12px;background:rgba(215,25,32,.9);display:grid;place-items:center;color:white;font-weight:800;pointer-events:none}
@media(max-width:760px){.dashboard-view-toggle,.recipe-view-toggle{width:100%}.home-rail-wrap{grid-template-columns:1fr}.home-rail-arrow{display:none}.consolidated-recipe-grid{grid-template-columns:1fr}}

/* Mise 0.1.19 — Home widget distinction, dashboard list view, compact recipe detail */
.home-recipe-row{
  position:relative;
  margin-bottom:34px;
  padding:22px 22px 24px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(31,34,40,.94),rgba(20,22,27,.92));
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  overflow:hidden;
}
.home-recipe-row::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--red);
}
.home-recipe-row:nth-child(even){background:linear-gradient(145deg,rgba(24,27,33,.96),rgba(15,17,21,.94))}
.home-recipe-row:nth-child(3n)::before{background:#e4a72f}
.home-recipe-row:nth-child(3n+2)::before{background:#6a82d8}
.home-row-head{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.home-widget-blocks{gap:16px}
.home-widget-block{
  position:relative;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.11);
  padding:18px;
}
.home-widget-block-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.home-widget-block-head h3{margin:0;font-size:1.15rem}
.home-widget-type{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:rgba(215,25,32,.18);color:#ff9b9e;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.consolidated-recipe-grid .recipe-card-copy{min-width:0}
.consolidated-recipe-grid .recipe-card-body h3{
  white-space:normal;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  line-height:1.25;
  max-height:2.5em;
}
.list-recipe-grid{display:grid;grid-template-columns:1fr;gap:10px}
.list-recipe-grid .recipe-card-wrap{width:100%}
.list-recipe-grid .recipe-card{
  min-height:116px;
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  border-radius:16px;
}
.list-recipe-grid .recipe-card-media{height:116px;border-radius:16px 0 0 16px}
.list-recipe-grid .recipe-card-body{min-height:116px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.list-recipe-grid .recipe-card-copy{min-width:0;display:grid;gap:5px}
.list-recipe-grid .recipe-card-body h3{font-size:1.2rem;line-height:1.25;margin:0;white-space:normal;overflow:visible}
.list-recipe-grid .card-category-row{margin:0}
.list-recipe-grid .dashboard-time-pill{flex:0 0 auto;min-width:128px}
.list-recipe-grid .recipe-type-tag{top:9px;left:9px}
.list-recipe-grid .draft-recipe-pill{width:max-content;max-width:100%}
.list-recipe-grid .recipe-card-copy::after{content:"Open recipe details →";color:#aaa;font-size:.78rem;margin-top:2px}

.consolidated-detail-view .beautiful-recipe-card{
  display:grid;
  grid-template-columns:minmax(300px,42%) minmax(0,58%);
  align-items:start;
  max-width:1500px;
}
.consolidated-detail-view .recipe-hero{
  grid-column:1;
  grid-row:1;
  height:clamp(280px,42vh,430px);
  min-height:280px;
  border-radius:18px 0 0 0;
  position:sticky;
  top:0;
}
.consolidated-detail-view .recipe-hero.no-image{height:clamp(280px,42vh,430px)}
.consolidated-detail-view .recipe-hero-overlay{left:18px;right:18px;bottom:18px}
.consolidated-detail-view .hero-meta{gap:8px}
.consolidated-detail-view .large-meta-pill,.consolidated-detail-view .yield-meta-pill{transform:scale(.88);transform-origin:left bottom}
.consolidated-detail-view .recipe-content-grid{
  grid-column:2;
  grid-row:1 / span 3;
  grid-template-columns:minmax(220px,34%) minmax(0,66%);
  gap:22px;
  padding:24px;
}
.consolidated-detail-view .recipe-side{padding-right:18px}
.consolidated-detail-view .display-step{grid-template-columns:38px 1fr;gap:11px;padding-bottom:18px;margin-bottom:18px}
.consolidated-detail-view .display-step-number{width:34px;height:34px;font-size:17px}
.consolidated-detail-view .step-carousel{display:none!important}
.consolidated-detail-view .compact-media-button{display:inline-flex!important;margin-top:10px}
.consolidated-detail-view .recipe-summary-grid,.consolidated-detail-view .beautiful-recipe-card>.recipe-actions{grid-column:1}
.consolidated-detail-view .recipe-summary-grid{grid-template-columns:repeat(2,1fr)}
.consolidated-detail-view .recipe-summary-grid>div{padding:14px}

@media(max-width:1050px){
  .consolidated-detail-view .beautiful-recipe-card{grid-template-columns:1fr}
  .consolidated-detail-view .recipe-hero,.consolidated-detail-view .recipe-content-grid,.consolidated-detail-view .recipe-summary-grid,.consolidated-detail-view .beautiful-recipe-card>.recipe-actions{grid-column:1;grid-row:auto}
  .consolidated-detail-view .recipe-hero{position:relative;border-radius:18px 18px 0 0;height:300px}
  .consolidated-detail-view .recipe-content-grid{grid-template-columns:1fr}
  .consolidated-detail-view .recipe-side{border-right:0;padding-right:0}
}
@media(max-width:700px){
  .list-recipe-grid .recipe-card{grid-template-columns:104px minmax(0,1fr)}
  .list-recipe-grid .recipe-card-media{height:112px}
  .list-recipe-grid .recipe-card-body{min-height:112px;padding:10px 12px}
  .list-recipe-grid .dashboard-time-pill{display:none}
  .home-recipe-row{padding:18px 14px 20px;border-radius:19px}
}


/* Compact naming, square dashboard imagery, guided cropping, and four-column list bars */
.crop-stage{position:relative;aspect-ratio:16/9;height:auto!important;max-height:min(52vh,430px)}
.crop-stage img{position:absolute;inset:0;z-index:1}
.crop-guide{position:absolute;z-index:3;pointer-events:none;border:2px dashed rgba(255,255,255,.88);box-shadow:0 0 0 1px rgba(0,0,0,.34)}
.crop-guide span{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:999px;background:rgba(8,9,11,.78);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.crop-guide-expanded{inset:10px;border-color:rgba(255,255,255,.86)}
.crop-guide-compact{top:10px;bottom:10px;left:50%;width:calc((100% - 20px) * .5625);transform:translateX(-50%);border-color:#ffb43f}
.crop-guide-compact span{left:auto;right:8px;top:auto;bottom:8px;background:rgba(115,68,0,.86);border-color:rgba(255,194,92,.5)}
.crop-guide-center{position:absolute;z-index:2;pointer-events:none;border-color:rgba(255,255,255,.42);border-style:dotted}
.crop-guide-center-v{top:10px;bottom:10px;left:50%;border-left-width:1px}
.crop-guide-center-h{left:10px;right:10px;top:50%;border-top-width:1px}

.compact-recipe-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important;gap:12px!important;align-items:start!important}
.compact-recipe-grid .recipe-card-wrap{height:auto!important;min-height:116px!important;width:100%!important;border-radius:18px!important}
.compact-recipe-grid .recipe-card-wrap .recipe-card{position:relative!important;display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;align-items:stretch!important;height:auto!important;min-height:116px!important;overflow:hidden!important;border-radius:18px!important;background:#1a1b1e!important}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media{position:relative!important;inset:auto!important;width:116px!important;height:116px!important;min-width:116px!important;aspect-ratio:1/1!important;border-radius:16px 0 0 16px!important;overflow:hidden!important;background:#fff!important}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body,.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:116px!important;margin:0!important;padding:12px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:0!important;border-radius:0 16px 16px 0!important;background:linear-gradient(105deg,rgba(78,21,31,.58),rgba(34,18,23,.58))!important;overflow:visible!important}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body::before,.compact-recipe-grid .recipe-card-wrap .recipe-card-body::after{display:none!important;content:none!important}
.compact-recipe-grid .recipe-card-copy,.compact-recipe-grid .recipe-card-body.gf-glass .recipe-card-copy{display:block!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important}
.compact-recipe-grid .card-category-row{display:none!important}
.compact-recipe-grid .recipe-card-body h3{display:block!important;max-width:none!important;max-height:none!important;margin:0!important;font-size:17px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}
.compact-recipe-grid .dashboard-time-pill{position:relative!important;flex:0 0 auto!important;align-self:center!important;min-width:108px!important;width:auto!important;height:58px!important;padding:7px 9px!important;transform:none!important;border-radius:16px!important}
.compact-recipe-grid .dashboard-time-icon{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:21px!important}
.compact-recipe-grid .dashboard-time-copy small{font-size:8px!important;margin-bottom:4px!important}
.compact-recipe-grid .dashboard-time-copy b{font-size:13px!important}
.compact-recipe-grid .recipe-type-tag{top:8px!important;left:8px!important;font-size:9px!important;padding:4px 6px!important}
.compact-recipe-grid .crop-orb{right:auto!important;left:78px!important;top:76px!important}

.list-recipe-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:start!important}
.list-recipe-grid .recipe-card-wrap{height:auto!important;min-height:104px!important;width:100%!important;border-radius:16px!important}
.list-recipe-grid .recipe-card-wrap .recipe-card{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:104px!important;aspect-ratio:3/1!important;overflow:hidden!important;border-radius:16px!important;background:linear-gradient(105deg,#24262b,#18191d)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-media{position:relative!important;inset:auto!important;width:auto!important;height:100%!important;min-height:104px!important;aspect-ratio:1/1!important;border-radius:15px 0 0 15px!important;overflow:hidden!important;background:#fff!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-body,.list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:104px!important;margin:0!important;padding:11px 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;border:0!important;border-radius:0 15px 15px 0!important;background:transparent!important;overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-body::before,.list-recipe-grid .recipe-card-wrap .recipe-card-body::after{display:none!important;content:none!important}
.list-recipe-grid .recipe-card-copy,.list-recipe-grid .recipe-card-body.gf-glass .recipe-card-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;width:auto!important;max-width:none!important;min-width:0!important;padding:0!important}
.list-recipe-grid .card-category-row{display:block!important;margin:0 0 5px!important}
.list-recipe-grid .category-badge{padding:3px 6px!important;font-size:8px!important;line-height:1!important}
.list-recipe-grid .category-badge img{width:12px!important;height:12px!important}
.list-recipe-grid .recipe-card-body h3{display:block!important;max-width:none!important;max-height:none!important;margin:0!important;font-size:14px!important;line-height:1.16!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important}
.list-recipe-grid .recipe-card-copy::after{display:none!important;content:none!important}
.list-recipe-grid .dashboard-time-pill{position:relative!important;align-self:center!important;min-width:72px!important;width:auto!important;height:auto!important;min-height:54px!important;padding:7px!important;display:flex!important;gap:5px!important;border-radius:13px!important;background:rgba(255,255,255,.08)!important;box-shadow:none!important}
.list-recipe-grid .dashboard-time-icon{display:none!important}
.list-recipe-grid .dashboard-time-copy{align-items:flex-end!important;text-align:right!important}
.list-recipe-grid .dashboard-time-copy small{font-size:7px!important;margin:0 0 4px!important;white-space:nowrap!important}
.list-recipe-grid .dashboard-time-copy b{font-size:12px!important;white-space:nowrap!important}
.list-recipe-grid .recipe-type-tag{top:7px!important;left:7px!important;font-size:7px!important;padding:3px 5px!important}
.list-recipe-grid .crop-orb{right:auto!important;left:68px!important;top:66px!important}
.list-recipe-grid .draft-recipe-pill{font-size:7px!important;padding:3px 5px!important;margin-bottom:4px!important}

.consolidated-detail-view .beautiful-recipe-card{display:grid!important;grid-template-columns:minmax(360px,40%) minmax(0,60%)!important;align-items:start!important;max-width:1500px!important}
.consolidated-detail-view .recipe-hero{grid-column:1!important;grid-row:1!important;position:sticky!important;top:0!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:var(--expanded-hero-aspect,59/24)!important;border-radius:18px 0 0 0!important;overflow:hidden!important}
.consolidated-detail-view .recipe-hero.no-image{height:auto!important;min-height:0!important;aspect-ratio:var(--expanded-hero-aspect,59/24)!important}
.consolidated-detail-view .recipe-hero .croppable-hero{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.consolidated-detail-view .recipe-content-grid{grid-column:2!important;grid-row:1 / span 3!important;padding:22px!important}
.consolidated-detail-view .recipe-hero-overlay{left:10px!important;right:10px!important;bottom:10px!important;max-width:calc(100% - 20px)!important}
.consolidated-detail-view .large-meta-pill,.consolidated-detail-view .yield-meta-pill{transform:scale(.78)!important;transform-origin:center bottom!important}

@media(max-width:1500px){.list-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1160px){.list-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.consolidated-detail-view .beautiful-recipe-card{grid-template-columns:1fr!important}.consolidated-detail-view .recipe-hero,.consolidated-detail-view .recipe-content-grid,.consolidated-detail-view .recipe-summary-grid,.consolidated-detail-view .beautiful-recipe-card>.recipe-actions{grid-column:1!important;grid-row:auto!important}.consolidated-detail-view .recipe-hero{position:relative!important;width:min(720px,100%)!important;border-radius:18px 18px 0 0!important}.consolidated-detail-view .recipe-content-grid{grid-template-columns:1fr!important}.consolidated-detail-view .recipe-side{border-right:0!important;padding-right:0!important}}
@media(max-width:760px){.compact-recipe-grid{grid-template-columns:1fr!important}.compact-recipe-grid .dashboard-time-pill{display:none!important}.list-recipe-grid{grid-template-columns:1fr!important}.list-recipe-grid .recipe-card-wrap .recipe-card{aspect-ratio:auto!important;min-height:112px!important}.list-recipe-grid .recipe-card-wrap .recipe-card-media{height:112px!important;min-height:112px!important}.crop-guide span{font-size:8px;padding:3px 6px}}


/* Dashboard refinements */
.home-recipe-row{border-left:0!important}
.home-recipe-row::before,.home-recipe-row::after{display:none!important;content:none!important}
.home-row-head>div>span{display:none!important}

/* Compact cards: square image nested inside the card */
.compact-recipe-grid .recipe-card-wrap .recipe-card{grid-template-columns:128px minmax(0,1fr)!important;padding:8px!important;gap:8px!important;background:linear-gradient(135deg,#24262b,#17181b)!important}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media{width:112px!important;height:112px!important;min-width:112px!important;margin:0!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 4px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.34)!important}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body,.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{min-height:112px!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important}
.compact-recipe-grid .recipe-type-tag{font-size:11px!important;line-height:1.1!important;padding:6px 9px!important;border-radius:999px!important;top:12px!important;left:12px!important;max-width:96px!important;white-space:normal!important;text-align:center!important}
.compact-recipe-grid .crop-orb{left:82px!important;top:82px!important}

/* List view uses the compact card language */
.list-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(390px,1fr))!important}
.list-recipe-grid .recipe-card-wrap .recipe-card{grid-template-columns:112px minmax(0,1fr)!important;min-height:112px!important;aspect-ratio:auto!important;padding:8px!important;gap:8px!important;border-radius:18px!important;background:linear-gradient(135deg,#24262b,#17181b)!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-media{width:104px!important;height:104px!important;min-height:104px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 4px rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.3)!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-body,.list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{min-height:104px!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.08)!important}
.list-recipe-grid .recipe-type-tag{font-size:10px!important;padding:5px 8px!important;top:11px!important;left:11px!important}

/* Prep header and tab planner */
.prep-dashboard-sticky,.station-dashboard-sticky{margin-top:0!important;padding-top:6px!important;transform:none!important;contain:none!important;top:0!important}
.prep-overview-header{min-height:92px!important;align-items:center!important}
.prep-station-tabs{display:flex!important;align-items:center!important;gap:8px!important}
.prep-tabs-planner{margin-left:auto!important;white-space:nowrap!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}

/* Product and ingredient detail */
.product-spec-view{max-width:1180px!important}
.product-spec-hero{height:390px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 25%,#8d2429,#251012 68%)}
.product-spec-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-spec-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.08) 72%)}
.product-spec-hero-copy{position:absolute;left:34px;right:34px;bottom:30px;z-index:2;color:#fff}
.product-spec-hero-copy h1{font-family:Georgia,serif;font-size:46px;line-height:1.05;margin:12px 0 8px}
.product-spec-hero-copy p{margin:0;color:#e5e5e5}.product-spec-hero-copy strong{display:block;margin-top:9px;color:#fff}
.product-hero-edit{position:absolute!important;right:26px;top:24px;z-index:3}
.product-standard-grid{padding:24px 28px 4px;margin:0!important}
.standard-card{background:#fff!important;color:#1d2023!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.standard-label{display:flex;align-items:center;gap:12px;padding:16px 18px!important;color:#fff!important}
.standard-label strong{display:block;font-size:16px;letter-spacing:.12em}.standard-label small{display:block;margin-top:3px;font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;opacity:.9}
.standard-symbol{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:24px;font-weight:900}
.standard-card.accept .standard-label{background:linear-gradient(135deg,#2f8a50,#1f633b)!important}
.standard-card.reject .standard-label{background:linear-gradient(135deg,#c8444c,#8c242b)!important}
.standard-card .preline{color:#24272a!important;background:#fff!important;line-height:1.55!important;min-height:98px}
.product-info-panels{padding:20px 28px 32px!important}
.ingredient-photo-strip{padding:18px 28px 0!important}
@media(max-width:760px){.product-spec-hero{height:300px}.product-spec-hero-copy{left:20px;right:20px;bottom:22px}.product-spec-hero-copy h1{font-size:34px}.prep-station-tabs{overflow-x:auto}.prep-tabs-planner{position:sticky;right:0}}


/* Larger three-column list cards */
.list-recipe-type{display:none}
.list-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.list-recipe-grid .recipe-card-wrap{min-height:148px!important}
.list-recipe-grid .recipe-card-wrap .recipe-card{grid-template-columns:140px minmax(0,1fr)!important;min-height:148px!important;padding:10px!important;gap:12px!important;border-radius:21px!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-media{width:136px!important;height:136px!important;min-height:136px!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.3)!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{border-radius:17px!important}
.list-recipe-grid .recipe-card-media>.recipe-type-tag{display:none!important}
.list-recipe-grid .recipe-card-wrap .recipe-card-body,.list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{min-height:136px!important;padding:15px 16px!important;grid-template-columns:minmax(0,1fr) 122px!important;gap:14px!important;border-radius:18px!important}
.list-recipe-grid .recipe-card-body h3{font-size:20px!important;line-height:1.16!important;letter-spacing:.005em!important}
.list-recipe-grid .list-recipe-type{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin-top:8px!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important;color:#f2f2f2!important;font-size:10px!important;font-weight:900!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.list-recipe-grid .dashboard-time-pill{width:122px!important;min-width:122px!important;min-height:82px!important;padding:10px 12px!important;border-radius:17px!important;justify-content:center!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.1)!important}
.list-recipe-grid .dashboard-time-icon{display:block!important;font-size:25px!important;width:28px!important;height:28px!important;flex:0 0 28px!important}
.list-recipe-grid .dashboard-time-copy{align-items:flex-start!important;text-align:left!important}
.list-recipe-grid .dashboard-time-copy small{font-size:9px!important;margin-bottom:5px!important;letter-spacing:.09em!important}
.list-recipe-grid .dashboard-time-copy b{font-size:17px!important;line-height:1.05!important}
.list-recipe-grid .dashboard-time-pill.active-dashboard-clock{min-height:94px!important;padding:7px 8px!important}
.list-recipe-grid .dashboard-odometer{width:112px!important;height:78px!important;display:grid!important;place-items:center!important;position:relative!important}
.list-recipe-grid .dashboard-odometer svg{width:112px!important;height:68px!important;display:block!important}
.list-recipe-grid .dashboard-odometer strong{font-size:19px!important;bottom:9px!important}
.list-recipe-grid .crop-orb{left:103px!important;top:103px!important}
@media(max-width:1500px){.list-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:980px){.list-recipe-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){.list-recipe-grid .recipe-card-wrap .recipe-card{grid-template-columns:112px minmax(0,1fr)!important;min-height:124px!important}.list-recipe-grid .recipe-card-wrap .recipe-card-media{width:108px!important;height:108px!important;min-height:108px!important}.list-recipe-grid .recipe-card-wrap .recipe-card-body,.list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{grid-template-columns:minmax(0,1fr)!important;min-height:108px!important}.list-recipe-grid .dashboard-time-pill{width:auto!important;min-width:0!important;min-height:56px!important}.list-recipe-grid .dashboard-time-pill.active-dashboard-clock{min-height:76px!important}}

/* Centered, enlarged list-view time information */
.list-recipe-grid .recipe-card-wrap .recipe-card-body,
.list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
  grid-template-columns:minmax(0,1fr) 136px!important;
}
.list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock){
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  justify-items:center!important;
  align-content:center!important;
  row-gap:7px!important;
  width:136px!important;
  min-width:136px!important;
  min-height:106px!important;
  padding:12px 10px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
.list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-copy{
  display:contents!important;
}
.list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-copy small{
  grid-row:1!important;
  justify-self:center!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.05!important;
  letter-spacing:.09em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-icon{
  grid-row:2!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  font-size:29px!important;
  line-height:1!important;
}
.list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-copy b{
  grid-row:3!important;
  justify-self:center!important;
  max-width:100%!important;
  margin:0!important;
  font-size:20px!important;
  line-height:1.05!important;
  text-align:center!important;
  white-space:nowrap!important;
}
@media(max-width:620px){
  .list-recipe-grid .recipe-card-wrap .recipe-card-body,
  .list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock){
    width:100%!important;
    min-width:0!important;
  }
}

/* Larger dashboard imagery and six-across compact glass cards */

/* List view: slightly enlarge the hero thumbnail while keeping it contained. */
.list-recipe-grid .recipe-card-wrap{min-height:156px!important}
.list-recipe-grid .recipe-card-wrap .recipe-card{
  grid-template-columns:150px minmax(0,1fr)!important;
  min-height:156px!important;
}
.list-recipe-grid .recipe-card-wrap .recipe-card-media{
  width:144px!important;
  height:144px!important;
  min-height:144px!important;
  max-width:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}
.list-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
}
.list-recipe-grid .recipe-card-wrap .recipe-card-body,
.list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
  min-height:144px!important;
}
.list-recipe-grid .crop-orb{left:111px!important;top:111px!important}

/* Recipe category and recipe type use matching badge proportions. */
.list-recipe-grid .category-badge,
.list-recipe-grid .list-recipe-type{
  padding:5px 9px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  border-radius:999px!important;
}
.list-recipe-grid .category-badge img{
  width:14px!important;
  height:14px!important;
}

/* Compact view: six square hero cards with Expanded-view-style glass information overlays. */
.compact-recipe-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
.compact-recipe-grid .recipe-card-wrap{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  border-radius:20px!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:20px!important;
  background:#111!important;
  box-shadow:0 10px 26px rgba(0,0,0,.3)!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:19px!important;
  background:#171719!important;
  box-shadow:none!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  border-radius:19px!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body,
.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:104px!important;
  min-height:104px!important;
  margin:0!important;
  padding:12px 11px 10px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 66px!important;
  align-items:end!important;
  gap:8px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0 0 19px 19px!important;
  background:linear-gradient(100deg,rgba(86,22,32,.58),rgba(47,17,23,.42))!important;
  box-shadow:none!important;
  backdrop-filter:blur(17px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(145%)!important;
  isolation:isolate!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:-25px!important;
  height:26px!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(73,18,27,0),rgba(73,18,27,.08) 35%,rgba(73,18,27,.28) 72%,rgba(73,18,27,.54) 100%)!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body::after{display:none!important;content:none!important}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
  background:linear-gradient(100deg,rgba(117,22,41,.64),rgba(63,12,25,.48))!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass::before{
  background:linear-gradient(to bottom,rgba(104,15,34,0),rgba(104,15,34,.09) 35%,rgba(104,15,34,.31) 72%,rgba(104,15,34,.58) 100%)!important;
}
.compact-recipe-grid .recipe-card-copy,
.compact-recipe-grid .recipe-card-body.gf-glass .recipe-card-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  align-items:flex-start!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  overflow:hidden!important;
}
.compact-recipe-grid .card-category-row{
  display:block!important;
  max-width:100%!important;
  margin:0 0 6px!important;
  line-height:1!important;
}
.compact-recipe-grid .category-badge,
.compact-recipe-grid .recipe-type-tag{
  padding:6px 9px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  border-radius:999px!important;
}
.compact-recipe-grid .category-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  background:rgba(126,24,43,.72)!important;
  border:1px solid rgba(255,170,181,.28)!important;
}
.compact-recipe-grid .category-badge img{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
.compact-recipe-grid .recipe-type-tag{
  top:10px!important;
  left:10px!important;
  right:auto!important;
  max-width:calc(100% - 20px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:left!important;
}
.compact-recipe-grid .recipe-card-body h3{
  display:-webkit-box!important;
  max-width:100%!important;
  max-height:34px!important;
  margin:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.12!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  text-shadow:0 2px 10px rgba(0,0,0,.58)!important;
}
.compact-recipe-grid .dashboard-time-pill{
  position:relative!important;
  align-self:end!important;
  justify-self:end!important;
  width:66px!important;
  min-width:66px!important;
  height:66px!important;
  min-height:66px!important;
  padding:7px 5px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 19px auto!important;
  justify-items:center!important;
  align-content:center!important;
  row-gap:3px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.07))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 5px 14px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(13px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(145%)!important;
  text-align:center!important;
}
.compact-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-copy{display:contents!important}
.compact-recipe-grid .dashboard-time-copy small{
  grid-row:1!important;
  margin:0!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.compact-recipe-grid .dashboard-time-icon{
  grid-row:2!important;
  display:grid!important;
  place-items:center!important;
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1!important;
}
.compact-recipe-grid .dashboard-time-copy b{
  grid-row:3!important;
  margin:0!important;
  max-width:100%!important;
  font-size:10px!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock{
  display:grid!important;
  place-items:center!important;
  padding:3px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer{
  width:62px!important;
  height:58px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer svg{
  width:62px!important;
  height:48px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer strong{
  bottom:5px!important;
  font-size:13px!important;
}
.compact-recipe-grid .crop-orb{
  left:auto!important;
  right:9px!important;
  top:auto!important;
  bottom:110px!important;
}
.compact-recipe-grid .recipe-card-media>span:not(.recipe-type-tag):not(.activity-badge),
.list-recipe-grid .recipe-card-media>span:not(.recipe-type-tag):not(.activity-badge){
  font-size:18px!important;
  font-weight:850!important;
}

@media(max-width:1500px){
  .compact-recipe-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1240px){
  .compact-recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .compact-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .compact-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .list-recipe-grid .recipe-card-wrap .recipe-card{grid-template-columns:120px minmax(0,1fr)!important}
  .list-recipe-grid .recipe-card-wrap .recipe-card-media{width:116px!important;height:116px!important;min-height:116px!important}
}
@media(max-width:430px){
  .compact-recipe-grid{grid-template-columns:1fr!important}
}

/* Recipe Dashboard Compact-view redesign */
.compact-recipe-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.compact-recipe-grid .recipe-card-wrap{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  border-radius:19px!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:6/7!important;
  padding:5px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,rgba(47,49,54,.96),rgba(19,20,23,.98))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.08)!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media{
  position:absolute!important;
  inset:5px 5px 72px 5px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:15px!important;
  background:#151619!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media::after{
  content:""!important;
  position:absolute!important;
  inset:34% 0 0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(7,8,10,0),rgba(7,8,10,.15) 24%,rgba(7,8,10,.72) 72%,rgba(7,8,10,.94) 100%)!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:14px!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body,
.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
  position:absolute!important;
  inset:5px!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow:visible!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:auto!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body::before,
.compact-recipe-grid .recipe-card-wrap .recipe-card-body::after,
.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass::before{
  display:none!important;
  content:none!important;
}
.compact-recipe-grid .recipe-card-copy,
.compact-recipe-grid .recipe-card-body.gf-glass .recipe-card-copy{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;
}
.compact-recipe-grid .recipe-type-tag{
  display:none!important;
}
.compact-recipe-grid .card-category-row{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  right:42px!important;
  z-index:4!important;
  display:block!important;
  max-width:none!important;
  margin:0!important;
  line-height:1!important;
}
.compact-recipe-grid .category-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:6px 9px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,170,181,.27)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(132,24,47,.94),rgba(91,14,31,.92))!important;
  box-shadow:0 4px 12px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.compact-recipe-grid .category-badge img{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
}
.compact-recipe-grid .recipe-card-body h3{
  position:absolute!important;
  left:11px!important;
  right:11px!important;
  bottom:106px!important;
  z-index:3!important;
  display:-webkit-box!important;
  max-width:none!important;
  max-height:48px!important;
  margin:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  text-shadow:0 2px 12px rgba(0,0,0,.92)!important;
}
.compact-recipe-grid .list-recipe-type{
  position:absolute!important;
  left:11px!important;
  bottom:80px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:calc(100% - 22px)!important;
  margin:0!important;
  padding:5px 8px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:999px!important;
  background:rgba(24,25,28,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
  color:#f5f5f5!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  backdrop-filter:blur(10px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(135%)!important;
}
.compact-recipe-grid .recipe-card-copy>small{
  display:none!important;
}
.compact-recipe-grid .draft-recipe-pill{
  position:absolute!important;
  left:11px!important;
  top:43px!important;
  z-index:5!important;
  max-width:calc(100% - 22px)!important;
  margin:0!important;
}
.compact-recipe-grid .dashboard-time-pill{
  position:absolute!important;
  left:4px!important;
  right:4px!important;
  bottom:4px!important;
  z-index:5!important;
  width:auto!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  margin:0!important;
  padding:8px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(42,43,47,.94),rgba(27,28,31,.92))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 5px 15px rgba(0,0,0,.23)!important;
  backdrop-filter:blur(15px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(15px) saturate(135%)!important;
  text-align:left!important;
}
.compact-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  gap:3px!important;
}
.compact-recipe-grid .dashboard-time-icon{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  margin:0!important;
  font-size:23px!important;
  line-height:1!important;
}
.compact-recipe-grid .dashboard-time-copy small{
  margin:0!important;
  color:rgba(255,255,255,.83)!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.compact-recipe-grid .dashboard-time-copy b{
  margin:0!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2px 8px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:112px!important;
  height:58px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer svg{
  width:108px!important;
  height:55px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer strong{
  bottom:5px!important;
  font-size:16px!important;
}
.compact-recipe-grid .crop-orb{
  left:auto!important;
  right:9px!important;
  top:9px!important;
  bottom:auto!important;
  z-index:8!important;
}
.compact-recipe-grid .scheduled-clock-badge{
  right:9px!important;
  top:9px!important;
  z-index:7!important;
}
.compact-recipe-grid .gluten-free-card{
  border-color:rgba(255,82,114,.58)!important;
  box-shadow:0 12px 30px rgba(86,10,29,.42),inset 0 0 0 1px rgba(255,83,117,.12)!important;
}

@media(max-width:1500px){
  .compact-recipe-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1240px){
  .compact-recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .compact-recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .compact-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .compact-recipe-grid .recipe-card-body h3{font-size:15px!important;bottom:102px!important}
  .compact-recipe-grid .dashboard-time-pill{height:59px!important;min-height:59px!important}
}
@media(max-width:430px){
  .compact-recipe-grid{grid-template-columns:1fr!important}
  .compact-recipe-grid .recipe-card-wrap .recipe-card{aspect-ratio:1/1!important}
}

/* Corrected Compact title and in-image timer layering */
.compact-recipe-grid .recipe-card-wrap .recipe-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media{
  position:absolute!important;
  inset:5px!important;
  z-index:1!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:24% 0 0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom,rgba(6,7,9,0),rgba(6,7,9,.08) 18%,rgba(6,7,9,.48) 62%,rgba(6,7,9,.91) 86%,rgba(6,7,9,.97) 100%)!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{
  z-index:1!important;
  border-radius:14px!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body,
.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
  position:absolute!important;
  inset:5px!important;
  z-index:4!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:isolate!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-body::before,
.compact-recipe-grid .recipe-card-wrap .recipe-card-body::after,
.compact-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass::before{
  display:none!important;
  content:none!important;
}
.compact-recipe-grid .recipe-card-copy,
.compact-recipe-grid .recipe-card-body.gf-glass .recipe-card-copy{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  display:block!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.compact-recipe-grid .card-category-row{
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  right:42px!important;
  z-index:8!important;
  display:block!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
}
.compact-recipe-grid .recipe-card-body h3{
  position:absolute!important;
  left:11px!important;
  right:11px!important;
  bottom:103px!important;
  z-index:8!important;
  display:-webkit-box!important;
  max-width:none!important;
  max-height:43px!important;
  margin:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  text-shadow:0 2px 12px rgba(0,0,0,.96)!important;
}
.compact-recipe-grid .list-recipe-type{
  position:absolute!important;
  left:11px!important;
  bottom:77px!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:calc(100% - 22px)!important;
  min-height:20px!important;
  margin:0!important;
  padding:5px 8px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(25,26,29,.76)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  backdrop-filter:blur(11px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(135%)!important;
}
.compact-recipe-grid .dashboard-time-pill{
  position:absolute!important;
  left:7px!important;
  right:7px!important;
  bottom:7px!important;
  z-index:9!important;
  width:auto!important;
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  margin:0!important;
  padding:8px 13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(43,44,48,.90),rgba(24,25,28,.86))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 15px rgba(0,0,0,.27)!important;
  backdrop-filter:blur(16px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(140%)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.compact-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  gap:3px!important;
}
.compact-recipe-grid .dashboard-time-icon{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  margin:0!important;
  font-size:23px!important;
  line-height:1!important;
}
.compact-recipe-grid .dashboard-time-copy small{
  margin:0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.compact-recipe-grid .dashboard-time-copy b{
  margin:0!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2px 8px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:112px!important;
  height:58px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer svg{
  width:108px!important;
  height:55px!important;
}
.compact-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer strong{
  bottom:5px!important;
  font-size:16px!important;
}
@media(max-width:700px){
  .compact-recipe-grid .recipe-card-body h3{bottom:101px!important;font-size:15px!important}
  .compact-recipe-grid .list-recipe-type{bottom:76px!important}
  .compact-recipe-grid .dashboard-time-pill{height:60px!important;min-height:60px!important}
}



/* Compact information order and aligned recipe-dashboard controls */
.recipe-title-stack{display:contents}
.recipe-dashboard-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-left:auto;
}
.recipe-dashboard-add{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 18px!important;
  white-space:nowrap!important;
}
.recipe-dashboard-notifications{margin-left:0!important}
.recipe-header-filters{
  grid-template-columns:minmax(260px,1fr) 170px 170px 82px auto 82px!important;
  align-items:stretch!important;
  gap:10px!important;
}
.recipe-header-filters>button,
.recipe-header-filters>a.button,
.recipe-header-filters .dashboard-view-toggle>button{
  min-height:42px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:8px 14px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.recipe-header-filters .dashboard-view-toggle{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(86px,1fr))!important;
  align-items:stretch!important;
  gap:8px!important;
  min-height:42px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.recipe-header-filters .dashboard-view-toggle>button{
  min-width:86px!important;
  border-radius:10px!important;
}

.compact-recipe-grid .recipe-title-stack{
  position:absolute!important;
  left:11px!important;
  right:11px!important;
  bottom:70px!important;
  z-index:8!important;
  display:flex!important;
  flex-direction:column-reverse!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  max-width:calc(100% - 22px)!important;
  pointer-events:none!important;
}
.compact-recipe-grid .recipe-title-stack h3,
.compact-recipe-grid .recipe-card-body h3{
  position:static!important;
  inset:auto!important;
  display:-webkit-box!important;
  width:100%!important;
  max-width:100%!important;
  max-height:43px!important;
  margin:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  text-shadow:0 2px 12px rgba(0,0,0,.96)!important;
}
.compact-recipe-grid .recipe-title-stack .list-recipe-type,
.compact-recipe-grid .list-recipe-type{
  position:static!important;
  inset:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:20px!important;
  margin:0!important;
  padding:5px 8px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(25,26,29,.78)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  backdrop-filter:blur(11px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(135%)!important;
}
.compact-recipe-grid .dashboard-time-pill{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:62px!important;
  min-height:62px!important;
  padding:8px 13px!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:0 0 14px 14px!important;
  box-sizing:border-box!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media::after{
  inset:22% 0 0!important;
  background:linear-gradient(to bottom,rgba(6,7,9,0),rgba(6,7,9,.10) 16%,rgba(6,7,9,.55) 57%,rgba(6,7,9,.94) 84%,rgba(6,7,9,.98) 100%)!important;
}

@media(max-width:1120px){
  .recipe-header-filters{
    grid-template-columns:minmax(220px,1fr) 1fr 1fr!important;
  }
  .recipe-header-filters>button,
  .recipe-header-filters>a.button,
  .recipe-header-filters .dashboard-view-toggle{width:100%!important}
  .recipe-header-filters .dashboard-view-toggle{grid-column:1 / span 2!important}
}
@media(max-width:700px){
  .recipe-dashboard-heading{align-items:flex-start!important}
  .recipe-dashboard-actions{gap:8px!important}
  .recipe-dashboard-add{min-height:40px!important;padding:8px 12px!important}
  .recipe-header-filters{grid-template-columns:1fr!important}
  .recipe-header-filters .dashboard-view-toggle{grid-column:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .recipe-header-filters .dashboard-view-toggle>button{min-width:0!important}
  .compact-recipe-grid .recipe-title-stack{bottom:68px!important}
  .compact-recipe-grid .recipe-title-stack h3{font-size:15px!important}
  .compact-recipe-grid .dashboard-time-pill{height:60px!important;min-height:60px!important}
}
/* Keep every compact overlay inside the 6:7 card. */
.compact-recipe-grid .recipe-card-wrap{
  aspect-ratio:6/7!important;
}
.compact-recipe-grid .recipe-card-wrap .recipe-card-media{
  aspect-ratio:auto!important;
}
.compact-recipe-grid .recipe-card-copy,
.compact-recipe-grid .recipe-card-body.gf-glass .recipe-card-copy{
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
}
/* Keep Apply, each view control, and Clear at one consistent desktop button width. */
@media(min-width:1121px){
  .recipe-header-filters{
    grid-template-columns:minmax(260px,1fr) 170px 170px 94px auto 94px!important;
  }
  .recipe-header-filters .dashboard-view-toggle{
    grid-template-columns:repeat(3,94px)!important;
  }
  .recipe-header-filters .dashboard-view-toggle>button{
    width:94px!important;
    min-width:94px!important;
  }
}

/* Tighter list rows with 5% larger hero and timer panels */
.list-recipe-grid{
  column-gap:16px!important;
  row-gap:10px!important;
}
@media(min-width:701px){
  .list-recipe-grid .recipe-card-wrap{
    min-height:163.8px!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card{
    grid-template-columns:157.5px minmax(0,1fr)!important;
    min-height:163.8px!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card-media{
    width:151.2px!important;
    height:151.2px!important;
    min-height:151.2px!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card-body,
  .list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
    min-height:151.2px!important;
    grid-template-columns:minmax(0,1fr) 142.8px!important;
  }
  .list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock){
    width:142.8px!important;
    min-width:142.8px!important;
    min-height:111.3px!important;
    padding:12.6px 10.5px!important;
  }
  .list-recipe-grid .dashboard-time-pill.active-dashboard-clock{
    width:128.1px!important;
    min-width:128.1px!important;
    min-height:98.7px!important;
    padding:7.35px 8.4px!important;
  }
  .list-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer{
    width:117.6px!important;
    height:81.9px!important;
  }
  .list-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer svg{
    width:117.6px!important;
    height:71.4px!important;
  }
  .list-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer strong{
    font-size:19.95px!important;
  }
  .list-recipe-grid .crop-orb{
    left:116.55px!important;
    top:116.55px!important;
  }
}

/* Station planograms */
.station-prep-summary,.stations-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(210px,.9fr)!important;overflow:visible!important}
.station-planogram-action{position:relative;isolation:isolate;min-height:110px;padding:18px 22px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid rgba(255,92,104,.9);border-radius:14px;background:radial-gradient(circle at 50% 0,rgba(231,53,67,.22),rgba(82,13,20,.4) 56%,rgba(25,12,15,.95));color:#fff;box-shadow:inset 0 0 20px rgba(255,67,83,.18),0 0 12px rgba(255,51,69,.45),0 0 30px rgba(255,31,54,.18);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.station-planogram-action:hover{transform:translateY(-2px);box-shadow:inset 0 0 24px rgba(255,81,94,.26),0 0 16px rgba(255,55,73,.65),0 0 44px rgba(255,31,54,.28)}
.station-planogram-action:before,.neon-ripple:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,75,89,.58);border-radius:inherit;z-index:-1;animation:stationPlanogramRipple 2.7s ease-out infinite}
.neon-ripple:after{animation-delay:1.35s}
@keyframes stationPlanogramRipple{0%{transform:scale(.8);opacity:.65}75%,100%{transform:scale(1.35);opacity:0}}
.station-planogram-action-icon{width:46px;height:46px;border:1px solid rgba(255,255,255,.24);border-radius:12px;display:grid!important;place-items:center;font-size:25px!important;color:#ff6f79!important;background:rgba(0,0,0,.28)}
.station-planogram-action strong,.station-planogram-action small{display:block;color:#fff!important;margin:0!important;line-height:1.15}.station-planogram-action strong{font-size:16px}.station-planogram-action small{font-size:15px;margin-top:3px!important}

.stations-page{max-width:1680px}.stations-feature-panel{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.85fr);gap:34px;align-items:center;padding:34px;border:1px solid #2e3238;border-radius:20px;background:linear-gradient(145deg,#171a1e,#0f1114);min-height:340px}.stations-eyebrow,.planogram-kicker{display:inline-flex;color:#76baff;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.stations-feature-panel h2{font-size:36px;max-width:650px;margin:12px 0}.stations-feature-panel>div>p{color:#a4a9b1;font-size:17px;line-height:1.6;max-width:650px}.station-planogram-list{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.station-planogram-list a{min-width:230px;padding:15px 17px;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;border:1px solid #3b4047;border-radius:13px;background:#1c2025}.station-planogram-list a:hover{border-color:#e54a57}.station-planogram-list a>span{grid-row:1/3;color:#e74a56;font-weight:900}.station-planogram-list strong{font-size:15px}.station-planogram-list small{color:#9298a1}.stations-rail-preview{display:grid;gap:12px;padding:20px;background:#0a0c0e;border:2px solid #353a42;border-radius:18px;transform:perspective(900px) rotateY(-3deg)}.stations-preview-row{display:grid;grid-template-columns:repeat(6,1fr);height:72px;gap:5px;padding:5px;border:2px solid #464c55;border-radius:10px;background:#1a1e23}.stations-preview-row span{border-radius:7px;background:linear-gradient(135deg,#5f1c24,#2d1418);border:1px solid #8e3941}.stations-preview-row:nth-child(2) span{background:linear-gradient(135deg,#4e6421,#1d2b16);border-color:#708b34}.stations-preview-row:nth-child(3) span{background:linear-gradient(135deg,#6a431d,#2d1c10);border-color:#90602c}

.planogram-page{max-width:1760px;margin:0 auto}.planogram-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 4px 22px;border-bottom:1px solid #282c31}.planogram-title-lockup{display:flex;align-items:center;gap:16px}.planogram-title-lockup h1{font-size:34px;line-height:1.1;margin:4px 0 6px}.planogram-title-lockup p{color:#9298a1;margin:0}.planogram-back{width:42px;height:42px;display:grid;place-items:center;border:1px solid #383d43;border-radius:11px;background:#1b1e22;font-size:24px}.planogram-header-actions{display:flex;align-items:center;gap:12px}.station-planogram-edit{box-shadow:0 0 12px rgba(225,48,64,.52);position:relative;overflow:hidden}.planogram-tabs-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.planogram-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.planogram-tabs a,.planogram-add-tab{min-width:210px;padding:12px 18px;border:1px solid #353a41;border-radius:11px;background:#181b1f;text-align:center;font-weight:800}.planogram-tabs a.active{border-color:#e63f4d;background:linear-gradient(180deg,rgba(211,35,49,.28),rgba(75,15,21,.55));box-shadow:0 0 12px rgba(232,48,63,.3)}.planogram-tabs form{margin:0}.planogram-add-tab{border-style:dashed;color:#c4c8ce;background:transparent}.planogram-capacity-key{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#8f959d;font-size:12px}.planogram-capacity-key span,.planogram-capacity-key b{padding:6px 8px;border:1px solid #343940;border-radius:7px;background:#191c20}.planogram-capacity-key b{color:#e8eaed}
.planogram-workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}.planogram-page:not(.is-editing) .planogram-workspace{grid-template-columns:1fr}.planogram-board,.planogram-setup-panel{border:1px solid #31363d;border-radius:18px;background:linear-gradient(145deg,#171a1e,#0e1013);box-shadow:0 18px 50px rgba(0,0,0,.18)}.planogram-board{padding:18px}.planogram-board-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}.planogram-board-heading h2{margin:0 0 4px;font-size:25px}.planogram-board-heading p{margin:0;color:#9399a1}.planogram-board-heading label{display:block;color:#9298a0;font-size:12px;margin-bottom:5px}.planogram-board-heading input{width:min(480px,70vw);font-size:20px;font-weight:800;background:#101216}.planogram-legend{display:flex;align-items:flex-end;gap:10px}.planogram-legend span{display:grid;place-items:center;height:42px;border:2px solid #707780;background:#e8eaed;color:#14171a;border-radius:6px;font-size:11px;font-weight:900}.planogram-legend .size-nine{width:24px}.planogram-legend .size-six{width:36px}.planogram-legend .size-third{width:68px}
.cold-rail-shell{display:grid;gap:9px;padding:10px;background:#090b0d;border:2px solid #373d45;border-radius:14px}.planogram-row{display:grid;grid-template-columns:128px minmax(0,1fr);min-height:150px;border:1px solid #3c424a;border-radius:11px;overflow:hidden;background:#1a1e23}.planogram-row-label{padding:14px 10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-right:1px solid #3c424a;background:#20242a}.planogram-row-label .drag-dots{color:#777f89;font-size:20px}.planogram-row-label strong{font-size:16px}.planogram-row-label small{color:#9ca2aa;margin-top:4px}.row-meter{width:100%;height:5px;border-radius:999px;background:#383d44;margin-top:10px;overflow:hidden}.row-meter i{display:block;width:0;height:100%;background:#53bc73;transition:width .2s,background .2s}.planogram-row.near-capacity .row-meter i{background:#efad37}.planogram-row.at-capacity .row-meter i{background:#e54451}.planogram-pan-track{position:relative;display:flex;align-items:stretch;gap:5px;min-width:0;padding:5px;overflow:hidden}.planogram-pan-track.capacity-blocked{box-shadow:inset 0 0 0 3px #e3404d;background:rgba(215,25,32,.12)}.planogram-row-empty{position:absolute;inset:8px;display:grid;place-items:center;border:1px dashed #464c55;border-radius:8px;color:#6f7680;pointer-events:none}.planogram-pan{position:relative;flex:0 0 calc((var(--pan-units) / 36) * 100% - 5px);min-width:0;border:2px solid #0a0b0c;border-radius:9px;overflow:hidden;background:#2b3035;display:flex;flex-direction:column;cursor:default}.is-editing .planogram-pan{cursor:grab}.planogram-pan.dragging{opacity:.35}.planogram-pan-photo{flex:1;min-height:82px;background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.14)),var(--pan-image);background-size:cover;background-position:center;display:grid;place-items:center}.planogram-pan-photo span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#343a42;color:#fff;font-weight:900}.planogram-pan-copy{padding:7px 8px;background:linear-gradient(180deg,rgba(8,9,10,.7),#131518);min-height:51px}.planogram-pan-copy strong{display:block;font-size:12px;line-height:1.15;overflow:hidden;text-overflow:ellipsis}.planogram-pan-copy small{display:block;color:#bbc0c7;font-size:10px;margin-top:3px}.pan-1-9 .planogram-pan-copy{padding:5px}.pan-1-9 .planogram-pan-copy strong{font-size:10px;writing-mode:vertical-rl;transform:rotate(180deg);max-height:62px}.pan-1-9 .planogram-pan-copy small{display:none}.pan-1-9 .planogram-pan-photo{min-height:70px}.planogram-pan-remove{position:absolute;right:4px;top:4px;width:25px;height:25px;padding:0;border-radius:7px;background:rgba(113,20,29,.92);font-size:18px;line-height:1;opacity:0;transition:opacity .15s}.planogram-pan:hover .planogram-pan-remove{opacity:1}.planogram-board-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;color:#969ca5;font-size:13px}.planogram-board-footer>div{display:flex;align-items:center;gap:10px}.planogram-board-footer form{margin:0}.planogram-save{min-width:170px}
.planogram-setup-panel{padding:17px;position:sticky;top:14px}.setup-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #32373e;padding-bottom:14px}.setup-heading span,.setup-heading strong{display:block}.setup-heading>div>span{color:#9ca2ab;font-size:12px}.setup-heading>div>strong{font-size:20px;margin-top:3px}.setup-plus{font-size:28px;color:#ef4e5b}.planogram-setup-panel fieldset{border:0;padding:0;margin:20px 0}.planogram-setup-panel legend,.setup-product-label,.setup-row-label{font-weight:800;font-size:13px;margin-bottom:9px;display:block}.pan-size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pan-size-options label input{position:absolute;opacity:0}.pan-size-options label>span{min-height:102px;padding:10px 5px;border:1px solid #383e45;border-radius:10px;background:#22262b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;cursor:pointer}.pan-size-options label input:checked+span{border-color:#e93b4a;background:rgba(202,36,50,.16);box-shadow:0 0 10px rgba(231,52,67,.24)}.pan-size-options b{font-size:11px}.pan-size-options small{font-size:10px;color:#9299a1}.mini-pan{height:26px;border-radius:4px;background:#e5e7ea;border:2px solid #747a82}.mini-nine{width:10px}.mini-six{width:18px}.mini-third{width:38px}.planogram-setup-panel select{margin-bottom:16px}.planogram-add-pan{width:100%;font-size:15px;padding:13px}.setup-help{color:#959ca5;font-size:12px;line-height:1.5}.capacity-guidance{margin-top:18px;padding:14px;border:1px solid #343a41;border-radius:12px;background:#1c2025}.capacity-guidance h3{margin:0 0 6px;font-size:14px}.capacity-guidance p{margin:0 0 11px;color:#a1a7af;font-size:12px}.capacity-guidance>span{display:block;color:#c6cbd1;font-size:12px;margin-top:7px}.capacity-blocks{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.capacity-blocks i{height:18px;border-radius:3px;background:#e5e7ea}.planogram-toast{position:fixed;right:30px;bottom:30px;z-index:100;padding:13px 18px;border-radius:10px;background:#22603b;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.45);font-weight:800}.planogram-toast.bad{background:#8e2530}

@media(max-width:1300px){.station-prep-summary,.stations-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.station-planogram-action{min-height:90px}.planogram-workspace{grid-template-columns:1fr}.planogram-setup-panel{position:relative;top:auto}.stations-feature-panel{grid-template-columns:1fr}.stations-rail-preview{transform:none}}
@media(max-width:800px){.station-prep-summary,.stations-summary-strip{grid-template-columns:1fr!important}.planogram-header,.planogram-tabs-bar,.planogram-board-heading,.planogram-board-footer{align-items:stretch;flex-direction:column}.planogram-header{display:flex}.planogram-title-lockup{align-items:flex-start}.planogram-title-lockup .prep-brand-icon{display:none}.planogram-header-actions{justify-content:flex-end}.planogram-row{grid-template-columns:92px minmax(0,1fr);min-height:128px}.planogram-row-label{padding:10px 7px}.planogram-pan-copy strong{font-size:10px}.planogram-pan-track{overflow-x:auto}.planogram-pan{min-width:74px;flex-basis:calc((var(--pan-units) / 36) * 100% - 5px)}.pan-1-9{min-width:54px}.stations-feature-panel{padding:22px}.stations-feature-panel h2{font-size:28px}.planogram-capacity-key{display:none}}
.planogram-pan.pan-1-9{flex-basis:calc(5.5556% - 5px)}
.planogram-pan.pan-1-6{flex-basis:calc(8.3333% - 5px)}
.planogram-pan.pan-1-3{flex-basis:calc(16.6667% - 5px)}

/* Mise 0.1.30 — subrecipe products and configurable 1–3 rail planograms */
.planogram-board-tools{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.rail-count-controls{display:flex;align-items:center;gap:9px;padding:7px;border:1px solid #343a41;border-radius:11px;background:#171a1e}
.rail-count-controls .button{min-height:38px;padding:8px 12px}
.rail-count-controls span{padding-right:5px;color:#a8aeb6;font-size:12px;white-space:nowrap}
.rail-count-controls b{color:#fff;font-size:15px}
.planogram-row-remove{margin-top:12px;width:100%;min-height:28px;padding:5px 7px;border:1px solid rgba(226,62,76,.55);border-radius:7px;background:rgba(120,23,32,.24);color:#f2a3aa;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.planogram-row-remove:hover{background:rgba(180,31,44,.38);color:#fff}
.planogram-row-remove:disabled{display:none}
.cold-rail-shell{transition:min-height .2s ease}
.cold-rail-shell[data-row-count="1"] .planogram-row{min-height:330px}
.cold-rail-shell[data-row-count="1"] .planogram-pan-photo{min-height:245px}
.cold-rail-shell[data-row-count="1"] .planogram-pan-copy{min-height:64px;padding:10px}
.cold-rail-shell[data-row-count="1"] .planogram-pan-copy strong{font-size:15px}
.cold-rail-shell[data-row-count="1"] .planogram-pan-copy small{font-size:12px}
.cold-rail-shell[data-row-count="2"] .planogram-row{min-height:220px}
.cold-rail-shell[data-row-count="2"] .planogram-pan-photo{min-height:148px}
.cold-rail-shell[data-row-count="2"] .planogram-pan-copy{min-height:58px}
.cold-rail-shell[data-row-count="3"] .planogram-row{min-height:150px}
.planogram-setup-panel optgroup{font-weight:900;color:#d9dde2;background:#16191d}
.planogram-setup-panel option{font-weight:500;color:#e8eaed;background:#16191d}
@media(max-width:800px){.planogram-board-tools{align-items:stretch;justify-content:flex-start}.rail-count-controls{justify-content:space-between}.cold-rail-shell[data-row-count="1"] .planogram-row,.cold-rail-shell[data-row-count="2"] .planogram-row,.cold-rail-shell[data-row-count="3"] .planogram-row{min-height:150px}.cold-rail-shell[data-row-count="1"] .planogram-pan-photo,.cold-rail-shell[data-row-count="2"] .planogram-pan-photo{min-height:82px}}


/* Planogram pan proportions and full-width viewer rails */
.planogram-pan-track{
  display:grid;
  grid-template-columns:repeat(36,minmax(0,1fr));
  align-items:start;
  gap:6px;
}
.planogram-pan{
  width:100%;
  min-width:0;
  height:auto;
  flex:none;
  grid-column:span var(--pan-units);
}
.planogram-pan.pan-1-9{aspect-ratio:2/3}
.planogram-pan.pan-1-6{aspect-ratio:1/1}
.planogram-pan.pan-1-3{aspect-ratio:2/1}
.planogram-pan-photo{
  min-height:0;
}
.planogram-page:not(.is-editing) .planogram-row{
  display:block;
  min-height:0;
}
.planogram-page:not(.is-editing) .planogram-row-label{
  display:none;
}
.planogram-page:not(.is-editing) .planogram-pan-track{
  width:100%;
  min-height:0;
  padding:8px;
}
.planogram-page:not(.is-editing) .planogram-pan{
  min-width:0;
}
@media(max-width:800px){
  .planogram-pan-track{
    min-width:720px;
  }
  .planogram-page:not(.is-editing) .planogram-pan-track{
    width:max(100%,720px);
  }
}


/* Responsive list cards and viewport-anchored prep header */
.list-recipe-grid .recipe-card-wrap{
  container-type:inline-size;
  container-name:recipe-list-card;
}
@media(min-width:701px){
  .list-recipe-grid .recipe-card-wrap{
    min-height:calc(20.475cqw + 2px)!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card{
    grid-template-columns:19.6875cqw minmax(0,1fr)!important;
    min-height:20.475cqw!important;
    padding:1.25cqw!important;
    gap:1.5cqw!important;
    border-radius:2.625cqw!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card-media{
    width:18.9cqw!important;
    height:18.9cqw!important;
    min-height:18.9cqw!important;
    border-radius:2.25cqw!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{
    border-radius:calc(2.25cqw - 1px)!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card-body,
  .list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
    min-height:18.9cqw!important;
    padding:1.25cqw 1.3125cqw!important;
    grid-template-columns:minmax(0,1fr) 17.85cqw!important;
    gap:1.5cqw!important;
    border-radius:2.25cqw!important;
  }
  .list-recipe-grid .recipe-card-body h3{
    font-size:clamp(16px,2.5cqw,20px)!important;
  }
  .list-recipe-grid .category-badge,
  .list-recipe-grid .list-recipe-type{
    padding:clamp(4px,.625cqw,5px) clamp(7px,1.125cqw,9px)!important;
    font-size:clamp(8px,1.25cqw,10px)!important;
  }
  .list-recipe-grid .category-badge img{
    width:clamp(12px,1.75cqw,14px)!important;
    height:clamp(12px,1.75cqw,14px)!important;
  }
  .list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock){
    width:17.85cqw!important;
    min-width:17.85cqw!important;
    min-height:13.9125cqw!important;
    padding:1.5cqw 1.25cqw!important;
    row-gap:.875cqw!important;
    border-radius:2.125cqw!important;
  }
  .list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-copy small{
    font-size:clamp(9px,1.375cqw,11px)!important;
  }
  .list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-icon{
    width:4cqw!important;
    height:4cqw!important;
    font-size:clamp(24px,3.625cqw,29px)!important;
  }
  .list-recipe-grid .dashboard-time-pill:not(.active-dashboard-clock) .dashboard-time-copy b{
    font-size:clamp(16px,2.5cqw,20px)!important;
  }
  .list-recipe-grid .dashboard-time-pill.active-dashboard-clock{
    width:16.0125cqw!important;
    min-width:16.0125cqw!important;
    min-height:12.3375cqw!important;
    padding:.91875cqw 1.05cqw!important;
  }
  .list-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer{
    width:14.7cqw!important;
    height:10.2375cqw!important;
  }
  .list-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer svg{
    width:14.7cqw!important;
    height:8.925cqw!important;
  }
  .list-recipe-grid .dashboard-time-pill.active-dashboard-clock .dashboard-odometer strong{
    font-size:clamp(16px,2.49375cqw,20px)!important;
  }
  .list-recipe-grid .crop-orb{
    left:14.56875cqw!important;
    top:14.56875cqw!important;
  }
}
main.content:has(> .prep-overview-shell > .prep-dashboard-sticky){
  padding-top:0!important;
}
.prep-overview-shell>.prep-dashboard-sticky{
  position:sticky!important;
  top:0!important;
  margin-top:0!important;
  transform:none!important;
  contain:none!important;
}


/* PR #5 dashboard, planogram guide, and station-mode refinements */
@media (min-width: 701px){
  .recipe-card-list{
    grid-template-columns:22cqw minmax(0,1fr) minmax(112px,15.625cqw)!important;
    align-items:center!important;
    min-height:22.5cqw!important;
  }
  .recipe-card-list .recipe-media{
    width:20.5cqw!important;
    height:20.5cqw!important;
    min-width:0!important;
    min-height:0!important;
    place-self:center!important;
    justify-self:center!important;
    align-self:center!important;
    margin:auto!important;
  }
  .recipe-card-list .recipe-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

.prep-header-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.prep-header-planner{
  min-height:48px;
  padding:0 22px!important;
  display:inline-flex!important;
  align-items:center;
  white-space:nowrap;
}
.station-dashboard-grid{
  overflow:visible!important;
  padding-top:12px;
}
.station-progress-card{
  position:relative;
  z-index:1;
  transform-origin:center;
}
.station-progress-card:hover{
  transform:scale(1.012)!important;
  z-index:5;
}
.station-progress-card .station-icon{
  position:relative;
  width:70px!important;
  height:70px!important;
  display:grid!important;
  place-items:center;
  flex:0 0 70px;
  border-radius:50%!important;
  overflow:visible!important;
  isolation:isolate;
  animation:stationIconFloat 3.6s ease-in-out infinite;
}
.station-progress-card .station-icon::before,
.station-progress-card .station-icon::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:50%;
  pointer-events:none;
}
.station-progress-card .station-icon::before{
  border:1px solid rgba(239,55,66,.72);
  box-shadow:0 0 18px rgba(239,55,66,.18);
  z-index:-1;
}
.station-progress-card .station-icon::after{
  border:2px solid rgba(239,55,66,.38);
  animation:stationIconPulse 2.4s ease-out infinite;
  z-index:-2;
}
.station-progress-card .station-icon img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
}
@keyframes stationIconFloat{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-3px) rotate(2deg)}
}
@keyframes stationIconPulse{
  0%{transform:scale(.92);opacity:.75}
  75%,100%{transform:scale(1.28);opacity:0}
}

.station-board-tabs{
  display:flex;
  align-items:center;
}
.station-mode-toggle{
  margin-left:auto;
  padding:4px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  border:1px solid #39404a;
  border-radius:13px;
  background:#15191e;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.station-mode-toggle button{
  min-width:92px;
  height:42px;
  padding:0 16px;
  border:0;
  border-radius:9px;
  color:#aeb5be;
  background:transparent;
  font:800 14px/1 inherit;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.station-mode-toggle button:hover{color:#fff}
.station-mode-toggle button.active{
  color:#fff;
  background:#d91e2b;
  box-shadow:0 7px 18px rgba(217,30,43,.28);
}
.station-mode-toggle button:active{transform:scale(.97)}
.station-inline-planogram{
  margin:18px 0 32px;
  padding:24px;
  border:1px solid #303741;
  border-radius:22px;
  background:linear-gradient(145deg,#15191d,#101316);
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}
.station-inline-planogram[hidden]{display:none!important}
.station-planogram-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-bottom:20px;
  border-bottom:1px solid #2c323a;
}
.station-planogram-toolbar h2{margin:4px 0 3px;font-size:30px}
.station-planogram-toolbar p{margin:0;color:#9ca4ae}
.station-inline-planogram-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
}
.station-inline-planogram-tabs{
  display:flex;
  padding:4px;
  gap:4px;
  border:1px solid #353c45;
  border-radius:12px;
  background:#111419;
}
.station-inline-planogram-tabs a{
  padding:11px 16px;
  border-radius:8px;
  color:#aeb5be;
  font-weight:800;
  text-decoration:none;
}
.station-inline-planogram-tabs a.active{color:#fff;background:#3b2024}
.station-planogram-rails{display:grid;gap:14px;margin-top:20px}
.station-planogram-rail{
  min-height:148px;
  padding:12px;
  border:1px solid #3a424c;
  border-radius:18px;
  background:#0c0f12;
}
.station-planogram-rail-track{
  min-height:122px;
  display:flex;
  align-items:stretch;
  gap:8px;
  padding:8px;
  border:1px dashed #3a424c;
  border-radius:13px;
  background:#181d23;
  overflow:hidden;
}
.station-planogram-rail-track .planogram-pan{
  min-width:0;
  height:auto;
  text-decoration:none;
  cursor:pointer;
}
.station-planogram-empty{
  width:100%;
  min-height:105px;
  display:grid;
  place-items:center;
  color:#747d87;
  font-weight:700;
}

.planogram-pan.pan-1-9 .planogram-pan-copy{
  min-width:0!important;
  padding:6px 3px!important;
  align-items:center!important;
  justify-content:center!important;
}
.planogram-pan.pan-1-9 .planogram-pan-copy strong{
  writing-mode:horizontal-tb!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  overflow-wrap:anywhere;
  word-break:normal;
  text-align:center!important;
  font-size:clamp(8px,.62vw,11px)!important;
  line-height:1.04!important;
  letter-spacing:-.02em;
}
.planogram-pan.pan-1-9 .planogram-pan-copy small{
  font-size:8px!important;
  line-height:1.05!important;
  text-align:center;
}
.planogram-page.is-editing .planogram-pan{
  cursor:pointer;
  outline:none;
}
.planogram-page.is-editing .planogram-pan:focus-visible{
  box-shadow:0 0 0 3px #090b0d,0 0 0 6px #ef3742,0 0 24px rgba(239,55,66,.5)!important;
}

.pan-guide-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(2,4,6,.82);
  backdrop-filter:blur(12px);
  animation:panGuideFade .2s ease-out;
}
.pan-guide-modal[hidden]{display:none!important}
.pan-guide-dialog{
  position:relative;
  width:min(980px,94vw);
  max-height:92vh;
  overflow:auto;
  padding:30px;
  border:1px solid #424a54;
  border-radius:26px;
  background:linear-gradient(150deg,#181d22,#0e1114 72%);
  box-shadow:0 30px 100px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.03);
  animation:panGuideLift .28s cubic-bezier(.2,.8,.2,1);
}
.pan-guide-close{
  position:absolute!important;
  top:20px;
  right:20px;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:#35191d!important;
  border:1px solid #ef3742!important;
  animation:panGuideClosePulse 2.2s ease-in-out infinite;
}
.pan-guide-close span{background:#fff!important;width:20px!important}
.pan-guide-header{
  display:flex;
  align-items:center;
  gap:20px;
  padding-right:52px;
  padding-bottom:22px;
  border-bottom:1px solid #303740;
}
.pan-guide-header h2{margin:3px 0 5px;font-size:clamp(28px,4vw,44px)}
.pan-guide-header p{margin:0;color:#b0b7c0}
.pan-guide-product-image{
  width:112px;
  height:112px;
  flex:0 0 112px;
  display:grid;
  place-items:center;
  border:2px solid #ef3742;
  border-radius:22px;
  background:#242a30 center/cover no-repeat;
  box-shadow:0 14px 34px rgba(0,0,0,.35);
}
.pan-guide-product-image.has-image span{display:none}
.pan-guide-product-image span{font-size:34px;font-weight:950;color:#fff}
.pan-guide-grid{display:grid;gap:18px;margin-top:20px}
.pan-guide-warning,
.pan-guide-label{
  display:grid;
  grid-template-columns:minmax(210px,.7fr) 1.3fr;
  align-items:center;
  gap:24px;
  padding:22px;
  border-radius:20px;
}
.pan-guide-warning{border:1px solid #7c3037;background:linear-gradient(135deg,#32171a,#181316)}
.pan-guide-label{border:1px solid #3a424c;background:#171c21}
.pan-guide-warning h3,.pan-guide-label h3{margin:4px 0 8px;font-size:25px}
.pan-guide-warning p,.pan-guide-label p{margin:0;color:#d0d4d9;line-height:1.55}
.danger-kicker,.label-required-badge{
  color:#ff626d;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
}
.label-required-badge{
  display:inline-flex;
  padding:6px 9px;
  border:1px solid #ef3742;
  border-radius:999px;
}
.fill-line-graphic{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:#ff737c;
  font-size:11px;
  letter-spacing:.14em;
}
.fill-pan{
  position:relative;
  width:210px;
  height:118px;
  overflow:hidden;
  border:5px solid #cbd1d7;
  border-top-width:10px;
  border-radius:12px 12px 32px 32px;
  background:#242a30;
  box-shadow:inset 0 0 0 3px #69727d,0 12px 30px rgba(0,0,0,.35);
}
.safe-fill{
  position:absolute;
  left:5px;right:5px;bottom:5px;height:54%;
  border-radius:2px 2px 22px 22px;
  background:linear-gradient(#df2937,#8f151f);
}
.fill-line{
  position:absolute;
  left:8px;right:8px;top:35%;
  z-index:2;
  border-top:3px dashed #fff;
  filter:drop-shadow(0 1px 2px #000);
}
.overfill-mound{
  position:absolute;
  left:40px;right:40px;top:5px;height:38px;
  border-radius:50% 50% 15% 15%;
  background:#ef3742;
  opacity:.8;
}
.overfill-mound::after{
  content:"×";
  position:absolute;
  inset:-5px 0 0;
  display:grid;
  place-items:center;
  color:#fff;
  font:950 42px/1 sans-serif;
}
.pan-label-preview{
  width:min(340px,100%);
  justify-self:end;
}
.pan-label-preview img,
.generic-pan-label{
  width:100%;
  aspect-ratio:1;
  object-fit:contain;
  border-radius:13px;
  background:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.38);
}
.generic-pan-label{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:11px;
  padding:18px;
  border:7px solid #111;
  color:#111;
  font-family:Arial,sans-serif;
}
.generic-pan-label>span{font-size:13px;font-weight:900;letter-spacing:.1em}
.generic-pan-label>strong{padding:12px 6px;background:#f2bd22;text-align:center;font-size:25px}
.generic-pan-label>div{display:grid;gap:3px;padding:9px;border:2px solid #111}
.generic-pan-label b{font-size:12px}
.generic-pan-label i{font-size:14px;font-style:normal}
.generic-pan-label small{margin-top:auto;font-size:10px;font-weight:800}
.pan-guide-footer{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px 30px;
  padding-top:20px;
  color:#68df88;
  font-weight:900;
}
@keyframes panGuideFade{from{opacity:0}to{opacity:1}}
@keyframes panGuideLift{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
@keyframes panGuideClosePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(239,55,66,.45)}
  50%{box-shadow:0 0 0 9px rgba(239,55,66,0)}
}

@media (max-width:1100px){
  .station-board-tabs{overflow-x:auto}
  .station-mode-toggle{position:sticky;right:0;background:#15191e}
  .station-planogram-toolbar,.station-inline-planogram-actions{align-items:flex-start;flex-direction:column}
  .station-inline-planogram-actions{width:100%}
}
@media (max-width:760px){
  .prep-header-planner{min-height:42px;padding:0 13px!important;font-size:12px}
  .station-mode-toggle button{min-width:76px;padding:0 10px}
  .pan-guide-dialog{padding:22px}
  .pan-guide-header{align-items:flex-start}
  .pan-guide-product-image{width:82px;height:82px;flex-basis:82px}
  .pan-guide-warning,.pan-guide-label{grid-template-columns:1fr}
  .pan-label-preview{justify-self:stretch;margin:auto}
}
@media (prefers-reduced-motion:reduce){
  .station-progress-card .station-icon,
  .station-progress-card .station-icon::after,
  .pan-guide-close{animation:none!important}
}


/* PR #5 station planogram layout correction and Liquid Glass mode switch */
.prep-station-tabs>a{
  box-sizing:border-box;
  min-height:56px!important;
  padding:0 18px!important;
  gap:11px!important;
}
.prep-station-tabs>a .tab-station-icon,
.prep-station-tabs>a>img{
  flex:0 0 26px;
  width:26px!important;
  height:26px!important;
}
.prep-station-tabs>a .tab-station-icon{
  display:inline-grid;
  place-items:center;
}
.prep-station-tabs>a .tab-station-icon img{
  width:24px!important;
  height:24px!important;
}
.station-board-tabs>.station-tab{justify-content:flex-start}
.station-board-tabs>.home-tab{justify-content:flex-start}

.station-mode-toggle{
  --switch-inset:4px;
  position:relative!important;
  isolation:isolate;
  margin-left:auto;
  width:218px;
  height:52px;
  box-sizing:border-box;
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:0!important;
  padding:var(--switch-inset)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.19),rgba(255,255,255,.045) 46%,rgba(255,255,255,.12)),
    rgba(21,25,31,.66)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.38),
    0 12px 30px rgba(0,0,0,.3),
    0 0 22px rgba(129,183,255,.08)!important;
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  overflow:hidden;
}
.station-mode-toggle::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:radial-gradient(circle at 18% 5%,rgba(255,255,255,.2),transparent 42%);
  pointer-events:none;
}
.station-mode-thumb{
  position:absolute;
  z-index:-1;
  top:var(--switch-inset);
  bottom:var(--switch-inset);
  left:var(--switch-inset);
  width:calc(50% - var(--switch-inset));
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.32),rgba(235,50,64,.78) 40%,rgba(195,20,34,.86)),
    rgba(224,31,45,.76);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    inset 0 -8px 18px rgba(92,0,8,.18),
    0 6px 18px rgba(223,25,40,.32);
  transition:transform .42s cubic-bezier(.22,1,.36,1),filter .25s ease;
}
.station-mode-toggle.is-planogram .station-mode-thumb{
  transform:translateX(100%);
}
.station-mode-toggle button{
  position:relative;
  z-index:1;
  min-width:0!important;
  height:42px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  color:rgba(231,235,241,.7)!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:.01em;
  transition:color .3s ease,text-shadow .3s ease,transform .18s ease!important;
}
.station-mode-toggle button.active{
  color:#fff!important;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
}
.station-mode-toggle button:active{transform:scale(.96)}
.station-mode-toggle:focus-within{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 3px rgba(115,174,255,.22),0 12px 30px rgba(0,0,0,.32)!important;
}

.station-inline-planogram{
  display:block;
}
.station-planogram-toolbar{
  align-items:flex-end!important;
}
.station-inline-planogram-tabs{
  flex:0 0 auto;
}
.station-inline-planogram-tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
}
.station-planogram-rails{
  display:grid!important;
  gap:14px!important;
}
.station-planogram-rail{
  display:block!important;
  width:100%;
}
.station-planogram-rail-track{
  display:grid!important;
  grid-template-columns:repeat(36,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  gap:6px!important;
  width:100%;
  min-height:132px;
  overflow:hidden!important;
}
.station-planogram-rail-track>.planogram-pan{
  grid-column:span var(--pan-units)!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:116px!important;
  flex:none!important;
  box-sizing:border-box;
  overflow:hidden;
}
.station-planogram-rail-track>.planogram-pan .planogram-pan-photo{
  min-width:0;
  width:auto;
}
.station-planogram-rail-track>.planogram-pan .planogram-pan-copy{
  min-width:0;
}
.station-planogram-empty{
  grid-column:1/-1;
}
.station-planogram-empty-state{
  margin:22px 0 0!important;
}
.station-planogram-footer{
  display:flex;
  justify-content:flex-end;
  padding-top:18px;
}
.station-planogram-footer .station-planogram-edit{
  min-width:230px;
  justify-content:center;
}

@media(max-width:1150px){
  .prep-station-tabs>a{padding:0 14px!important;gap:8px!important}
  .station-mode-toggle{width:198px}
}
@media(max-width:760px){
  .station-mode-toggle{
    position:sticky!important;
    right:0;
    width:184px;
  }
  .station-mode-toggle button{font-size:12px!important}
  .station-planogram-rail-track{
    grid-template-columns:repeat(36,minmax(3px,1fr))!important;
    overflow-x:auto!important;
  }
}


/* Completed station planogram pan interactions */
.station-planogram-rail-track>button.planogram-pan{
  appearance:none;
  -webkit-appearance:none;
  padding:0;
  color:inherit;
  font:inherit;
  text-align:inherit;
  cursor:pointer;
}
.station-planogram-rail-track>button.planogram-pan:hover{
  z-index:3;
  transform:translateY(-3px);
  border-color:#f04a55;
  box-shadow:0 12px 24px rgba(0,0,0,.38),0 0 0 2px rgba(239,55,66,.22);
}
.station-planogram-rail-track>button.planogram-pan:focus-visible{
  z-index:4;
  outline:none;
  box-shadow:0 0 0 3px #0c0f12,0 0 0 6px #ef3742,0 14px 30px rgba(0,0,0,.42);
}


/* Match individual station navigation spacing to Consolidated */
.station-dashboard-sticky .station-board-tabs{
  margin:0!important;
  padding:10px 4px 12px!important;
  gap:8px!important;
}
.station-dashboard-sticky .station-board-tabs>a{
  min-height:56px!important;
  padding:0 18px!important;
}

/* Tab-shaped cool glass Prep / Planogram switch */
.station-dashboard-sticky .station-mode-toggle{
  --switch-inset:4px;
  width:218px;
  height:56px;
  padding:var(--switch-inset)!important;
  border-radius:11px!important;
  border-color:rgba(152,205,230,.32)!important;
  background:
    linear-gradient(145deg,rgba(157,214,238,.16),rgba(31,43,53,.72) 48%,rgba(83,128,149,.12)),
    rgba(22,29,35,.84)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.4),
    0 9px 24px rgba(0,0,0,.27),
    0 0 18px rgba(75,166,205,.09)!important;
}
.station-dashboard-sticky .station-mode-thumb{
  top:var(--switch-inset);
  bottom:var(--switch-inset);
  left:var(--switch-inset);
  width:calc(50% - var(--switch-inset));
  border-radius:8px;
  border-color:rgba(202,237,250,.48);
  background:
    linear-gradient(145deg,rgba(141,216,245,.92),rgba(55,137,174,.92) 48%,rgba(35,91,121,.96)),
    #367f9f;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -7px 16px rgba(10,51,72,.24),
    0 6px 17px rgba(31,116,153,.3);
}
.station-dashboard-sticky .station-mode-toggle button{
  height:48px!important;
  border-radius:8px!important;
  color:rgba(222,232,238,.68)!important;
}
.station-dashboard-sticky .station-mode-toggle button.active{
  color:#fff!important;
  text-shadow:0 1px 7px rgba(5,33,46,.7);
}
.station-dashboard-sticky .station-mode-toggle:focus-within{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.3),
    0 0 0 3px rgba(73,169,210,.24),
    0 10px 26px rgba(0,0,0,.3)!important;
}
@media(max-width:1150px){
  .station-dashboard-sticky .station-board-tabs>a{padding:0 14px!important}
  .station-dashboard-sticky .station-mode-toggle{width:198px}
}


/* List view: image panel matches the adjacent information panel */
@media(min-width:701px){
  .list-recipe-grid .recipe-card-wrap .recipe-card{
    grid-template-columns:25cqw minmax(0,1fr)!important;
    min-height:26cqw!important;
    align-items:stretch!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card-media{
    width:23.5cqw!important;
    height:23.5cqw!important;
    min-width:23.5cqw!important;
    min-height:23.5cqw!important;
    align-self:stretch!important;
    justify-self:center!important;
    box-sizing:border-box!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card-body,
  .list-recipe-grid .recipe-card-wrap .recipe-card-body.gf-glass{
    height:23.5cqw!important;
    min-height:23.5cqw!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
  .list-recipe-grid .recipe-card-wrap .recipe-card-media .croppable-hero{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}


/* Recipe editor Section 3 heading spacing */
.recipe-editor-shell .steps-size-toolbar > div:first-child{
  display:grid;
  align-content:start;
  gap:7px;
  min-width:0;
}
.recipe-editor-shell .steps-size-toolbar h2{
  margin:0!important;
  line-height:1.18!important;
}
.recipe-editor-shell .steps-size-toolbar p.helper{
  margin:0!important;
  line-height:1.45!important;
}


/* Ingredient database heading spacing */
.ingredient-database-heading > div{
  display:grid;
  align-content:start;
  gap:7px;
  min-width:0;
}
.ingredient-database-heading h2{
  margin:0!important;
  line-height:1.18!important;
}
.ingredient-database-heading p.helper{
  margin:0!important;
  line-height:1.45!important;
}


/* Recipe editor workflow, multimedia, QCP, and step-phase layout */
.recipe-editor-shell .recipe-builder > .builder-section{
  grid-column:1/-1;
}
.recipe-multimedia-section{
  display:grid;
  gap:22px;
}
.recipe-multimedia-heading,
.multimedia-subheading,
.qcp-heading{
  display:grid;
  gap:7px;
  align-content:start;
}
.recipe-multimedia-heading h2,
.recipe-multimedia-heading .helper,
.multimedia-subheading h3,
.multimedia-subheading .helper,
.qcp-heading h2,
.qcp-heading .helper{
  margin:0!important;
  line-height:1.35!important;
}
.recipe-multimedia-stack,
.recipe-multimedia-stack .recipe-primary-media-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:22px!important;
  width:100%;
  margin:0!important;
}
.recipe-multimedia-stack .primary-media-field{
  width:100%;
  min-width:0;
  padding:18px;
  border:1px solid #d8dde4;
  border-radius:16px;
  background:#fafbfc;
  box-sizing:border-box;
}
.recipe-multimedia-stack .primary-drop-zone{
  width:100%;
  min-height:190px;
  box-sizing:border-box;
}
.multimedia-drahma-section,
.multimedia-size-stack{
  display:grid;
  gap:16px;
}
.multimedia-size-group{
  width:100%;
  box-sizing:border-box;
}
.recipe-editor-shell .drahma-upload-grid{
  width:100%;
}
.step-meta-grid{
  align-items:start!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.step-meta-grid > label{
  display:grid!important;
  grid-template-rows:auto 46px auto;
  align-content:start;
  gap:7px!important;
}
.step-meta-grid .timer-input-group,
.step-meta-grid .critical-note-field > input{
  height:46px!important;
  min-height:46px!important;
  box-sizing:border-box;
}
.step-meta-grid .timer-input-group > input,
.step-meta-grid .timer-input-group > select{
  height:46px!important;
  min-height:46px!important;
}
.step-phase-list{
  display:grid;
  gap:10px;
}
.step-phase-row{
  display:grid;
  grid-template-columns:minmax(150px,.65fr) minmax(220px,1fr) minmax(250px,1fr) 44px;
  gap:12px;
  align-items:end;
  padding:14px;
  border:1px solid rgba(126,77,255,.28);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(126,77,255,.08),rgba(126,77,255,.025));
  transition:opacity .22s,transform .22s;
}
.step-phase-row.removing{
  opacity:0;
  transform:scale(.97);
}
.step-phase-badge{
  align-self:center;
  padding:10px 12px;
  border:1px solid rgba(126,77,255,.38);
  border-radius:12px;
  background:rgba(126,77,255,.12);
  color:#5932b8;
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.add-step-phase{
  width:100%;
  border-color:rgba(126,77,255,.32)!important;
  color:#5932b8!important;
}
.qcp-section{
  display:grid!important;
  gap:16px!important;
}
.qcp-section .storage-toggle{
  width:100%;
  max-width:none;
  margin:0;
}
.qcp-section #storageFields{
  display:grid;
  gap:16px;
}
.qcp-section #storageFields[hidden]{
  display:none!important;
}
.qcp-section > label{
  margin:0;
}
.recipe-type-disabled{
  position:relative;
  overflow:hidden;
  min-height:170px;
}
.recipe-type-disabled > :not(.section-collapse-button){
  opacity:.32!important;
  filter:grayscale(1);
  pointer-events:none;
  user-select:none;
}
.recipe-type-disabled::after{
  content:attr(data-disabled-message);
  position:absolute;
  left:50%;
  top:50%;
  z-index:5;
  width:min(520px,calc(100% - 52px));
  transform:translate(-50%,-50%);
  padding:14px 18px;
  border:1px solid rgba(89,97,109,.32);
  border-radius:14px;
  background:rgba(244,246,249,.92);
  color:#4f5661;
  font-weight:800;
  line-height:1.4;
  text-align:center;
  box-shadow:0 14px 34px rgba(20,25,32,.12);
  backdrop-filter:blur(12px);
}
.recipe-type-disabled.section-collapsed::after{
  display:none;
}
@media(max-width:900px){
  .recipe-editor-shell .drahma-upload-grid,
  .step-meta-grid,
  .step-phase-row{
    grid-template-columns:1fr!important;
  }
  .step-phase-row .phase-remove{
    justify-self:end;
  }
}


/* Recipe editor placement, visibility filters, settings, navigation, and home polish */
/* Recipe media belongs to Identity; Drahma references belong to Sizes & Ingredients. */
.embedded-recipe-media{
  display:grid;
  gap:18px;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.13);
}
.embedded-media-heading,
.multimedia-subheading{
  display:grid;
  gap:7px;
}
.embedded-media-heading h3,
.embedded-media-heading .helper,
.multimedia-subheading h3,
.multimedia-subheading .helper{
  margin:0!important;
  line-height:1.4!important;
}
.embedded-recipe-media .recipe-primary-media-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  margin:0!important;
}
.embedded-recipe-media .primary-media-field{
  width:100%;
  min-width:0;
  padding:18px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:17px;
  background:linear-gradient(145deg,#20232a,#17191e)!important;
  color:#f6f7f9!important;
}
.embedded-recipe-media .primary-media-label,
.embedded-recipe-media .primary-media-label small,
.embedded-recipe-media .default-hero-selector strong{
  color:#f6f7f9!important;
}
.embedded-recipe-media .default-hero-selector small{
  color:#aeb4be!important;
}
.embedded-recipe-media .primary-drop-zone{
  width:100%;
  min-height:180px;
  box-sizing:border-box;
  background:#101216!important;
  border-color:#454b56!important;
  color:#f6f7f9!important;
}
.embedded-recipe-media .primary-drop-zone strong{color:#f6f7f9!important}
.embedded-recipe-media .primary-drop-zone small{color:#aeb4be!important}
.ingredients-size-section .multimedia-drahma-section{
  display:grid;
  gap:16px;
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.13);
}
.ingredients-size-section .multimedia-size-stack{
  display:grid;
  gap:14px;
}
.ingredients-size-section .multimedia-size-group{
  width:100%;
  box-sizing:border-box;
}
.ingredients-size-section .drahma-upload-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* QCP fields use clear, consistent label spacing. */
.qcp-section{
  gap:20px!important;
}
.qcp-section .qcp-heading{
  gap:9px!important;
  margin-bottom:2px;
}
.qcp-section .storage-toggle{
  padding:16px!important;
}
.qcp-section #storageFields{
  gap:20px!important;
}
.qcp-section .form-grid{
  gap:18px!important;
  margin:0!important;
}
.qcp-section label,
.qcp-section .form-grid label{
  display:grid!important;
  gap:10px!important;
  line-height:1.35!important;
}
.qcp-section input,
.qcp-section select{
  min-height:46px!important;
}
.qcp-section textarea{
  min-height:112px!important;
  padding-top:13px!important;
}

/* Superuser visibility filter and state labels. */
.recipe-header-filters select[name="visibility"]{
  min-width:168px;
}
.inactive-recipe-pill{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:7px;
  padding:5px 9px;
  border:1px solid rgba(151,159,171,.42);
  border-radius:999px;
  background:rgba(91,99,111,.3);
  color:#e1e4e9;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
}

/* Recipe Settings: simple text groups match Recipe Units. */
.settings-modal[data-settings-modal="category"] .settings-edit-form,
.settings-modal[data-settings-modal="storage_container"] .settings-edit-form,
.settings-modal[data-settings-modal="unit"] .settings-edit-form{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.settings-modal[data-settings-modal="category"] .settings-add-form,
.settings-modal[data-settings-modal="storage_container"] .settings-add-form,
.settings-modal[data-settings-modal="unit"] .settings-add-form{
  grid-template-columns:minmax(0,1fr) auto!important;
}

/* Sidebar status, sign-out alignment, beta badge, and stable navigation geometry. */
.brand-title-row,
.mise-version-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.brand-title-row{justify-content:flex-start}
.ios-beta-badge{
  display:inline-grid;
  place-items:center;
  min-height:20px;
  padding:2px 8px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(134,184,255,.92),rgba(80,92,238,.9));
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:inset 0 1px rgba(255,255,255,.42),0 5px 14px rgba(70,90,220,.3);
  backdrop-filter:blur(12px) saturate(150%);
}
.sidebar-live-status{
  appearance:none;
  width:100%;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  cursor:pointer;
  color:#78e39b!important;
}
.sidebar-live-status:hover{
  border-color:rgba(84,222,131,.48)!important;
  background:#252a27!important;
}
.sidebar-signout{
  justify-content:center!important;
  text-align:center;
}
.sidebar-signout .nav-icon,
.sidebar-signout .nav-label{
  display:grid;
  place-items:center;
  min-height:24px;
}
.mise-version-row{
  color:#777;
  font-size:12px;
  margin-top:10px;
}
.sidebar.collapsed .sidebar-signout{justify-content:center!important;gap:0}
.sidebar.collapsed .mise-version-row{display:none}
html:not(.mise-sidebar-ready) .sidebar,
html:not(.mise-sidebar-ready) .content{
  transition:none!important;
}
.live-status-modal[hidden]{display:none!important}
.live-status-modal{
  position:fixed;
  inset:0;
  z-index:7000;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.65);
  backdrop-filter:blur(16px);
}
.live-status-card{
  position:relative;
  display:grid;
  justify-items:center;
  gap:14px;
  width:min(440px,calc(100vw - 40px));
  padding:34px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(38,43,48,.96),rgba(18,21,24,.98));
  text-align:center;
  box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.16);
}
.live-status-card h2{margin:0}
.live-status-card p{margin:0;color:#b9c0c9;line-height:1.55}
.live-status-orb{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:rgba(54,204,112,.12);
  border:1px solid rgba(84,222,131,.35);
}
.live-status-confirmation{
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(54,204,112,.1);
  color:#86e7a6;
  font-weight:800;
}
.live-status-confirmation span{
  width:9px;height:9px;border-radius:50%;background:#36cc70;box-shadow:0 0 10px #36cc70;
}
.live-status-close{
  position:absolute;
  right:16px;
  top:14px;
  width:38px;
  height:38px;
  padding:0;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  font-size:24px;
}

/* Home carousel and widgets meet the sidebar edge and share one visual language. */
.content:has(.immersive-home){
  padding:0 0 50px!important;
}
.content:has(.immersive-home) .immersive-home{
  width:100%!important;
  max-width:none!important;
  margin:0 0 50px!important;
}
.content:has(.immersive-home) .immersive-rows{
  margin-top:-78px;
  padding:0 32px;
}
.home-recipe-row,
.home-recipe-row:nth-child(even){
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-recipe-row::before{display:none!important}
.home-row-head{
  padding:0 6px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
}
@media(max-width:900px){
  .ingredients-size-section .drahma-upload-grid{grid-template-columns:1fr!important}
  .content:has(.immersive-home) .immersive-rows{padding:0 16px}
}


/* Mise Backup & Restore and dashboard viewport refinements */
.station-v3 [data-station-prep-content][hidden],
.station-v3[data-initial-mode="planogram"] [data-station-prep-content],
.station-v3.is-planogram-mode [data-station-prep-content]{display:none!important}

.widget-settings-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  margin-top:16px;
}
.widget-settings-actions form{margin:0}
.widget-settings-actions .button{min-height:44px;margin:0}

html,body{max-width:100%;overflow-x:hidden}
.app-shell,.main,.content,.recipe-dashboard-header,.recipe-dashboard-heading,.recipe-header-filters{min-width:0;box-sizing:border-box}
.recipe-dashboard-header{
  width:auto!important;
  max-width:100%!important;
  margin:-26px 0 22px!important;
  padding:20px 0 16px!important;
  overflow:visible!important;
}
.recipe-dashboard-heading,.recipe-header-filters{width:100%;max-width:100%}
.recipe-header-filters{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  gap:10px!important;
  grid-template-columns:none!important;
}
.recipe-header-filters>input{
  flex:2 1 280px!important;
  min-width:180px!important;
}
.recipe-header-filters>select{
  flex:1 1 155px!important;
  min-width:145px!important;
}
.recipe-header-filters>button,
.recipe-header-filters>a.button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:92px!important;
}
.recipe-header-filters input,
.recipe-header-filters select{
  min-height:44px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:13px!important;
  background-color:rgba(31,34,39,.96)!important;
  color:#f8f8fa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.16)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.recipe-header-filters select{
  appearance:none;
  padding-right:40px!important;
  background-image:linear-gradient(45deg,transparent 50%,#9da8b8 50%),linear-gradient(135deg,#9da8b8 50%,transparent 50%),linear-gradient(145deg,rgba(50,54,63,.98),rgba(28,31,37,.98))!important;
  background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px,0 0!important;
  background-size:6px 6px,6px 6px,100% 100%!important;
  background-repeat:no-repeat!important;
}
.recipe-header-filters input:focus,
.recipe-header-filters select:focus{
  outline:none!important;
  border-color:rgba(104,196,244,.84)!important;
  box-shadow:0 0 0 3px rgba(61,171,226,.16),0 10px 30px rgba(0,0,0,.2)!important;
}
.recipe-view-options{
  flex:0 1 330px;
  display:grid;
  gap:6px;
  min-width:270px;
}
.recipe-view-options>span{
  padding-left:4px;
  color:#9da6b3;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.recipe-header-filters .dashboard-view-toggle{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(82px,1fr))!important;
  gap:0!important;
  min-height:44px!important;
  padding:4px!important;
  overflow:hidden;
  border:1px solid rgba(141,205,237,.28)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(45,57,67,.88),rgba(25,30,37,.95))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 28px rgba(0,0,0,.24)!important;
}
.dashboard-view-thumb{
  position:absolute;
  top:4px;
  bottom:4px;
  left:4px;
  width:calc((100% - 8px)/3);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(100,202,247,.95),rgba(39,124,171,.94));
  border:1px solid rgba(171,227,255,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 5px 17px rgba(24,132,188,.38);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.dashboard-view-toggle:has(button[data-recipe-view="compact"].active) .dashboard-view-thumb{transform:translateX(100%)}
.dashboard-view-toggle:has(button[data-recipe-view="list"].active) .dashboard-view-thumb{transform:translateX(200%)}
.recipe-header-filters .dashboard-view-toggle>button{
  position:relative;
  z-index:1;
  min-width:0!important;
  width:auto!important;
  height:36px!important;
  min-height:36px!important;
  padding:7px 11px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#bdc4cf!important;
}
.recipe-header-filters .dashboard-view-toggle>button.active{color:#fff!important}
.recipe-grid{max-width:100%;overflow-x:clip}
@media(max-width:850px){
  .recipe-dashboard-header{margin:-18px 0 18px!important;padding:16px 0!important}
  .recipe-view-options{flex:1 1 100%;min-width:0}
  .recipe-header-filters>input,.recipe-header-filters>select{flex:1 1 100%!important}
  .widget-settings-actions{flex-wrap:wrap}
}

.backup-restore-shell{display:grid;gap:22px;max-width:1600px;margin:0 auto 60px}
.backup-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.backup-status-grid article{
  display:grid;gap:5px;min-height:112px;padding:18px 20px;
  border:1px solid rgba(255,255,255,.12);border-radius:18px;
  background:linear-gradient(145deg,rgba(35,38,44,.96),rgba(20,22,27,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(0,0,0,.18);
}
.backup-status-grid span,.backup-preview-grid span{color:#9da6b3;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.backup-status-grid strong{font-size:24px}.backup-status-grid small{color:#8e96a2}
.backup-space-warning{border-color:rgba(239,68,68,.65)!important;background:linear-gradient(145deg,rgba(77,27,31,.96),rgba(35,19,22,.96))!important}
.backup-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px}
.backup-create-form,.backup-upload-form,.restore-confirm-form{display:grid;gap:16px}
.backup-create-form>label,.restore-confirm-form>label{display:grid;gap:7px;color:#e7e9ee;font-weight:800}
.backup-create-form select,.backup-create-form textarea,.restore-confirm-form input{
  width:100%;border:1px solid rgba(255,255,255,.15);border-radius:13px;
  background:#131519;color:#fff;padding:12px 14px;
}
.backup-toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:15px 16px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.035)}
.backup-toggle-row>span{display:grid;gap:4px}.backup-toggle-row small{color:#949ca8;font-weight:500}
.backup-toggle-row input{width:48px!important;height:27px;accent-color:#43aee4}
.backup-destination,.backup-safety-note{display:grid;gap:4px;padding:15px 16px;border-radius:15px;background:rgba(75,181,231,.07);border:1px solid rgba(91,191,238,.22)}
.backup-destination span{color:#8cd8fb;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.backup-destination small,.backup-safety-note p{color:#99a2ae;margin:0;overflow-wrap:anywhere}
.backup-primary-action{min-height:48px;background:linear-gradient(180deg,#3fb8ee,#247ea9)!important;border-color:#75d2fb!important}
.backup-upload-zone{position:relative;display:grid;place-items:center;text-align:center;gap:7px;min-height:190px;padding:24px;border:1px dashed rgba(137,210,245,.42);border-radius:19px;background:rgba(70,153,194,.06);cursor:pointer}
.backup-upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.backup-upload-zone>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,#57c3f1,#277da7);font-size:28px}.backup-upload-zone small{color:#99a2ae}
.backup-preview-panel{border-color:rgba(90,204,139,.35)!important}
.backup-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}
.backup-preview-grid>div{display:grid;gap:6px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.backup-preview-grid strong{overflow-wrap:anywhere}
.restore-confirm-form{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11)}
.backup-status{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.backup-status.ok{background:rgba(39,174,96,.17);border:1px solid rgba(69,210,128,.42);color:#7fe5aa}.backup-status.bad{background:rgba(218,50,62,.16);border:1px solid rgba(242,75,88,.4);color:#ff939d}
.backup-history-list{display:grid;gap:10px}
.backup-history-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.025)}
.backup-history-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,rgba(66,181,232,.28),rgba(44,93,122,.28));color:#8bd9fa;font-size:25px}.backup-history-row>div:nth-child(2){display:grid;gap:3px}.backup-history-row span,.backup-history-row small{color:#9ba3af}.backup-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.backup-history-actions form{margin:0}
.system-settings-card>span{background:linear-gradient(145deg,rgba(57,176,229,.26),rgba(31,98,129,.25))!important;color:#88d9fc!important}
@media(max-width:1100px){.backup-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-layout{grid-template-columns:1fr}.backup-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-history-row{grid-template-columns:52px minmax(0,1fr) auto}.backup-history-actions{grid-column:2/4;justify-content:flex-start}}
@media(max-width:650px){.backup-status-grid,.backup-preview-grid{grid-template-columns:1fr}.backup-history-row{grid-template-columns:44px minmax(0,1fr)}.backup-history-row>.backup-status{grid-column:2}.backup-history-actions{grid-column:1/3}.backup-toggle-row{align-items:flex-start}}


/* Fixed workspace headers and normalized planogram pan geometry */
.content{
  overflow:visible!important;
}
.content>.topbar{
  position:sticky!important;
  top:0!important;
  z-index:520!important;
  margin-top:-26px!important;
  padding-top:26px!important;
  padding-bottom:18px!important;
  background:linear-gradient(180deg,#101112 0%,rgba(16,17,18,.98) 84%,rgba(16,17,18,0) 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.055);
}
.prep-overview-shell,
.station-v3{
  overflow:visible!important;
}
.prep-overview-shell>.prep-dashboard-sticky,
.station-v3>.prep-dashboard-sticky,
.station-v3 .station-dashboard-sticky{
  position:sticky!important;
  top:0!important;
  z-index:540!important;
  margin-top:0!important;
  isolation:isolate;
  background:linear-gradient(180deg,#101112 0%,rgba(16,17,18,.985) 92%,rgba(16,17,18,.94) 100%)!important;
  box-shadow:0 12px 22px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.055);
}
.recipe-dashboard-header{
  position:sticky!important;
  top:0!important;
  z-index:540!important;
  background:linear-gradient(180deg,#101112 0%,rgba(16,17,18,.985) 92%,rgba(16,17,18,.94) 100%)!important;
  box-shadow:0 12px 22px rgba(0,0,0,.24),0 1px 0 rgba(255,255,255,.055);
}
.planogram-page.is-editing .planogram-pan-track{
  container-type:inline-size;
  align-items:start!important;
  grid-auto-flow:row;
}
.planogram-page.is-editing .planogram-pan{
  aspect-ratio:auto!important;
  height:clamp(88px,calc(((100cqw - 210px)/36)*3 + 12px),150px)!important;
  min-height:88px!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  align-self:start!important;
  overflow:hidden!important;
}
.planogram-page.is-editing .planogram-pan-photo{
  height:auto!important;
  min-height:0!important;
}
.planogram-page.is-editing .planogram-pan-copy{
  min-height:0!important;
}
@media(max-width:800px){
  .content>.topbar{
    margin-top:-18px!important;
    padding-top:18px!important;
  }
  .planogram-page.is-editing .planogram-pan{
    height:88px!important;
  }
}


/* Safari-safe sticky Prep Dashboard header */
html,
body{
  overflow-x:clip!important;
  overflow-y:visible!important;
}
.app-shell,
.content,
.prep-overview-shell{
  overflow-y:visible!important;
}
.prep-overview-shell>.prep-dashboard-sticky,
.station-v3>.prep-dashboard-sticky,
.station-v3 .station-dashboard-sticky{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
}


/* Station dashboard viewport containment and sidebar alignment */
main.content:has(> .station-v3){
  padding-left:16px!important;
  padding-right:16px!important;
}
.station-v3.prep-overview-shell{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.station-v3>*,
.station-v3 .prep-dashboard-sticky,
.station-v3 .prep-overview-header,
.station-v3 .prep-summary-strip,
.station-v3 .station-task-section,
.station-v3 .station-task-list,
.station-v3 .station-inline-planogram{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.station-v3 .station-board-tabs{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}
.station-v3 .station-board-tabs>a{
  flex:0 0 auto!important;
}
.station-v3 .station-mode-toggle{
  flex:0 0 218px!important;
  min-width:218px!important;
  margin-left:auto!important;
}
.station-v3 .station-prep-summary{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.station-v3 .prep-summary-item{
  min-width:0!important;
  padding-left:clamp(14px,1.5vw,28px)!important;
  padding-right:clamp(14px,1.5vw,28px)!important;
}
.station-v3 .prep-summary-item>div:last-child{
  min-width:0;
}
.station-v3 .station-task-section .empty,
.station-v3 .station-task-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
@media(max-width:1200px){
  .station-v3 .station-prep-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .station-v3 .prep-summary-item:nth-child(2)::after{display:none}
}
@media(max-width:760px){
  main.content:has(> .station-v3){
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .station-v3 .station-prep-summary{
    grid-template-columns:1fr!important;
  }
  .station-v3 .station-mode-toggle{
    flex-basis:184px!important;
    min-width:184px!important;
  }
}


/* Unified Prep Dashboard gutters and anchored mode switch */
main.content:has(> .prep-overview-shell){
  padding-left:16px!important;
  padding-right:16px!important;
}
main.content>.prep-overview-shell{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.station-v3 .station-board-tabs{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  overflow:visible!important;
}
.station-v3 .station-tab-scroll{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
  max-width:100%;
  padding:2px 2px 4px;
  overflow-x:auto;
  overflow-y:visible;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}
.station-v3 .station-tab-scroll>a{
  flex:0 0 auto!important;
  min-height:56px!important;
  padding:0 18px!important;
  box-sizing:border-box;
}
.station-v3 .station-mode-toggle{
  position:relative!important;
  right:auto!important;
  flex:none!important;
  margin-left:0!important;
  z-index:3;
}
@media(max-width:760px){
  main.content:has(> .prep-overview-shell){
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .station-v3 .station-board-tabs{
    grid-template-columns:1fr!important;
  }
  .station-v3 .station-mode-toggle{
    justify-self:end;
  }
}


/* Compact Recipe Dashboard rows and icon-only view controls */
.list-recipe-grid{
  align-items:start!important;
  grid-auto-rows:auto!important;
  row-gap:10px!important;
}
.list-recipe-grid .recipe-card-wrap{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
}
.recipe-view-options{
  flex:0 0 180px!important;
  min-width:180px!important;
  justify-items:center;
}
.recipe-view-options>span{
  width:100%;
  padding-left:0!important;
  text-align:center;
}
.recipe-header-filters .dashboard-view-toggle{
  width:180px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.recipe-header-filters .dashboard-view-toggle>button{
  width:auto!important;
  min-width:0!important;
  padding:6px!important;
}
.recipe-view-icon{
  width:23px;
  height:23px;
  display:block;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.recipe-view-icon.list-icon circle{
  fill:currentColor;
  stroke:none;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.crop-orb{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.crop-orb-icon{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  line-height:0!important;
}
.crop-orb-icon svg{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:none!important;
}
@media(max-width:850px){
  .recipe-view-options{
    flex:1 1 180px!important;
  }
}


/* Consolidated Recipe Dashboard filter popover */
.recipe-header-filters{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(240px,1fr) 48px 180px!important;
  align-items:end!important;
  gap:12px!important;
  overflow:visible!important;
}
.recipe-header-filters>input{
  width:100%!important;
  min-width:0!important;
  flex:none!important;
}
.recipe-filter-control{
  position:relative;
  z-index:50;
  width:48px;
  height:44px;
}
.recipe-filter-toggle{
  position:relative;
  width:48px!important;
  min-width:48px!important;
  height:44px;
  min-height:44px;
  display:grid!important;
  place-items:center;
  padding:0!important;
  border:1px solid rgba(141,205,237,.28)!important;
  border-radius:14px!important;
  color:#cbd3dd!important;
  background:linear-gradient(145deg,rgba(45,57,67,.88),rgba(25,30,37,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 28px rgba(0,0,0,.22)!important;
  transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.recipe-filter-toggle:hover,
.recipe-filter-toggle.is-open{
  color:#fff!important;
  border-color:rgba(104,196,244,.8)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 3px rgba(61,171,226,.13),0 12px 30px rgba(0,0,0,.28)!important;
}
.recipe-filter-toggle:active{transform:scale(.96)}
.recipe-filter-toggle svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.recipe-filter-indicator{
  position:absolute;
  top:7px;
  right:7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#67c8f2;
  box-shadow:0 0 0 3px rgba(103,200,242,.14),0 0 10px rgba(103,200,242,.8);
  opacity:0;
  transform:scale(.5);
  transition:opacity .18s ease,transform .18s ease;
}
.recipe-filter-toggle.has-filters .recipe-filter-indicator{
  opacity:1;
  transform:scale(1);
}
.recipe-filter-popover[hidden]{display:none!important}
.recipe-filter-popover{
  position:absolute;
  top:calc(100% + 12px);
  left:auto;
  right:0;
  z-index:100;
  width:min(480px,calc(100vw - 48px));
  max-height:min(690px,calc(100vh - 170px));
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  color:#f8f9fb;
  background:linear-gradient(150deg,rgba(37,41,48,.985),rgba(18,21,26,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 28px 70px rgba(0,0,0,.58),0 0 0 1px rgba(0,0,0,.3);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
  animation:recipeFilterIn .18s ease-out;
}
@keyframes recipeFilterIn{
  from{opacity:0;transform:translateY(-7px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.recipe-filter-popover-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px 20px 16px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.recipe-filter-popover-head span{
  display:block;
  margin-bottom:5px;
  color:#6cc8f4;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.recipe-filter-popover-head h2{
  margin:0;
  font-size:21px;
  line-height:1.2;
}
.recipe-filter-close{
  width:34px!important;
  min-width:34px!important;
  height:34px;
  display:grid!important;
  place-items:center;
  padding:0!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
  color:#d7dce4!important;
  background:rgba(255,255,255,.06)!important;
  font-size:24px;
  font-weight:400;
  line-height:1;
}
.recipe-filter-popover-body{
  min-height:0;
  padding:4px 20px 18px;
  overflow:auto;
  overscroll-behavior:contain;
}
.recipe-filter-group{
  min-width:0;
  margin:0;
  padding:17px 0 0;
  border:0;
}
.recipe-filter-group+ .recipe-filter-group{
  margin-top:17px;
  border-top:1px solid rgba(255,255,255,.08);
}
.recipe-filter-group legend{
  width:100%;
  padding:0 0 10px;
  color:#aeb7c3;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.recipe-filter-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.recipe-filter-choice-grid label{
  display:block;
  min-width:0;
  cursor:pointer;
}
.recipe-filter-choice-grid input{
  position:absolute;
  width:1px!important;
  height:1px!important;
  opacity:0;
  pointer-events:none;
}
.recipe-filter-choice-grid span{
  min-height:42px;
  display:flex;
  align-items:center;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  color:#d8dde5;
  background:rgba(255,255,255,.045);
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease;
}
.recipe-filter-choice-grid label:hover span{
  border-color:rgba(108,200,244,.46);
  background:rgba(108,200,244,.08);
  color:#fff;
}
.recipe-filter-choice-grid input:focus-visible+span{
  outline:2px solid #6cc8f4;
  outline-offset:2px;
}
.recipe-filter-choice-grid input:checked+span{
  border-color:rgba(108,200,244,.78);
  color:#fff;
  background:linear-gradient(145deg,rgba(49,144,191,.58),rgba(31,83,111,.7));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 7px 18px rgba(23,115,158,.2);
}
.recipe-status-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
.recipe-filter-popover-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:14px 20px 18px;
  border-top:1px solid rgba(255,255,255,.09);
  background:rgba(8,10,13,.3);
}
.recipe-filter-popover-actions .button,
.recipe-filter-popover-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:44px;
  display:grid;
  place-items:center;
  text-align:center;
}
.recipe-view-options{
  align-self:end!important;
}
@media(max-width:850px){
  .recipe-header-filters{
    grid-template-columns:minmax(0,1fr) 48px 180px!important;
  }
  .recipe-filter-popover{
    left:auto;
    right:0;
  }
}
@media(max-width:560px){
  .recipe-header-filters{
    grid-template-columns:48px minmax(0,1fr)!important;
  }
  .recipe-header-filters>input{grid-column:1/-1}
  .recipe-view-options{
    width:100%!important;
    min-width:0!important;
  }
  .recipe-header-filters .dashboard-view-toggle{width:100%!important}
  .recipe-filter-popover{
    left:0;
    right:auto;
    width:min(430px,calc(100vw - 32px));
  }
  .recipe-filter-choice-grid{grid-template-columns:1fr}
  .recipe-status-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* Touch-friendly active search clear action */
.recipe-search-control{
  position:relative;
  width:100%;
  min-width:0;
  height:44px;
}
.recipe-search-control input{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding-right:58px!important;
}
.recipe-search-clear{
  position:absolute!important;
  top:50%;
  right:4px;
  z-index:2;
  width:44px!important;
  min-width:44px!important;
  height:36px!important;
  min-height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:11px!important;
  color:#eef9ff!important;
  background:linear-gradient(145deg,rgba(75,183,234,.88),rgba(29,117,163,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 5px 15px rgba(17,116,162,.28)!important;
  transform:translateY(-50%);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  animation:recipeSearchClearIn .26s cubic-bezier(.2,.8,.2,1);
}
.recipe-search-clear svg{
  width:21px;
  height:21px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  transition:transform .18s ease;
}
.recipe-search-clear:hover svg,
.recipe-search-clear:focus-visible svg{transform:rotate(90deg)}
.recipe-search-clear:focus-visible{
  outline:2px solid #a8e4ff!important;
  outline-offset:2px;
}
.recipe-search-clear:active{
  transform:translateY(-50%) scale(.92);
}
.recipe-search-clear.is-clearing{
  pointer-events:none;
  animation:recipeSearchClearOut .18s ease-in forwards;
}
@keyframes recipeSearchClearIn{
  from{opacity:0;transform:translateY(-50%) rotate(-75deg) scale(.62)}
  to{opacity:1;transform:translateY(-50%) rotate(0) scale(1)}
}
@keyframes recipeSearchClearOut{
  from{opacity:1;transform:translateY(-50%) rotate(0) scale(1)}
  to{opacity:0;transform:translateY(-50%) rotate(75deg) scale(.58)}
}
@media(max-width:560px){
  .recipe-search-control{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .recipe-search-clear,
  .recipe-search-clear svg{animation:none!important;transition:none!important}
}


/* Recipe detail toolbar, live translation, print action, and Drahma photo editor */
.recipe-page-frame{position:relative}
.redesigned-titlebar .recipe-title-center{min-width:0;flex:1 1 18rem}
.redesigned-titlebar .recipe-actions{min-width:0;flex:0 1 auto;justify-content:flex-end;gap:.65rem}
.recipe-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex:0 0 auto}
.recipe-icon-button{width:2.9rem;height:2.9rem;min-width:2.9rem;padding:0;display:inline-grid;place-items:center;border-radius:.85rem}
.recipe-icon-button svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.recipe-view-toggle.icon-view-toggle{display:flex;align-items:center;gap:.25rem;padding:.23rem;border:1px solid rgba(151,164,181,.3);border-radius:1rem;background:rgba(30,36,43,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.recipe-view-toggle.icon-view-toggle .recipe-icon-button{border:0;background:transparent;color:#aeb7c4;box-shadow:none}
.recipe-view-toggle.icon-view-toggle .recipe-icon-button.active{color:#fff;background:linear-gradient(155deg,#59c5f0,#197dad);box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 5px 18px rgba(42,167,218,.25)}
.recipe-language-control{position:relative}
.language-trigger{color:#b9e8ff;background:linear-gradient(155deg,rgba(67,120,151,.6),rgba(24,41,55,.82));border:1px solid rgba(119,208,248,.38)}
.recipe-language-menu{position:absolute;right:0;top:calc(100% + .65rem);z-index:120;width:15rem;padding:.65rem;border:1px solid rgba(119,208,248,.35);border-radius:1rem;background:rgba(17,23,29,.96);box-shadow:0 22px 55px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(22px)}
.recipe-language-menu[hidden]{display:none}
.recipe-language-menu>span{display:block;padding:.35rem .5rem .55rem;color:#78d6ff;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.recipe-language-menu button{width:100%;display:grid;grid-template-columns:1.5rem 1fr auto;align-items:center;gap:.45rem;padding:.72rem .65rem;margin:.15rem 0;text-align:left;border:1px solid transparent;border-radius:.75rem;background:transparent;color:#f4f7fa}
.recipe-language-menu button:hover,.recipe-language-menu button.active{background:rgba(65,177,226,.16);border-color:rgba(98,204,249,.32)}
.recipe-language-menu button small{color:#f2b95d;font-size:.65rem}
.translation-magic-overlay{position:fixed;inset:0;z-index:2400;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle at 50% 42%,rgba(61,186,238,.16),transparent 36%),rgba(5,8,12,.2);backdrop-filter:blur(0);transition:opacity .22s ease,visibility .22s ease}
.translation-magic-overlay[aria-hidden="false"]{opacity:1;visibility:visible;backdrop-filter:blur(2px)}
.translation-magic-overlay strong{position:relative;z-index:2;padding:.85rem 1.2rem;border:1px solid rgba(129,222,255,.45);border-radius:999px;background:rgba(13,24,33,.9);color:#d9f5ff;box-shadow:0 0 40px rgba(62,193,245,.28);letter-spacing:.04em}
.translation-magic-overlay span{position:absolute;width:8px;height:8px;border-radius:50%;background:#8ce5ff;box-shadow:0 0 18px #4bc8fa;animation:translation-spark 1.15s ease-in-out infinite}
.translation-magic-overlay span:nth-child(1){left:31%;top:37%}.translation-magic-overlay span:nth-child(2){left:67%;top:48%;animation-delay:.22s}.translation-magic-overlay span:nth-child(3){left:47%;top:66%;animation-delay:.44s}
.recipe-page-frame.is-translating .recipe-title-center,.recipe-page-frame.is-translating .beautiful-recipe-card{animation:translation-cross-dissolve .9s ease-in-out infinite alternate}
@keyframes translation-cross-dissolve{0%{opacity:1;filter:blur(0)}45%{opacity:.35;filter:blur(3px)}100%{opacity:.82;filter:blur(.6px)}}
@keyframes translation-spark{0%,100%{transform:translateY(12px) scale(.55);opacity:.15}50%{transform:translateY(-18px) scale(1.35);opacity:1}}
.recipe-print-footer{display:flex;justify-content:center;padding:2rem 1rem .5rem}
.recipe-bottom-print{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-width:12rem}
.recipe-bottom-print svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drahma-photo-frame{position:relative}
.drahma-photo-viewport{position:relative;overflow:hidden;border-radius:.8rem;background:#15191e;aspect-ratio:4/3}
.drahma-croppable-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--drahma-x,50%) var(--drahma-y,50%);transform:scale(var(--drahma-zoom,1));transform-origin:center;transition:transform .25s ease,filter .25s ease}
.drahma-crop-orb{position:absolute;right:.65rem;bottom:.65rem;z-index:3;width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:50%;opacity:0;transform:scale(.8) rotate(-10deg);background:linear-gradient(145deg,#ff5864,#c81728);border:1px solid rgba(255,255,255,.34);box-shadow:0 8px 24px rgba(229,25,45,.4);transition:opacity .2s ease,transform .25s ease}
.drahma-crop-orb svg{width:1.25rem;height:1.25rem;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.drahma-photo-frame:hover .drahma-crop-orb,.drahma-crop-orb:focus-visible{opacity:1;transform:scale(1) rotate(0)}
.drahma-photo-frame:hover .drahma-croppable-photo{filter:brightness(.82)}
.drahma-crop-modal{position:fixed;inset:0;z-index:2600;display:none;place-items:center;padding:1rem;background:rgba(2,5,8,.78);backdrop-filter:blur(14px)}
.drahma-crop-modal.open{display:grid}
.drahma-crop-card{position:relative;width:min(40rem,94vw);padding:1.4rem;border:1px solid rgba(115,203,241,.35);border-radius:1.35rem;background:linear-gradient(160deg,#1d252d,#11161b);box-shadow:0 30px 80px rgba(0,0,0,.65)}
.drahma-crop-card h2{margin:.2rem 0}.drahma-crop-card p{color:#aab5c0}
.drahma-crop-close{position:absolute;right:1rem;top:1rem;width:2.6rem;height:2.6rem;padding:0;border-radius:50%;font-size:1.5rem;background:#2b3239}
.drahma-crop-stage{height:min(24rem,45vh);margin:1rem 0;overflow:hidden;touch-action:none;cursor:grab;border:1px solid #3b4651;border-radius:1rem;background:#090c0f}
.drahma-crop-stage:active{cursor:grabbing}
.drahma-crop-stage img{width:100%;height:100%;object-fit:cover;transform-origin:center;user-select:none;pointer-events:none}
.drahma-crop-card>label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}
.drahma-crop-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}
.language-settings-intro{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;align-items:start;margin:0 0 1rem;padding:1rem;border:1px solid rgba(93,196,239,.3);border-radius:1rem;background:linear-gradient(140deg,rgba(43,107,137,.2),rgba(28,33,39,.5))}
.language-settings-intro .language-orb{width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:50%;background:rgba(70,187,235,.16);color:#83dcff;font-size:1.6rem;box-shadow:inset 0 0 0 1px rgba(117,217,255,.35)}
.language-settings-intro p{margin:.3rem 0;color:#b8c2cc;line-height:1.45}.language-settings-intro small{color:#f0c675}.language-settings-intro code{color:#cdefff}

@media(max-width:1180px){
  .redesigned-titlebar{display:grid;grid-template-columns:auto minmax(0,1fr) auto}
  .redesigned-titlebar .recipe-actions{flex-wrap:wrap;max-width:23rem}
  .redesigned-titlebar .liquid-size-control{order:2;width:100%}
}
@media(max-width:820px){
  .redesigned-titlebar{grid-template-columns:1fr auto}
  .redesigned-titlebar .recipe-nav-cluster{grid-column:1/2}
  .redesigned-titlebar .recipe-title-center{grid-column:1/-1;grid-row:2}
  .redesigned-titlebar .recipe-actions{grid-column:2;grid-row:1;max-width:none}
  .redesigned-titlebar .recipe-actions>.button{display:none}
  .recipe-language-menu{position:fixed;right:1rem;top:5.5rem}
  .drahma-crop-orb{opacity:1;transform:none}
}


/* Supported language catalog and touch-friendly recipe translation controls */
.recipe-language-menu {
  width: min(21rem, calc(100vw - 2rem));
  max-height: min(70vh, 38rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.recipe-language-menu button {
  grid-template-columns: 3.1rem minmax(0, 1fr) auto;
  min-height: 4.25rem;
  gap: 0.8rem;
  align-items: center;
}
.recipe-language-flag {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  flex: 0 0 3rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 0.8rem;
  background: rgba(255, 255, 255, 0.08);
  font-size: 2rem;
  line-height: 1;
  overflow: hidden;
}
.recipe-language-flag img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.7rem;
}
.recipe-language-name {
  min-width: 0;
  font-weight: 750;
  text-align: left;
}
#modal-supported_language .settings-modal-card {
  width: min(70rem, 96vw);
}
#modal-supported_language .settings-option-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  gap: 0.75rem;
}
#modal-supported_language .language-setting-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  min-height: 6.2rem;
  padding: 0.9rem;
  transition: opacity 180ms ease, border-color 180ms ease, background 180ms ease;
}
#modal-supported_language .language-setting-option.language-disabled {
  opacity: 0.6;
}
#modal-supported_language .language-setting-option .settings-edit-form {
  min-width: 0;
}
#modal-supported_language .language-setting-option .settings-option-icon,
#modal-supported_language .default-language-flag {
  width: 4rem;
  height: 4rem;
  display: grid;
  place-items: center;
  flex: 0 0 4rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.08);
  font-size: 2.6rem;
  line-height: 1;
  overflow: hidden;
}
#modal-supported_language .language-setting-option .settings-option-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.language-toggle {
  position: relative;
  width: 4.8rem;
  height: 2.55rem;
  padding: 0.2rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: #30353c;
  color: #d7dce2;
  cursor: pointer;
  touch-action: manipulation;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.language-toggle::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 1.95rem;
  height: 1.95rem;
  border-radius: 50%;
  background: #f6f8fa;
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.35);
  transition: transform 180ms ease;
}
.language-toggle span {
  position: relative;
  z-index: 1;
  display: block;
  padding-left: 1.9rem;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}
.language-toggle.active {
  border-color: rgba(69, 187, 255, 0.82);
  background: linear-gradient(135deg, #218dc2, #43baf3);
  color: #07131a;
  box-shadow: 0 0 0 0.18rem rgba(67, 186, 243, 0.16);
}
.language-toggle.active::before {
  transform: translateX(2.2rem);
}
.language-toggle.active span {
  padding-right: 1.9rem;
  padding-left: 0;
}
.language-toggle:focus-visible {
  outline: 3px solid rgba(86, 199, 255, 0.7);
  outline-offset: 3px;
}
@media (max-width: 720px) {
  #modal-supported_language .settings-option-list {
    grid-template-columns: 1fr;
  }
  .recipe-language-menu {
    width: min(22rem, calc(100vw - 1rem));
  }
}

/* Translation feedback and Superuser review workflow */
.recipe-translation-feedback {
  max-width: 62rem;
  margin: 2rem auto 0;
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(72, 187, 255, 0.34);
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(25, 48, 65, 0.82), rgba(20, 24, 29, 0.94));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.recipe-translation-feedback[hidden] {
  display: none !important;
}
.recipe-translation-feedback strong {
  display: block;
  color: #7bd2ff;
  font-size: 0.82rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.recipe-translation-feedback p {
  max-width: 46rem;
  margin: 0.3rem 0 0;
  color: #cbd3db;
  line-height: 1.45;
}
.translation-report-button {
  min-height: 3rem;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  touch-action: manipulation;
}
.translation-report-button[hidden] {
  display: none !important;
}
.translation-report-button svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.translation-report-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  padding: 1rem;
  background: rgba(3, 6, 9, 0.78);
  backdrop-filter: blur(0.7rem);
  display: grid;
  place-items: center;
}
.translation-report-modal[hidden] {
  display: none !important;
}
.translation-report-card {
  position: relative;
  width: min(38rem, 100%);
  padding: 1.6rem;
  border: 1px solid rgba(94, 201, 255, 0.44);
  border-radius: 1.2rem;
  background: linear-gradient(145deg, #1d242b, #111519);
  box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.55);
}
.translation-report-card h2 {
  margin: 0.4rem 3rem 0.55rem 0;
}
.translation-report-card > p {
  margin: 0 0 1.15rem;
  color: #aeb8c1;
  line-height: 1.5;
}
.translation-report-card label {
  display: block;
  margin-bottom: 0.45rem;
  font-weight: 800;
}
.translation-report-card textarea {
  width: 100%;
  min-height: 9rem;
  padding: 0.85rem;
  resize: vertical;
  color: #fff;
  border: 1px solid #46515b;
  border-radius: 0.75rem;
  background: #0b0e11;
  font: inherit;
  line-height: 1.45;
}
.translation-report-card textarea:focus {
  outline: 3px solid rgba(71, 190, 247, 0.25);
  border-color: #58c7ff;
}
.translation-report-card > small {
  display: block;
  margin-top: 0.35rem;
  color: #8f9aa4;
  text-align: right;
}
.translation-report-actions {
  margin-top: 1.15rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
}
.translation-report-actions button {
  min-height: 3rem;
}
.translation-issue-notification details {
  padding-right: 1.8rem;
}
.translation-issue-notification summary {
  cursor: pointer;
  list-style: none;
  display: grid;
  gap: 0.25rem;
}
.translation-issue-notification summary::-webkit-details-marker {
  display: none;
}
.translation-issue-notification summary::after {
  content: "View report";
  margin-top: 0.35rem;
  color: #76d0ff;
  font-size: 0.72rem;
  font-weight: 800;
}
.translation-issue-notification details[open] summary::after {
  content: "Hide report";
}
.translation-pill {
  width: max-content;
  color: #061118;
  background: linear-gradient(135deg, #7dd7ff, #3db3e9);
}
.translation-issue-notification summary small {
  color: #9aa6b1;
}
.translation-issue-detail {
  margin-top: 0.85rem;
  padding: 0.8rem;
  border: 1px solid rgba(93, 196, 244, 0.24);
  border-radius: 0.65rem;
  background: rgba(0, 0, 0, 0.2);
}
.translation-issue-detail p {
  margin: 0.35rem 0 0.65rem;
  color: #edf4f8;
  white-space: pre-wrap;
  line-height: 1.45;
}
.translation-issue-detail small {
  color: #7bd2ff;
}
@media (max-width: 720px) {
  .recipe-translation-feedback {
    align-items: stretch;
    flex-direction: column;
  }
  .translation-report-button {
    width: 100%;
  }
  .translation-report-actions {
    flex-direction: column-reverse;
  }
  .translation-report-actions button {
    width: 100%;
  }
}


/* Compact, stable station task board */
.station-v3 .station-board-tabs{
  grid-template-columns:minmax(0,1fr) 218px!important;
  min-height:64px;
}
.station-v3 .station-tab-scroll{
  min-height:60px;
  align-items:center!important;
}
.station-v3 .station-tab-scroll>a{
  flex:0 0 118px!important;
  width:118px!important;
  min-width:118px!important;
  height:56px!important;
  min-height:56px!important;
  padding:0 10px!important;
  justify-content:center!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.station-v3 .station-tab-scroll>a.home-tab{
  flex-basis:166px!important;
  width:166px!important;
  min-width:166px!important;
}
.station-v3 .station-mode-toggle{
  width:218px!important;
  min-width:218px!important;
  height:56px!important;
  justify-self:end!important;
}
.station-v3 .station-task-section{
  display:grid;
  gap:8px;
  min-width:0;
}
.station-v3 .station-section-toggle{
  width:100%;
  min-height:48px;
  margin:0!important;
  padding:8px 12px 8px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px;
  border:0!important;
  border-left:4px solid #ff9f1a!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  text-align:left;
}
.station-v3 .station-section-toggle.completed-heading{
  border-left-color:#55c86b!important;
}
.station-v3 .station-section-copy{
  display:flex;
  align-items:baseline;
  gap:12px;
  min-width:0;
}
.station-v3 .station-section-copy strong{
  color:#fff;
  font-size:24px;
  line-height:1.1;
}
.station-v3 .station-section-copy small{
  color:#969ca3;
  font-size:14px;
  font-weight:600;
}
.station-v3 .station-section-chevron{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid #3b4148;
  border-radius:50%;
  position:relative;
  background:#1b1f24;
}
.station-v3 .station-section-chevron::before,
.station-v3 .station-section-chevron::after{
  content:"";
  position:absolute;
  top:14px;
  width:9px;
  height:2px;
  border-radius:2px;
  background:#d8dde3;
  transition:transform .2s ease;
}
.station-v3 .station-section-chevron::before{left:7px;transform:rotate(-38deg)}
.station-v3 .station-section-chevron::after{right:7px;transform:rotate(38deg)}
.station-v3 .station-task-section.is-collapsed .station-section-chevron::before{transform:rotate(38deg)}
.station-v3 .station-task-section.is-collapsed .station-section-chevron::after{transform:rotate(-38deg)}
.station-v3 [data-station-section-body][hidden]{
  display:none!important;
}
.station-v3 .station-task-list{
  gap:8px!important;
}
.station-v3 .station-task-row,
.station-v3 .completed-row{
  grid-template-columns:112px minmax(250px,1fr) 160px minmax(310px,340px)!important;
  gap:14px!important;
  min-height:108px!important;
  padding:9px 10px!important;
  align-items:center!important;
  overflow:hidden!important;
}
.station-v3 .station-task-image{
  width:112px!important;
  height:90px!important;
  min-width:112px!important;
  border-radius:11px!important;
}
.station-v3 .station-task-main{
  min-width:0;
  align-self:center;
}
.station-v3 .station-task-main h3{
  margin:5px 0 3px!important;
  font-size:18px!important;
  line-height:1.15!important;
}
.station-v3 .station-task-main p{
  font-size:13px!important;
  line-height:1.3!important;
}
.station-v3 .station-task-chips{
  margin-top:7px!important;
  gap:6px!important;
}
.station-v3 .station-task-chips span{
  padding:4px 7px!important;
  font-size:10px!important;
}
.station-v3 .station-speedometer{
  width:154px!important;
  height:90px!important;
  min-width:154px!important;
}
.station-v3 .speed-number{
  margin-top:16px!important;
  font-size:27px!important;
}
.station-v3 .station-speedometer small{
  max-width:145px;
  margin-top:-1px!important;
  font-size:10px!important;
  line-height:1.1;
  text-align:center;
}
.station-v3 .completed-speed{
  width:154px;
  justify-content:center;
}
.station-v3 .completed-check{
  width:44px!important;
  height:44px!important;
  font-size:23px!important;
}
.station-v3 .station-task-meta{
  display:grid!important;
  grid-template-rows:28px 44px!important;
  gap:7px!important;
  align-content:center!important;
  width:100%!important;
  min-width:0!important;
}
.station-v3 .station-priority-pill{
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  line-height:1!important;
}
.station-v3 .station-task-buttons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  height:44px!important;
  min-width:0!important;
}
.station-v3 .station-task-buttons>a,
.station-v3 .station-task-buttons>button,
.station-v3 .station-task-buttons>form,
.station-v3 .station-task-buttons>form>button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.station-v3 .station-task-buttons>a,
.station-v3 .station-task-buttons button{
  padding:4px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  text-align:center;
  font-size:clamp(10px,.72vw,12px)!important;
  font-weight:800!important;
  line-height:1.05!important;
}
.station-v3 .station-task-buttons .station-action-x{
  padding:0!important;
}
.station-v3 .phase-delay-stamp,
.station-v3 .phase-ready-stamp{
  inset:11px 5px auto!important;
  width:calc(100% - 10px)!important;
  min-height:54px!important;
  border-width:3px!important;
  border-radius:11px!important;
  font-size:12px!important;
  line-height:1.05!important;
}
.station-v3 .task-race-overlay,
.station-v3 .task-halfway-overlay{
  border-radius:12px;
  transform:scale(.82);
  transform-origin:center;
}
@media(max-width:1260px){
  .station-v3 .station-task-row,
  .station-v3 .completed-row{
    grid-template-columns:96px minmax(220px,1fr) 145px minmax(285px,310px)!important;
    gap:10px!important;
  }
  .station-v3 .station-task-image{
    width:96px!important;
    min-width:96px!important;
  }
  .station-v3 .station-speedometer,
  .station-v3 .completed-speed{
    width:140px!important;
    min-width:140px!important;
  }
}
@media(max-width:980px){
  .station-v3 .station-board-tabs{
    grid-template-columns:minmax(0,1fr) 190px!important;
  }
  .station-v3 .station-mode-toggle{
    width:190px!important;
    min-width:190px!important;
  }
  .station-v3 .station-task-row,
  .station-v3 .completed-row{
    grid-template-columns:96px minmax(0,1fr) 145px!important;
  }
  .station-v3 .station-task-meta{
    grid-column:1/-1!important;
    grid-template-columns:140px minmax(280px,340px)!important;
    grid-template-rows:44px!important;
    justify-content:end!important;
  }
  .station-v3 .station-priority-pill{height:44px!important}
}
@media(max-width:700px){
  .station-v3 .station-board-tabs{
    grid-template-columns:1fr!important;
  }
  .station-v3 .station-mode-toggle{
    justify-self:stretch!important;
    width:100%!important;
  }
  .station-v3 .station-task-row,
  .station-v3 .completed-row{
    grid-template-columns:88px minmax(0,1fr)!important;
  }
  .station-v3 .station-task-image{
    width:88px!important;
    min-width:88px!important;
    height:82px!important;
  }
  .station-v3 .station-speedometer,
  .station-v3 .completed-speed{
    grid-column:1/-1!important;
    justify-self:center;
  }
  .station-v3 .station-task-meta{
    grid-template-columns:1fr!important;
    grid-template-rows:30px 44px!important;
  }
  .station-v3 .station-priority-pill{height:30px!important}
  .station-v3 .station-section-copy{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
}


/* Recipe editor size media, ingredient spacing, and collapsible steps */
.ingredients-size-section>.size-toolbar{
  align-items:flex-start!important;
  gap:18px!important;
  margin-bottom:14px!important;
}
.ingredients-size-section>.size-toolbar>div:first-child{
  display:grid;
  align-content:start;
  gap:8px;
  min-width:0;
}
.ingredients-size-section>.size-toolbar h2,
.ingredients-size-section>.size-toolbar p.helper{
  margin:0!important;
  line-height:1.4!important;
}
.ingredients-size-section>.size-toolbar h2{
  line-height:1.15!important;
}
.ingredients-size-section>.helper{
  margin:0 0 16px!important;
  line-height:1.45!important;
}
.ingredients-size-section [data-drahma-pane][hidden]{
  display:none!important;
}
.step-editor-head{
  gap:10px;
}
.step-editor-head>strong{
  flex:1;
  text-align:center;
}
.step-collapse-button{
  position:relative;
  width:34px;
  height:34px;
  flex:0 0 34px;
  padding:0!important;
  border:1px solid #424850!important;
  border-radius:50%!important;
  background:#252a30!important;
}
.step-collapse-button span::before,
.step-collapse-button span::after{
  content:"";
  position:absolute;
  top:16px;
  width:9px;
  height:2px;
  border-radius:2px;
  background:#e7ebef;
  transition:transform .2s ease;
}
.step-collapse-button span::before{left:8px;transform:rotate(-38deg)}
.step-collapse-button span::after{right:8px;transform:rotate(38deg)}
.step-editor.step-collapsed .step-collapse-button span::before{transform:rotate(38deg)}
.step-editor.step-collapsed .step-collapse-button span::after{transform:rotate(-38deg)}
.step-editor.step-collapsed{
  gap:0!important;
  min-height:62px;
}
.step-editor.step-collapsed>:not(.step-editor-head):not(input[type="hidden"]){
  display:none!important;
}

/* Light compact recipe workspace */
.recipe-compact-workspace{
  display:none;
}
.consolidated-detail-view .recipe-scroll-area{
  height:calc(100dvh - 132px);
  min-height:570px;
  overflow:hidden!important;
  padding:10px 12px 12px!important;
}
.consolidated-detail-view .beautiful-recipe-card{
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid #d9d2c8!important;
  border-radius:16px!important;
  background:#f8f4ed!important;
  color:#211f1b!important;
  box-shadow:0 16px 42px rgba(0,0,0,.26)!important;
}
.consolidated-detail-view .recipe-compact-workspace{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  height:calc(100% - 76px);
  min-height:0;
  background:#f8f4ed;
}
.consolidated-detail-view .beautiful-recipe-card>.recipe-hero,
.consolidated-detail-view .beautiful-recipe-card>.recipe-content-grid,
.consolidated-detail-view .beautiful-recipe-card>.recipe-notes{
  display:none!important;
}
.compact-recipe-summary{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  min-height:70px;
  margin:0;
  border-bottom:1px solid #d9d2c8;
  background:#fffdf9;
}
.compact-recipe-summary>div{
  min-width:0;
  padding:12px 14px;
  border-right:1px solid #e2ddd5;
  display:grid;
  align-content:center;
  gap:4px;
}
.compact-recipe-summary>div:last-child{
  border-right:0;
}
.compact-recipe-summary small,
.compact-service-list span,
.compact-media-card span{
  color:#766f66;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.compact-recipe-summary strong{
  min-width:0;
  overflow:hidden;
  color:#211f1b;
  font-size:14px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.compact-recipe-columns{
  display:grid;
  grid-template-columns:minmax(300px,31%) minmax(0,69%);
  min-height:0;
  overflow:hidden;
  background:#f2ede5;
}
.compact-info-column,
.compact-steps-column{
  min-width:0;
  min-height:0;
  padding:10px;
}
.compact-info-column{
  overflow:hidden;
}
.compact-info-left{
  border-right:1px solid #d9d2c8;
}
.compact-info-right{
  border-left:1px solid #d9d2c8;
}
.compact-light-card,
.compact-step-card,
.compact-empty-card{
  border:1px solid #ddd6cc;
  border-radius:12px;
  background:#fffdf9;
  box-shadow:0 3px 10px rgba(63,50,35,.055);
}
.compact-light-card{
  margin-bottom:8px;
  padding:12px;
}
.compact-light-card:last-child{
  margin-bottom:0;
}
.compact-light-card h2,
.compact-column-heading h2{
  margin:0 0 10px;
  color:#211f1b;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-size:16px;
  line-height:1.2;
}
.compact-product-and-ingredients{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.compact-product-image{
  width:112px;
  height:112px;
  overflow:hidden;
  display:grid;
  place-items:center;
  border:1px solid #d4ccc1;
  border-radius:10px;
  background:linear-gradient(145deg,#eee5da,#ded1c1);
  color:#6e6256;
  font-size:11px;
  font-weight:800;
  text-align:center;
}
.compact-product-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.compact-ingredient-list{
  display:grid;
  gap:0;
}
.compact-ingredient-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:6px 0;
  border-bottom:1px solid #ece6de;
  color:#322f2a;
  font-size:12px;
  line-height:1.25;
}
.compact-ingredient-row:first-child{
  padding-top:0;
}
.compact-ingredient-row:last-child{
  border-bottom:0;
}
.compact-ingredient-row strong{
  white-space:nowrap;
}
.compact-qcp-copy,
.compact-light-card p{
  margin:0;
  color:#514b44;
  font-size:12px;
  line-height:1.45;
}
.compact-storage-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px;
  gap:12px;
  align-items:center;
}
.compact-storage-layout p+p{
  margin-top:7px;
}
.compact-storage-layout img{
  width:112px;
  max-height:100px;
  object-fit:contain;
  border:1px solid #d9d2c8;
  border-radius:8px;
  background:#fff;
}
.compact-steps-column{
  position:relative;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-color:#b8aea2 #eee7de;
  scrollbar-width:thin;
}
.compact-steps-column::-webkit-scrollbar{
  width:9px;
}
.compact-steps-column::-webkit-scrollbar-track{
  border-radius:999px;
  background:#eee7de;
}
.compact-steps-column::-webkit-scrollbar-thumb{
  border:2px solid #eee7de;
  border-radius:999px;
  background:#b8aea2;
}
.compact-column-heading{
  position:sticky;
  top:-10px;
  z-index:4;
  margin:-10px -10px 8px;
  padding:12px 14px 9px;
  border-bottom:1px solid #ddd6cc;
  background:rgba(248,244,237,.96);
  backdrop-filter:blur(10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.compact-column-heading h2{
  margin:0;
}
.compact-column-heading small{
  color:#837a70;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.compact-step-size-panel{
  display:grid;
  gap:7px;
}
.compact-step-card{
  overflow:hidden;
}
.compact-step-card summary{
  min-height:48px;
  padding:8px 12px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto 40px 20px;
  align-items:center;
  gap:10px;
  cursor:pointer;
  list-style:none;
  color:#28241f;
  touch-action:manipulation;
}
.compact-step-card summary::-webkit-details-marker{
  display:none;
}
.compact-step-card summary>small{
  color:#c72c32;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.compact-step-media-trigger{
  position:relative;
  width:40px;
  height:36px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #d3c9bd;
  border-radius:10px;
  background:#f7f1e9;
  color:#554d44;
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.compact-step-media-trigger:hover,
.compact-step-media-trigger:focus-visible{
  border-color:#62bced;
  background:#e8f5fc;
  color:#126d9b;
  transform:translateY(-1px);
}
.compact-step-media-trigger svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.compact-step-media-trigger span{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border:2px solid #fffdf9;
  border-radius:999px;
  background:#c9272d;
  color:#fff;
  font-size:9px;
  font-weight:900;
  line-height:1;
}
.compact-step-media-spacer{
  width:40px;
  height:36px;
}
.compact-step-media-source[hidden]{
  display:none!important;
}
.compact-step-card summary>i{
  position:relative;
  width:18px;
  height:18px;
}
.compact-step-card summary>i::before,
.compact-step-card summary>i::after{
  content:"";
  position:absolute;
  top:8px;
  width:8px;
  height:2px;
  border-radius:2px;
  background:#625b53;
  transition:transform .18s ease;
}
.compact-step-card summary>i::before{
  left:2px;
  transform:rotate(38deg);
}
.compact-step-card summary>i::after{
  right:2px;
  transform:rotate(-38deg);
}
.compact-step-card[open] summary>i::before{
  transform:rotate(-38deg);
}
.compact-step-card[open] summary>i::after{
  transform:rotate(38deg);
}
.compact-step-number{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#c9272d;
  color:#fff;
  font-family:Georgia,serif;
  font-size:16px;
  font-weight:800;
}
.compact-step-body{
  padding:0 14px 14px 56px;
  border-top:1px solid #eee8df;
  color:#302c27;
  font-size:14px;
  line-height:1.55;
}
.compact-step-body .formatted-step{
  padding-top:12px;
  font-size:14px!important;
  line-height:1.55;
}
.compact-assigned-ingredients{
  padding-top:10px;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.compact-assigned-ingredients span{
  padding:4px 8px;
  border:1px solid #e2c5c6;
  border-radius:999px;
  background:#fff6f5;
  color:#9f252a;
  font-size:10px;
  font-weight:800;
}
.compact-step-body .critical-note{
  margin-top:10px;
  padding:10px 12px;
  background:#fff1d8;
  color:#4d3a20;
  font-size:12px;
  line-height:1.4;
}
.compact-inline-action{
  margin-top:10px;
  padding:8px 10px!important;
  border-color:#d5ccc1!important;
  background:#f4eee6!important;
  color:#3e3933!important;
  font-size:11px!important;
}
.compact-empty-card{
  padding:24px;
  color:#7b736a;
  text-align:center;
}
.compact-service-list{
  display:grid;
  gap:8px;
}
.compact-service-list>div{
  padding:9px 10px;
  display:grid;
  gap:3px;
  border:1px solid #ece5dc;
  border-radius:9px;
  background:#faf7f2;
}
.compact-service-list strong{
  color:#29251f;
  font-size:13px;
}
.compact-service-list small{
  color:#7d746a;
  font-size:10px;
}
.compact-muted{
  color:#8b8278!important;
  font-style:italic;
}
.compact-allergen-list{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.compact-allergen-list button,
.compact-gf-badge{
  min-height:38px;
  padding:6px 9px!important;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #e2c4c5!important;
  border-radius:999px!important;
  background:#fff5f4!important;
  color:#a42429!important;
  box-shadow:none!important;
  font-size:11px!important;
}
.compact-allergen-list img{
  width:24px;
  height:24px;
  object-fit:contain;
}
.compact-gf-badge{
  margin-top:9px;
}
.compact-media-card>div{
  padding:7px 0;
  display:flex;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid #ece6de;
}
.compact-media-card>div strong{
  color:#312d28;
  font-size:12px;
  text-align:right;
}
.compact-media-action{
  width:100%;
  margin-top:10px;
  background:#302c28!important;
  color:#fff!important;
}
.consolidated-detail-view .recipe-translation-feedback{
  position:absolute;
  right:240px;
  bottom:0;
  left:0;
  width:auto;
  max-width:none;
  height:76px;
  margin:0;
  padding:10px 16px;
  border:0;
  border-top:1px solid #d9d2c8;
  border-radius:0;
  background:#fffdf9;
  color:#3c3731;
  box-shadow:none;
}
.consolidated-detail-view .recipe-translation-feedback strong{
  color:#9f252a;
}
.consolidated-detail-view .recipe-translation-feedback p{
  max-width:none;
  margin-top:2px;
  color:#665f56;
  font-size:11px;
  line-height:1.35;
}
.consolidated-detail-view .recipe-translation-feedback .translation-report-button{
  min-height:40px;
  border-color:#d6cec4;
  background:#f2ece4;
  color:#3d3832;
}
.consolidated-detail-view .recipe-print-footer{
  position:absolute;
  right:0;
  bottom:0;
  width:240px;
  height:76px;
  margin:0!important;
  padding:12px 18px!important;
  border-top:1px solid #d9d2c8;
  border-left:1px solid #d9d2c8;
  background:#fffdf9;
}
@media(max-width:1180px){
  .compact-recipe-columns{
    grid-template-columns:minmax(270px,34%) minmax(0,66%);
  }
  .compact-info-left{
    grid-column:1;
    grid-row:1;
  }
  .compact-steps-column{
    grid-column:2;
    grid-row:1;
  }
}
@media(max-width:760px){
  .compact-recipe-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .compact-recipe-columns{
    display:block;
  }
  .compact-info-column,
  .compact-steps-column{
    overflow:visible;
    border:0;
  }
  .compact-steps-column{
    max-height:none;
  }
  .compact-product-and-ingredients,
  .compact-storage-layout{
    grid-template-columns:96px minmax(0,1fr);
  }
  .compact-product-image{
    width:96px;
    height:96px;
  }
  .compact-storage-layout img{
    width:96px;
  }
}

/* Compact recipe workspace: keep the header and footer visible while only
   the recipe method pane scrolls. */
.recipe-page-frame.compact-recipe-page.consolidated-detail-view{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  height:calc(100dvh - 52px)!important;
  min-height:560px!important;
  overflow:hidden!important;
}
.recipe-page-frame.compact-recipe-page.consolidated-detail-view>.recipe-fixed-title{
  min-height:0;
  margin-bottom:8px!important;
}
.recipe-page-frame.compact-recipe-page.consolidated-detail-view>.recipe-scroll-area{
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0 8px 0 2px!important;
}
.recipe-page-frame.compact-recipe-page.consolidated-detail-view>.recipe-scroll-area>.beautiful-recipe-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 240px;
  grid-template-rows:minmax(0,1fr) 76px;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
}
.consolidated-detail-view .recipe-compact-workspace{
  grid-column:1 / -1;
  grid-row:1;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.consolidated-detail-view .compact-recipe-columns,
.consolidated-detail-view .compact-info-column{
  min-height:0;
  overflow:hidden;
}
.consolidated-detail-view .compact-steps-column{
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.consolidated-detail-view .recipe-translation-feedback,
.consolidated-detail-view .recipe-print-footer{
  position:static!important;
  inset:auto!important;
  bottom:auto!important;
  z-index:8;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
}
.consolidated-detail-view .recipe-translation-feedback{
  grid-column:1;
  grid-row:2;
  width:auto!important;
}
.consolidated-detail-view .recipe-print-footer{
  grid-column:2;
  grid-row:2;
  width:auto!important;
}

@media(max-width:760px){
  .recipe-page-frame.compact-recipe-page.consolidated-detail-view>
  .recipe-scroll-area>.beautiful-recipe-card{
    grid-template-columns:minmax(0,1fr) 190px;
  }
  .consolidated-detail-view .compact-recipe-columns{
    display:grid;
    grid-template-columns:minmax(210px,40%) minmax(0,60%);
    min-height:0;
    overflow:hidden;
  }
  .consolidated-detail-view .compact-info-column{
    overflow:hidden;
  }
  .consolidated-detail-view .compact-steps-column{
    max-height:none;
    overflow-y:auto;
  }
}

/* Compact recipe application shell: the document never scrolls. The header,
   information rail, and footer remain fixed; only the method column scrolls. */
html.compact-recipe-locked,
body.compact-recipe-locked{
  width:100%;
  height:100%;
  overflow:hidden!important;
  overscroll-behavior:none;
}
body.compact-recipe-locked .app-shell{
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.compact-recipe-locked .content{
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  padding-bottom:8px!important;
}
body.compact-recipe-locked .recipe-page-frame.compact-recipe-page.consolidated-detail-view{
  grid-template-rows:88px minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}

/* Thin, single-line recipe header shared by expanded and compact views. */
.compact-recipe-page>.recipe-fixed-title.redesigned-titlebar{
  min-height:80px!important;
  height:80px!important;
  max-height:80px!important;
  padding:8px 14px!important;
  overflow:hidden!important;
}
.compact-recipe-page .redesigned-titlebar>.recipe-title-center{
  width:clamp(280px,calc(100% - 760px),720px)!important;
  max-width:720px!important;
  height:64px!important;
  overflow:hidden!important;
}
.compact-recipe-page .redesigned-titlebar .titlebar-copy{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:14px minmax(0,1fr);
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:10px!important;
  row-gap:2px!important;
  width:100%!important;
  height:58px!important;
  padding:0!important;
  overflow:hidden!important;
}
.compact-recipe-page .redesigned-titlebar .titlebar-category{
  grid-column:1 / -1;
  grid-row:1;
  min-height:0!important;
  font-size:9px!important;
  line-height:1!important;
}
.compact-recipe-page .redesigned-titlebar .titlebar-copy h1.recipe-title-marquee{
  grid-column:1;
  grid-row:2;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;
  font-size:clamp(24px,2.15vw,34px)!important;
  line-height:36px!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.compact-recipe-page .recipe-title-marquee.is-overflowing{
  text-align:left!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
}
.compact-recipe-page .recipe-title-marquee.is-overflowing>span{
  padding:0 20px;
  animation:miseRecipeTitleScroll 8s ease-in-out 1s infinite alternate!important;
}
.compact-recipe-page .redesigned-titlebar .titlebar-type-pill{
  grid-column:2;
  grid-row:2;
  min-height:32px!important;
  height:32px!important;
  margin:0!important;
  padding:5px 10px!important;
  white-space:nowrap;
}
.compact-recipe-page .redesigned-titlebar .titlebar-type-pill.gf-combined-type{
  padding:3px 10px 3px 4px!important;
  overflow:hidden!important;
}
.compact-recipe-page .redesigned-titlebar .titlebar-type-pill.gf-combined-type .gf-circle-badge{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  border-width:1px!important;
  font-size:9px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.compact-recipe-page .redesigned-titlebar>.recipe-nav-cluster,
.compact-recipe-page .redesigned-titlebar>.recipe-actions{
  min-height:44px!important;
}
.compact-recipe-page .redesigned-titlebar .linked-version-switch{
  min-height:40px!important;
  height:40px!important;
}
.compact-recipe-page .redesigned-titlebar .linked-version-switch a{
  min-height:32px!important;
  height:32px!important;
}

/* Explicit min-height chain required for overflow scrolling inside CSS Grid. */
body.compact-recipe-locked .consolidated-detail-view>.recipe-scroll-area,
body.compact-recipe-locked .consolidated-detail-view>.recipe-scroll-area>.beautiful-recipe-card,
body.compact-recipe-locked .consolidated-detail-view .recipe-compact-workspace,
body.compact-recipe-locked .consolidated-detail-view .compact-recipe-columns,
body.compact-recipe-locked .consolidated-detail-view .compact-steps-column{
  min-height:0!important;
  max-height:100%!important;
}
body.compact-recipe-locked .consolidated-detail-view>.recipe-scroll-area{
  overflow:hidden!important;
}
body.compact-recipe-locked .consolidated-detail-view .recipe-compact-workspace{
  grid-template-rows:70px minmax(0,1fr)!important;
}
body.compact-recipe-locked .consolidated-detail-view .compact-recipe-columns{
  height:100%!important;
  overflow:hidden!important;
}
body.compact-recipe-locked .consolidated-detail-view .compact-info-column{
  height:100%!important;
  overflow:hidden!important;
}
body.compact-recipe-locked .consolidated-detail-view .compact-steps-column{
  height:100%!important;
  overflow-x:hidden!important;
  overflow-y:scroll!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

@media(max-width:1100px){
  body.compact-recipe-locked .recipe-page-frame.compact-recipe-page.consolidated-detail-view{
    grid-template-rows:112px minmax(0,1fr)!important;
  }
  .compact-recipe-page>.recipe-fixed-title.redesigned-titlebar{
    min-height:104px!important;
    height:104px!important;
    max-height:104px!important;
  }
  .compact-recipe-page .redesigned-titlebar>.recipe-title-center{
    width:100%!important;
    max-width:none!important;
    height:48px!important;
  }
  .compact-recipe-page .redesigned-titlebar .titlebar-copy{
    height:46px!important;
  }
}

/* Compact recipe content refinements. */
.consolidated-detail-view .compact-hero-card{
  min-height:116px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 96px;
  align-items:center;
  gap:12px;
}
.consolidated-detail-view .compact-hero-card h2{
  margin:0;
}
.consolidated-detail-view .compact-hero-card .compact-product-image{
  width:96px;
  height:96px;
  justify-self:end;
  aspect-ratio:1;
}
.consolidated-detail-view .compact-ingredients-card .compact-ingredient-row{
  padding:7px 0;
  font-size:13.5px;
  line-height:1.3;
}
.consolidated-detail-view .compact-step-card summary{
  grid-template-columns:34px minmax(0,1fr) auto auto 20px;
}
.compact-step-timer-trigger{
  min-width:88px;
  height:36px;
  padding:0 10px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #e0b86e!important;
  border-radius:10px!important;
  background:#fff4dc!important;
  color:#8b5910!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap;
  touch-action:manipulation;
}
.compact-step-timer-trigger:hover,
.compact-step-timer-trigger:focus-visible{
  border-color:#e19a24!important;
  background:#ffe7b7!important;
  transform:translateY(-1px);
}
.compact-step-timer-trigger svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.consolidated-detail-view .compact-step-body{
  font-size:16px;
  line-height:1.6;
}
.consolidated-detail-view .compact-step-body .formatted-step{
  font-size:16px!important;
  line-height:1.6!important;
}
.consolidated-detail-view .compact-assigned-ingredients span{
  padding:5px 9px;
  font-size:12px;
  line-height:1.25;
}
.compact-step-dialog .step-carousel{
  width:min(68vmin,640px);
  aspect-ratio:1;
  margin:0 auto;
}
.compact-step-dialog .carousel-track{
  width:100%;
  height:100%;
  min-height:0!important;
  aspect-ratio:1;
}
.compact-step-dialog .carousel-slide{
  width:100%;
  height:100%;
}
.compact-step-dialog .carousel-slide img,
.compact-step-dialog .carousel-slide video{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
}

@media(max-width:760px){
  .consolidated-detail-view .compact-hero-card{
    grid-template-columns:minmax(0,1fr) 84px;
    min-height:104px;
  }
  .consolidated-detail-view .compact-hero-card .compact-product-image{
    width:84px;
    height:84px;
  }
  .compact-step-timer-trigger{
    min-width:42px;
    width:42px;
    padding:0!important;
  }
  .compact-step-timer-trigger span{
    display:none;
  }
}

/* Final compact image-rail sizing overrides */
body.compact-recipe-locked .consolidated-detail-view .compact-info-column{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.compact-recipe-locked .consolidated-detail-view .compact-hero-card,
body.compact-recipe-locked .consolidated-detail-view .compact-label-image-card{
  min-height:0!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
}
body.compact-recipe-locked .consolidated-detail-view .compact-hero-card .compact-square-image,
body.compact-recipe-locked .consolidated-detail-view .compact-label-image-card .compact-square-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1!important;
}
@media(max-width:760px){
  body.compact-recipe-locked .consolidated-detail-view .compact-hero-card,
  body.compact-recipe-locked .consolidated-detail-view .compact-label-image-card{
    min-height:0!important;
    display:block!important;
  }
}

/* Keep the recipe translation picker above the recipe workspace. */
.recipe-page-frame.compact-recipe-page>.recipe-fixed-title.redesigned-titlebar{
  z-index:700!important;
  overflow:visible!important;
  isolation:auto;
}
.compact-recipe-page .redesigned-titlebar>.recipe-actions,
.compact-recipe-page .recipe-header-tools,
.compact-recipe-page .recipe-language-control{
  overflow:visible!important;
}
.compact-recipe-page .recipe-language-control{
  z-index:710;
}
.compact-recipe-page .recipe-language-menu{
  z-index:720!important;
}
.recipe-page-frame.compact-recipe-page>.recipe-scroll-area{
  position:relative;
  z-index:1;
}

/* Compact recipe batch synchronization, section hierarchy, and step-photo editing. */
.compact-step-size-panel[hidden],
[data-compact-size][hidden],
[data-compact-hero-slot][hidden]{
  display:none!important;
}
.consolidated-detail-view .compact-section-pill{
  width:max-content;
  max-width:100%;
  margin:0 auto 14px!important;
  padding:7px 15px;
  border:1px solid #d8cec0;
  border-radius:999px;
  background:#eee5d8;
  color:#342d27;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:900;
  line-height:1.2;
  text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.compact-step-dialog .carousel-slide{
  position:relative;
  overflow:hidden;
}
.compact-step-dialog .compact-croppable-step-photo{
  object-fit:cover!important;
  object-position:var(--step-photo-x,50%) var(--step-photo-y,50%)!important;
  transform-origin:var(--step-photo-x,50%) var(--step-photo-y,50%)!important;
  transform:scale(var(--step-photo-zoom,1));
}
.step-photo-crop-trigger{
  position:absolute;
  z-index:6;
  right:14px;
  bottom:14px;
  min-height:42px;
  padding:0 15px!important;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:999px!important;
  background:rgba(14,18,24,.82)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.3)!important;
  backdrop-filter:blur(12px);
  font-size:12px!important;
  font-weight:850!important;
}
.compact-step-photo-crop-modal{
  z-index:920!important;
}

/* Recipe editor control consistency and QCP authoring. */
.standardized-control-grid input,
.standardized-control-grid select,
.simple-ingredient-row input,
.simple-ingredient-row select,
.size-personalization-grid input,
.size-personalization-grid select,
.size-time-range input,
.size-time-range select{
  box-sizing:border-box!important;
  width:100%;
  min-height:48px!important;
  height:48px!important;
  line-height:1.2!important;
  padding:0 13px!important;
}
.simple-ingredient-row{
  align-items:center!important;
}
.field-label-with-info{
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-weight:850;
}
.field-info-button{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  padding:0!important;
  display:grid;
  place-items:center;
  border:1px solid #5e718d!important;
  border-radius:50%!important;
  background:#233044!important;
  color:#b9d8ff!important;
  font-family:Georgia,serif;
  font-size:15px!important;
  font-weight:900!important;
}
.size-hero-assignment{
  position:relative;
}
.field-info-popover{
  position:absolute;
  z-index:15;
  top:44px;
  right:10px;
  width:min(260px,calc(100% - 20px));
  padding:11px 13px;
  border:1px solid #5377a6;
  border-radius:10px;
  background:#172235;
  color:#eaf3ff;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  font-size:12px;
  line-height:1.4;
}
.qcp-rich-field{
  display:grid;
  gap:8px;
}
.qcp-rich-label{
  color:#ddd;
  font-size:13px;
}
.qcp-rich-toolbar{
  flex-wrap:wrap;
  padding:8px;
  border:1px solid #3d4652;
  border-radius:10px 10px 0 0;
  background:#20252c;
}
.qcp-rich-toolbar label{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  gap:8px!important;
  margin-left:4px;
  color:#cfd5dd!important;
  font-size:12px!important;
}
.qcp-rich-toolbar select{
  min-width:150px;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
}
.qcp-rich-editor{
  min-height:150px;
  margin-top:-8px;
  border-radius:0 0 10px 10px!important;
  font-size:15px;
}
.qcp-rich-editor ul,
.qcp-rich-editor ol,
.compact-qcp-copy ul,
.compact-qcp-copy ol{
  margin:.5em 0 .5em 1.4em;
  padding-left:1em;
}
.add-step-phase{
  min-height:46px!important;
  padding:11px 18px!important;
  border:1px solid #7589a8!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#35465f,#26364d)!important;
  color:#f1f6ff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 7px 18px rgba(0,0,0,.2)!important;
}

/* Compact recipe footer and hero video affordance. */
.consolidated-detail-view .compact-hero-card{
  position:relative;
}
.compact-hero-video-button{
  position:absolute;
  z-index:6;
  left:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:92px;
  min-height:42px;
  padding:8px 13px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(25,25,27,.78);
  color:#fff;
  font-size:13px;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  cursor:pointer;
}
.compact-hero-video-button:hover,
.compact-hero-video-button:focus-visible{
  border-color:rgba(255,255,255,.52);
  background:rgba(177,28,35,.9);
  transform:translateY(-1px);
}
.compact-hero-video-button svg{
  width:20px;
  height:20px;
  flex:0 0 auto;
}
.compact-hero-video-button svg rect{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.compact-hero-video-button svg path{
  fill:currentColor;
}
.consolidated-detail-view .recipe-translation-feedback{
  padding:9px 8px 9px 18px!important;
}
.consolidated-detail-view .recipe-translation-feedback strong{
  font-size:14px;
  line-height:1.15;
}
.consolidated-detail-view .recipe-translation-feedback p{
  margin-top:3px;
  font-size:13px;
  line-height:1.3;
}
.consolidated-detail-view .recipe-print-footer{
  display:flex!important;
  align-items:center;
  justify-content:flex-end!important;
  padding:10px 18px 10px 8px!important;
  border-left:0!important;
}
.consolidated-detail-view .recipe-print-footer .recipe-bottom-print{
  width:100%;
  min-width:0;
  margin-left:auto;
}

/* Superuser print branding settings. */
.print-settings-shell{
  width:min(1100px,100%);
  margin:0 auto;
  padding:24px;
}
.print-settings-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}
.print-settings-heading h1{
  margin:0 0 6px;
}
.print-settings-heading p{
  margin:0;
  color:#9fa5ad;
}
.print-rights-form{
  padding:24px;
  border:1px solid #343941;
  border-radius:18px;
  background:#171a1f;
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.print-settings-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}
.print-settings-section-title h2{
  margin:0 0 5px;
}
.print-settings-section-title p{
  margin:0;
  color:#9fa5ad;
}
.print-setting-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:8px 13px;
  border:1px solid #414853;
  border-radius:999px;
  background:#22262d;
  color:#f2f4f7;
  font-weight:800;
  white-space:nowrap;
}
.print-setting-toggle input{
  width:20px;
  height:20px;
  accent-color:#e51b23;
}
.print-settings-grid{
  display:grid;
  grid-template-columns:minmax(240px,320px) minmax(0,1fr);
  gap:20px;
}
.print-settings-field,
.print-logo-uploader,
.print-notice-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.print-settings-field>span,
.print-logo-uploader>span,
.print-notice-field>span{
  color:#f3f4f6;
  font-size:14px;
  font-weight:800;
}
.print-settings-field input[type="file"],
.print-settings-field textarea,
.print-logo-uploader input[type="file"],
.print-notice-field textarea{
  width:100%;
  border:1px solid #414853;
  border-radius:12px;
  background:#101216;
  color:#f5f6f7;
}
.print-settings-field input[type="file"],
.print-logo-uploader input[type="file"]{
  min-height:46px;
  padding:9px;
}
.print-settings-field textarea,
.print-notice-field textarea{
  min-height:180px;
  padding:13px;
  resize:vertical;
  font:inherit;
  line-height:1.45;
}
.print-logo-preview{
  display:grid;
  place-items:center;
  min-height:170px;
  padding:18px;
  border:1px dashed #4a515c;
  border-radius:14px;
  background:#101216;
}
.print-logo-preview img{
  max-width:100%;
  max-height:130px;
  object-fit:contain;
}
.print-logo-empty{
  color:#868d96;
  text-align:center;
}
.print-logo-remove,
.print-remove-logo{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  color:#c8cdd3;
  font-size:13px;
}
.print-logo-uploader>small,
.print-notice-field>small{
  color:#9299a3;
  font-size:12px;
  line-height:1.4;
}
.print-logo-preview b{
  color:#e51b23;
  font-size:34px;
  line-height:1;
}
.print-logo-preview small{
  color:#9299a3;
}
.print-setting-toggle>span{
  display:grid;
  gap:1px;
}
.print-setting-toggle small{
  color:#9fa6af;
  font-size:11px;
}
.print-settings-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:22px;
}
@media(max-width:760px){
  .print-settings-shell{
    padding:14px;
  }
  .print-settings-heading,
  .print-settings-section-title{
    align-items:stretch;
    flex-direction:column;
  }
  .print-settings-grid{
    grid-template-columns:1fr;
  }
}
/* AI settings and recipe voiceovers */
.ai-settings-shell{max-width:1500px;margin:0 auto;padding:24px;display:grid;gap:20px}.ai-settings-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.ai-settings-header h1{margin:.25rem 0}.ai-settings-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px;border:1px solid var(--border);border-radius:16px;background:rgba(25,30,36,.88)}.ai-settings-tabs a{flex:0 0 auto;padding:11px 15px;border-radius:12px;color:var(--muted);font-weight:800;text-decoration:none}.ai-settings-tabs a:hover,.ai-settings-tabs a.active{color:#fff;background:linear-gradient(135deg,#26333e,#344c5e);box-shadow:inset 0 0 0 1px rgba(96,202,255,.38)}.ai-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ai-settings-card{border:1px solid var(--border);border-radius:18px;padding:20px;background:linear-gradient(145deg,rgba(28,33,39,.98),rgba(18,22,27,.98));box-shadow:0 16px 38px rgba(0,0,0,.2)}.ai-settings-card.wide{grid-column:1/-1}.ai-settings-card h2,.ai-settings-card h3{margin:.2rem 0 .5rem}.ai-settings-card form{display:grid;gap:12px}.ai-settings-card label{display:grid;gap:6px;font-weight:750}.ai-settings-card input,.ai-settings-card select,.ai-settings-card textarea{min-height:46px;width:100%}.ai-settings-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-status{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 11px;border-radius:999px;background:#203028;color:#7df0a3;font-weight:800}.ai-status.warning{background:#352a18;color:#ffd37d}.ai-job-table{width:100%;border-collapse:collapse}.ai-job-table th,.ai-job-table td{padding:11px;border-bottom:1px solid var(--border);text-align:left}.ai-diagnostics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ai-diagnostics>div{padding:14px;border:1px solid var(--border);border-radius:14px;background:#151a1f}.recipe-voiceover-admin{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:10px 0 16px;padding:13px 16px;border:1px solid rgba(81,190,245,.35);border-radius:15px;background:linear-gradient(110deg,rgba(26,45,58,.95),rgba(24,29,35,.95));color:#fff}.recipe-voiceover-admin>div{display:grid;gap:2px}.recipe-voiceover-admin small{color:#65c8ff;font-weight:900;letter-spacing:.12em}.recipe-voiceover-admin span{color:var(--muted)}.recipe-voiceover-admin form{display:flex;gap:8px;align-items:center}.recipe-voiceover-admin select,.recipe-voiceover-admin button{min-height:44px}.step-voiceover-controls{display:inline-flex;align-items:center;gap:5px}.step-voiceover-controls button{min-height:38px;min-width:38px;padding:7px 10px;border:1px solid rgba(82,194,248,.35);border-radius:10px;background:#1d303c;color:#e9f8ff;font-weight:800;white-space:nowrap}.step-voiceover-controls button:hover,.step-voiceover-controls .step-voice-play.is-playing{background:#237ca8;color:#fff}.step-voiceover-controls .step-voice-play.is-paused{background:#584515;color:#ffe09c}.step-voiceover-controls.expanded{margin:0 0 12px;justify-content:flex-start}.step-voiceover-controls.expanded button{min-width:90px}.compact-step-actions .step-voiceover-controls{margin-left:3px}
@media(max-width:900px){.ai-settings-grid{grid-template-columns:1fr}.ai-settings-inline,.ai-diagnostics{grid-template-columns:1fr}.recipe-voiceover-admin{align-items:stretch;flex-direction:column}.recipe-voiceover-admin form{flex-wrap:wrap}.recipe-voiceover-admin form>*{flex:1 1 150px}}

/* Focused AI settings tabs and voice picker */
.ai-settings-tabs button{flex:0 0 auto;padding:11px 15px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}.ai-settings-tabs button:hover,.ai-settings-tabs button.active{color:#fff;background:linear-gradient(135deg,#26333e,#344c5e);box-shadow:inset 0 0 0 1px rgba(96,202,255,.38)}.ai-settings-panel[hidden]{display:none!important}.ai-settings-panel{animation:ai-panel-in .22s ease-out}.ai-settings-panel>.ai-settings-grid{margin-top:0}@keyframes ai-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.ai-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;border:0;padding:0;margin:0}.ai-choice-card{position:relative;display:grid!important;grid-template-columns:auto 1fr;align-items:start;gap:11px!important;min-height:92px;padding:15px;border:1px solid #3a424c;border-radius:15px;background:#151a20;cursor:pointer}.ai-choice-card:hover{border-color:#5498bd;background:#19232b}.ai-choice-card:has(input:checked){border-color:#55c4ff;background:linear-gradient(145deg,#173143,#1c252d);box-shadow:inset 0 0 0 1px rgba(85,196,255,.3),0 8px 22px rgba(0,0,0,.18)}.ai-choice-card input{width:18px!important;min-height:18px!important;margin:3px 0 0;accent-color:#52c8ff}.ai-choice-card span{display:grid;gap:4px}.ai-choice-card small{color:#9ba7b2;font-weight:500;line-height:1.35}.ai-voice-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:11px;border:0;padding:0;margin:0}.ai-voice-option{position:relative;display:flex!important;align-items:center;gap:12px!important;min-height:72px;padding:12px 14px;border:1px solid #39434d;border-radius:18px;background:linear-gradient(145deg,#171c22,#12171c);cursor:pointer}.ai-voice-option:hover{border-color:#59b8e7;transform:translateY(-1px)}.ai-voice-option:has(input:checked){border-color:#67ccff;background:linear-gradient(145deg,#183348,#1c2730);box-shadow:0 9px 24px rgba(14,109,153,.2),inset 0 0 0 1px rgba(103,204,255,.28)}.ai-voice-option input{position:absolute;opacity:0;pointer-events:none}.ai-voice-orb{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9f0ff 0 7%,#49bce9 25%,#1b5f83 67%,#142533 100%);box-shadow:0 0 0 4px rgba(76,190,238,.1)}.ai-voice-orb svg{width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round}.ai-voice-option-copy{display:grid;gap:3px}.ai-voice-option-copy small{color:#9ba7b2;font-weight:500}.ai-inline-preview{display:grid;gap:12px;padding:16px;border:1px solid #3a4650;border-radius:16px;background:#11171c}.ai-inline-preview-row{display:flex;align-items:center;gap:12px}.ai-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 18px;border:1px solid #4fb9ed;border-radius:999px;background:linear-gradient(135deg,#216f96,#2b9aca);color:#fff;font-weight:900}.ai-preview-button svg{width:21px;height:21px;fill:currentColor}.ai-preview-button.is-playing{background:linear-gradient(135deg,#8c2a32,#db2631);border-color:#ff6d75}.ai-preview-status{color:#aab5bf}.ai-preview-status.error{color:#ff9298}.ai-inline-preview audio{width:100%;height:42px}.ai-settings-card fieldset legend{margin-bottom:9px;color:#dce4ea;font-weight:900}.ai-settings-actions-row{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}

/* One touch-friendly speech control per recipe step */
.step-speech-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(87,194,246,.44);background:linear-gradient(145deg,#19303e,#1d4257);color:#e8f8ff;font-weight:850;white-space:nowrap;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.step-speech-button:hover{border-color:#7fd8ff;background:linear-gradient(145deg,#20506a,#287aa0);transform:translateY(-1px)}.step-speech-button:disabled{cursor:wait;opacity:.76}.step-speech-button svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.step-speech-button svg .speech-wave{fill:none}.step-speech-button[data-state="playing"]{background:linear-gradient(145deg,#24799f,#31a7d5);box-shadow:0 0 0 3px rgba(57,178,229,.13)}.step-speech-button[data-state="playing"] .speech-wave{animation:speech-wave-pulse .8s ease-in-out infinite alternate}.step-speech-button[data-state="paused"]{background:linear-gradient(145deg,#5a491c,#80661e);border-color:#d9b94c}.step-speech-button[data-state="error"]{background:#59252a;border-color:#d85861}@keyframes speech-wave-pulse{from{opacity:.32;transform:translateX(-.4px)}to{opacity:1;transform:translateX(.4px)}}.step-speech-button.compact{min-width:92px;height:42px;padding:7px 10px;border-radius:11px;font-size:12px}.compact-step-actions .step-speech-button{margin-left:2px}.display-step-marker{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:88px}.display-step-marker .display-step-number{flex:0 0 auto}.step-speech-button.expanded{width:82px;min-height:40px;padding:7px 8px;border-radius:12px;font-size:11px}.step-speech-button.expanded svg{width:16px;height:16px}
@media(max-width:900px){.ai-choice-grid,.ai-voice-picker{grid-template-columns:1fr}.ai-inline-preview-row{align-items:stretch;flex-direction:column}.ai-preview-button{width:100%}.step-speech-button.compact{min-width:44px;width:44px}.step-speech-button.compact span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.display-step-marker{min-width:64px}.step-speech-button.expanded{width:58px}.step-speech-button.expanded span{font-size:9px}}

/* Circular recipe narration control and clean voice selection */
.ai-voice-option input[type="radio"]{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important;clip-path:inset(50%)}
.display-step-marker{min-width:48px}
.step-speech-button.expanded{position:relative;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important;overflow:hidden}
.step-speech-button.expanded svg{width:42px!important;height:42px!important;fill:none;stroke:none}
.step-speech-button.expanded>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.step-speech-button .speech-orb-ring{fill:rgba(47,157,204,.45);stroke:currentColor;stroke-width:1.35}
.step-speech-button .speech-bar{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;transform-box:fill-box;transform-origin:center}
.step-speech-button[data-state="playing"] .speech-bar{animation:speech-bar-bounce .68s ease-in-out infinite alternate}
.step-speech-button[data-state="playing"] .speech-bar-2,.step-speech-button[data-state="playing"] .speech-bar-4{animation-delay:.12s}
.step-speech-button[data-state="playing"] .speech-bar-3{animation-delay:.24s}
@keyframes speech-bar-bounce{from{transform:scaleY(.42);opacity:.6}to{transform:scaleY(1);opacity:1}}
@media(max-width:900px){.display-step-marker{min-width:48px}.step-speech-button.expanded{width:42px!important;height:42px!important}}
.recipe-page-frame{position:relative}.recipe-voiceover-header-card{margin:10px 0 16px;margin-left:auto;max-width:760px}.voiceover-progress{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:8px;width:100%;font-size:.82rem;color:var(--muted)}.voiceover-progress progress{width:100%;height:8px;accent-color:#5bc7fa}.recipe-voiceover-header-card.is-complete{border-color:rgba(88,220,135,.7)}.recipe-voiceover-header-card.has-error{border-color:rgba(255,105,105,.75)}.recipe-voiceover-header-card button:disabled{cursor:wait;opacity:.65}
.recipe-actions .recipe-voiceover-header-card{margin:0;padding:8px 10px;max-width:620px}.recipe-actions .recipe-voiceover-header-card>div:first-child{display:none}.recipe-actions .recipe-voiceover-header-card form{display:flex;gap:6px}.recipe-actions .recipe-voiceover-header-card select{max-width:135px}

.announcement-segment-photo{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:16px}

.announcement-photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.announcement-photo-gallery:empty{display:none}.announcement-photo-gallery+video{margin-top:16px}

/* Show the actual page without cropping its document edges. */
.announcement-pdf-page:has(.pdf-first-page){display:block;padding:0;overflow:hidden;background:#fff;aspect-ratio:auto}
.announcement-pdf-page .pdf-first-page,.pdf-segment-card .pdf-first-page{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:8px}
.pdf-segment-card:has(.pdf-first-page){display:flex;flex-direction:column;align-items:center;gap:10px}
.announcement-pdf-page:has(.pdf-first-page)::after{content:none}

.compact-ingredient-link,.compact-ingredient-link:visited{color:#322f2a;text-decoration:none;border-radius:4px}
.compact-ingredient-link>span{text-decoration:underline;text-decoration-color:#bdb1a3;text-underline-offset:3px}
.compact-ingredient-link:hover{background:#f2e5d5;color:#8f1f25}
.compact-ingredient-link:focus-visible{outline:2px solid #a51e23;outline-offset:3px}

/* Readable ingredient/storage content with identical review links in both views. */
.consolidated-detail-view .compact-ingredients-card .compact-section-pill,
.consolidated-detail-view .compact-storage-card .compact-section-pill{font-size:18px!important;padding:9px 17px}
.consolidated-detail-view .compact-ingredients-card .compact-ingredient-row{font-size:16px;line-height:1.45;padding:10px 0;align-items:start}
.recipe-page-frame .compact-storage-card>div,
.recipe-page-frame .compact-storage-card p,
.recipe-page-frame .compact-storage-card li,
.recipe-page-frame .storage-label-section p,
.recipe-page-frame .storage-label-section li{font-size:16px;line-height:1.55}
.recipe-page-frame .recipe-side .ingredient-item{font-size:16px;line-height:1.45;align-items:flex-start}
.recipe-page-frame .compact-ingredient-link>span{text-decoration:none;min-width:0;overflow-wrap:anywhere}
.recipe-page-frame .recipe-ingredient-review{display:block;margin-top:4px;color:#a51e23!important;font-size:12px;font-weight:600;line-height:1.35;text-decoration:none}
.recipe-page-frame a:hover .recipe-ingredient-review{text-decoration:underline;text-underline-offset:3px}

/* Document library shares the recipe rail controls, with uncropped PDF covers. */
.document-library-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 4px 18px;min-width:0}
.document-library-card{flex:0 0 clamp(170px,22vw,250px);min-width:0;display:flex;flex-direction:column;gap:9px;padding:12px;background:#20242a;border:1px solid #414851;border-radius:14px;scroll-snap-align:start}
.document-library-card img{width:100%;height:290px;object-fit:contain;background:#f5f3ee;border-radius:6px}
.document-library-card strong{font-size:16px;overflow-wrap:anywhere}.document-library-card small{color:#bec6cf;font-size:12px}
.document-library-card:hover,.document-library-card:focus-visible{border-color:#d71920;outline:2px solid #d71920;outline-offset:2px}
.document-library-editor{display:grid;gap:12px;margin-bottom:16px}.document-library-edit-row{display:grid;grid-template-columns:65px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #414851;border-radius:10px}
.document-library-edit-row img{width:65px;height:85px;object-fit:contain;background:white}.document-library-edit-actions{display:flex;align-items:center;gap:6px}.document-library-edit-actions input{width:auto}
@media(max-width:600px){.document-library-edit-row{grid-template-columns:55px minmax(0,1fr)}.document-library-edit-actions{grid-column:1/-1}.document-library-card img{height:240px}}
.document-drop-zone{cursor:pointer;display:grid;justify-items:center;gap:9px;padding:26px 16px;border:2px dashed #65727e;border-radius:12px;background:#ffffff03;text-align:center;transition:background .15s,border-color .15s}
.document-drop-zone svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;color:#abbac7}
.document-drop-zone:hover,.document-drop-zone.dragover,.document-drop-zone:focus-visible{background:#21485f55;border-color:#83c9ef;outline:2px solid transparent}
.document-drop-zone span,.document-upload-status{font-size:13px;color:#b7c5d1}
.document-upload-pending{list-style:none;margin:0;padding:0;display:grid;gap:8px}.document-upload-pending li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #414851;border-radius:8px}.document-upload-pending span{overflow-wrap:anywhere;min-width:0}.document-upload-pending button{flex-shrink:0}
/* A single waveform control in each step, with status retained for assistive technology. */
.recipe-page-frame .step-speech-button.compact,.recipe-page-frame .step-speech-button.expanded{display:inline-flex;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px;padding:7px!important;border-radius:10px!important;flex:0 0 38px;position:relative}
.recipe-page-frame .step-speech-button svg{width:24px!important;height:24px!important;fill:none;stroke:currentColor}
.recipe-page-frame .step-speech-button>span,.recipe-page-frame .step-speech-button>.audio-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;border:0}
.recipe-page-frame .display-step-marker{flex-direction:row;align-items:flex-start;gap:8px;min-width:88px}
.recipe-page-frame .display-step{grid-template-columns:88px minmax(0,1fr)}
.compact-shelf-life-trigger{background:transparent;color:inherit;text-align:left;padding:0;border-radius:6px;font:inherit}
.compact-shelf-life-trigger small,.compact-shelf-life-trigger strong{display:block}.compact-shelf-life-trigger:hover{background:#ffffff12}.compact-shelf-life-trigger:focus-visible{outline:2px solid #83c9ef}
#shelfLifeResults{display:grid;gap:12px;max-height:45vh;overflow:auto}.shelf-label-expiration{display:block;text-align:left}.shelf-label-expiration h3{margin:0 0 8px}.shelf-label-expiration .expiration-date{font-size:22px}.shelf-label-expiration .shelf-life-basis{display:block;margin-top:8px}

/* Recipe settings: compact step image placement. */
.recipe-layout-settings{max-width:1050px;margin:0 auto}
.recipe-layout-group{min-width:0;margin:0 0 24px;padding:20px;border:1px solid #555961;border-radius:18px}
.recipe-layout-group>legend{padding:0 10px;font-size:1rem;font-weight:700}
.recipe-layout-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.recipe-layout-choice{position:relative;display:grid;gap:16px;padding:20px;border:1px solid #555961;border-radius:18px;background:#23262b;cursor:pointer;text-align:center}
.recipe-layout-choice:has(input:checked){border-color:#87bdd4;box-shadow:0 0 0 2px #87bdd4;background:#293741}
.recipe-layout-choice input{justify-self:center;width:20px;height:20px;accent-color:#87bdd4}
.layout-diagram{display:block;background:#171a1f;border:1px solid #555961;border-radius:12px;padding:14px;height:170px}
.diagram-heading{display:flex;align-items:center;gap:12px;height:30px;margin-bottom:14px}
.diagram-heading b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#566777}
.diagram-heading>i{width:50%;height:7px;background:#8b969f;border-radius:4px}
.diagram-content{display:flex;gap:14px;align-items:center}
.diagram-photo{flex:none;width:64px;height:64px;fill:#344d5e;stroke:#a1c9de;stroke-width:3}
.diagram-photo circle{fill:#a1c9de;stroke:none}
.diagram-photo path{fill:none}
.diagram-lines{flex:1;display:grid;gap:10px}
.diagram-lines i{height:6px;border-radius:4px;background:#8b969f}
.diagram-lines i:last-child{width:65%}
.diagram-right .diagram-photo{order:2}
.diagram-icon{position:relative}
.diagram-icon .diagram-photo{position:absolute;right:14px;top:15px;width:27px;height:27px}
.compact-step-presentation{min-width:0}
.compact-step-presentation.has-photo{display:grid;grid-template-columns:clamp(76px,22%,140px) minmax(0,1fr);gap:16px;align-items:center}
.compact-step-presentation.has-photo.layout-right{grid-template-columns:minmax(0,1fr) clamp(76px,22%,140px)}
.compact-step-presentation.layout-right .compact-step-photo-button{grid-column:2;grid-row:1}
.compact-step-presentation.layout-right .formatted-step{grid-column:1;grid-row:1}
.compact-step-photo-button{display:block;width:100%;aspect-ratio:1;min-width:0;padding:0;overflow:hidden;border:1px solid #606974;border-radius:12px;background:#111;cursor:pointer}
.compact-step-photo-button img{display:block;width:100%;height:100%;object-fit:cover}
.compact-step-photo-button:hover{border-color:#a1c9de;filter:brightness(1.1)}
.compact-step-photo-button:focus-visible{outline:2px solid #a1c9de;outline-offset:3px}
@media(max-width:650px){.recipe-layout-choices{grid-template-columns:1fr}.layout-diagram{max-width:320px;width:100%;justify-self:center}}

/* Segmented activity wheel while step voiceover is generated. */
.recipe-page-frame .step-speech-button .speech-loading-wheel{display:none}
.recipe-page-frame .step-speech-button[data-audio-status="generating"]{opacity:1;cursor:progress}
.recipe-page-frame .step-speech-button[data-audio-status="generating"]>svg:not(.speech-loading-wheel){display:none}
.recipe-page-frame .step-speech-button[data-audio-status="generating"]>.speech-loading-wheel{display:block;margin:auto}
.speech-loading-wheel line{stroke:currentColor;stroke-width:2.2;stroke-linecap:round;opacity:.2;animation:speech-wheel-fade 1s linear infinite}
@keyframes speech-wheel-fade{0%{opacity:1}100%{opacity:.15}}
@media(prefers-reduced-motion:reduce){.speech-loading-wheel line{animation:none;opacity:.65}}

.mise-pdf-modal{box-sizing:border-box;width:min(1100px,96vw);height:90vh;height:90dvh;max-width:96vw;max-height:94vh;max-height:94dvh;margin:auto;padding:8px;border:1px solid #535d68;border-radius:18px;background:#1c2026;color:#fff;overflow:hidden;box-shadow:0 24px 90px #0009}
.mise-pdf-modal[open]{display:flex;flex-direction:column}
.mise-pdf-modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(5px)}
.mise-pdf-modal>header{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;gap:8px}
.mise-pdf-modal h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mise-pdf-modal .modal-close{position:relative;inset:auto;width:38px;height:38px;flex:none;background:#bc2037;color:white}
.mise-pdf-frame{display:block;width:100%;flex:1;min-height:0;border:0;border-radius:10px;background:#fff}
.mise-pdf-print{display:grid;place-items:center;width:38px;height:38px;padding:8px;border:1px solid #697580;border-radius:10px;background:#252d37;color:#fff;box-shadow:0 2px 8px #0004}
.mise-pdf-print svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mise-pdf-print:hover{background:#3b4958}
.mise-pdf-print:disabled{opacity:.5;cursor:wait}
.mise-pdf-status{position:absolute;bottom:18px;left:18px;right:18px;padding:12px;background:#252d37;border-radius:8px;color:white}
html.mise-pdf-open{overflow:hidden}

/* Compact recipe metadata uses neutral controls, including with a custom theme. */
html .compact-recipe-summary .compact-shelf-life-trigger{background:transparent!important;color:inherit!important;border:0!important;box-shadow:none!important;display:grid;gap:4px;padding:0;text-align:left;min-height:0;width:100%}
html .compact-recipe-summary .compact-shelf-life-trigger:hover{background:transparent!important;text-decoration:underline}
.compact-storage-summary{display:flex;align-items:center;gap:7px}
html #compactStorageInfo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;min-height:0;padding:0;border:1px solid #89847c!important;border-radius:50%;background:transparent!important;color:#514b43!important;font:700 12px Georgia,serif;box-shadow:none}
#compactStorageBubble{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:16px 18px;border:1px solid var(--ui-line,#484848);border-radius:12px;background:var(--ui-panel,#252525);color:var(--ui-text,#f7f7f7);box-shadow:0 8px 28px #0005;font-size:14px}
#compactStorageBubble ul{margin:10px 0 0;padding-left:20px;display:grid;gap:8px}

/* Recipe list: compact, predictable rows with photo-relative crop controls. */
#recipeDashboardGrid.list-recipe-grid{gap:8px!important}
#recipeDashboardGrid.list-recipe-grid .recipe-card-wrap{--list-photo-size:104px;min-height:0!important}
#recipeDashboardGrid.list-recipe-grid .recipe-card{
  grid-template-columns:var(--list-photo-size) minmax(0,1fr)!important;
  min-height:0!important;height:auto!important;padding:6px!important;gap:8px!important;border-radius:16px!important;
}
#recipeDashboardGrid.list-recipe-grid .recipe-card-media{
  width:var(--list-photo-size)!important;height:var(--list-photo-size)!important;
  min-width:0!important;min-height:0!important;aspect-ratio:1;align-self:start!important;border-radius:12px!important;
}
#recipeDashboardGrid.list-recipe-grid .recipe-card-media .croppable-hero{border-radius:11px!important}
#recipeDashboardGrid.list-recipe-grid .recipe-card-body{
  height:var(--list-photo-size)!important;min-height:0!important;padding:6px!important;box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr) 90px!important;gap:8px!important;border-radius:12px!important;align-items:stretch!important;
}
#recipeDashboardGrid.list-recipe-grid .recipe-card-copy{height:100%!important;min-height:0!important;max-width:none!important;gap:3px!important;justify-content:flex-start!important}
#recipeDashboardGrid.list-recipe-grid .recipe-card-body h3{font-size:16px!important;line-height:1.15!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#recipeDashboardGrid.list-recipe-grid .list-recipe-type{margin-top:auto!important;padding:3px 7px!important;font-size:10px!important;line-height:1!important;align-self:flex-start!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-time-pill{width:90px!important;min-width:0!important;height:100%!important;min-height:0!important;box-sizing:border-box!important;padding:6px!important;row-gap:4px!important;align-self:stretch!important;align-content:center!important;border-radius:10px!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-time-copy small{font-size:9px!important;letter-spacing:.04em!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-time-copy b{font-size:20px!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-time-icon{width:28px!important;height:28px!important;font-size:27px!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-odometer{width:64px!important;height:52px!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-odometer svg{width:64px!important;height:44px!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-odometer strong{font-size:16px!important;bottom:0!important}
#recipeDashboardGrid.list-recipe-grid .crop-orb{
  left:calc(6px + var(--list-photo-size) - 32px)!important;right:auto!important;top:10px!important;bottom:auto!important;
  width:28px!important;height:28px!important;min-height:0!important;transform:none!important;
}
#recipeDashboardGrid.list-recipe-grid .crop-orb-icon svg{width:17px;height:17px}
#recipeDashboardGrid.list-recipe-grid .recipe-card-media>.activity-badge{left:4px!important;top:4px!important;font-size:10px!important;padding:4px 5px!important;min-height:22px!important;height:22px!important}
#recipeDashboardGrid.list-recipe-grid .card-category-row{height:30px!important;min-height:30px!important;align-items:center!important}
#recipeDashboardGrid.list-recipe-grid .card-category-row .category-badge{position:static!important;align-self:center!important;margin:0!important}
#recipeDashboardGrid.list-recipe-grid .recipe-access-icon{top:14px!important;border-radius:7px!important}
@media(max-width:600px){
  #recipeDashboardGrid.list-recipe-grid .recipe-card-body{grid-template-columns:minmax(0,1fr) 90px!important;gap:6px!important}
  #recipeDashboardGrid.list-recipe-grid .dashboard-time-pill{width:90px!important}
  #recipeDashboardGrid.list-recipe-grid .recipe-card-body h3{font-size:15px!important}
}

#recipeDashboardGrid.list-recipe-grid .recipe-card-wrap:has(.recipe-access-icon) .category-badge{transform:translateY(3px)!important}

/* Keep complete recipe names and time ranges readable on dashboard cards. */
#recipeDashboardGrid:not(.compact-recipe-grid):not(.list-recipe-grid) .recipe-card-body{height:auto!important;min-height:84px!important}
#recipeDashboardGrid:not(.compact-recipe-grid):not(.list-recipe-grid) .recipe-card-copy{height:auto!important}
#recipeDashboardGrid:not(.compact-recipe-grid):not(.list-recipe-grid) .recipe-card-body h3{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;max-height:none!important;-webkit-line-clamp:unset!important;line-height:1.2!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-time-copy{max-width:100%!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-time-copy b{white-space:normal!important;overflow-wrap:anywhere;max-width:100%!important;line-height:1.15!important}
#recipeDashboardGrid.list-recipe-grid .dashboard-time-pill:is([data-default-time*="-"],[data-default-time*="–"],[data-default-time*="—"]) .dashboard-time-copy b{font-size:14px!important}

/* Compact titles grow upward above the timer instead of truncating at two lines. */
#recipeDashboardGrid.compact-recipe-grid .recipe-title-stack h3{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  overflow-wrap:anywhere!important;
}