/* Revision 02: clinical instrument panel + a live record sheet. */
:root[data-theme="light"]{--bg:#fff;--surface-alt:#f3f6f7;--border:#dfe5e7;--text:#192d37;--text-secondary:#566974;--text-muted:#687b84;--accent:#116b70;--accent-hover:#0c5257;--accent-light:#edf7f7;--border-focus:#116b70;--phoenix:#116b70;--phoenix-bg:#edf7f7;--phoenix-border:#c8e2e3}
body{font-family:Inter,'Segoe UI',sans-serif;background:#fff;color:var(--text)}
.app-header{height:82px;padding:0 30px;background:#ffffffed;backdrop-filter:blur(16px)}.brand-mark{font-size:41px;color:#172e39}.brand-mark>span{color:var(--accent)}.brand-text{font-size:13px}.brand-text small{font-size:12px}.institute-avatar{border-radius:9px;background:#ecf3f4;color:#24545c}.tabs{top:82px;width:200px;padding:37px 14px 22px;background:#fbfcfc}.nav-caption{font-size:9px;padding:0 12px 24px;color:#71848c}.tab{border-radius:0;position:relative;isolation:isolate;padding:15px 13px;min-height:48px;font-size:13px}.tab.active{background:transparent;color:#0c5961}.tab:before{content:'';position:absolute;inset:3px 0;background:#eaf2f3;border-radius:7px;z-index:-1;opacity:0;transform:scaleX(.94);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s}.tab.active:before{opacity:1;transform:scaleX(1)}.tab.active:after{width:3px;height:18px;border-radius:3px;background:var(--accent);position:absolute;left:-14px}.tab:hover{background:transparent}.tab:hover:before{opacity:.6}.tab svg{transition:transform .2s}.tab:hover svg{transform:translateY(-2px)}.footer-cross{font-family:Georgia,serif;font-size:48px;font-weight:bold;letter-spacing:-4px;color:#a2b6bd}.nav-footer{padding:50px 13px 0}.nav-footer strong{font-size:12px;letter-spacing:.08em}.container{margin:82px 0 0 200px;max-width:none;padding:34px clamp(24px,3.4vw,52px) 72px}.page-heading{margin-bottom:17px;align-items:flex-end}.eyebrow{font-size:10px;color:#647985;letter-spacing:.12em}.page-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:49px;letter-spacing:-2px;font-weight:400;line-height:1.08}.page-heading h1 span{color:var(--accent)}.page-heading p{font-size:14px;color:#5a6b73;margin-top:10px}.page-code{font-size:11px;letter-spacing:.09em;color:#5c737b;padding-bottom:7px}.preview-notice{font-size:12px;padding:8px 0 22px}.preview-dot{background:#aa772b}
#tab-novo.active{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:0 32px;align-items:start}#tab-novo>.cycle-steps{grid-column:1/-1;grid-row:1}#tab-novo>.cycle-aside{grid-column:2;grid-row:2/span 18;position:sticky;top:160px;min-width:0}#tab-novo>.mobile-draft{display:none}.cycle-steps{display:flex;gap:26px;position:sticky;top:82px;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 30px;z-index:80;min-height:60px}.cycle-steps button{display:flex;align-items:center;gap:10px;border:0;background:none;position:relative;padding:18px 0;font-size:13px;color:#687c86;cursor:pointer;white-space:nowrap}.cycle-steps button[hidden]{display:none}.cycle-steps button span{font-family:'JetBrains Mono',monospace;font-size:11px;color:#83949d}.cycle-steps button:after{content:'';position:absolute;height:2px;background:#176a73;bottom:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.cycle-steps button.is-current{color:#174e59;font-weight:600}.cycle-steps button.is-current:after{transform:scaleX(1)}.cycle-steps button.is-current span{color:#176a73}
#tab-novo>.card{border:0;border-radius:0;padding:24px 0;margin-bottom:4px;border-bottom:1px solid var(--border);box-shadow:none;background:#fff}#tab-novo>#setup-equipment{padding-top:0;border-bottom:0;padding-bottom:9px}.section-caption{font:10px 'JetBrains Mono',monospace;letter-spacing:.08em;color:#56737e;margin-bottom:13px}.card-title{font-size:19px;letter-spacing:-.045em;font-weight:500;margin-bottom:20px;color:#233b47}.section-number{display:none}.autoclave-picker{gap:16px}.autoclave-btn{overflow:hidden;min-height:196px;border:1px solid #dfe6e8;border-radius:9px;padding:20px 20px 17px;gap:0;justify-content:flex-start;background:#fff;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.autoclave-btn:hover{transform:translateY(-3px);box-shadow:0 8px 18px #1733450a;border-color:#7fa9af}.autoclave-btn:active{transform:translateY(0)}.autoclave-btn:before{width:16px;height:16px;top:18px;right:18px;border-color:#b7c7cd}.autoclave-btn.sel-phoenix,.autoclave-btn.sel-cristofoli{background:#eff6f7;border-color:#377c87;box-shadow:inset 0 0 0 1px #377c8710}.autoclave-btn.sel-phoenix:before,.autoclave-btn.sel-cristofoli:before{border:5px solid #246e7b;background:white}.machine-code{font:9px 'JetBrains Mono',monospace;letter-spacing:.09em;color:#6a828d;padding-right:24px}.machine-capacity{font-size:64px;line-height:1;letter-spacing:-4px;font-weight:300;margin-top:18px;margin-bottom:12px;font-variant-numeric:tabular-nums;color:#254b5c;transition:transform .35s}.machine-capacity>span{font-size:15px;letter-spacing:0;margin-left:6px;color:#60818e;font-weight:400}.autoclave-btn:hover .machine-capacity{transform:translateX(3px)}.autoclave-btn .ac-name{font-size:15px;font-weight:600;color:#264c5b!important;margin:0}.autoclave-btn .ac-info{font-size:12px;margin-top:5px;color:#607b88}.machine-selection{position:absolute;bottom:17px;right:17px;font-size:10px;color:#286a76;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.sel-phoenix .machine-selection,.sel-cristofoli .machine-selection{opacity:1;transform:translateY(0)}
#setup-program .card-title{font-size:14px;letter-spacing:-.01em;font-weight:600;margin-bottom:12px}.program-picker{gap:0;border:1px solid #dfe5e7;border-radius:8px;overflow:hidden}.prog-btn{border:0;border-bottom:1px solid #e1e8eb;border-radius:0;padding:13px 15px;min-height:59px;background:#fff;position:relative;transition:background .25s,padding .25s}.prog-btn:last-child{border-bottom:0}.prog-btn:hover{background:#f7fafb}.prog-btn.selected{background:#f0f6f8;padding-left:20px}.prog-btn.selected:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#297484}.prog-btn .prog-code{font-size:10px;min-width:65px;padding:5px 8px;border-radius:3px;background:#f3f6f7;color:#586f7b}.prog-btn.selected .prog-code{background:#dcecee;color:#245763}.prog-btn .prog-name{font-size:13px;font-weight:500}.prog-btn .prog-params{font-size:11px;color:#6c808b;margin-top:2px}#params-display{margin-top:12px!important;padding:0!important;background:transparent!important;font-size:12px!important;color:#617782!important}#params-display:has(strong){line-height:1.7}.cycle-readout{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:22px;padding:18px 0 0;border-top:1px solid #dfe7e9}.cycle-readout>div{border-right:1px solid #dfe7e9;padding:0 20px}.cycle-readout>div:first-child{padding-left:0}.cycle-readout>div:last-child{border-right:0}.cycle-readout>div>span{display:block;font-size:11px;color:#637a85;margin-bottom:7px}.cycle-readout strong{display:inline-block;font-weight:400;font-size:32px;letter-spacing:-1px;color:#1c4052;line-height:1.1;font-variant-numeric:tabular-nums}.cycle-readout small{font-size:11px;margin-left:4px;color:#5e7b87;white-space:nowrap}
.cycle-receipt{background:#f5f8f9;border:1px solid #dfe8eb;border-top:3px solid #233f4d;border-radius:3px 3px 12px 12px;padding:21px 20px 16px;position:relative;overflow:hidden}.receipt-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:25px;font:9px 'JetBrains Mono',monospace;letter-spacing:.06em;color:#5a737e}.draft-label{font:10px Inter,sans-serif;background:#e5edf0;border-radius:3px;padding:4px 6px;color:#4d6673;letter-spacing:0}.cycle-receipt h2{font:25px Georgia,serif;letter-spacing:-.7px;font-weight:400;color:#1f3d4c}.cycle-receipt>p{font-size:12px;color:#627b88;margin-top:5px;line-height:1.6}.receipt-code{border-top:1px dashed #c7d7de;border-bottom:1px dashed #c7d7de;margin-top:22px;padding:17px 0}.receipt-code>span{display:block;font:9px 'JetBrains Mono',monospace;color:#6f8590;letter-spacing:.08em;margin-bottom:8px}.receipt-code strong{font:15px 'JetBrains Mono',monospace;font-weight:500;color:#264655;letter-spacing:-.05em}.cycle-receipt dl{margin:6px 0 25px}.cycle-receipt dl>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e2eaed;font-size:12px}.cycle-receipt dt{color:#667f8b;flex-shrink:0}.cycle-receipt dd{color:#274957;text-align:right;overflow-wrap:anywhere}.draft-progress{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#526e7d}.draft-progress strong{font-size:11px;font-weight:500;color:#345766}.draft-track{height:3px;background:#dfe9ed;margin:10px 0 19px;overflow:hidden}.draft-track>span{display:block;background:#278897;height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1)}.draft-next{border:0;border-radius:5px;padding:13px;width:100%;text-align:left;font-size:12px;color:white;background:#224d5e;display:flex;justify-content:space-between;cursor:pointer;transition:background .2s}.draft-next:hover{background:#12394a}.draft-next>span{transition:transform .2s}.draft-next:hover>span{transform:translate(2px,-2px)}.cycle-receipt>.receipt-note{text-align:center;font-size:10px;margin-top:11px;color:#728892}.cycle-aside #day-status{position:static!important;margin:25px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none;background:none}.cycle-aside #day-status .day-title:before{font-size:9px;margin-bottom:8px;color:#65808b}.cycle-aside #day-status .day-title{font-size:12px!important;margin-bottom:14px!important}.cycle-aside #day-status .day-items{display:flex!important;flex-direction:column!important;gap:0!important}.cycle-aside #day-status .day-items>span{font-size:12px!important;padding:11px 0!important;border-top:1px solid #e6edef;color:#5c7580!important}.cycle-aside #day-status .day-note{display:none}
.alert-banner{border-radius:5px;font-size:12px;margin-bottom:19px;line-height:1.7}#bd-block{background:#fffcf6;border:0;border-left:2px solid #b2853b;color:#88692f;padding:12px 15px}#bd-block strong{font-weight:600}.photo-label{border-color:#b7cfd8;border-radius:7px;background:#f8fbfc;min-height:86px;position:relative;transition:background .25s,border-color .25s}.photo-label:hover{background:#edf5f8;border-color:#4d8d9e}.photo-label svg{color:#5c8b9c;transition:transform .25s}.photo-label:hover svg{transform:translateY(-3px) rotate(-5deg)}.photo-preview.has-photo{animation:photo-reveal .3s ease-out}.field label{color:#506977;font-size:14px}.field input,.field select,.field textarea{border-color:#d9e3e7;border-radius:6px;color:#244555;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px #16748812;border-color:#498b9c}.radio-option{border-radius:5px;border-color:#d9e3e7;color:#506b79}.radio-option:has(input:checked){background:#edf6f8;color:#275c6d;border-color:#82acb9}.radio-option input{accent-color:#226b80}.btn-primary{background:#234f61;border-radius:6px}.btn-primary:hover{background:#163e50}.surgery-toggle{border-radius:6px}.surgery-toggle input[type=checkbox]{accent-color:#226b80}.card{border-radius:8px}.record-item{border-radius:6px;transition:border-color .2s,transform .2s,box-shadow .2s}.record-item:hover{border-color:#8cabb8;transform:translateX(3px);box-shadow:0 4px 15px #22485808}.empty-state{border:0;border-top:1px solid var(--border);border-radius:0;background:linear-gradient(#f8fafb,white);padding:70px 20px}.stats-grid{gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr)}.stat-card{border-radius:0;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:30px}.stat-value{font-family:Georgia,serif;font-size:46px;color:#244859}.stat-label{font-size:13px;color:#637b85}.detail-overlay.show .detail-sheet{animation:sheet-enter .3s cubic-bezier(.2,.8,.2,1)}.detail-sheet{border-radius:14px 14px 0 0}.panel.active{animation:studio-enter .35s cubic-bezier(.2,.8,.2,1)}[id^="setup-"],#card-quimico,#card-bowie,#card-materiais,.field input,.field select,#btn-salvar{scroll-margin-top:164px}.section-flash{animation:section-flash .65s ease-out}
@keyframes studio-enter{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-enter{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes photo-reveal{from{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@keyframes section-flash{from{box-shadow:0 0 0 5px #38859922}to{box-shadow:0 0 0 0 transparent}}
@media(min-width:1750px){.container{max-width:1490px;margin-left:200px;margin-right:auto}}
@media(max-width:1250px){.container{padding-left:30px;padding-right:30px}#tab-novo.active{grid-template-columns:minmax(0,1fr) 235px;gap:0 24px}.machine-selection{display:none}.cycle-receipt{padding:18px 16px}.cycle-readout>div{padding:0 12px}.cycle-readout small{display:block;margin:4px 0 0}.cycle-readout strong{font-size:30px}.cycle-steps{gap:22px}}
@media(max-width:1050px){.tabs{width:172px}.container{margin-left:172px;padding-left:24px;padding-right:24px}.nav-caption{font-size:8px}.tab{font-size:12px;gap:9px}#tab-novo.active{grid-template-columns:minmax(0,1fr) 215px;gap:0 20px}.autoclave-btn{padding:17px 13px}.machine-code{font-size:8px;letter-spacing:0}.machine-capacity{font-size:52px}.autoclave-btn .ac-name{font-size:13px}.autoclave-btn .ac-info{font-size:11px}.cycle-steps{gap:20px}.cycle-steps button{font-size:12px;gap:7px}}
@media(max-width:900px){#tab-novo.active{display:block}.cycle-aside{display:none}.cycle-steps{margin-bottom:25px;gap:22px}.autoclave-btn{padding:20px;min-height:193px}.machine-capacity{font-size:61px}.machine-code{font-size:10px}.machine-selection{display:block}.cycle-readout small{display:inline;margin-left:4px}.cycle-readout strong{font-size:32px}#tab-novo>.mobile-draft{display:flex;position:fixed;bottom:16px;left:196px;right:24px;z-index:90;justify-content:space-between;align-items:center;text-align:left;background:#244e60;color:#fff;border:1px solid #ffffff33;box-shadow:0 8px 24px #173f5630;border-radius:9px;padding:13px 18px;cursor:pointer;font-size:12px}.mobile-draft strong{display:block;font-size:11px;color:#c9e0e9;font-weight:400;margin-top:2px}.mobile-draft b{margin-left:9px;font-size:18px;font-weight:400}.container{padding-bottom:110px}.cycle-steps button:last-child{margin-right:0}}
@media(max-width:760px){.app-header{height:72px;padding:0 20px}.brand-mark{font-size:35px}.brand-text{font-size:12px}.brand-text small{font-size:10px}.tabs{width:100%;top:72px;height:55px;padding:6px 15px;gap:8px}.tab{padding:10px 10px;min-height:40px;font-size:12px}.tab:before{inset:2px 0}.tab.active:after{display:none}.container{margin:127px 0 0;padding:26px 20px 114px}.page-heading{margin-bottom:14px}.page-heading h1{font-size:42px;letter-spacing:-1.8px}.page-heading p{font-size:13px;margin-top:9px}.eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:10px}.preview-notice{font-size:11px;line-height:1.6;padding-bottom:18px}.cycle-steps{top:127px;gap:0;justify-content:space-between;min-height:54px;margin-bottom:22px}.cycle-steps button{font-size:11px;gap:5px;padding:15px 0}.cycle-steps button span{font-size:9px}.card-title{font-size:18px;letter-spacing:-.04em}.section-caption{font-size:9px;margin-bottom:10px}.autoclave-picker{gap:12px}.autoclave-btn{padding:16px 13px;min-height:183px;border-radius:6px}.machine-code{font-size:8px;letter-spacing:.02em;max-width:100%;padding-right:15px}.autoclave-btn:before{top:14px;right:13px;width:13px;height:13px}.autoclave-btn.sel-phoenix:before,.autoclave-btn.sel-cristofoli:before{border-width:4px}.machine-capacity{font-size:55px;margin-top:21px;margin-bottom:14px;letter-spacing:-3px}.machine-capacity span{font-size:12px;margin-left:5px}.autoclave-btn .ac-name{font-size:12px}.autoclave-btn .ac-info{font-size:10px}.machine-selection{display:none}.prog-btn .prog-name{font-size:12px}.prog-btn .prog-params{font-size:11px}.prog-btn .prog-code{min-width:58px;font-size:9px}.prog-btn{padding:12px;gap:10px}.prog-btn.selected{padding-left:17px}.cycle-readout{margin-top:18px;padding-top:16px}.cycle-readout>div{padding:0 12px}.cycle-readout>div>span{font-size:11px}.cycle-readout strong{font-size:30px}.cycle-readout small{font-size:10px;display:block;margin:3px 0 0}#tab-novo>.mobile-draft{left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));padding:11px 15px}.field label{font-size:13px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:22px}.stat-value{font-size:40px}.stat-label{font-size:12px}.toast{bottom:90px}.detail-overlay{z-index:200}[id^="setup-"],#card-quimico,#card-bowie,#card-materiais,.field input,.field select,#btn-salvar{scroll-margin-top:195px}.section-flash{animation:none}}
@media(max-width:360px){.container{padding-left:15px;padding-right:15px}.autoclave-picker{grid-template-columns:1fr 1fr;gap:9px}.machine-capacity{font-size:47px}.autoclave-btn{padding:15px 10px}.machine-code{font-size:7px}.autoclave-btn .ac-name{font-size:11px}.autoclave-btn .ac-info{font-size:9px}.cycle-steps button{font-size:10px;gap:3px}.cycle-steps button span{font-size:8px}.cycle-readout>div{padding:0 8px}.cycle-readout strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.autoclave-btn:hover,.autoclave-btn:hover .machine-capacity,.record-item:hover,.tab:hover svg,.photo-label:hover svg,.draft-next:hover>span{transform:none}}
.day-disclosure>summary{display:none}.day-disclosure>summary>span{font-size:19px;font-weight:300}.day-disclosure[open]>summary>span{transform:rotate(45deg)}
@media(max-width:900px){#tab-novo.active{display:flex;flex-direction:column;align-items:stretch}#tab-novo>.cycle-steps{order:-3;flex-shrink:0}#tab-novo>.cycle-aside{display:block;position:static;order:-2;margin-bottom:19px}.cycle-receipt{display:none}.day-disclosure{border:1px solid #e0e9ed;border-radius:5px}.day-disclosure>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:12px;color:#4f7181;padding:9px 13px;cursor:pointer}.day-disclosure>summary::-webkit-details-marker{display:none}.cycle-aside #day-status{padding:0 13px 13px!important;margin:0!important}.cycle-aside #day-status .day-title{display:none}.cycle-aside #day-status .day-items{flex-direction:row!important;flex-wrap:wrap;gap:0 15px!important}.cycle-aside #day-status .day-items>span{border:0;padding:6px 0!important}.cycle-steps{margin-bottom:14px}}
@media print{.mobile-draft,.cycle-aside,.cycle-steps{display:none!important}}