/* Cooking uses the same pencil paper and purposeful meal art as Plan. */
.day-detail:focus{outline:none}
.cooking-steps{list-style:none;padding:0!important;counter-reset:none}
.cooking-steps>li{padding:12px 0;border-bottom:1px solid var(--line);margin:0!important}
.cooking-step-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cooking-step-head label{display:flex;align-items:center;gap:10px;margin:0;min-height:44px;font-weight:600}
.cooking-step-head input{width:20px;height:20px;margin:0;accent-color:var(--green)}
.cooking-step-body p{margin:4px 0 12px}.cooking-step-body .step-status:empty{display:none}
.step-complete{display:none}.is-complete .step-complete{display:inline}.is-complete .cooking-step-head{color:var(--muted)}
.cooking-step-body .step-timer{margin:0 8px 6px 0;min-height:44px}
.cooking-timers{position:fixed;z-index:45;left:max(16px,calc((100vw - 780px)/2));top:70px;width:min(620px,calc(100vw - 104px));padding:10px 14px;border:1px solid var(--line);border-radius:var(--panel-radius,12px);background:var(--wheat);box-shadow:0 3px 16px #2439301a;max-height:30vh;overflow:auto}
.cooking-timers[hidden]{display:none}.timer-heading{font-size:14px;font-weight:600;margin:0 0 6px}.timer-heading .hint{font-size:12px;font-weight:400;display:block}
.cooking-timer{display:flex;align-items:center;gap:10px;min-height:48px}.cooking-timer+.cooking-timer{border-top:1px solid var(--wheat-line)}
.timer-label{flex:1;min-width:0}.timer-label strong{font-size:13px}.timer-label small{display:block;font-size:12px;overflow-wrap:anywhere}.cooking-timer output{font-variant-numeric:tabular-nums;font-size:20px}.timer-ready{font-size:13px;color:var(--red)}.timer-dismiss{font-size:12px;min-height:44px}
.has-cooking-timers #content{padding-top:calc(var(--cooking-tray-height,180px) + 20px)}.prep-reminder{margin-top:18px}.prep-reminder summary{min-height:44px;cursor:pointer;display:list-item;padding:10px 0}.prep-reminder-form{max-width:500px}.prep-reminder-form .form-grid{gap:12px}.prep-reminder-form input{min-width:0;width:100%;font-size:16px}.prep-reminder-status:empty{display:none}
.recipe-document-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.recipe-document-actions button{min-height:44px}.share-document-note{font-size:14px}.share-sheet .share-actions{flex-wrap:wrap}
@media(max-width:700px){.notebook .day-strip .day{flex-basis:190px}.cooking-timers{left:12px;top:64px;width:calc(100vw - 24px);padding:8px 10px}.cooking-timer{gap:6px;flex-wrap:wrap}.timer-label{min-width:95px}.timer-dismiss{padding:4px}.timer-ready{font-size:12px}.cooking-step-head{gap:6px}.step-reopen{font-size:13px}.prep-reminder-form .form-grid{grid-template-columns:1fr}}
@media(forced-colors:active){.is-complete{border-color:Highlight}.cooking-timers{border:2px solid CanvasText}.cooking-step-head input{forced-color-adjust:auto}}
@media print{.cooking-timers,.recipe-document-actions,.prep-reminder,.step-timer,.cooking-step-head{display:none!important}.cooking-step-body[hidden]{display:block!important}}

.notebook .day .meal-art.day-art{width:100%;height:145px;margin:8px 0;padding:0 6px;min-width:0}.notebook .day .meal-art.day-art img{width:min(115px,85%);height:128px;object-fit:contain}.notebook .day .meal-art.day-art:has(img+img) img:first-child{width:60%}.notebook .day .meal-art.day-art img+img{width:42%;height:100px;object-fit:contain}.day-detail{scroll-margin-top:84px}.has-cooking-timers .day-detail{scroll-margin-top:calc(var(--cooking-tray-height,180px) + 84px)}

/* Colour patches distinguish dishes without changing their food drawing. */
.meal-art{background:radial-gradient(ellipse at center,var(--dish-patch,var(--wheat)) 0 48%,transparent 49%);}
.meal-art[data-art-patch="0"]{--dish-patch:var(--wheat)}
.meal-art[data-art-patch="1"]{--dish-patch:var(--blue)}
.meal-art[data-art-patch="2"]{--dish-patch:var(--ochre)}
.meal-art[data-art-patch="3"]{--dish-patch:color-mix(in srgb,var(--ochre) 70%,var(--red) 30%)}
.meal-art[data-art-patch="4"]{--dish-patch:color-mix(in srgb,var(--blue) 65%,var(--white) 35%)}
.meal-art[data-art-patch="5"]{--dish-patch:var(--sage)}
.meal-art[data-art-patch="6"]{--dish-patch:color-mix(in srgb,var(--red) 15%,var(--white) 85%)}
.cooked-badge{display:flex;width:fit-content;align-items:center;gap:6px;margin:0 0 10px;padding:3px 10px 3px 7px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:var(--white);font-size:13px;line-height:1.4}.cooked-badge svg{flex:none;width:14px;height:14px}.shopping-sync:empty{display:none}#app .shopping-item input:checked+span{opacity:1;color:var(--muted)}