.recipe-shopping-dialog{box-sizing:border-box;width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:24px;border:1px solid #b79961;border-radius:22px;color:#40301f;background:#fcf8ee;color-scheme:light;font:15px/1.5 Arial,sans-serif;overflow:auto;box-shadow:0 16px 60px #27190c55}
.recipe-shopping-dialog::backdrop{background:#21160dc9}
.recipe-shopping-dialog header,.recipe-shopping-dialog footer,.recipe-shopping-checks{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.recipe-shopping-dialog header h2{margin:0;flex:1;min-width:0;overflow-wrap:anywhere}
.recipe-shopping-dialog button,.recipe-shopping-dialog input,.recipe-shopping-dialog select,[data-recipe-shopping-open]{min-height:44px;box-sizing:border-box;font:inherit}
.recipe-shopping-dialog button{cursor:pointer;border-radius:12px;padding:10px 16px}
.recipe-shopping-dialog :focus-visible{outline:3px solid #947348;outline-offset:3px}
.recipe-shopping-dialog :disabled{opacity:.55;cursor:not-allowed}
.recipe-shopping-content{display:grid;gap:14px;margin:18px 0}
.recipe-shopping-row{min-width:0;margin:0;border:1px solid #b79961;border-radius:14px;padding:14px}
.recipe-shopping-row legend{padding:0 8px;font-weight:700}
.recipe-shopping-fields{display:grid;grid-template-columns:minmax(0,3fr) minmax(90px,1fr) minmax(90px,1fr) minmax(100px,1fr);gap:10px}
.recipe-shopping-field{display:flex;gap:6px;flex-direction:column;min-width:0;margin:8px 0}
.recipe-shopping-field input,.recipe-shopping-field select{width:100%;max-width:100%;padding:8px;border:1px solid #b9a583;border-radius:8px;background:#fffdf8;color:#40301f}
.recipe-shopping-field:has(input[type=checkbox]){flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px}
.recipe-shopping-field input[type=checkbox]{width:22px;min-width:22px;height:22px;min-height:44px;padding:0}
.recipe-shopping-source,.recipe-shopping-unit-note,.recipe-shopping-warning,.recipe-shopping-status,.recipe-shopping-boundary,.recipe-shopping-entry-status{overflow-wrap:anywhere}
.recipe-shopping-source{font-size:.9rem;color:#6e5a42}
.recipe-shopping-unit-note,.recipe-shopping-warning{color:#704b23;background:#f7edd8;border-radius:8px;padding:10px}
.recipe-shopping-warning:empty,.recipe-shopping-excluded:empty,.recipe-shopping-entry-status:empty{display:none}
.recipe-shopping-status{font-weight:600;color:#4b3016}
.recipe-shopping-entry-status{flex-basis:100%;margin:4px 0}
.recipe-shopping-dialog footer{justify-content:flex-start;margin-top:18px}
@media(max-width:600px){.recipe-shopping-dialog{padding:16px}.recipe-shopping-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.recipe-shopping-fields>.recipe-shopping-field:first-child{grid-column:1/-1}.recipe-shopping-dialog footer>*{width:100%}.recipe-shopping-dialog header{align-items:flex-start}.recipe-shopping-dialog header h2{font-size:1.25rem}}

/* Body-level review controls must beat the native app's navy .primary/.secondary
   rules. Explicit warm colours avoid inheriting Food's green --ink/--card. */
.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog button{appearance:none;-webkit-appearance:none;background:#f4e6c7!important;background-image:none!important;color:#4b3016!important;-webkit-text-fill-color:#4b3016!important;color-scheme:light!important;border:1px solid #b7975d!important;border-radius:12px!important;box-shadow:none!important;text-shadow:none!important;font:700 15px/1.3 Arial,sans-serif!important}
.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog button[data-recipe-shopping-confirm]{background:#8b642e!important;background-image:none!important;color:#fffdf6!important;-webkit-text-fill-color:#fffdf6!important;border-color:#997232!important}
.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog input,.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog select{background:#fffdf8!important;color:#40301f!important;-webkit-text-fill-color:#40301f!important;border:1px solid #b9a583!important;color-scheme:light!important;accent-color:#8b642e!important;box-shadow:none!important}
.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog.recipe-shopping-dialog :is(button,input,select):focus-visible{outline:3px solid #947348!important;outline-offset:3px}
.recipe-shopping-dialog h2{color:#4b3016;font-family:Georgia,serif}
/* This one recipe trigger also remains warm if the native modal is ever moved
   inside Food: seven exact modal IDs exceed Food's existing six-ID override. */
#foodRecipeModal#foodRecipeModal#foodRecipeModal#foodRecipeModal#foodRecipeModal#foodRecipeModal#foodRecipeModal [data-recipe-shopping-open]{appearance:none!important;min-height:44px!important;max-width:100%;padding:10px 16px!important;border:1px solid #997232!important;border-radius:12px!important;background:#8b642e!important;background-image:none!important;color:#fffdf6!important;-webkit-text-fill-color:#fffdf6!important;color-scheme:light!important;font:700 15px/1.3 Arial,sans-serif!important;box-shadow:none!important;text-shadow:none!important;white-space:normal;cursor:pointer}
#foodRecipeModal#foodRecipeModal#foodRecipeModal#foodRecipeModal#foodRecipeModal#foodRecipeModal#foodRecipeModal [data-recipe-shopping-open]:focus-visible{outline:3px solid #947348!important;outline-offset:3px}