/* FAREGROUNDS V11 — Modern, professional iPad-first operational interface */
:root{--ink:#182820;--muted:#718079;--accent:#204836;--accent-2:#2a6249;--line:#e3e8e1;--surface:#ffffff;--canvas:#f6f7f4;--gold:#a16a22;--danger:#a93737}
body{background:var(--canvas);color:var(--ink);-webkit-tap-highlight-color:transparent}
.top{background:rgba(255,255,255,.98);border-bottom:1px solid #e5eae4;box-shadow:0 1px 0 #ebeeea;min-height:72px;padding:12px clamp(14px,2.7vw,40px);position:relative;z-index:3}
.brand{font-size:20px;letter-spacing:.18em;font-weight:850;color:#182c22;line-height:1.2}
.subbrand{font-size:9px;color:#8a968d;letter-spacing:.16em;font-weight:750;margin-top:4px}
.top nav{gap:6px}.top .nav>.btn{border-radius:10px;border-color:transparent;background:transparent;color:#56665e;padding:11px 14px;font-size:13px;font-weight:700}
.top .nav>.btn:hover{background:#f0f4f0;color:#183c2b}.top .nav>.btn.active{background:#e7eee8;color:#19472f}
.top .nav>.low-bell{border:1px solid #e5eae4;background:#fff;min-height:40px;padding:8px 12px}
.top .nav>.low-bell.has-calls{background:#fff6f3;border-color:#efc9c2;color:#a13939}
.shell{max-width:1480px;padding:clamp(16px,2vw,30px) clamp(14px,2.8vw,40px)}
.btn{border-radius:11px;border-color:#d6dfd6;min-height:40px;transition:background .14s,border-color .14s,transform .14s;color:#263a2d}
.btn.primary{background:#214734;border-color:#214734;color:#fff}.btn.primary:hover{background:#2e654b;border-color:#2e654b}
.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a0c4a8;outline-offset:2px}
.card,.panel{border-radius:17px;border-color:#e3e9e2;box-shadow:0 3px 14px rgba(20,51,30,.025)}
.toolbar{margin-bottom:21px}.toolbar h2{font-weight:800;letter-spacing:-.035em;font-size:clamp(24px,2.4vw,32px)}
.toolbar p{margin-top:4px}.low-eyebrow{font-size:10px;letter-spacing:.13em;color:#7f8e82;font-weight:800;margin-bottom:8px}
.category-chips{gap:7px}.category-chips .btn{border-radius:99px;min-height:35px}.category-chips .btn.active{background:#e3efe7;border-color:#c5daca;color:#1e4f31}
.library-search{border-radius:14px}.search{max-width:390px}.field input,.field select,.field textarea,input.search{border-color:#d6e0d7;border-radius:11px;min-height:44px}
.tiles{gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.tile{border-radius:16px;min-height:118px;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s}.tile:hover{box-shadow:0 12px 30px #142d2012;transform:translateY(-1px)}
.tile .thumb{background:#edf3ec;width:70px;height:73px;border-radius:11px}.tile h3{font-size:15px;line-height:1.4;font-weight:780}.tile p{font-size:12px;line-height:1.5}
.recipe-head{background:#fff;border:1px solid #e2e9e2;border-radius:17px;padding:12px 14px;flex-wrap:wrap}.recipe-content .panel{border-color:#e3e8e2}.recipe-photo{border-radius:12px}
.recipe-head .title{font-weight:830}.low-inline-report{white-space:nowrap}
.prep-workspace-tabs.v11-workspace-tabs{border:none;padding:5px;background:#eaefea;border-radius:13px;display:inline-flex;gap:4px;margin-bottom:22px}
.v11-workspace-tabs button{border:0!important;background:transparent!important;color:#657369!important;font-size:14px!important;font-weight:760!important;padding:12px 24px!important;border-radius:10px!important;min-height:42px}
.v11-workspace-tabs button.selected{background:#fff!important;color:#193b29!important;box-shadow:0 2px 7px #29452d12}
.v11-tab-count{font-size:11px;background:#fbe9e5;color:#a43e36;border-radius:99px;padding:3px 7px;margin-left:5px}
.v11-board-header{padding:4px 2px}.low-task{border-radius:15px;box-shadow:0 3px 12px #18352208}.low-board-stats{gap:12px}
.low-grid{gap:13px}.low-board-toolbar{margin:13px 0}.low-tabs button{min-height:37px}
.prep-list-workspace{max-width:1100px}.prep-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.prep-choice{display:inline-flex;padding:4px;border:1px solid #e0e6df;background:#edf1ec;border-radius:12px;gap:3px}
.prep-choice button{border:0;background:transparent;color:#68766b;font-weight:750;border-radius:9px;min-height:40px;padding:9px 18px;cursor:pointer}
.prep-choice button.chosen{background:#fff;color:#1d452f;box-shadow:0 2px 7px #12261912}
.prep-choice button span{color:#9da89d;font-weight:500;font-size:11px;margin-left:4px}
.prep-list-toolbar .btn{min-height:45px}
.prep-count-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px;margin-bottom:10px;flex-wrap:wrap}
.prep-count-line b{font-size:17px;letter-spacing:-.02em}.prep-count-line span{font-size:12px;color:#7a887c}
.prep-list-rows{display:flex;flex-direction:column;gap:9px}
.prep-list-row{display:flex;align-items:center;gap:12px;min-height:88px;background:#fff;border:1px solid #e0e7df;border-radius:14px;padding:14px 16px;box-shadow:0 3px 10px #233d2a06;position:relative}
.prep-list-row.drag-moving{border-color:#6c9b79;box-shadow:0 10px 26px #1437221e;background:#f0f7ef;z-index:2}
.prep-drag-handle{border:1px solid #e0e5dd;border-radius:9px;background:#f7f9f5;color:#687a6e;font-size:23px;width:42px;min-width:42px;height:51px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;display:grid;place-items:center;line-height:1}
.prep-drag-handle:active{cursor:grabbing;background:#e4f0e7;color:#1e4931}
.prep-handle-placeholder{width:42px;min-width:42px;text-align:center;font-size:19px;color:#5e9770}
.prep-row-main{flex:1;min-width:135px;display:flex;flex-direction:column;gap:5px}.prep-row-main>b{font-size:16px;font-weight:800;color:#1e3025}.prep-row-main .small{font-size:12px}
.prep-row-note{font-size:12px;color:#5f6f64;line-height:1.35;margin-top:2px}
.prep-status{border-radius:100px;padding:6px 10px;font-size:11px;font-weight:750;white-space:nowrap}
.prep-status.pending{background:#f0f2ee;color:#6a766a}.prep-status.working{background:#edf2ff;color:#385f9a}.prep-status.done{background:#e7f4e9;color:#297249}
.prep-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.prep-row-actions .btn{min-height:38px;font-size:12px;padding:7px 11px}.prep-row-actions .ghost.danger{color:#a75656}
.prep-done-group{margin:22px 0}.prep-done-group>summary{cursor:pointer;color:#4a6d53;font-weight:800;padding:12px 0}.prep-done-group .prep-list-rows{margin-top:5px}.prep-list-row.is-done{background:#f8fbf8}
.prep-list-empty{border:1px dashed #cfdccc;border-radius:14px;padding:35px 20px;color:#617866;text-align:center;background:#fafcf9}
.prep-help-line{font-size:12px;color:#7d8c81;margin:19px 2px;line-height:1.5}
.prep-quick-modal{width:min(580px,calc(100vw - 28px));max-height:min(90dvh,850px);overflow:auto;z-index:3011;box-shadow:0 30px 80px #14271b36;border-radius:18px;padding:22px}
.prep-quick-modal .low-modal-head{margin-bottom:15px}.prep-quick-modal h2{font-size:23px;font-weight:840;letter-spacing:-.03em}
.prep-quick-results{min-height:60px;max-height:min(230px,30dvh);overflow-y:auto;border:1px solid #dfe8df;border-radius:12px;background:#fcfdfb;padding:5px}
.prep-quick-option{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid transparent;background:transparent;text-align:left;border-radius:9px;padding:10px 12px;min-height:55px;color:#213a29}
.prep-quick-option span:first-child{display:flex;flex-direction:column;gap:3px}.prep-quick-option b{font-size:13px}.prep-quick-option small{font-size:11px;color:#829085}
.prep-quick-option:hover,.prep-quick-option.chosen{background:#e9f2e9;border-color:#c5dcc9}.prep-quick-option>span:last-child{font-weight:900;font-size:18px}
.prep-quick-empty{padding:22px;text-align:center;color:#869185;font-size:12px}
.prep-quick-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
.prep-quick-modal .field textarea{min-height:64px}
#prepQuickRoot .low-modal-backdrop{z-index:3009}
@media(max-width:900px){.top{flex-wrap:wrap;gap:8px}.top .nav>.btn{font-size:12px;padding:8px 9px}.prep-row-actions{max-width:250px}.prep-list-row{flex-wrap:wrap}.prep-row-main{flex-basis:50%}}
@media(max-width:550px){.shell{padding:12px}.top{padding:9px 12px}.top nav{justify-content:space-between;width:100%}.top .nav>.btn{font-size:11px;padding:8px 7px}.top .nav>.btn.ghost{display:none}.brand{font-size:16px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{flex-direction:column;align-items:flex-start}.tile .thumb{width:100%;height:94px}.v11-workspace-tabs button{padding:10px 18px!important}.prep-list-row{gap:9px;padding:12px}.prep-row-main{flex-basis:calc(100% - 70px)}.prep-status{margin-left:52px}.prep-row-actions{max-width:none;width:100%;justify-content:flex-start;margin-left:50px}.prep-row-actions .btn{min-height:38px}.prep-quick-modal{padding:16px}.prep-quick-results{max-height:27dvh}}

.toast-stack{top:85px;}

/* V11.1 — contextual recipe management and full-row sorting */
.v111-recipe-editor{max-width:1120px;margin:0 auto;padding:24px}
.v111-recipe-editor .variation-editor{background:#f8faf8}
.prep-list-row.is-sortable{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:auto}
.prep-list-row.is-sortable:active{cursor:grabbing}
.prep-list-row.is-sortable:focus-visible{outline:3px solid #8ba995;outline-offset:3px}
.prep-list-row.drag-moving{cursor:grabbing;transform:scale(1.005);background:#eef6ed;border-color:#6b9776;box-shadow:0 12px 26px #102b2022}
.prep-grip{width:30px;min-width:30px;display:grid;place-items:center;font-size:23px;color:#7b9282;pointer-events:none}
.prep-list-row.is-done .prep-grip{font-size:17px;color:#4e9870}
.prep-row-actions .btn.danger{border-color:#e8d7d5;color:#9c4844;background:#fff}
.prep-session-banner{background:#e8f0e9;border:1px solid #c4d9ca;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-radius:16px;margin-bottom:13px;flex-wrap:wrap}
.prep-session-banner>div:first-child{display:flex;flex-direction:column;gap:3px}
.prep-session-banner b{font-size:18px;color:#173d28}
.prep-session-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
@media(max-width:650px){.prep-session-banner{padding:12px}.prep-session-actions{width:100%}.prep-session-actions .btn{flex:1}.v111-recipe-editor{padding:13px}}

/* Notifications must not cover recipe or prep-session action buttons. */
.toast-stack{top:auto!important;right:auto!important;left:18px;bottom:18px;max-width:min(360px,calc(100vw - 36px))}

/* V11.2: remaining prep counts on both day tabs. */
.prep-choice button .prep-day-count{font-size:13px;font-weight:800;color:#365744;margin-left:2px;white-space:nowrap}
.prep-choice button.chosen .prep-day-count{color:#1d452f}
.prep-choice button .prep-day-date{font-size:11px;color:#8c998d;font-weight:500;margin-left:6px}
@media(max-width:480px){.prep-choice button{padding:9px 11px}.prep-choice button .prep-day-date{margin-left:2px}}
/* Faregrounds V11.3 · comprehensive touch-first interface refresh */
:root{--v113-ink:#172922;--v113-accent:#21513e;--v113-line:#e3e8e1;--v113-muted:#6d7b72;--v113-bg:#f5f6f3;--v113-warm:#fafaf7}
html{scroll-behavior:smooth}body{background:var(--v113-bg);color:var(--v113-ink);font-feature-settings:"cv11" 1;letter-spacing:-.008em}
.top{position:sticky;top:0;z-index:20;min-height:78px;background:rgba(255,255,255,.985);border-bottom:1px solid #e0e6df;box-shadow:0 5px 22px #17362409;gap:30px;padding:13px clamp(20px,3vw,52px)}
.brand{font-size:21px;letter-spacing:.155em;font-weight:900}.subbrand{font-size:9px;letter-spacing:.16em;color:#78877d;margin-top:5px}
.top .nav{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.top .nav>.btn{font-size:13px!important;font-weight:750;min-height:45px!important;padding:12px 15px!important;border-radius:12px!important;white-space:nowrap}
.top .nav>.btn.active{background:#e6efe7!important;color:#1c4b32!important;box-shadow:inset 0 0 0 1px #cbdccc}
.top .nav>.btn:not(.active):hover{background:#f2f5f0!important}
.current-role-tag{font-size:11px;color:#3d614c;background:#edf3ed;padding:7px 11px;border-radius:999px;font-weight:800;white-space:nowrap}
.shell{max-width:1510px;padding:clamp(24px,3.4vw,48px) clamp(19px,3.5vw,54px);margin:0 auto}
.toolbar{margin-bottom:24px;align-items:flex-start}.toolbar h2{font-size:clamp(28px,2.65vw,40px);font-weight:850;letter-spacing:-.042em;line-height:1.15}
.toolbar .muted,.roles-intro .muted{margin-top:9px;line-height:1.5}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:12px;border:1px solid #d6ded6;background:#fff;color:#263d30;font-weight:750;box-shadow:none;transition:background-color .15s,box-shadow .15s,border-color .15s}
.btn.primary{background:var(--v113-accent);border-color:var(--v113-accent);color:#fff}.btn.primary:hover{background:#2f684f;border-color:#2f684f}
.btn.active{background:#eaf1e9;border-color:#b7d3bf;color:#205239}.btn.danger{color:#9a443e;border-color:#e8d5d1;background:#fff}
.btn.sm{min-height:37px;padding:8px 12px;font-size:12px}.btn:focus-visible,.tile:focus-visible{outline:3px solid #9bc1a8;outline-offset:2px}
.card,.panel{background:#fff;border-color:#e2e9e2;border-radius:19px;box-shadow:0 4px 22px #21362907;padding:21px}
.label{color:#6c8675;font-size:10px;letter-spacing:.145em;font-weight:900}
.field label{font-size:12px;color:#425b4a;font-weight:770;margin-bottom:2px}.field input,.field select,.field textarea,input.search{min-height:46px;border:1px solid #d7e1d8;border-radius:12px;padding:12px 14px;background:#fff}
.field input:hover,.field textarea:hover,input.search:hover{border-color:#aebfb1}
.category-chips{gap:7px;margin-bottom:4px!important}.category-chips .btn{font-size:12px;border-radius:99px;padding:9px 15px!important;min-height:37px}
.library-search{margin:19px 0 22px;align-items:center;gap:12px}.library-search input.search{height:50px;width:min(100%,450px);max-width:450px;padding-left:17px}
.tiles{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px}.tile{min-height:135px;padding:15px;border:1px solid #e0e8e0;border-radius:18px;gap:16px;box-shadow:0 4px 12px #24433105;text-align:left}.tile:hover{transform:translateY(-2px);border-color:#a9c9af;box-shadow:0 15px 30px #1a392011}.tile .thumb{height:92px;width:86px;border-radius:13px;background:#eff2ed}.tile h3{font-size:16px;letter-spacing:-.018em;line-height:1.35}.tile p{margin-top:5px;font-size:12px;line-height:1.45}
.recipe-head{border-radius:19px;box-shadow:0 2px 12px #1d3d2806;padding:17px 20px}.recipe-photo{width:104px;height:101px}.recipe-head .title{font-weight:850}.recipe-body>.panel h3,.panel h3{color:#294536;font-weight:800;letter-spacing:.08em}
.recipe-body{gap:17px}.step{gap:13px;margin-bottom:13px}.num{background:#e7f0e9;border-radius:9px}.ingredient{padding:10px 0;line-height:1.44}
.prep-workspace-tabs.v11-workspace-tabs{background:#e9eee8;padding:5px;border-radius:14px;margin-bottom:25px}.v11-workspace-tabs button{min-height:47px!important;font-size:14px!important}
.prep-list-workspace{max-width:1150px}.prep-list-row{min-height:100px;padding:16px 19px;border-radius:17px;gap:14px;box-shadow:0 3px 12px #1e382609}.prep-list-row:hover:not(.drag-moving){border-color:#bfd1c1;background:#fdfefd}.prep-row-main>b{font-size:16px}.prep-row-main .small{font-size:12px}.prep-row-actions .btn{min-height:42px;padding:10px 15px}.prep-row-actions .btn.primary{background:#24533d;border-color:#24533d}.prep-list-row .prep-grip{color:#a5b1a6;font-size:21px}
.prep-choice{background:#e8ede8;border:1px solid #e2e8e1;border-radius:14px;padding:5px}.prep-choice button{border-radius:10px;min-height:43px;padding:10px 19px}.prep-count-line{margin-bottom:14px}.prep-count-line b{font-size:19px}.prep-list-empty{padding:48px 25px;border-radius:18px}
.low-task{background:#fff;border:1px solid #e2e8e2;border-radius:17px;box-shadow:0 5px 15px #1c302407}.low-task:hover{border-color:#c4d7c6}.low-modal{border-radius:20px}.low-sheet{box-shadow:-15px 0 50px #18332020}
.prep-session-banner{background:#e8f0e8;border:1px solid #c7daca;padding:17px 20px;border-radius:17px}.prep-session-banner b{font-size:20px}
.edit-section{border-radius:16px;background:#fff;border-color:#e1e9e1;padding:20px}.edit-section h3{font-size:17px;letter-spacing:-.025em}.user-grid{gap:15px}.user-card{border-radius:17px;padding:19px;background:#fff;box-shadow:0 4px 16px #1c382207}.user-avatar{width:46px;height:46px;flex-basis:46px;background:#e9f1ea;color:#26543c}
.roles-page{max-width:1240px}.roles-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.roles-intro h2{font-size:clamp(26px,3vw,35px);margin-top:7px;letter-spacing:-.04em}.roles-intro p{max-width:640px;font-size:13px}
.roles-layout{display:grid;grid-template-columns:minmax(220px,285px) minmax(0,1fr);gap:20px;align-items:start}
.role-picker{padding:8px;background:#fff;border:1px solid var(--v113-line);border-radius:18px;display:flex;flex-direction:column;gap:5px;box-shadow:0 4px 17px #1c37220a}
.role-option{width:100%;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;display:flex;align-items:center;gap:11px;min-height:65px;padding:10px;cursor:pointer;color:var(--v113-ink)}
.role-option.selected{background:#ebf3ed;border-color:#cbded0}.role-option:hover:not(.selected){background:#f7f9f5}.role-option>span:nth-child(2){flex:1;min-width:0}.role-option b,.role-option small{display:block}.role-option b{font-size:13px;line-height:1.3}.role-option small{font-size:10px;color:#879589;margin-top:4px}.role-initial{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:11px;color:#476955;background:#edf2eb;font-size:12px;font-weight:850}.selected .role-initial{background:#d6e7d9;color:#285539}.role-arrow{color:#9aada0;font-size:24px}
.role-editor{border:1px solid var(--v113-line);background:#fff;border-radius:19px;padding:clamp(18px,2.5vw,30px);box-shadow:0 4px 19px #1c37220a}
.role-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:23px;border-bottom:1px solid #e8eee7}.role-editor-heading h3{font-size:27px;letter-spacing:-.04em;margin-top:6px}.role-editor-heading .muted{max-width:450px;line-height:1.5;margin-top:7px}.role-block-label{font-size:14px;font-weight:850;letter-spacing:-.02em;margin:23px 0 13px}
.role-flag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.role-check{display:flex;align-items:flex-start;gap:13px;padding:16px;min-height:83px;border:1px solid #e2eae2;background:#fafcf9;border-radius:13px;cursor:pointer}.role-check:hover{border-color:#afc9b3}.role-check input{flex-shrink:0;margin-top:3px;width:19px;height:19px;accent-color:#2d6147}.role-check b,.role-check small{display:block}.role-check b{font-size:13px;color:#263a2d}.role-check small{font-size:11px;color:#78867a;margin-top:5px;line-height:1.4}
.role-block-heading{margin-top:27px}.role-block-heading .role-block-label{margin-bottom:6px}.role-block-heading p{margin-bottom:13px}
.role-access-list{border:1px solid #e2e9e2;border-radius:14px;overflow:hidden}.role-access-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid #e9eee9}.role-access-row:last-child{border-bottom:0}.role-access-row:nth-child(odd){background:#fafcf9}.role-access-row b,.role-access-row small{display:block}.role-access-row b{font-size:13px}.role-access-row small{font-size:11px;color:#89978b;margin-top:4px}.role-access-row label{font-size:12px;font-weight:700;color:#415847;display:flex;align-items:center;gap:7px}.role-access-row input{width:18px;height:18px;accent-color:#2d6147}
.role-editor-footer{border-top:1px solid #e8eee7;padding-top:19px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:17px}.role-editor-footer p{max-width:450px;line-height:1.5}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-layout .card{padding:27px;align-items:flex-start}.settings-layout .card h2{font-size:23px}
.user-editor #legacyPermissionsArea{display:flex;flex-direction:column;gap:15px}.user-editor #legacyPermissionsArea.hide{display:none}
@media(max-width:1100px){.top{flex-wrap:wrap;gap:12px}.top .nav{width:100%;justify-content:flex-start;flex-wrap:wrap}.current-role-tag{margin-left:auto}.roles-layout{grid-template-columns:225px minmax(0,1fr)}}
@media(max-width:750px){.top{position:relative;padding:14px 15px}.top .nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.top .nav>.btn{flex-shrink:0}.top .nav>.btn.ghost{display:inline-flex}.shell{padding:21px 14px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:135px;padding:11px;gap:10px}.tile .thumb{height:76px;width:65px}.tile h3{font-size:13px}.role-flag-grid{grid-template-columns:1fr}.roles-layout{grid-template-columns:1fr}.role-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.role-option{min-height:67px}.role-initial,.role-arrow{display:none}.role-option b{font-size:12px}.role-option small{font-size:10px}.settings-layout{grid-template-columns:1fr}.role-editor-footer{flex-wrap:wrap}.role-editor-heading{flex-wrap:wrap}}
@media(max-width:450px){.role-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.role-access-row{grid-template-columns:minmax(0,1fr) 75px 75px;padding:13px 10px}.role-access-row label{font-size:11px;gap:3px}.tiles{grid-template-columns:1fr}.tile{flex-direction:row;min-height:100px}.tile .thumb{width:76px;height:76px}.top .nav>.btn{min-height:40px!important;padding:8px 10px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}


/* V12.4 — compact recipe form and clear location availability */
body:has(.v111-recipe-editor) .shell{max-width:1420px;padding-top:24px}
body:has(.v111-recipe-editor) main.shell>.toolbar{max-width:1060px;margin:0 auto 20px;align-items:flex-start}
body:has(.v111-recipe-editor) main.shell>.toolbar h2{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.045em;margin:2px 0 8px}
body:has(.v111-recipe-editor) main.shell>.toolbar .small{font-size:13px;line-height:1.5}
.v111-recipe-editor{max-width:1060px;padding:clamp(20px,2.4vw,32px);border-radius:18px;box-shadow:0 10px 34px rgba(20,50,31,.055)}
.v111-recipe-editor>.toolbar{margin-bottom:22px;align-items:center;padding-bottom:17px;border-bottom:1px solid #e6ebe5}
.v111-recipe-editor .toolbar h2{font-size:clamp(23px,2.3vw,29px);line-height:1.2;letter-spacing:-.035em;margin:0}
.v111-recipe-editor .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:15px;align-items:start}
.v111-recipe-editor .field{gap:6px;min-width:0}
.v111-recipe-editor .field>label:first-child{font-size:12px;font-weight:760;color:#466052;line-height:1.3}
.v111-recipe-editor .field>input:not([type=checkbox]),.v111-recipe-editor .field>select{min-height:44px;padding:9px 12px;border:1px solid #d7e2d8;border-radius:11px;background:#fff;font-size:14px;color:#1f3528}
.v111-recipe-editor .field>input[type=checkbox],.v111-recipe-editor .field label input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px;accent-color:#28593e;margin:0 8px 0 0;vertical-align:middle}
.v111-recipe-editor .field:has(#recipePin)>label:last-child,.v111-recipe-editor .field:has(#variationDefault)>label:last-child,.v111-recipe-editor .field:has(#recipeLowEnabled)>label:last-child{display:flex;align-items:center;padding-top:9px;min-height:44px;font-size:13px;gap:1px}
.v111-recipe-editor .editor-scope-field{background:#f7faf6;border-radius:12px;border:1px solid #e1eae0;padding:12px 13px}
.v111-recipe-editor .editor-field-hint{font-size:11px;color:#738678;line-height:1.5;margin-top:2px}
.v111-recipe-editor #recipeDesc{height:44px}
.v111-recipe-editor .field:has(#recipeDesc){margin-top:18px!important}
.v111-recipe-editor>.section{margin-top:23px;border-top:1px solid #e5ece4;padding-top:21px}
.v111-recipe-editor .section{box-shadow:none}
.v111-recipe-editor .variation-editor{padding:16px;border-radius:14px;border:1px solid #e5ece5}
.v111-recipe-editor .row.wrap:last-child{margin-top:23px}
.v111-recipe-editor .btn{min-height:40px}
.editor-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.recipe-location-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #d0e0d2;border-radius:999px;padding:4px 9px;background:#eef5ee;color:#315a3d;font-size:10.5px;font-weight:800;letter-spacing:.01em;line-height:1.2;margin:4px 0}
.recipe-head .recipe-location-badge{margin-top:8px;font-size:11px}
.tile .recipe-location-badge{margin-top:7px;max-width:100%;font-size:10px;white-space:normal}
@media(max-width:700px){body:has(.v111-recipe-editor) .shell{padding:12px}.v111-recipe-editor{padding:16px}.v111-recipe-editor .formgrid{grid-template-columns:1fr;gap:12px}body:has(.v111-recipe-editor) main.shell>.toolbar{margin-bottom:14px}.v111-recipe-editor>.toolbar{align-items:flex-start}.recipe-location-badge{white-space:normal}}