:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172a2d;background:#f4f6f2;font-synthesis:none;--ink: #172a2d;--muted: #6b7d7d;--line: #dfe6e1;--navy: #0d2026;--orange: #d96c35;--cream: #f4f6f2;--green: #328568;--yellow: #b07a25;--red: #c34d41}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--cream)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;flex-shrink:0;background:var(--navy);color:#e9f0e9;padding:27px 15px 20px;display:flex;flex-direction:column}.brand,.mobile-brand{display:flex;align-items:center;gap:10px}.brand strong,.mobile-brand strong{font-family:Space Grotesk;display:block;font-size:15px;letter-spacing:-.02em}.brand small{color:#8fa4a4;display:block;font-size:10px;margin-top:2px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--orange);color:#fff;font:700 12px Space Grotesk;letter-spacing:-.08em}.sidebar nav{margin-top:66px;display:grid;gap:7px}.nav-button{border:0;background:transparent;color:#91a5a4;padding:12px 13px;min-height:48px;border-radius:11px;display:flex;align-items:center;gap:12px;text-align:left;font-size:13px;font-weight:600;transition:.2s}.nav-button svg{width:18px}.nav-button:hover,.nav-button.active{color:#fff;background:#18363b}.nav-button.active svg{color:#ee8654}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:9px;border-top:1px solid #234148;padding:18px 8px 0;font-size:11px;color:#c8d5cf}.sidebar-foot small{display:block;color:#718989;margin-top:3px}.rule-dot{width:8px;height:8px;border-radius:50%;background:#55b986;box-shadow:0 0 0 4px #1e4c46}.main-content{max-width:1380px;width:100%;padding:0 42px 55px;margin:0 auto}.topbar{height:74px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line)}.mobile-brand{display:none}.connection{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:30px;padding:7px 11px;color:var(--muted);font-size:11px;font-weight:600}.connection.is-online svg{color:var(--green)}.connection.is-offline svg{color:var(--orange)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:35px 0 28px}.eyebrow{margin:0 0 8px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.13em}.page-heading h1{font:700 32px Space Grotesk;letter-spacing:-.05em;margin:0;color:var(--navy)}.lede{margin:8px 0 0;color:var(--muted);font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr);gap:24px;align-items:start}.primary-column,.results-column{display:grid;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:0 6px 20px #132d2f06}.section-label{display:flex;align-items:center;gap:10px;color:var(--navy);font:700 12px Space Grotesk;letter-spacing:.02em;margin-bottom:22px}.number-badge{display:grid;place-items:center;height:25px;min-width:27px;padding:0 7px;color:#fff;background:var(--orange);border-radius:7px;font:700 10px Space Grotesk}.number-badge.muted{color:var(--orange);background:#fff1e9}.section-hint{margin-left:auto;color:#99a7a5;font:500 10px DM Sans;letter-spacing:0}.recipe-row{display:flex;align-items:flex-end;gap:18px}.grow{flex:1}.recipe-target{padding:11px 14px;min-width:190px;background:#f7f9f5;border-radius:10px}.recipe-target span,.recipe-target small{display:block;color:var(--muted);font-size:10px}.recipe-target strong{display:block;margin:3px 0 2px;color:var(--navy);font:700 17px Space Grotesk}.recipe-target i{font-style:normal;color:#a3b0ad;font-size:12px}.text-button{border:0;padding:0;margin-top:19px;background:none;color:var(--orange);display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 17px}.field label{display:flex;justify-content:space-between;margin-bottom:7px;color:#455a5a;font-size:11px;font-weight:700}.field label span{color:#9aa7a4;font-weight:500}.field input,.field select{width:100%;height:45px;padding:0 12px;color:var(--ink);outline:none;background:#fcfdfb;border:1px solid #dce5df;border-radius:9px;font-size:13px;transition:.2s}.field input:focus,.field select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #fff0e8}.field input::placeholder{color:#b8c1be}.save-card{display:flex;gap:20px;align-items:flex-end}.save-card .field{flex:1}.save-actions{display:flex;gap:8px}.button{height:45px;padding:0 14px;border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;white-space:nowrap}.button-primary{color:#fff;background:var(--navy)}.button-primary:hover{background:#1a3b41}.button-secondary{color:var(--orange);border-color:#f0c9b6;background:#fff8f4}.button-quiet{color:var(--muted);background:transparent;border-color:var(--line)}.status-card{min-height:103px;padding:18px;border-radius:15px;display:flex;gap:14px;align-items:center;border:1px solid}.status-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px}.status-card span,.status-card small{display:block;font-size:10px}.status-card strong{display:block;font:700 20px Space Grotesk;margin:2px 0}.status-critical{color:#8d332c;background:#fff0ed;border-color:#f2c1b9}.status-critical .status-icon{background:#f8d8d1}.status-warning{color:#7d581c;background:#fff8e8;border-color:#efdba7}.status-warning .status-icon{background:#f7e6b7}.status-incomplete{color:#5d6c6b;background:#f1f5f1;border-color:#d9e2dc}.status-incomplete .status-icon{background:#dfe9e1}.status-ok{color:#276b54;background:#eaf7f0;border-color:#bce3cf}.status-ok .status-icon{background:#cfeedd}.metrics-card{padding-bottom:8px}.metric{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf1ed}.metric-icon{display:grid;place-items:center;width:31px;height:31px;color:var(--orange);background:#fff1e9;border-radius:8px}.metric-icon svg{width:16px}.metric span,.metric small{color:var(--muted);display:block;font-size:10px}.metric strong{display:block;color:var(--navy);margin-top:2px;font:700 19px Space Grotesk}.alert-stack h2{font:700 13px Space Grotesk;margin:0 0 10px;color:var(--navy)}.alert-item{padding:14px 15px;border:1px solid;border-radius:11px;margin-bottom:8px}.alert-heading{display:flex;align-items:center;gap:7px}.alert-heading strong{font-size:11px}.alert-pip{width:7px;height:7px;border-radius:50%}.severity-label{margin-left:auto;font-size:8px;letter-spacing:.08em;font-weight:700}.alert-item p{margin:8px 0;font-size:10px;line-height:1.45}.alert-item small{display:block;font-size:10px;line-height:1.4}.alert-critical{color:#8d332c;background:#fff8f6;border-color:#f1d4cf}.alert-critical .alert-pip{background:var(--red)}.alert-warning{color:#79591e;background:#fffdf5;border-color:#eee1bc}.alert-warning .alert-pip{background:var(--yellow)}.alert-incomplete{color:#657674;background:#fafcf9;border-color:#e1e8e2}.alert-incomplete .alert-pip{background:#9caeaa}.alert-ok{color:#276b54;background:#f5fcf8;border-color:#d6ecde}.alert-ok .alert-pip{background:var(--green)}.cip-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.75fr)}.cip-note{display:flex;gap:13px;background:#fff8f4;border-color:#f0d4c4;color:#74442f}.cip-note svg{flex-shrink:0;color:var(--orange)}.cip-note strong{font-size:12px}.cip-note p{margin:6px 0 0;font-size:11px;line-height:1.5}.matrix-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid #edf1ed}.matrix-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px}.matrix-icon.pass{color:var(--green);background:#e6f5ed}.matrix-icon.fail{color:var(--red);background:#ffebe8}.matrix-icon.pending{color:#83928e;background:#eef2ee}.matrix-row div:nth-child(2){flex:1}.matrix-row strong,.matrix-row small{display:block}.matrix-row strong{font-size:11px}.matrix-row small{color:var(--muted);margin-top:3px;font-size:10px}.matrix-row>span{color:#879591;font-size:8px;font-weight:700}.logbook-card{min-height:300px}.empty-state{display:grid;place-items:center;text-align:center;min-height:210px;color:#91a09c}.empty-state strong{margin-top:12px;color:var(--navy);font-size:13px}.empty-state p{margin:5px 0;font-size:11px}.record-list{display:grid}.record{display:flex;align-items:center;gap:12px;padding:15px 4px;border-top:1px solid #edf1ed}.record-status{width:8px;height:8px;border-radius:50%;background:var(--green)}.record div:nth-child(2){flex:1}.record strong,.record span{display:block}.record strong{font-size:12px}.record span{margin-top:3px;color:var(--muted);font-size:10px}.record b{font:600 11px Space Grotesk;color:var(--navy)}.record-tag{border-radius:5px;padding:4px 6px;background:#eaf7f0;color:var(--green)!important;font-size:8px!important;font-weight:700}.tag-critical{background:#fff0ed;color:var(--red)!important}.tag-warning,.tag-incomplete{background:#fff6de;color:var(--yellow)!important}.toast{position:fixed;bottom:24px;right:24px;z-index:5;display:flex;gap:18px;align-items:center;padding:13px 15px;border-radius:10px;color:#fff;background:var(--navy);box-shadow:0 12px 28px #0d20264d;font-size:12px}.toast button{border:0;color:#fff;background:none;padding:0}.mobile-nav{display:none}@media(max-width:920px){.sidebar{width:204px}.main-content{padding:0 24px 40px}.workspace{grid-template-columns:1fr}.results-column{grid-template-columns:1fr 1fr;align-items:start}.alert-stack{grid-column:1 / -1}.cip-layout{grid-template-columns:1fr}}@media(max-width:640px){.app-shell{display:block;padding-bottom:72px}.sidebar{display:none}.main-content{padding:0 15px 32px}.topbar{height:61px;justify-content:space-between}.mobile-brand{display:flex}.mobile-brand .brand-mark{width:30px;height:30px;border-radius:9px}.page-heading{display:block;padding:26px 2px 21px}.page-heading h1{font-size:27px}.lede{font-size:12px;max-width:300px;line-height:1.45}.heading-actions{display:none}.card{padding:18px 16px;border-radius:13px}.recipe-row,.save-card{display:block}.recipe-target{margin-top:14px}.field-grid{grid-template-columns:1fr;gap:15px}.section-label{margin-bottom:18px}.section-hint{display:none}.save-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr}.button{padding:0 8px}.results-column{display:grid;grid-template-columns:1fr;gap:15px}.alert-stack{grid-column:auto}.status-card{min-height:91px}.matrix-row{gap:9px}.record{gap:8px;flex-wrap:wrap}.record div:nth-child(2){min-width:calc(100% - 28px)}.record b{margin-left:20px}.mobile-nav{position:fixed;display:flex;z-index:4;bottom:0;left:0;right:0;height:68px;padding:7px 9px max(7px,env(safe-area-inset-bottom));background:#0d2026f7;justify-content:space-around}.mobile-nav .nav-button{display:grid;place-items:center;align-content:center;gap:2px;padding:5px 19px;font-size:9px;text-align:center}.mobile-nav .nav-button svg{width:18px}.toast{left:15px;right:15px;bottom:84px}}@media(max-width:640px){.save-fields{display:block}.signature{margin-top:15px}}.page-stack{display:grid;gap:20px}.process-card{padding-bottom:17px;overflow:hidden}.process-track{display:flex;align-items:stretch;gap:7px;overflow-x:auto;padding:4px 1px 12px;scrollbar-width:thin}.process-node{min-width:126px;flex:1;min-height:123px;padding:12px 10px;border:1px solid var(--line);border-radius:11px;background:#fbfcfa;text-align:center;position:relative}.process-node:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid transparent;border-radius:7px;pointer-events:none}.process-node.node-heat:before{border-color:#f2d0be}.process-node.node-tube:before{border-color:#c7d9df;border-style:dashed}.process-node.node-cool:before{border-color:#c9d5e4}.process-icon{display:grid;place-items:center;margin:2px auto 8px;width:33px;height:33px;color:var(--navy);background:#e8efea;border-radius:9px;font:700 13px inherit}.node-heat .process-icon{color:var(--orange);background:#fff0e7}.node-tube .process-icon{color:#447e8a;background:#e6f1f3}.node-cool .process-icon{color:#46709b;background:#e9eff7}.node-return .process-icon{color:#7f7360;background:#f2eee6}.process-node strong,.process-node small,.process-node>span{display:block;position:relative}.process-node strong{color:var(--navy);font-size:11px}.process-node small{color:var(--muted);margin-top:2px;font-size:10px}.process-node>span{margin-top:13px;color:#617574;font-size:10px;font-weight:700}.node-measured>span{color:var(--green)}.node-active>span{color:var(--orange)}.node-pending>span{color:#8b9894}.process-arrow{align-self:center;flex:0 0 auto;color:var(--orange);font-size:18px;font-weight:700}.process-foot{display:flex;gap:15px;color:#84918f;font-size:9px}.process-foot span{display:inline-flex;align-items:center;gap:5px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-flow{background:var(--orange)}.dot-measured{background:var(--green)}.dot-pending{background:#9ca9a5}@media(max-width:640px){.process-track{margin-right:-9px;padding-right:10px}.process-node{min-width:112px}.process-foot{flex-wrap:wrap;gap:8px 12px}}