
:root{font-family:Arial,Helvetica,sans-serif;color:#173042;background:#f3f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{transition:background .15s}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #12a6ac;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2}h2{font-size:21px;letter-spacing:-.4px}h3{font-size:17px}p{color:#637583;line-height:1.55;margin-top:8px}small{font-size:13px;line-height:1.4}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#102b40;color:#d4e0e9;padding:32px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;color:white;letter-spacing:2px}.brandmark{background:#74e0cb;color:#102b40;display:grid;place-items:center;height:43px;width:43px;border-radius:9px;font-size:30px;letter-spacing:0}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;margin-top:5px}.sidecaption{font-size:11px;letter-spacing:1.5px;color:#829aa9;margin:50px 12px 12px}.nav{display:flex;align-items:center;gap:12px;color:#bdceda;background:none;text-align:left;width:100%;padding:16px 12px;border-radius:8px;font-size:14px;margin-bottom:8px}.nav.active{background:#284455;color:#8ce4d2}.nav:hover{background:#233e52}.sidebarbottom{margin-top:auto;border-top:1px solid #365164;padding:24px 12px 0;display:flex;flex-direction:column;gap:12px}.sidebarbottom strong{font-size:14px}.sidebarbottom span,.sidebarbottom small{font-size:12px;color:#91a9ba}main{margin-left:238px;flex:1;min-width:0}.topbar{height:75px;border-bottom:1px solid #dee6eb;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:14px}.slash{color:#b8c5cd;margin:0 14px}.date{color:#738491}.content{padding:35px 40px 30px;max-width:1570px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#087f85;margin-bottom:12px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;min-height:47px;padding:11px 18px;text-decoration:none;font-weight:600;font-size:14px;white-space:nowrap}.primary{background:#087f85;color:white}.primary:hover{background:#096870}.secondary{background:white;border:1px solid #cad7df;color:#244759}.secondary:hover{background:#eef5f7}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce5eb;border-radius:11px;background:#fff;margin-bottom:28px;overflow:hidden}.metrics>div{padding:22px;border-right:1px solid #e4ebef;display:flex;flex-direction:column;gap:10px}.metrics>div:last-child{border:0}.metrics span{font-size:14px;color:#536b7a}.metrics strong{font-size:34px;font-weight:600;letter-spacing:-1px}.metrics em{font-size:15px;font-weight:400;font-style:normal;margin-left:8px;color:#697f8b}.metrics small{font-size:12px;color:#7b8b96}.machines{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.machine{background:white;border:1px solid #dce5eb;border-radius:11px;padding:24px;border-top:4px solid #087f85}.machineheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.machineicon{color:#087f85;background:#e9f6f3;padding:12px;border-radius:9px}.tag{display:inline-block;font-size:12px;font-weight:600;background:#edf2f6;padding:7px 11px;border-radius:5px;white-space:nowrap;color:#597083}.tag.good{background:#e2f4eb;color:#207254}.tag.warning{background:#fff0cf;color:#8d6109}.machine h2{font-size:26px;letter-spacing:1px}.machine p{font-size:14px}.machinefooter{border-top:1px solid #e5ebef;padding-top:19px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.machinefooter span{font-size:12px;color:#82939e}.machinefooter b{margin-left:10px;color:#a0aeb7}.delivery{display:flex;align-items:center;gap:18px;padding:20px 24px;border-radius:9px;background:#e8f0f4;margin-bottom:28px}.delivery>div{flex:1}.delivery p{font-size:14px;margin:4px 0;color:#294d60}.delivery small{color:#627987}.mailicon{color:#527b8e}.panel{background:white;border:1px solid #dce5eb;border-radius:10px;padding:26px;margin-bottom:24px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.sectionhead p{font-size:14px}.toolbar{display:flex;align-items:center;gap:12px}select,input,textarea{border:1px solid #c9d5dd;border-radius:6px;background:#fff;color:#183c50;min-height:46px;padding:10px 12px;max-width:100%}select{font-size:14px}input,textarea{font-size:16px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field>span{font-size:14px;font-weight:600;color:#476171}.field small{color:#7b8d99}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.empty{padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#78909e;text-align:center}.empty h3{color:#365365}.empty p{font-size:14px;margin-top:0}.empty.small{padding:22px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:12px;color:#738a98;font-weight:600;padding:14px 12px;background:#f5f8fa}td{padding:18px 12px;border-bottom:1px solid #e6edf1}td small{display:block;color:#7d8f9b;margin-top:5px}.footnote{font-size:12px;margin-top:18px;color:#8b9aa4}.alert{padding:15px 18px;display:flex;align-items:center;gap:12px;margin-bottom:20px;border-radius:8px;font-size:14px}.alert button{margin-left:auto;background:transparent;text-decoration:underline;min-height:40px}.error{color:#9d3430;background:#fde9e5}.success{background:#e0f4e9;color:#216b4b}.steps{display:flex;border-bottom:1px solid #d3dfe6;gap:10px;margin-bottom:25px;overflow:auto}.steps button{display:flex;align-items:center;gap:8px;white-space:nowrap;background:transparent;color:#718591;padding:15px 10px;border-bottom:3px solid transparent;font-size:14px}.steps button.selected{border-bottom-color:#087f85;color:#087f85;font-weight:600}.steps b{background:#e2eaee;display:grid;place-items:center;border-radius:50%;width:23px;height:23px;font-size:12px}.steps .selected b{background:#087f85;color:white}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled input,fieldset:disabled select,fieldset:disabled textarea{background:#f7f9fa;color:#486071}.back{display:flex;align-items:center;gap:4px;background:none;color:#68828f;font-size:13px;padding:0 0 15px}.muted{color:#748996;font-weight:400}.cavities{display:grid;gap:10px;margin-top:22px}.blocked{grid-template-columns:repeat(12,1fr)}.blocked button{background:#f2f6f8;color:#486b80;min-height:44px;border:1px solid #dce6eb;border-radius:5px;font-size:14px}.blocked button.isblocked{background:#fce7d7;border-color:#d9864b;color:#964606}.weights{grid-template-columns:repeat(6,minmax(0,1fr))}.weights label{border:1px solid #dde7ed;border-radius:7px;padding:10px;background:#f8fafb;display:flex;flex-direction:column;gap:10px}.weights label>span{font-size:12px;font-weight:600;color:#6a8594}.weights input{width:100%;padding:10px 8px}.weights .disabled{background:#f0ece8}.weights small{font-size:13px;color:#9a765c}.entry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 38px;gap:16px;padding:20px 0;border-top:1px solid #e2eaef;align-items:end}.entry:has(.field:nth-child(2):last-of-type){grid-template-columns:1fr 2fr 38px}.iconbutton{background:transparent;color:#688591;display:grid;place-items:center;width:44px;height:44px;border-radius:5px}.iconbutton:hover{background:#e8f0f3}.average{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:230px}.average strong{font-size:25px;color:#087f85}.average span{width:100%;font-size:12px;color:#748d99}.timefield{max-width:220px}.reference{background:#eef4f7;color:#5e7b8b;font-size:13px;line-height:1.6;padding:14px 18px;border-radius:6px}.reading{margin-top:28px;border-top:1px solid #dbe5eb;padding-top:24px}.checklist label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #e6edf0;font-size:14px}.checkbox{display:flex;align-items:center;gap:12px;line-height:1.6;font-size:14px;margin-top:22px}.checkbox input{width:23px;height:23px;min-height:23px;accent-color:#087f85;flex-shrink:0}.downtimetotal{font-size:45px;font-weight:600;margin-top:30px;color:#087f85}.downtimetotal span{font-size:14px;font-weight:400;margin-left:12px;color:#77909e}textarea{width:100%;resize:vertical;margin-top:20px;line-height:1.5}.actionbar{position:sticky;bottom:0;background:#f3f6f8f5;border-top:1px solid #d2dfe6;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;backdrop-filter:blur(8px)}.actionbar>span{font-size:13px;color:#708996}.actionbar>div{display:flex;gap:10px}.amber{color:#a06f10}.amberpanel{border-left:4px solid #dea326}.amberpanel li,details li{margin:10px 0;font-size:14px;line-height:1.5}details{margin-top:20px;color:#8a651a}summary{cursor:pointer;min-height:44px}.textbutton{display:block;background:transparent;color:#087f85;padding:10px 0;text-decoration:underline}
@media(min-width:1500px){.content{padding-top:45px}.machine{padding:30px}}@media(max-width:1100px){.sidebar{width:195px;padding:25px 13px}.brand{font-size:20px}.brand small{font-size:8px}.nav{font-size:13px}.content{padding:27px 24px}main{margin-left:195px}.topbar{padding:0 24px}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics>div{padding:18px 14px}.metrics small{font-size:11px}.blocked{grid-template-columns:repeat(8,1fr)}.weights{grid-template-columns:repeat(4,minmax(0,1fr))}.entry{grid-template-columns:repeat(2,minmax(0,1fr))}.entry .iconbutton{grid-column:2;justify-self:end}.steps{gap:0}.steps button{font-size:13px;padding:15px 8px}.machinefooter>span{display:none}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:16px 20px;flex-direction:row;align-items:center;justify-content:space-between}.brand small{font-size:9px}.sidebar .sidecaption,.sidebarbottom,.sidebar .nav{display:none}.shell{display:block}main{margin:0}.topbar{height:53px;font-size:12px}.content{padding:22px 16px}.date{display:none}.pagehead{align-items:flex-start;flex-wrap:wrap;gap:18px}h1{font-size:28px}.pagehead p{font-size:14px}.metrics{grid-template-columns:1fr 1fr}.metrics>div{border-bottom:1px solid #e4ebef}.metrics strong{font-size:30px}.machines{gap:14px}.machine{padding:18px}.machine h2{font-size:22px}.machine .tag{font-size:10px}.machineicon{padding:9px}.machineheading{gap:8px}.machinefooter{margin-top:18px}.machinefooter button{width:100%;padding:9px;font-size:13px}.delivery{align-items:flex-start;flex-wrap:wrap;padding:19px;gap:12px}.delivery small{font-size:12px}.delivery .tag{margin-left:35px}.panel{padding:20px 17px}.sectionhead{flex-wrap:wrap;gap:15px}.formgrid{gap:20px 14px}.field>span{font-size:13px}.field input{min-width:0;width:100%}.weights{grid-template-columns:repeat(3,minmax(0,1fr))}.blocked{grid-template-columns:repeat(6,1fr)}.checklist label{align-items:flex-start;flex-direction:column}.checklist select{width:100%}.entry,.entry:has(.field:nth-child(2):last-of-type){grid-template-columns:1fr 1fr}.entry .iconbutton{grid-column:2}.actionbar{flex-wrap:wrap}.actionbar>span{width:100%}.actionbar>div{width:100%}.actionbar button,.actionbar a{flex:1}.toolbar{width:100%}.toolbar select{flex:1}}
@media(max-width:380px){.machines,.formgrid{grid-template-columns:1fr}.weights{grid-template-columns:repeat(2,minmax(0,1fr))}}

.login{max-width:460px;margin:10vh auto;padding:28px}.login .field{margin:20px 0}.login button{width:100%}.sessionbar{position:fixed;right:18px;top:14px;z-index:20}.topbar .date{margin-right:100px}.login h1{margin-top:20px}
.entry.visual-entry{grid-template-columns:90px 105px minmax(160px,1fr) 115px 44px;align-items:start}.visual-entry .field{min-width:0}.visual-entry .corrective-notes{grid-column:1/-1;grid-row:2}.visual-entry .corrective-notes textarea{margin-top:0;min-height:150px;resize:vertical}.entry.visual-entry>.iconbutton{grid-column:5;grid-row:1;align-self:end}@media(max-width:1100px){.entry.visual-entry{grid-template-columns:90px 105px minmax(100px,1fr)}.visual-entry>.field:nth-child(3){grid-column:1/3;grid-row:2}.visual-entry>.field:nth-child(4){grid-column:3;grid-row:1}.entry.visual-entry>.iconbutton{grid-column:3;grid-row:2}.visual-entry .corrective-notes{grid-row:3;grid-column:1/-1}}@media(max-width:450px){.entry.visual-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-entry>.field:nth-child(3){grid-column:1/-1;grid-row:2}.visual-entry>.field:nth-child(4){grid-column:1;grid-row:3;max-width:115px}.entry.visual-entry>.iconbutton{grid-column:2;grid-row:3}.visual-entry .corrective-notes{grid-row:4}}
.machine-photo{background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}.machine-husky{background-image:linear-gradient(105deg,rgba(255,255,255,.88),rgba(255,255,255,.65)),url("/assets/husky.webp")}.machine-blow{background-image:linear-gradient(105deg,rgba(255,255,255,.88),rgba(255,255,255,.65)),url("/assets/blow-machine.jpg")}.machine-photo p{color:#425c6c}.machine-photo .machinefooter{border-top-color:#bccdd7}.machine-photo .machinefooter span,.machine-photo .machinefooter b{color:#425c6c}.machine-photo .tag{background:#eaf1f6}.machine-photo .secondary{background:#fff}
.retal-brand{display:flex;flex-direction:column;align-items:stretch;gap:10px}.retal-brand img{display:block;width:100%;height:auto;background:white;border-radius:6px;padding:8px}.retal-brand>small{font-size:10px;letter-spacing:1.5px;text-align:center}.retal-login-logo{display:block;width:260px;max-width:100%;height:auto}@media(max-width:760px){.retal-brand{width:180px;gap:6px}}
.category-toggle{display:none}.category-nav{display:flex;flex-direction:column;gap:6px}@media(max-width:760px),(max-width:1100px) and (orientation:portrait){.shell{display:block}.sidebar{position:relative;width:100%;padding:16px 20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.sidebar .retal-brand{width:160px;flex-shrink:0}.sidebar .sidebarbottom{display:none}.sidebar .category-toggle{display:block;min-height:48px;padding:12px 16px;border:1px solid #6e91a5;border-radius:7px;background:#204658;color:white;margin-left:auto;margin-right:104px}.category-nav{display:none;flex-basis:100%;width:100%}.category-nav.is-open{display:flex}.sidebar .category-nav .nav{display:flex;width:100%;min-height:48px;font-size:15px;text-align:left}.sidebar .category-nav .sidecaption{display:block;margin:12px 0 6px}main{margin-left:0}.sessionbar{position:absolute;top:25px;right:20px;min-height:48px}.topbar .date{display:none}.content{padding:24px 20px}.topbar{padding:0 20px}}@media(max-width:450px){.sidebar .retal-brand{width:125px}.sidebar .category-toggle{margin-right:90px;padding:10px;font-size:14px}.sessionbar{right:12px;padding:10px;font-size:14px}.sidebar{padding:16px 12px;gap:8px}}
.check-reminders{position:fixed;right:24px;bottom:100px;z-index:30;max-width:420px;width:calc(100vw - 48px);padding:18px;background:#fff7df;color:#573e00;border:2px solid #c58d00;border-radius:12px;box-shadow:0 6px 24px #17304230}.check-reminders p{margin:8px 0}.check-reminders button{margin:6px 8px 0 0;min-height:44px}@media(max-width:760px){.check-reminders{right:12px;bottom:110px;width:calc(100vw - 24px);padding:12px}}
.check-save{min-width:0;margin-bottom:16px}.check-save>fieldset{margin:0;padding:0;border:0;min-width:0}.check-save-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin:8px 0 18px}.check-save-actions span{color:#526779;font-size:13px}.check-save-actions button{min-width:100px;min-height:44px}
.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.header-access{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-right:100px}.topbar .date{display:block;margin:0}.role-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.role-controls button{min-height:44px;white-space:nowrap}.role-dialog{border:1px solid #cad9e3;border-radius:16px;padding:28px;width:420px;max-width:calc(100vw - 32px);color:#17394c}.role-dialog::backdrop{background:#17304270}.role-dialog .field{margin:18px 0}.role-dialog .role-controls{justify-content:flex-end}@media(max-width:1100px){.header-access{margin-right:0}.topbar{align-items:flex-start}.topbar .date{display:block}}
.entry.stop-entry{grid-template-columns:110px 110px minmax(130px,1fr) minmax(190px,2fr) 95px 36px;gap:12px}.stop-entry input{min-width:0;width:100%}@media(max-width:1200px){.entry.stop-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.stop-entry .corrective-notes{grid-column:1/-1}.stop-entry .iconbutton{justify-self:end}}
.sidebarbottom .sidebar-preforms{display:block;width:100%;height:auto;border-radius:10px}
.sidebar{background:#d9edf8;color:#17394c}.sidebar .nav,.sidebar .sidecaption,.sidebar .retal-brand small{color:#234d65}.sidebar .nav.active,.sidebar .nav:hover{background:#b8dcea;color:#075865}.sidebar .sidebarbottom{border-top-color:#aacbde}.sidebar .category-toggle{background:#bedfee;border-color:#8bbbd2;color:#17394c}
.machines{grid-template-columns:repeat(3,minmax(0,1fr))}.checkrow{display:grid;grid-template-columns:2fr 150px 2fr;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid #dde5eb}.checkrow textarea, .equipment textarea{margin-top:0}.checkrow h3{margin:8px 0}.task,.equipment{padding:24px 0;border-bottom:1px solid #dde5eb}.task h3{margin-top:12px}.equipment>.field{margin:18px 0}.aux{background:#f4f8fa;padding:20px;margin:16px 0;border-radius:8px}.formgrid{margin-top:20px;align-items:end}.alert[hidden]{display:none}.alert{background:#e4f2f6}.login form{margin-top:24px}.login .field{margin:18px 0}.category-nav{margin-top:25px}@media(max-width:1000px){.machines{grid-template-columns:1fr}.checkrow{grid-template-columns:1fr}.checkrow textarea{margin:0}}@media print{.sidebar,.topbar,.pagehead,.actionbar,button{display:none}main{margin:0}.content{padding:0}.panel{break-inside:avoid}}
