:root{--ink:#17211c;--muted:#607068;--paper:#f6f4ed;--panel:#fffdf7;--line:#d9ded7;--green:#234f3b;--green-dark:#173829;--gold:#b88a38;--guard:#fff3cf}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-frame{min-height:100vh}.topbar{background:var(--green-dark);color:#fff;justify-content:space-between;align-items:center;min-height:76px;padding:14px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand span:last-child{gap:2px;display:grid}.brand small{color:#cbd9d0}.brand-mark{background:var(--gold);color:#241a09;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.app-grid{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.sidebar{border-right:1px solid var(--line);background:#e8ece7;flex-direction:column;gap:4px;padding:22px 14px;display:flex}.sidebar a{border-radius:8px;padding:11px 12px;font-weight:700}.sidebar a:hover{background:#d8e2da}.content{width:100%;max-width:1180px;margin:0 auto;padding:28px}.guard{background:var(--guard);border:1px solid #e2c36d;border-radius:10px;align-items:flex-start;gap:4px;margin-bottom:24px;padding:14px 16px;display:grid}.role-banner,.access-warning,.data-warning{border-radius:10px;margin-bottom:24px;padding:12px 16px}.role-banner{color:var(--green-dark);background:#e6efe9;border:1px solid #bfd2c5}.access-warning,.data-warning{color:#842e21;background:#ffe3dd;border:1px solid #e7a89c}.access-warning{gap:4px;display:grid}.page-stack,.auth-card{gap:22px;display:grid}.page-heading{max-width:760px}.page-heading h1,.auth-card h1{letter-spacing:-.045em;margin:6px 0 10px;font-size:clamp(2rem,5vw,3.4rem)}.page-heading p,.auth-card p,.muted{color:var(--muted);line-height:1.6}.eyebrow{color:var(--green);letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:800}.stat-grid,.report-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.stat-card,.report-card,.empty-state,.table-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px #17211c14}.stat-card{gap:8px;padding:20px;display:grid}.stat-card summary{cursor:pointer;gap:8px;display:grid}.stat-card span,.stat-card small{color:var(--muted)}.stat-card strong{font-size:2rem}.button-link{color:var(--green);font-weight:800;text-decoration:underline}.report-card{gap:8px;padding:22px;display:grid}.report-card h2,.report-card p{margin:0}.report-card p{color:var(--muted);line-height:1.5}.empty-state{color:var(--muted);text-align:center;padding:28px}.table-panel{overflow-x:auto}.compact-table table{min-width:640px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 15px}th{color:var(--green-dark);letter-spacing:.05em;text-transform:uppercase;background:#edf1ed;font-size:.78rem}tbody tr:last-child td{border-bottom:0}.code-cell{font-family:Consolas,Courier New,monospace;font-size:.88rem}.status-pill{text-transform:capitalize;background:#e5eee8;border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:800;display:inline-block}.status-warning{background:var(--guard);color:#6f5218}.action-message,.editor-panel,.catalog-card{background:var(--panel);border:1px solid var(--line);border-radius:12px}.action-message{padding:12px 16px}.action-message-error{color:#842e21;background:#ffe3dd;border-color:#e7a89c}.action-message-success{color:var(--green-dark);background:#e6efe9;border-color:#bfd2c5}.editor-panel{padding:16px}.editor-panel summary{color:var(--green-dark);cursor:pointer;font-weight:800}.variant-create-panel{border-color:var(--green);padding:0}.variant-create-panel>summary{background:var(--green);color:#fff;border-radius:10px;margin:-1px;padding:11px 16px;display:inline-block}.variant-create-panel[open]>summary{border-radius:10px 10px 0 0}.variant-create-panel>.catalog-form{padding:0 16px 16px}.catalog-form{gap:16px;margin-top:18px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.recipe-form-grid{grid-template-columns:minmax(280px,2fr) repeat(auto-fit,minmax(180px,1fr))}.recipe-item-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.material-line-editor-row>td{background:#f8faf7;padding:0 14px 14px}.material-line-editor-row .editor-panel{box-shadow:none;width:100%;margin:0;container-type:inline-size}.material-line-editor-row .catalog-form{max-width:100%}.material-line-editor-row label,.material-line-editor-row small,.material-line-editor-row select,.material-line-editor-row input{overflow-wrap:anywhere;min-width:0}@container (max-width:720px){.material-line-editor-row .recipe-item-form-grid{grid-template-columns:1fr}}.recipe-item-form-grid>*{min-width:0}.recipe-item-form-grid select,.recipe-item-form-grid input{width:100%;max-width:100%}.recipe-selection-helper{grid-column:1/-1;align-self:center;margin:0}.recipe-line-cost-helper{margin:0}.field-wide{grid-column:1/-1}.form-grid label{gap:7px;font-weight:700;display:grid}.form-grid small{color:var(--muted);font-weight:400}.form-grid input,.form-grid select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 11px}.form-grid input:disabled{color:var(--muted);background:#edf1ed}.recipe-line-builder,.recipe-line-card{gap:14px;display:grid}.recipe-line-card{border:1px solid var(--line);border-radius:10px;padding:14px}.catalog-list{gap:18px;display:grid}.production-create-panel{border-color:var(--green)}.production-summary-grid .stat-card{min-height:132px}.production-build-card{scroll-margin-top:20px}.production-task-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.production-task-card{border:1px solid var(--line);background:#f8faf7;border-radius:10px;gap:12px;padding:14px;display:grid}.production-part-requirements{gap:10px;display:grid}.production-part-requirements h4{margin:8px 0 0}.production-requirement-card{border:1px solid var(--line);background:#fff;border-radius:9px;gap:10px;padding:12px;display:grid}.production-requirement-card .catalog-card-heading div{gap:4px;display:grid}.production-task-card .catalog-form{margin-top:0}.production-actions-cell,.inline-form{gap:8px;display:grid}.production-closeout-grid,.production-closeout-inventory{gap:12px;display:grid}.production-closeout-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.production-closeout-item{border:1px solid var(--line);border-radius:9px;gap:10px;margin:0;padding:12px;display:grid}.production-closeout-item legend{padding:0 6px;font-weight:800}.inline-form select,.inline-form input{border:1px solid var(--line);border-radius:8px;min-width:150px;padding:8px}.catalog-card{gap:18px;padding:22px;display:grid;box-shadow:0 12px 30px #17211c14}.catalog-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.catalog-card-heading h2{margin:5px 0 0}.catalog-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0;display:grid}.catalog-facts div{gap:4px;display:grid}.catalog-facts dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800}.catalog-facts dd{margin:0}.catalog-actions{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.catalog-actions .editor-panel{flex:100%}.form-actions,.action-with-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.info-tooltip{border:1px solid var(--muted);color:var(--green-dark);cursor:help;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:800;display:inline-flex;position:relative}.info-tooltip span{background:var(--green-dark);color:#fff;z-index:2;border-radius:8px;width:260px;padding:9px 11px;font-size:.78rem;font-weight:400;line-height:1.4;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.info-tooltip:hover span,.info-tooltip:focus span{display:block}.placeholder-card,.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 12px 30px #17211c14}.placeholder-card h2{margin-top:0}.placeholder-card li{margin:10px 0}.button{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:800}.button-primary{background:var(--green);color:#fff}.button-secondary{color:var(--green-dark);background:#e6ece7}.button-material{background:var(--guard);border:1px solid var(--gold);color:#5b4218}.button-danger{color:#fff;background:#842e21}.auth-page{align-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:100%;max-width:470px;margin:0 auto}.auth-form{gap:14px;display:grid}.auth-form label{gap:7px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 12px}.auth-message{border-radius:8px;padding:10px 12px}.auth-message-error{color:#842e21;background:#ffe3dd}@media (max-width:760px){.app-grid{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;flex-direction:row;overflow-x:auto}.content{padding:20px}.recipe-item-form-grid{grid-template-columns:1fr}}