/* waerp.office baseline. Tokens reused by the future Shopfloor shell. */
:root{font-family:"Segoe UI",Arial,sans-serif;color:#222;background:#E7E7E7;--red:#A02619;--dark-red:#672314;--yellow:#E3AC07;--dark-yellow:#9B7620;--light-gray:#E7E7E7;--gray:#8C8C8B;--dark-gray:#989898;--very-dark:#666666;--logo-red:#9b3427;--ink:#333;--muted:#666;--line:#c9c9c9;--gold:#E3AC07;--paper:#fafafa}
.sidebar{width:226px;flex-basis:226px;padding:24px 10px 16px;background:var(--dark-gray);color:#171717}
.brand{display:block;padding:0 3px;margin:3px 0 28px;letter-spacing:0}.brand img{width:100%;height:auto;display:block}.brand-sub{text-align:right;letter-spacing:.8px;color:#222;font-size:13px;margin-top:6px;font-weight:400}
.nav-label{color:#333;letter-spacing:.7px;font-size:10px;margin:0 0 8px;padding-left:12px}.nav-label.second{margin-top:25px}nav{gap:3px}nav a{color:#171717;border-radius:2px;padding:10px 10px;font-size:13px;min-height:40px}nav a:hover{background:#aaa;color:#111}nav a.active{background:var(--red);border-color:var(--dark-red);color:white;box-shadow:none}.nav-icon{color:inherit}.nav-asset{width:23px;height:23px;object-fit:contain}.sidebar-foot{color:#222;border-top:1px solid #858585;padding-top:14px;font-size:11px}.sidebar-foot small{color:#333}.workspace{margin-left:226px;width:calc(100% - 226px)}
.topbar{height:52px;padding:0 24px;background:var(--dark-gray);color:#222;letter-spacing:.25px;font-size:12px;border-bottom:1px solid #888}.unit-badge{background:#E7E7E7;color:#333;border:1px solid #aaa;border-radius:2px}.separator{color:#444}main{max-width:none;padding:24px 24px 35px}h1{font-size:27px;letter-spacing:-.4px;margin-bottom:9px}h2{font-size:16px;letter-spacing:0}.page-intro{margin-bottom:21px}.page-intro p{font-size:13px;color:#555}.eyebrow{color:#666;font-size:10px;letter-spacing:.8px;margin-bottom:7px}.module-number{font-size:42px;letter-spacing:-1px;color:#999}
.calculator-grid{gap:20px}.panel{border-radius:3px;padding:22px;background:#fafafa;border-color:#bbb;box-shadow:0 1px 2px #00000010}.panel-heading{padding-bottom:13px;margin-bottom:20px;border-color:#d2d2d2}.tag{background:#E7E7E7;color:#555;border-radius:2px;letter-spacing:.5px;font-size:9px}.form-grid{gap:19px 20px}.field label,.save-panel>label{font-size:12px;color:#555;font-weight:400}.field label span{font-size:11px;color:#666}input,select{background:#f5f5f5;border:0;border-bottom:1px solid #8C8C8B;border-radius:0;color:#222;height:42px;padding:8px 9px;font-size:14px}select{font-size:12px}input:focus,select:focus{border-color:var(--red);box-shadow:0 1px 0 var(--red)}.field small{font-size:11px}.button{background:var(--red);border-color:var(--dark-red);border-radius:2px;box-shadow:0 1px 2px #0002;font-size:12px;min-height:40px;padding:9px 17px}.button:hover{background:var(--dark-red)}.button span{color:white}.button.secondary{background:#E7E7E7;color:#222;border-color:#999}.button.secondary:hover{background:#ddd}.text-button{color:#555;font-size:12px}.form-section-title{color:#555;border-color:#ccc;letter-spacing:.4px}.empty-result{background:#f5f5f5;border:1px solid #c9c9c9;border-radius:3px;min-height:340px}.empty-cross{background:#f5f5f5;box-shadow:none;border:1px solid #aaa;color:#888;border-radius:3px}.empty-result p{background:transparent;color:#666}.metric{border-radius:3px;background:#fafafa;padding:20px;min-height:118px}.metric.primary{background:#E7E7E7;border-color:#aaa;border-left:4px solid var(--red);color:#222}.metric-label,.primary .metric-label{font-size:12px;color:#555}.metric-value,.primary .metric-value{color:#222;font-size:30px;letter-spacing:-.5px}.metric-value span,.primary .metric-value span{color:#666}.result-heading{color:#555;letter-spacing:.7px;font-size:10px}.status-dot{background:var(--red)}.source-note{background:#eee;border-color:#bbb;border-radius:3px}.source-note summary{color:#333}.source-body{color:#444}.formula-strip code{border-color:#ccc;border-radius:2px}.notice,.notice.subtle{background:#f5f5f5;color:#555;border-color:#ccc;border-left:3px solid #9B7620;border-radius:2px}.notice.error{color:#A02619;background:#fff7f5;border-color:#d8aca5}.result-assumption{font-size:12px;color:#666}.save-panel{border-color:#ccc}.page-footer{margin:0 24px;padding:13px 0;color:#555;font-size:11px}.page-footer span{font-size:10px;letter-spacing:0}.prose p,.prose li{color:#555}.case-card{border-radius:3px}.case-card>summary{padding:18px}.case-card h2{font-size:17px}.table-scroll th{background:#eee;color:#555}th,td{border-bottom-color:#ddd}.detail-values dt{color:#555}.auth-links{display:flex;gap:14px;align-items:center}.auth-panel{max-width:490px;margin:35px auto}.auth-panel .field{margin:18px 0}.auth-panel .button{width:100%}.auth-panel a{color:var(--red)}
@media(min-width:1600px){main{padding-top:26px}.panel{padding:24px}.calculator-grid{gap:24px}}
@media(max-width:960px){.calculator-grid{grid-template-columns:1fr}.sources-grid{grid-template-columns:1fr}}
@media(max-width:680px){.sidebar{position:relative;width:100%;padding:14px}.brand{width:170px;margin:0 0 14px}.brand-sub{font-size:11px}.workspace{margin:0;width:100%}main{padding:20px 14px}.topbar{padding:0 14px;font-size:10px}.page-intro h1{font-size:25px;letter-spacing:-.3px}.module-number{font-size:34px}.panel{padding:18px 14px}nav a{font-size:12px;padding:8px;min-height:40px}.page-footer{margin:0 14px}.metric-value{font-size:27px}.form-grid{gap:17px 12px}.auth-links{gap:8px}}

/* Text results, e.g. fit classification, remain readable on small tiles. */
.metric-value.metric-text { font-size:clamp(1rem, 2vw, 1.35rem); line-height:1.4; overflow-wrap:anywhere; }