.production-recipes-page { height:100%; overflow:hidden!important; }
.recipe-frame { height:100%; min-width:0; min-height:0; display:flex; flex-direction:column; gap:6px; color:var(--ink); font-size:12px; }
.recipe-hero { flex:none; display:flex; align-items:center; padding:6px 10px; background:var(--paper); border:1px solid var(--line); border-radius:10px; }
.recipe-hero h1 { margin:3px 0; font-size:22px; }
.recipe-hero p { margin:2px 0; color:var(--muted); }
.recipe-hero .recipe-toolbar { margin-left:auto; padding:0; border:0; background:transparent; }
.recipe-toolbar { flex:none; display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding:6px 9px; background:var(--paper); border:1px solid var(--line); border-radius:8px; }
.recipe-toolbar h2 { margin:0 auto 0 0; font-size:14px; }
.recipe-toolbar > input[type=search] { width:290px; max-width:100%; }
.recipe-toolbar > select { width:auto; min-width:140px; }
.recipe-frame .standard-icon-command,.recipe-dialog .standard-icon-command { min-height:34px; padding:4px 9px; gap:6px; font-size:12px; }
.recipe-frame .standard-icon-command b,.recipe-dialog .standard-icon-command b { display:inline!important; font-size:12px; }
.recipe-frame .standard-icon-command .command-icon,.recipe-dialog .standard-icon-command .command-icon { width:24px; height:24px; flex-basis:24px; font-size:17px; }
.recipe-grid:not(.grid-appearance-large) :is(th,td) { font-size:12px; }
.recipe-frame .recipe-grid.grid-appearance-large :is(input,select) { height:auto!important; min-height:1.5em!important; }
.recipe-grid .recipe-sort { border:0; background:transparent; color:inherit; font:inherit; padding:3px; min-height:26px; }
.recipe-body { flex:1; min-height:0; min-width:0; display:flex; flex-direction:column; gap:6px; overflow:auto; overscroll-behavior:contain; background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:8px; }
.recipe-identity { flex:none; display:grid; grid-template-columns:minmax(180px,1fr) 125px 130px 55px; gap:6px 9px; align-items:end; padding:3px; }
.recipe-product-field { grid-column:1/-1; }
.recipe-lines-title { margin:4px 2px; font-size:14px; }
.recipe-field { min-width:0; display:flex; flex-direction:column; gap:4px; font-weight:700; }
.recipe-field > span { font-size:12px; }
.recipe-field > input,.recipe-field > select,.recipe-field > button { width:100%; min-width:0; }
.recipe-output-product { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recipe-active { align-items:center; }
.recipe-active input[type=checkbox] { appearance:auto!important; accent-color:#4c9899!important; width:18px!important; height:18px!important; min-height:18px!important; min-width:18px!important; margin:5px!important; padding:0!important; transform:none!important; background:none!important; box-shadow:none!important; }
.recipe-active input::before,.recipe-active input::after { display:none!important; }
.recipe-frame input:not([type=checkbox]),.recipe-frame select { min-height:28px!important; height:28px!important; padding:3px 6px!important; }
.recipe-grid :is(th,td) { padding:3px 6px; height:30px; }
.recipe-grid .standard-icon-command { min-height:26px!important; height:26px; padding:2px 6px; }
.recipe-grid .standard-icon-command .command-icon { width:18px; height:18px; flex-basis:18px; }
.recipe-grid input[data-material-field] { min-width:130px; }
.recipe-blank-row { background:var(--canvas); }
.recipe-material-lookup { position:fixed; z-index:1100; max-height:300px; overflow:hidden; display:flex; flex-direction:column; border:1px solid var(--lookup-line,var(--line)); border-radius:14px; box-shadow:0 10px 26px rgb(26 49 78 / 14%); background:var(--paper); color:var(--ink); padding:0; font:12px/1.4 var(--ui-font,Arial,sans-serif); box-sizing:border-box; }
.recipe-lookup-columns,.recipe-lookup-option { display:grid; grid-template-columns:minmax(130px,1fr) minmax(0,1.8fr) 100px; gap:10px; align-items:center; padding:6px 10px; text-align:left; }
.recipe-lookup-columns { flex:none; font-size:10px; font-weight:800; text-transform:uppercase; border-bottom:1px solid var(--lookup-line,var(--line)); }
.recipe-lookup-results { min-height:0; overflow:auto; overscroll-behavior:contain; }
.recipe-lookup-option { width:100%; min-height:32px; border:0; border-bottom:1px solid var(--lookup-line,var(--line)); border-radius:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.recipe-lookup-option > * { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.recipe-lookup-option strong { font-weight:600; }
.recipe-lookup-option > :first-child { font-variant-numeric:tabular-nums; }
html body .recipe-material-lookup .recipe-lookup-option:is(:hover,:focus-visible) > * { background:transparent!important; }
.recipe-lookup-empty { padding:10px; margin:0; color:var(--lookup-secondary,var(--muted)); }
.recipe-lookup-actions { flex:none; display:flex; justify-content:flex-start; padding:5px 8px; border-top:1px solid var(--lookup-line,var(--line)); }
.recipe-lookup-actions .standard-icon-command { min-height:30px; padding:3px 6px; gap:6px; font-size:11px; }
.recipe-lookup-actions .standard-icon-command b { display:inline!important; font-size:11px; }
.recipe-lookup-actions .command-icon { width:20px; height:20px; flex-basis:20px; }
.recipe-frame input:not([type=checkbox]),.recipe-frame select,.recipe-dialog input:not([type=checkbox]),.recipe-dialog select { height:30px; min-width:0; padding:4px 7px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font:inherit; }
.recipe-frame [aria-invalid=true] { border-color:#b64040!important; outline:1px solid #b64040; }
.recipe-grid-scroll { flex:1; min-height:115px; min-width:0; overflow:auto; overscroll-behavior:contain; }
.recipe-grid { width:100%; min-width:760px; }
.recipe-grid td { max-width:420px; }
.recipe-grid td > input,.recipe-grid td > select { width:100%; min-width:80px; }
.recipe-grid thead { position:sticky; top:0; z-index:1; }
.recipe-footer { min-height:44px; }
.recipe-footer .recipe-list-status { margin-left:auto; color:var(--muted); }
.recipe-footer { justify-content:flex-start; }
.recipe-state { margin-left:auto; color:var(--muted); }
.recipe-loading { color:var(--muted); padding:12px; }
.recipe-dialog { width:min(820px,calc(100vw - 24px)); max-width:none; max-height:calc(100dvh - 30px); padding:9px; border:1px solid var(--line); border-radius:12px; background:var(--paper); color:var(--ink); font:12px/1.4 var(--ui-font); }
.recipe-dialog::backdrop { background:#10244366; }
.recipe-dialog h2 { font-size:16px; }
.recipe-picker-results { max-height:48dvh; overflow:auto; padding-block:6px; }
.recipe-picker .recipe-grid { min-width:550px; }
.recipe-picker { padding:0; overflow:hidden; border-radius:14px; }
.recipe-picker > header { border:0; border-top:4px solid var(--brand-navy); border-bottom:1px solid var(--line); border-radius:0; padding:9px 12px; background:linear-gradient(105deg,var(--brand-turquoise-pale),var(--paper) 60%); }
.recipe-picker > header h2 { color:var(--navy); font-size:16px; }
.recipe-picker > .recipe-toolbar:not(header) { margin:7px; }
.recipe-picker-results { padding:0 7px; }
.recipe-picker > footer { justify-content:flex-start; }
@media(max-width:480px) { .recipe-lookup-columns,.recipe-lookup-option { grid-template-columns:100px minmax(0,1fr) 76px; gap:6px; padding:6px 8px; }.recipe-lookup-columns{font-size:9px} }
.recipe-appearance { width:min(980px,calc(100vw - 24px)); overflow:auto; }
.recipe-grid .manufacturing-column-hidden { display:none!important; }
.manufacturing-column-options { display:grid; gap:4px; margin-block:10px; }
.manufacturing-column-choice { display:flex; align-items:center; gap:9px; min-height:38px; padding:5px 8px; border:1px solid var(--line); border-radius:8px; background:var(--paper); }
.manufacturing-column-choice input[type=checkbox] { appearance:auto!important; width:18px!important; height:18px!important; min-width:18px; accent-color:#4c9899; }
.manufacturing-column-choice span { flex:1; min-width:0; }
.manufacturing-column-choice small { display:block; color:var(--muted); font-weight:400; }
@media(max-width:760px) { .recipe-identity { grid-template-columns:minmax(140px,1fr) 100px 100px 45px; } }
@media(max-width:600px) { .recipe-hero h1{font-size:19px}.recipe-identity{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.recipe-field:first-child{grid-column:1/-1}.recipe-toolbar>input[type=search]{width:100%}.recipe-frame .recipe-grid-scroll{flex:none;min-height:150px}.recipe-dialog{width:calc(100vw - 16px)} }
@media print { .recipe-toolbar,.recipe-dialog{display:none!important}.recipe-body,.recipe-grid-scroll{overflow:visible}.recipe-frame{height:auto}.recipe-grid{min-width:0} }

.recipe-expenses { flex:none; min-width:0; border-top:1px solid var(--line); padding-top:6px; }
.recipe-expense-heading { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.recipe-expense-heading h2 { margin-right:auto; }
.recipe-expense-hint { margin:2px 2px 5px; color:var(--muted); }
.recipe-expenses .recipe-grid-scroll { min-height:0; max-height:245px; }
.recipe-expenses .recipe-grid { min-width:560px; }
.recipe-expenses input[data-expense] { min-width:100px; width:100%; }

.recipe-method-field{grid-column:1/-1;max-width:480px;width:100%}
.recipe-method-help{font-weight:400;color:var(--muted);font-size:.9em}