:root{--bench-ink:#142d41;--bench-teal:#007e79;--bench-blue:#4664df;--bench-wash:#edf3f8;--bench-border:#d9e3ec}
body.ops-page,body.team-page{background:#f4f7fa;color:var(--bench-ink)}
.ops-header,.team-header{background:#fff;border-bottom:1px solid var(--bench-border)}
.ops-header .brand,.team-header .brand,.ops-header nav a,.ops-header nav button,.team-header-actions a,.team-header-actions button{color:#17384e}.ops-header .brand-mark,.team-header .brand-mark{background:#17384e;color:#fff;border-radius:9px}.ops-header nav button,.team-header-actions button{border-color:#bdcdd9}
.hub-page #content{grid-template-columns:minmax(0,1fr)}.hub-page #content>*{min-width:0}.hub-page .toolbar label{min-width:0}.hub-page .toolbar input{width:100%;min-width:0}.clock-number{white-space:normal!important}.clock-number small{display:inline-block}.hub-page .actions{flex-wrap:wrap}.hub-page .actions .btn{white-space:normal}.hub-page .panel,.social-layout>*{min-width:0}.hub-page .toolbar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.ops-wrap,.team-wrap{max-width:1220px}.ops-heading h1,.board-heading h1{font-weight:750;letter-spacing:-.045em;color:#142d41}.ops-eyebrow,.team-eyebrow{color:#087b78}
.btn,.team-button,button.report-button{min-height:46px;border-radius:12px;transition:background .18s,transform .18s,box-shadow .18s}.btn.primary,.team-button.primary{background:#007b78;border-color:#007b78;color:#fff}.btn.primary:hover,.team-button.primary:hover{background:#006765;box-shadow:0 5px 18px #007e7928}.btn.dark{background:#19384e}.btn.secondary{background:#fff;border:1px solid #cfdae4;color:#1d3b50}.btn:active,.tool-row:active{transform:translateY(1px)}
.panel,.team-panel,.stock-card,.order-card,.record-row,.fold-panel,.metric{border:1px solid var(--bench-border);box-shadow:0 3px 15px #17314a04;border-radius:18px;background:#fff}
.metric{padding:22px}.metric>span,.metric small{color:#536777}.metric strong{color:#18374b;font-size:clamp(24px,3vw,32px);letter-spacing:-.035em}
.ops-wrap label,.team-wrap label,dialog label{font-size:14px;font-weight:650;color:#274254}input,select,textarea{font:inherit;min-height:46px;max-width:100%;border:1px solid #cbd8e2;border-radius:10px;background:#fff;color:#17374a;padding:11px 12px}textarea{resize:vertical;min-height:100px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #33bdb2;outline-offset:3px}
.tool-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tool-group{background:none;border:0;padding:0;min-width:0}.tool-group h2{font-size:14px;letter-spacing:.09em;text-transform:uppercase;color:#65798a;margin:10px 0 14px}.tool-list{display:grid;gap:10px;border:0;background:none;box-shadow:none}.tool-row{border:1px solid #dbe5ed!important;border-radius:16px!important;min-height:104px;padding:22px!important;background:#fff;display:flex;gap:15px;transition:border-color .18s,box-shadow .18s,transform .18s}.tool-row:hover{border-color:#72b6b4!important;box-shadow:0 7px 24px #2343530c;transform:translateY(-2px)}.tool-row strong{font-size:17px;color:#17354a}.tool-row small{font-size:14px;color:#627786;line-height:1.5;display:block;margin-top:5px}.tool-symbol{width:38px;height:38px;flex:0 0 38px;background:#e6f5f2;border-radius:11px;display:grid;place-items:center;color:#007b78}.tool-group:nth-child(2) .tool-symbol{background:#edf0fc;color:#4964c9}.tool-group:nth-child(3) .tool-symbol{background:#fff1e3;color:#a45c14}.tool-symbol svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tool-row .row-chevron{margin-left:auto;flex:0 0 auto}
.today-link{background:linear-gradient(115deg,#173c50,#0b6668);color:white;border:none;border-radius:22px;padding:27px 30px;margin-bottom:28px;min-height:110px}.today-link strong{color:white;font-size:23px}.today-link small{color:#c7e9e8;margin-top:8px}.today-link .row-chevron{border-color:#9be4d4}
.bench-utility{display:flex;align-items:center;gap:12px;margin:0 0 22px;flex-wrap:wrap}.bench-utility a,.bench-utility button{font-size:14px}.bench-week{margin-left:auto;color:#617687;font-size:13px}.hub-page #content{display:grid;gap:22px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-grid label,.hub-page label,dialog label{display:grid;gap:7px}.field-grid .wide{grid-column:1/-1}.hub-page .panel{padding:26px}.hub-page .panel h2{margin:0 0 16px;font-size:22px;letter-spacing:-.025em}.hub-page .panel h3{font-size:18px}.hub-page .panel p{line-height:1.6}.hub-page form{display:grid;gap:18px}.hub-page .toolbar{align-items:end}.hub-page .toolbar label{min-width:180px}.hub-page .muted{line-height:1.6}
.bench-table{width:100%;border-collapse:collapse;font-size:14px}.bench-table th{font-size:12px;text-transform:uppercase;letter-spacing:.055em;text-align:left;background:#edf3f7;color:#516c7e}.bench-table th,.bench-table td{padding:14px 16px;border-bottom:1px solid #e1e9ef;vertical-align:top}.bench-table td{line-height:1.55}.table-scroll{overflow-x:auto;max-width:100%}.bench-table tr:last-child td{border-bottom:none}.bench-table td:last-child{text-align:right}.bench-table td small{display:block;color:#698091}
.clock-face{background:linear-gradient(120deg,#15384b,#0b6566)!important;color:#fff;padding:32px!important}.clock-face h2{color:white}.clock-face .muted{color:#c1dfdf}.clock-number{font-size:clamp(48px,10vw,72px);font-weight:700;letter-spacing:-.055em;margin:12px 0}.clock-number small{font-size:18px;font-weight:500;letter-spacing:0;color:#b9dddc}.clock-face .actions{gap:12px;margin-top:25px}.clock-face .btn.primary{background:#b5f1de;border-color:#b5f1de;color:#153d42}.clock-state{display:inline-flex;align-items:center;gap:8px;font-size:13px;border:1px solid #ffffff40;border-radius:30px;padding:7px 12px}.clock-state:before{content:'';width:7px;height:7px;border-radius:50%;background:#abefd9}.bar-chart{height:180px;display:flex;gap:18px;align-items:end;margin:28px 0 8px}.bar-day{flex:1;text-align:center;min-width:0}.bar-fill{background:linear-gradient(#37b9ac,#007d79);width:100%;max-width:48px;margin:8px auto;border-radius:7px 7px 0 0;min-height:3px}.bar-day small{font-size:12px;color:#617889}.bar-day strong{font-size:13px;font-variant-numeric:tabular-nums}
.week-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #d5e0e9;border-radius:18px;overflow:hidden;background:white}.calendar-day{padding:15px 10px;border-right:1px solid #e0e8ee;min-height:210px}.calendar-day:last-child{border:none}.calendar-day h3{font-size:14px;margin:0 0 16px;color:#536f80}.calendar-day h3 strong{display:block;font-size:25px;color:#14364c;margin-top:5px}.calendar-day.is-today{background:#f0faf7}.shift-button{background:#e5f1f6;color:#163c53;border:0;border-left:3px solid #008b86;border-radius:8px;width:100%;padding:12px 9px;margin-bottom:8px;text-align:left;line-height:1.5;cursor:pointer}.shift-button strong,.shift-button small{display:block}.shift-button small{font-size:12px;color:#506b7b}.shift-cancelled{opacity:.6;text-decoration:line-through}
.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.recipe-card{border:1px solid var(--bench-border);background:#fff;border-radius:18px;overflow:hidden;padding:24px;display:flex;flex-direction:column;gap:10px}.recipe-card h2,.recipe-card h3{margin:0!important}.recipe-card .actions{margin-top:auto;padding-top:14px}.recipe-card p{margin:0;line-height:1.6}.flavour-label{color:#087e79;letter-spacing:.08em;font-size:12px;text-transform:uppercase;font-weight:700}.ingredient-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.ingredient-tags span{padding:7px 10px;border-radius:8px;background:#edf5f5;font-size:13px;color:#28575d}.recipe-method{white-space:pre-wrap;line-height:1.8}.recipe-card .flavour-label{margin-bottom:6px}.recipe-hero{background:linear-gradient(110deg,#eff9f6,#f1f4ff);padding:32px;border-radius:22px;border:1px solid #d5e6e4}.recipe-hero h2{margin:0 0 14px}.source-links{font-size:13px;display:flex;gap:12px;flex-wrap:wrap}.source-links a{text-decoration:underline;color:#326d7c}
.social-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}.social-preview{background:#e4ecf2;border-radius:20px;padding:24px;position:sticky;top:100px}.social-preview canvas{display:block;width:100%;height:auto;box-shadow:0 12px 40px #1026382a;border-radius:4px}.social-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.social-prompt{padding:17px;background:#ecf6f4;border-radius:14px}.social-prompt label{margin-bottom:10px}.colour-fields{display:flex;gap:16px;flex-wrap:wrap}.colour-fields input{padding:4px;width:64px;height:44px}.inline-fields{display:flex;gap:10px;align-items:end}.inline-fields>label{flex:1;min-width:0}.repeat-row{display:grid;grid-template-columns:1fr 100px 90px 42px;gap:9px;margin-bottom:10px;align-items:end}.repeat-row input,.repeat-row select{width:100%}.repeat-row button{min-height:46px}.detail-row{display:grid;grid-template-columns:1fr 2fr 42px;gap:10px;margin-bottom:10px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.permission-grid label{font-size:13px}.permission-grid select{width:100%}#hub-dialog,#staff-editor{width:min(760px,calc(100vw - 24px));max-height:90dvh;border:1px solid #c9d8e3;border-radius:22px;padding:25px;background:#fff;color:#17374c}dialog::backdrop{background:#091e30a8;backdrop-filter:blur(4px)}.dialog-heading{gap:18px;align-items:center}.dialog-heading h2{font-size:23px}.dialog-actions{padding-top:18px}.dialog-actions button{width:auto;min-width:150px}
.report-group{border:1px solid #dce5ec;border-radius:16px;background:#fff;padding:0 20px;margin-bottom:12px}.report-group summary{padding:21px 0;font-size:16px;font-weight:650;cursor:pointer}.report-group .saved-report{display:flex;justify-content:space-between;align-items:center;padding:16px;width:100%;border:0;border-top:1px solid #e1e9ef;background:#fff;color:#193c53;text-align:left}.report-group .saved-report small{display:block;color:#728797;margin-top:5px}.finance-chart{width:100%;height:220px;overflow:visible}.finance-chart text{font-family:inherit;fill:#637c8d;font-size:11px}.print-only{display:none}.notice-item{display:flex;align-items:start;gap:18px;padding:20px;border-bottom:1px solid #e0e8ef}.notice-item a{flex:1;color:#173c50;text-decoration:none}.notice-item p{margin:7px 0;color:#5b7383}.notice-item.unread{border-left:3px solid #009b8a}.notice-item small{color:#72899a}
@media(min-width:800px){.ops-page #content>.tool-groups,.hub-page #content>section{animation:bench-arrive .35s ease both}}@keyframes bench-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:950px){.tool-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar-day{border-bottom:1px solid #e0e8ee}.social-layout{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:620px){.ops-wrap,.team-wrap{padding:24px 16px}.ops-heading{gap:18px}.ops-heading h1{font-size:34px}.ops-header,.team-header{padding:14px 16px}.ops-header nav,.team-header-actions{gap:12px;flex-wrap:wrap;justify-content:flex-start}.tool-groups{grid-template-columns:1fr;gap:24px}.tool-list{grid-template-columns:1fr 1fr;gap:10px}.tool-row{display:flex;align-items:start;flex-direction:column;min-height:150px;padding:17px!important;gap:12px}.tool-row strong{font-size:16px}.tool-row small{font-size:13px}.tool-row .row-chevron{display:none}.today-link{padding:23px}.today-link strong{font-size:21px}.bench-week{margin:0;width:100%}.field-grid,.permission-grid,.recipe-grid,.social-layout{grid-template-columns:1fr}.social-preview{position:static;padding:18px;order:-1;max-width:380px;width:100%;margin:auto}.week-calendar{grid-template-columns:1fr}.calendar-day{min-height:80px;display:grid;grid-template-columns:55px 1fr;gap:12px;padding:16px}.calendar-day h3{grid-row:1/20}.hub-page .panel{padding:21px}.recipe-hero{padding:24px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:17px}.metric strong{font-size:25px}.repeat-row{grid-template-columns:1fr 75px 70px 35px;gap:6px}.repeat-row input,.repeat-row select{padding:9px 7px}.detail-row{grid-template-columns:1fr 40px}.detail-row input:first-child{grid-column:1/-1}.detail-row input:nth-child(2){grid-column:1}.detail-row button{grid-column:2}.clock-face .actions .btn{flex:1}.table-scroll{margin:0 -4px}.bar-chart{gap:9px}.bar-day strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff!important}.ops-header,.team-header,.ops-heading,#toolbar,#page-actions,.bench-utility,.ops-footer,.no-print,#message{display:none!important}.ops-wrap{padding:0!important;max-width:none!important}.print-only{display:block}.panel,.metric{break-inside:avoid;box-shadow:none!important}.table-scroll{overflow:visible}.bench-table{font-size:10px}.bench-table th,.bench-table td{padding:6px}.actions,button{display:none!important}body:has(dialog[open]) main,body:has(dialog[open]) header.ops-header{display:none!important}dialog[open]{display:block!important;position:static!important;max-height:none!important;overflow:visible!important;width:100%!important;border:0!important;padding:0!important}dialog::backdrop{background:none!important}.dialog-heading{display:none!important}.social-preview{position:static}details:not([open]){display:none}}

.bench-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bench-feature-grid article{padding:32px;background:#f1f5f5;border-radius:22px;display:flex;flex-direction:column}.bench-feature-grid article>span{font-size:12px;color:#267773;letter-spacing:.1em;font-weight:700}.bench-feature-grid h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:20px 0 8px}.bench-feature-grid p{font-size:15px;line-height:1.75;color:#526975}.bench-feature-grid small{font-size:11px;color:#7a8b93;line-height:1.4;margin-top:12px}.home-hours-preview{margin-top:auto;background:#fff;border:1px solid #d6e4e5;border-radius:13px;padding:18px;font-size:13px}.home-hours-preview>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0}.home-hours-preview>div:last-child{border-top:1px solid #dbe9e6;color:#007d70}.home-flavour-preview{background:#173d4c;border-radius:13px;color:#fff;padding:20px;margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.home-flavour-preview strong{display:block;width:100%;margin-bottom:10px;font-size:15px}.home-flavour-preview span{background:#2b5461;padding:8px;border-radius:7px;font-size:12px}.home-report-preview{background:#fff;border:1px solid #d6e4e5;border-radius:13px;padding:18px;margin-top:auto}.home-report-preview>span{font-size:10px;letter-spacing:.08em;color:#66848b}.home-report-preview>div{display:flex;height:95px;align-items:end;gap:9px;margin-top:14px}.home-report-preview i{flex:1;background:#198c84;border-radius:5px 5px 0 0}.bench-home-install{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#142e40;color:#fff;border-radius:22px;padding:35px;margin-top:24px}.bench-home-install h3{font-size:27px;margin:0 0 10px;letter-spacing:-.035em}.bench-home-install p{color:#c0d5dc;max-width:650px;margin:0;line-height:1.7}.bench-home-install button{flex-shrink:0}.home-page .hero-actions .btn.secondary{background:transparent;color:#dcece8;border:1px solid #648278;font-size:14px}@media(max-width:850px){.bench-feature-grid{grid-template-columns:1fr}.bench-home-install{flex-direction:column;align-items:start}.bench-feature-grid article{padding:27px}.bench-home-install{padding:27px}}
.hub-page .toolbar label{min-width:0}.hub-page .toolbar{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.hub-page .clock-number small{display:block;margin-top:5px}.hub-page .clock-face .actions .btn{min-width:120px}.hub-page #content{grid-template-columns:minmax(0,1fr)}.hub-page #content>*{min-width:0}

.ops-header .menu-link{background:#edf4f6;color:#17384e;border-color:#d5e3e8}.hub-page input,.hub-page select,dialog input,dialog select{min-width:0}.hub-page .clock-face{padding:26px!important}
.ops-header nav .home-link,.team-header .team-header-actions .home-link{color:#17384e;border-color:#bdcdd9}

/* Clear, generous controls throughout the working screens. */
.ops-page,.team-page,.toolkit-page{font-size:16px;line-height:1.6}
.ops-wrap,.team-wrap{max-width:1080px}.ops-wrap .btn,.team-wrap .btn,.team-wrap .team-button,dialog .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:13px 20px;font-size:16px;font-weight:650;line-height:1.4;white-space:normal;text-align:center;box-sizing:border-box;max-width:100%}
.ops-wrap label,.team-wrap label,dialog label{font-size:16px}.ops-wrap input,.ops-wrap select,.team-wrap input,.team-wrap select,dialog input,dialog select{min-height:52px;font-size:16px;box-sizing:border-box}
.ops-wrap .muted,.ops-wrap .hint,.team-wrap p{font-size:15px;line-height:1.65}.ops-wrap .actions,.team-panel .actions{display:flex;flex-wrap:wrap;gap:12px}.ops-wrap .actions>*{min-width:0}.team-panel,.team-panel>*{min-width:0;box-sizing:border-box}.team-panel .actions>.btn{flex:1 1 180px}
.account-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.account-shortcuts .btn{width:100%;min-width:0;text-decoration:none}.staff-row>div{min-width:0}.team-actions{gap:12px}.staff-row .team-actions{flex:1 1 370px;justify-content:flex-end}.staff-row>div:first-child{flex:1 1 200px}.staff-row{flex-wrap:wrap}.team-fields,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ops-heading{align-items:center}.ops-heading h1{margin-bottom:8px}.ops-heading>.actions{margin-top:0}.ops-page .toolbar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.station-card{min-width:0;padding:24px}.temp-rounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.temp-round{padding:18px 14px;background:#f0f7f8;border:1px solid #d9e7eb;border-radius:15px;min-width:0}.temp-round:nth-child(2){background:#f1f3fc;border-color:#dce1f4}.temp-round h3{font-size:18px;margin:0 0 8px}.temp-round .reading{font-size:32px;line-height:1.2;display:block;margin:0 0 10px}.temp-round p{font-size:14px;margin:8px 0}.temp-round .btn{width:100%;margin-top:14px;font-size:16px;padding:12px 10px}.temp-round .badge{white-space:normal}.empty-reading{color:#83929d}
.list-pages{display:flex;align-items:center;justify-content:center;gap:20px;margin:22px 0}.list-pages span{font-size:15px;color:#526c7d}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-card h3{font-size:23px;line-height:1.3}.recipe-card p{line-height:1.6}.recipe-card .actions .btn{flex:1}.recipe-grid article{min-width:0}.report-group summary,.fold-panel summary{font-size:17px;min-height:54px;line-height:1.5}.bench-utility{gap:10px;margin-bottom:18px}.bench-utility .btn{min-height:44px;font-size:14px;padding:9px 15px}.bench-week{display:none}
@media(max-width:720px){.account-shortcuts{grid-template-columns:1fr}.account-shortcuts .btn{min-height:58px}.team-wrap{width:calc(100% - 24px);padding:0;margin:20px auto}.team-panel{padding:20px}.staff-row .team-actions{justify-content:flex-start;flex-basis:100%}.staff-row .team-actions>.team-button{width:100%}.team-fields,.field-grid,.station-grid,.recipe-grid{grid-template-columns:minmax(0,1fr)}.ops-wrap{padding:20px 16px}.ops-heading h1{font-size:32px}.ops-heading>.actions{width:100%;display:flex;flex-direction:row;gap:10px}.ops-heading>.actions>.btn{flex:1 1 140px}.ops-page .toolbar{grid-template-columns:minmax(0,1fr)}.station-card{padding:20px}.temp-rounds{gap:10px}.temp-round{padding:16px 10px}.temp-round h3{font-size:17px}.temp-round .btn{font-size:15px}.list-pages{gap:12px}.list-pages .btn{padding:12px 16px}.tool-list{grid-template-columns:1fr}.tool-row{min-height:92px;flex-direction:row;align-items:center}.tool-row strong{font-size:18px}.tool-row small{font-size:15px}}
@media print{[data-paged] article[hidden]{display:block!important}.list-pages{display:none!important}}
.recipe-search-panel{max-width:820px;width:100%;margin:0 auto}.recipe-search-panel form{gap:18px}.recipe-search-panel>h2{font-size:24px}.recipe-search-panel form>.btn{min-height:58px;font-size:18px}.refine-ideas{border-top:1px solid #dce6ed;padding-top:14px}.refine-ideas summary{font-size:16px;cursor:pointer;min-height:44px}.refine-ideas[open] .field-grid{padding-top:20px}.library-size{font-size:14px!important;color:#637d8e;margin-top:20px!important}.helper-tabs{display:flex;gap:12px;justify-content:center}.helper-tabs .btn{flex:1;max-width:300px}.helper-tabs [aria-selected=true]{background:#193e52;color:#fff;border-color:#193e52}.ingredient-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ingredient-guide-card{padding:25px;border:1px solid #d9e5ed;background:#fff;border-radius:18px;min-width:0}.ingredient-guide-card h3{font-size:24px;margin:8px 0 12px}.ingredient-guide-card p{font-size:16px;line-height:1.65;color:#536c7c}.ingredient-guide-card .btn{width:100%;margin-top:18px}.ingredient-guide-card summary{min-height:44px;margin-top:14px;cursor:pointer;color:#254b61}.guide-heading{max-width:820px;margin:0 auto 25px}.guide-heading h2{font-size:28px}.guide-heading p{font-size:16px;line-height:1.65;margin:10px 0 20px}.idea-results-heading{display:flex;gap:25px;align-items:start;margin-bottom:25px}.idea-results-heading h2{font-size:27px;margin:0 0 10px}.idea-results-heading>div{flex:1}.idea-results-heading .btn{flex-shrink:0}.ingredient-preview{font-size:14px!important;color:#5b7385}.recipe-card>.btn{width:100%;margin-top:12px}.recipe-card{padding:27px}.recipe-card .flavour-label{font-size:13px;line-height:1.6}.hub-page [hidden],.ops-page [hidden],.team-page [hidden]{display:none!important}
@media(max-width:720px){.ingredient-guide-grid{grid-template-columns:1fr}.idea-results-heading{flex-direction:column;gap:12px}.recipe-search-panel{padding:22px!important}.helper-tabs .btn{font-size:16px;padding:12px}.library-size{font-size:14px!important}.recipe-card{padding:24px}.recipe-card h3{font-size:24px}.ingredient-guide-card{padding:23px}.idea-results-heading h2{font-size:24px}}
@media print{.ops-page [data-paged] article[hidden]{display:block!important}}
/* Six large visual choices at a time keep the expanded social library easy to scan. */
.layout-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.layout-choice{min-width:0;cursor:pointer;padding:10px;background:#f7fafb;border:2px solid #d9e5ea;border-radius:16px;text-align:left;color:#173649}.layout-choice[aria-pressed=true]{border-color:#12836e;background:#e8f6f0}.layout-choice canvas{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;border-radius:8px}.layout-choice strong{display:block;padding:12px 2px 3px;font-size:15px;font-weight:700;line-height:1.5}.layout-pager{justify-content:space-between;gap:10px}.layout-pager span{font-size:14px;color:#526d7a}#layout-browser{margin-top:18px}#layout-browser summary{padding:18px;background:#eff6f5;border-radius:12px;cursor:pointer;color:#164d44;font-weight:700}.social-preview canvas{max-width:100%;height:auto}.social-layout>*,.social-layout form{min-width:0}.social-layout select{max-width:100%;width:100%;text-overflow:ellipsis}.social-layout{align-items:start}
@media(max-width:720px){.layout-choice-grid{gap:10px}.layout-choice{padding:6px}.layout-choice strong{font-size:14px}.layout-pager .btn{min-width:90px;padding:12px}.layout-pager span{order:3;width:100%;text-align:center}.social-layout .field-grid{grid-template-columns:1fr}.social-layout{grid-template-columns:1fr!important}.social-preview{position:static!important}}
.christmas-progress{border-top:4px solid #16816a}.christmas-progress progress{display:block;accent-color:#16816a;width:100%;height:14px;margin-top:20px}.christmas-task{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dde7ec;padding:24px 0}.christmas-task:first-child{padding-top:10px}.christmas-task:last-child{border-bottom:0}.christmas-task>div{min-width:0}.christmas-task h3{font-size:20px;margin:0 0 10px;overflow-wrap:anywhere}.christmas-task p{font-size:15px;line-height:1.65;color:#506979;margin:6px 0}.christmas-task .christmas-note{white-space:pre-wrap}.christmas-task.is-done h3{color:#426158}.christmas-task .actions{flex-shrink:0}.christmas-task small{display:block;color:#46685e;line-height:1.5}#toolbar:has([name=christmas-year]) .report-group{margin-bottom:20px}
@media(max-width:720px){.christmas-task{align-items:stretch;flex-direction:column;gap:15px}.christmas-task .actions{display:grid;grid-template-columns:1fr 1fr}.christmas-task .btn{width:100%;min-width:0}}
/* Shop workflows: generous controls, contained records and clear financial charts. */
.product-edit-row{padding:20px;background:#f3f8fa;border:1px solid #d8e5eb;border-radius:16px;margin:18px 0}.product-edit-row .btn{margin-top:14px}.calculation-callout{padding:20px;border-radius:14px;background:#e7f6f0;color:#175344;margin:20px 0;line-height:1.7}.week-picker{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px 0}.week-picker label{flex:1;min-width:180px}.document-photo{display:block;width:auto;max-width:100%;max-height:640px;object-fit:contain;border-radius:12px;margin:18px auto}.photo-upload{border:1px dashed #699989;border-radius:14px;padding:20px;background:#f0f8f5;margin:16px 0}.photo-upload input{max-width:100%;min-width:0;padding:12px 0!important;border:0!important}.photo-upload small{display:block;line-height:1.6;color:#426478;margin-top:10px}.ocr-text{white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto;font:14px/1.6 system-ui;background:#f3f6f8;padding:16px;border-radius:12px}.spend-chart{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;min-height:290px;margin:30px 0 15px}.spend-column{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center}.spend-column strong{font-size:14px;overflow-wrap:anywhere}.spend-column small{font-size:14px}.spend-track{height:210px;display:flex;align-items:end;border-bottom:1px solid #cbdbe4;background:repeating-linear-gradient(to top,transparent 0,transparent 51px,#e5edf2 52px)}.spend-track span{display:block;width:100%;background:linear-gradient(0deg,#0b7d70,#49baa3);border-radius:8px 8px 0 0;transition:height .3s ease}.spend-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:24px}.spend-breakdown>div{min-width:0}.spend-entry .actions{margin-top:14px}.spend-entry>div{min-width:0}.spend-entry h3{overflow-wrap:anywhere}.allergen-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.allergen-fields label{font-size:16px;text-transform:capitalize}.allergen-fields select{text-transform:none}.allergen-intro p{max-width:800px;line-height:1.7}.customer-cooking-card{border:1px solid #ccdce3;border-top:5px solid #078478;padding:32px;margin:24px 0;border-radius:14px}.customer-cooking-card h2{font-size:32px}.customer-cooking-card p{font-size:17px;line-height:1.8}.hub-page .helper-tabs{flex-wrap:wrap}.hub-page .helper-tabs>.btn{flex:1;min-width:130px}.hub-page #dialog-body details{margin:18px 0}.hub-page #dialog-body summary{cursor:pointer;padding:16px 0;font-weight:700}.hub-page #dialog-body input[type=checkbox]{min-height:24px;width:24px;flex:0 0 24px}.hub-page #dialog-body label.check-label{display:flex;gap:12px;align-items:start;line-height:1.6;margin:20px 0}.hub-page [hidden]{display:none!important}
@media(max-width:720px){.product-edit-row{padding:16px}.product-edit-row .field-grid{grid-template-columns:1fr}.spend-breakdown{grid-template-columns:1fr}.spend-chart{gap:6px;min-height:230px}.spend-track{height:155px}.spend-column strong{font-size:12px}.spend-column small{font-size:13px}.allergen-fields{grid-template-columns:1fr}.spend-entry{display:flex;flex-direction:column;align-items:stretch!important;gap:16px}.spend-entry .actions{display:flex}.spend-entry .actions .btn{flex:1}.week-picker .btn{flex:1}.week-picker label{order:-1;width:100%;flex-basis:100%}.customer-cooking-card{padding:20px}.customer-cooking-card h2{font-size:27px}.document-photo{max-height:460px}.hub-page .helper-tabs>.btn{min-width:100px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.spend-track span{transition:none}}
@media(max-width:480px){.hub-page .metrics{grid-template-columns:minmax(0,1fr)}.hub-page .metric strong{white-space:nowrap;font-size:25px}.spend-chart{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.spend-column:nth-child(-n+4){display:none}.spend-column strong,.spend-column small{white-space:nowrap;overflow-wrap:normal}}
@media print{.document-photo{max-height:700px}.spend-chart{break-inside:avoid}.customer-cooking-card{border:1px solid #aaa}.product-edit-row,.photo-upload{display:none}.hub-page details>summary{display:none}.hub-page details>*:not(summary){display:block!important}.hub-page .record-list[data-paged] article[hidden]{display:block!important}}