:root{--st-blue:#1768d2;--st-ink:#25394f;--st-muted:#728397;--st-line:#dfe6ed;--st-bg:#f5f7fa;--st-green:#19704c;--st-red:#b13842;--st-amber:#9a6508}*{box-sizing:border-box}body{margin:0;background:var(--st-bg);color:var(--st-ink);font:14px Roboto,Arial,sans-serif}.st-top{position:sticky;top:0;z-index:4;display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--st-line);background:#fff}.st-top a{color:var(--st-blue);font-weight:800;text-decoration:none}.st-top span{color:var(--st-muted)}.st-wrap{max-width:1450px;margin:auto;padding:24px 28px 48px}.st-card{border:1px solid var(--st-line);border-radius:10px;background:#fff}.st-loading,.st-empty{display:grid;min-height:230px;place-items:center;color:var(--st-muted)}.st-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.st-kicker{display:flex;gap:7px}.st-tag{padding:5px 8px;border-radius:5px;background:#e7f2ff;color:var(--st-blue);font-size:10px;font-weight:900;letter-spacing:.03em}.st-tag.soft{background:#edf7f2;color:var(--st-green)}.st-hero h1{margin:8px 0 4px;font-size:30px}.st-hero p{margin:0;color:var(--st-muted)}.st-actions{display:flex;gap:9px}.st-btn{display:inline-flex;height:40px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid var(--st-blue);border-radius:7px;background:var(--st-blue);color:#fff;font-weight:800;cursor:pointer}.st-btn.secondary{border-color:#ccd8e4;background:#fff;color:#40566d}.st-btn.danger{border-color:#e3a5aa;background:#fff3f4;color:var(--st-red)}.st-alert{display:flex;align-items:center;gap:12px;margin:20px 0 12px;padding:13px 15px;border:1px solid #f0d38e;border-left:4px solid #d99819;border-radius:8px;background:#fff9eb}.st-alert>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:9px;background:#fff0c9;color:var(--st-amber);font-weight:900}.st-alert b,.st-alert small{display:block}.st-alert small{margin-top:3px;color:#7f704e}.st-tabs{display:flex;gap:24px;overflow:auto;margin-bottom:13px;border-bottom:1px solid var(--st-line)}.st-tabs button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--st-muted);white-space:nowrap;cursor:pointer}.st-tabs button.active{border-color:var(--st-blue);color:var(--st-blue);font-weight:800}.st-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.st-metric{display:flex;min-height:104px;align-items:center;gap:13px;padding:17px}.st-metric .icon{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:#e8f2ff;color:var(--st-blue);font-size:19px;font-weight:800}.st-metric.warn .icon{background:#fff1d8;color:var(--st-amber)}.st-metric.danger .icon{background:#feecee;color:var(--st-red)}.st-metric small,.st-metric strong,.st-metric span{display:block}.st-metric small{font-size:9px;font-weight:900;color:#8190a0;letter-spacing:.03em}.st-metric strong{margin:3px 0;font-size:25px}.st-metric span{font-size:11px;color:var(--st-muted)}.st-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;margin-top:12px}.st-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #edf1f4}.st-head h2{margin:0;font-size:15px}.st-head p{margin:3px 0 0;color:var(--st-muted);font-size:11px}.st-table-wrap{overflow:auto}.st-table{width:100%;min-width:760px;border-collapse:collapse}.st-table th,.st-table td{padding:12px 14px;border-bottom:1px solid #edf1f4;text-align:left;font-size:11px}.st-table th{background:#f8fafc;color:#78899b;font-size:9px;letter-spacing:.04em}.st-table td strong,.st-table td small{display:block}.st-table td small{margin-top:3px;color:var(--st-muted)}.st-pill{display:inline-flex;padding:4px 7px;border-radius:5px;background:#edf2f5;color:#65788b;font-size:9px;font-weight:900}.st-pill.ok{background:#e9f7ef;color:var(--st-green)}.st-pill.hold{background:#fff2da;color:var(--st-amber)}.st-pill.fail{background:#feebec;color:var(--st-red)}.st-checklist{padding:8px 17px 14px}.st-check{display:grid;grid-template-columns:25px 1fr auto;gap:9px;align-items:start;padding:11px 0;border-bottom:1px solid #edf1f4}.st-check:last-child{border-bottom:0}.st-check input{width:17px;height:17px;accent-color:var(--st-blue)}.st-check b,.st-check small{display:block}.st-check b{font-size:11px}.st-check small{margin-top:3px;color:var(--st-muted);font-size:10px}.st-check>span{font-size:9px;color:#8796a5}.st-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.st-step{position:relative;padding:16px;overflow:hidden}.st-step:before{content:attr(data-step);display:grid;width:26px;height:26px;place-items:center;margin-bottom:11px;border-radius:7px;background:#e8f2ff;color:var(--st-blue);font-size:10px;font-weight:900}.st-step h3{margin:0 0 6px;font-size:13px}.st-step p{margin:0;color:var(--st-muted);font-size:11px;line-height:1.5}.st-step button{margin-top:12px;border:0;background:none;color:var(--st-blue);font-size:10px;font-weight:800;cursor:pointer}.st-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.st-field{display:grid;gap:5px;color:#5f7285;font-size:10px;font-weight:800}.st-field.span-2{grid-column:span 2}.st-field.span-3{grid-column:1/-1}.st-field input,.st-field select,.st-field textarea{width:100%;min-height:40px;padding:9px 10px;border:1px solid #d5e0e9;border-radius:7px;background:#fff;color:var(--st-ink);font:12px Roboto,Arial}.st-field textarea{min-height:76px;resize:vertical}.st-section{margin-top:12px;overflow:hidden}.st-section-body{padding:18px}.st-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.st-control{padding:15px}.st-control header{display:flex;justify-content:space-between;gap:8px}.st-control h3{margin:0;font-size:12px}.st-control p{min-height:34px;color:var(--st-muted);font-size:10px;line-height:1.5}.st-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.st-guide{padding:18px}.st-guide h3{margin:0 0 6px}.st-guide p,.st-guide li{color:var(--st-muted);font-size:11px;line-height:1.55}.st-guide ul{padding-left:18px}.st-modal-bg{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center;padding:20px;background:#132638a8}.st-modal-bg.show{display:flex}.st-modal{width:min(800px,100%);max-height:92vh;overflow:auto;border-radius:13px;background:#f7f9fb;box-shadow:0 22px 70px #0d223747}.st-modal>header,.st-modal>footer{position:sticky;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#fff}.st-modal>header{top:0;border-bottom:1px solid var(--st-line)}.st-modal>footer{bottom:0;border-top:1px solid var(--st-line)}.st-modal h2{margin:0;font-size:18px}.st-modal-body{padding:18px}.st-close{border:0;background:none;color:#687b8d;font-size:25px;cursor:pointer}.st-radio-row{display:flex;gap:8px;flex-wrap:wrap}.st-radio{padding:10px 12px;border:1px solid #d5e0e9;border-radius:7px;background:#fff;color:#587087;font-size:11px;font-weight:800;cursor:pointer}.st-radio.on{border-color:#5d9ce8;background:#eaf4ff;color:var(--st-blue)}.st-toast{position:fixed;right:22px;bottom:22px;z-index:30;padding:11px 15px;border-radius:8px;background:#183b5a;color:#fff;box-shadow:0 12px 28px #183b5a33;font-size:11px}.is-embedded .st-top{display:none}.is-embedded .st-wrap{padding-top:10px}.is-embedded body{background:transparent}.is-embedded .st-hero h1,.is-embedded .st-hero p{display:none}.is-embedded .st-hero{align-items:center}
@media(max-width:1050px){.st-metrics{grid-template-columns:1fr 1fr}.st-grid{grid-template-columns:1fr}.st-flow{grid-template-columns:1fr 1fr}.st-control-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.st-top{padding:0 14px}.st-top span{display:none}.st-wrap{padding:16px 13px 38px}.st-hero{align-items:stretch;flex-direction:column}.st-actions{display:grid;grid-template-columns:1fr}.st-metrics,.st-flow,.st-control-grid,.st-guide-grid,.st-form-grid{grid-template-columns:1fr}.st-field.span-2,.st-field.span-3{grid-column:auto}.st-tabs{gap:18px}.st-modal-bg{padding:0}.st-modal{width:100%;height:100%;max-height:none;border-radius:0}.st-alert{align-items:flex-start}}
/* Embedded content uses the host gutter and a single page scrollbar. */
.is-embedded .st-wrap{max-width:none;padding:0 0 24px}
.st-kicker{flex-wrap:wrap}
.st-grid>*{min-width:0}

.is-embedded .st-hero button[onclick='Sterilization.openCycle()']{display:none}