/* Recipe Standard editor only. Other operational modals keep their layouts. */
.recipe-editor-backdrop{z-index:10060!important;display:grid!important;place-items:center!important;overflow:hidden!important;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important}
.recipe-editor-modal{width:min(1120px,calc(100vw - 24px))!important;max-width:1120px!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;letter-spacing:0}
.recipe-editor-modal .modal-head{position:static!important;flex:0 0 auto;padding:22px 28px!important;gap:16px;align-items:flex-start}
.recipe-editor-modal .modal-head>div{min-width:0}
.recipe-editor-modal .modal-head h3{font-family:inherit;font-size:22px;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
.recipe-editor-modal .modal-head p{font-size:13px;margin:4px 0 0}
.recipe-editor-modal .modal-close{width:44px;height:44px;min-height:44px;padding:0;border-radius:8px}
.recipe-editor-modal .modal-body{flex:1 1 auto;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:28px!important;overscroll-behavior:contain;touch-action:pan-y}
.recipe-editor-modal .modal-actions{position:sticky!important;bottom:0!important;flex:0 0 auto;margin:0;padding:16px 28px max(16px,env(safe-area-inset-bottom));border-top:1px solid #d8e1dc;gap:12px;box-shadow:none!important;justify-content:flex-end}
.recipe-editor-modal .btn{min-height:48px!important;padding:10px 12px!important;border-radius:8px!important;font-size:14px!important;letter-spacing:0}
.recipe-editor-modal .modal-actions .btn{min-width:120px}
.recipe-editor-content{display:grid;gap:28px;min-width:0}
.recipe-info{padding:16px 18px;border-radius:6px;background:#eaf3ee;color:#31574a;font-size:14px;line-height:1.5}
.recipe-basics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;align-items:start}
.recipe-editor-modal .recipe-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;font-size:12px;font-weight:650;color:#435d52;line-height:1.4}
.recipe-editor-modal .recipe-field input,.recipe-editor-modal .recipe-field select,.recipe-editor-modal .recipe-field textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:48px;margin:0;padding:11px 12px;border:1px solid #cdd9d2;border-radius:8px;background:#fff;color:#193f34;font-family:inherit;font-size:15px;font-weight:400;line-height:1.4;letter-spacing:0}
.recipe-editor-modal .recipe-field select:disabled{color:#52645d;background:#f2f5f3;opacity:1}
.recipe-editor-modal :is(input,select,textarea,button):focus-visible{outline:2px solid #2e735a;outline-offset:2px}
.recipe-editor-modal .recipe-field-help{display:block;margin:0;color:#69796f;font-size:12px;font-weight:400;line-height:1.5}
.recipe-notes{grid-column:1/-1}
.recipe-editor-modal .recipe-notes textarea{height:100px;min-height:100px;resize:vertical}
.recipe-input-unit{position:relative;display:block;min-width:0}
.recipe-editor-modal .recipe-input-unit input{padding-right:62px}
.recipe-input-unit>span{position:absolute;right:12px;top:0;bottom:0;display:flex;align-items:center;max-width:42px;overflow-wrap:anywhere;font-size:13px;font-weight:600;color:#64786d;pointer-events:none}
.recipe-ingredients-section{min-width:0;border-top:1px solid #d8e1dc;padding-top:28px}
.recipe-ingredients-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.recipe-ingredients-header>div{min-width:0}
.recipe-editor-modal .recipe-ingredients-header h4{margin:0;font-size:16px;font-family:inherit;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}
.recipe-ingredients-header p{margin:6px 0 0;color:#69796f;font-size:13px;line-height:1.5}
.recipe-ingredients-header .btn{flex:0 0 auto}
.recipe-ingredient-list{display:grid;gap:16px;min-width:0}
.recipe-ingredient-row{display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(170px,.7fr) minmax(240px,1fr) 88px;gap:12px;align-items:end;min-width:0}
.recipe-ingredient-row+.recipe-ingredient-row{padding-top:16px;border-top:1px solid #e0e6e2}
.recipe-editor-modal .recipe-remove{height:48px;color:#944437!important;border-color:#e0c9c4!important}
.recipe-activation{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid #ddd9c9;border-radius:8px;background:#fafbf8;min-width:0}
.recipe-activation input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#245843}
.recipe-activation>span{min-width:0}
.recipe-activation strong{font-size:14px;line-height:1.5;color:#4e5848}
.recipe-activation small{display:block;margin-top:6px;font-size:13px;line-height:1.5;color:#6e7466}
@media(max-width:1000px){
  .recipe-ingredient-row{grid-template-columns:minmax(0,1.6fr) minmax(170px,1fr);gap:16px 12px}
  .recipe-remove-field{width:100px;justify-self:end;align-items:stretch}
  .recipe-editor-modal .recipe-remove{min-width:100px}
}
@media(max-width:600px){
  .recipe-editor-modal .modal-head{padding:18px 20px!important}
  .recipe-editor-modal .modal-head h3{font-size:20px}
  .recipe-editor-modal .modal-body{padding:20px!important}
  .recipe-editor-modal .modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 20px max(16px,env(safe-area-inset-bottom))}
  .recipe-editor-modal .modal-actions .btn{min-width:0;width:100%;padding:10px 8px!important}
  .recipe-basics-grid,.recipe-ingredient-row{grid-template-columns:minmax(0,1fr)}
  .recipe-ingredients-header{flex-direction:column;align-items:stretch}
  .recipe-ingredients-header .btn{align-self:flex-start}
  .recipe-editor-modal .recipe-field input,.recipe-editor-modal .recipe-field select,.recipe-editor-modal .recipe-field textarea{font-size:16px}
  .recipe-remove-field{width:auto;justify-self:stretch}
}