/* Today’s meals first. Editing and reference tools stay behind Plan options. */
#meals .meal-heading{margin:18px 0 20px}
#meals .meal-heading h1{font-size:clamp(32px,5vw,42px);margin:0 0 9px}
#meals .meal-heading p{font-size:15px;line-height:1.5;margin:0}
.meal-simple-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.meal-simple-toolbar>.button{min-height:44px;padding:10px 15px;font-size:14px;margin:0}
.meal-plan-options{position:relative;margin-left:auto}
.meal-plan-options>summary{display:flex;align-items:center;justify-content:center;gap:9px;list-style:none;cursor:pointer;min-height:44px;border:1px solid #ddcad5;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:600;color:#79556c;background:#fffaf6}
.meal-plan-options>summary::-webkit-details-marker{display:none}
.meal-plan-options>summary::after{content:'⌄';font-size:17px}
.meal-option-items{position:absolute;right:0;top:calc(100% + 8px);z-index:8;width:240px;max-width:calc(100vw - 36px);padding:8px;border:1px solid #ddcad5;border-radius:16px;background:#fffaf6;box-shadow:0 12px 36px #66425321}
.meal-option-items button{display:block;width:100%;min-height:44px;padding:11px 13px;border:0;border-radius:9px;background:transparent;color:#745168;text-align:left;font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
.meal-option-items button:hover{background:#f3e7ef}
.meal-option-items button:disabled{opacity:.45;cursor:default}
.meal-option-items .meal-saved-tools{display:block;margin:0}
.meal-save-line{display:flex;align-items:center;gap:14px;min-height:20px;font-size:12px;color:#7a6c75;margin:8px 0 0}
.meal-save-line:has(>span[hidden]){display:none}
.meal-save-line .text-link{min-height:36px;font-size:13px}
#meals>.meal-status{min-height:0;font-size:13px;line-height:1.6;margin:8px 0}
#meals>.meal-status:empty{display:none}
#meals .meal-day-tabs{margin:18px 0 16px;gap:5px}
#meals .meal-day-tabs button{min-height:46px;padding:8px 2px;font-size:12px}
#meals .meal-day-heading{margin:18px 0 14px;gap:8px}
#meals .meal-day-heading h3{font-size:24px;line-height:1.25}
#meals .meal-day-heading>span{font-size:12px}
#meals .meal-day-cards{gap:12px}
#meals .meal-card{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:18px;background:#fffcf8}
.meal-card-open{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px;width:100%;border:0;background:transparent;padding:0;color:inherit;text-align:left;font:inherit;cursor:pointer}
.meal-card-open>.meal-photo{border-radius:12px}
#meals .meal-card h4{font-size:21px;line-height:1.25;margin:0 0 5px;overflow-wrap:normal}
#meals .meal-slot-label{font-size:10px;letter-spacing:1px;margin-bottom:5px}
#meals .meal-card-copy>p:not(.meal-slot-label){margin:0;font-size:12px}
#meals .meal-card-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 0 98px}
#meals .meal-card-actions>.text-link{font-size:13px;min-height:36px;padding:5px 0}
#meals .meal-done{min-height:36px;font-size:13px;margin:0;cursor:pointer}
#meals .meal-done input{margin:0}
.meal-about{margin:24px 0 0;border-top:1px solid #e6d6df;padding-top:10px;font-size:13px;line-height:1.7;color:#806b7c}
.meal-about>summary{cursor:pointer;min-height:44px;padding-block:10px}
.meal-about p{margin:10px 0}
.meal-settings-dialog .meal-settings{border:0;background:none;padding:0;margin:0}
.meal-settings-dialog .meal-small{font-size:12px!important;line-height:1.6}
.meal-settings-dialog .meal-status:empty{display:none}
.meal-settings-dialog .meal-form-actions>.button{flex:1;min-width:180px}
.meal-settings-dialog .meal-exclusions{margin:18px 0}
.meal-settings-dialog .meal-exclusions label{font-size:13px}
.meal-settings-dialog .meal-plan-alternatives{margin:8px 0}
#meal-dialog-body>label:has(select[aria-label="Day to copy meals to"]){display:block;margin:18px 0;font-size:14px}
#meal-dialog-body>label>select{margin-top:9px}
#meals .meal-empty{margin:20px 0;padding:28px 20px}
#meals .meal-empty h2{font-size:28px}
#meals .meal-empty .button{margin-top:10px}
@media(max-width:720px){#meals .meal-day-cards{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.meal-card-open{grid-template-columns:72px minmax(0,1fr);gap:12px}#meals .meal-card-actions{margin-left:84px}#meals .meal-card h4{font-size:19px}#meals .meal-day-tabs button{font-size:11px}#meals .meal-day-heading h3{font-size:22px}.meal-simple-toolbar>.button,.meal-plan-options>summary{padding-inline:11px;font-size:13px}}