.safety-titlebar{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:22px}.safety-titlebar h1{font-size:clamp(2.2rem,4.5vw,3.55rem);line-height:1.04;letter-spacing:-.045em;margin-bottom:10px}.safety-titlebar>div:first-child>p:last-child{max-width:850px;color:var(--muted);font-size:1rem;margin:0}.safety-actions{display:flex;gap:10px;flex:0 0 auto}.safety-actions button{white-space:nowrap}
.safety-commandbar{display:grid;grid-template-columns:1.2fr 1fr auto auto;align-items:center;gap:18px;background:linear-gradient(112deg,#061b29,#0b4052);color:#fff;border-radius:11px;padding:14px 18px;margin-bottom:15px}.safety-commandbar label{display:flex;align-items:center;gap:10px}.safety-commandbar label>span,.safety-capacity span,.safety-zero span{font:700 .72rem Roboto Mono;color:var(--aqua)}.safety-commandbar select{flex:1;min-width:210px;background:#0d3445;color:#fff;border:1px solid #3b5b69;border-radius:6px;padding:9px}.safety-commandbar>div{display:flex;align-items:center;gap:10px}.safety-commandbar p{display:flex;flex-direction:column;margin:0;font-size:.85rem}.safety-commandbar small{color:#92aab4;font-size:.75rem}.safety-live{width:10px;height:10px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(49,217,203,.12)}.safety-capacity,.safety-zero{border-left:1px solid #315361;padding-left:17px;display:flex!important;flex-direction:column;align-items:flex-end!important}.safety-capacity b,.safety-zero b{font-size:.85rem}.safety-zero b{color:var(--aqua)}
.safety-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.safety-kpis article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;display:flex;flex-direction:column}.safety-kpis article.ready{background:#effaf7;border-color:#c6e9e1}.safety-kpis article.warning{background:#fff9ed;border-color:#ecd9ad}.safety-kpis article.action{background:#fff4f2;border-color:#edcbc7}.safety-kpis small{font:700 .73rem Roboto Mono;color:var(--muted)}.safety-kpis b{font-size:1.8rem;letter-spacing:-.03em;margin:4px 0}.safety-kpis .ready b{color:#08776c}.safety-kpis .warning b{color:#9a681b}.safety-kpis .action b{color:#aa403a}.safety-kpis span{font-size:.78rem;color:var(--muted)}
.safety-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:20px;scrollbar-width:none}.safety-tabs::-webkit-scrollbar{display:none}.safety-tabs button{border:0;background:none;padding:14px 17px;color:var(--muted);white-space:nowrap;position:relative;font-size:.9rem}.safety-tabs button.active{color:var(--ink);font-weight:800}.safety-tabs button.active:after{content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:3px;background:var(--sea)}.safety-tabs button span{margin-left:6px;background:#fff0d3;color:#986417;border-radius:9px;padding:2px 6px;font:700 .7rem Roboto Mono}.safety-panel{display:none}.safety-panel.active{display:block}.safety-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:21px;min-width:0}.safety-card .panel-head p{font-size:.8rem;color:var(--muted);margin:3px 0 0}
.safety-register-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.safety-register-card{padding:0;overflow:hidden}.safety-toolbar{display:grid;grid-template-columns:1.2fr minmax(190px,.75fr) auto auto;gap:10px;align-items:center;padding:18px 20px}.safety-toolbar h2{font-size:1.05rem;margin:0}.safety-toolbar p{font-size:.75rem;color:var(--muted);margin:3px 0 0}.safety-toolbar label{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:0 9px}.safety-toolbar label span{color:var(--sea)}.safety-toolbar input{width:100%;border:0;outline:0;background:transparent;padding:9px}.safety-toolbar select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px}.safety-table-wrap{overflow:auto}.safety-row{min-width:1080px;display:grid;grid-template-columns:1.4fr .85fr .9fr .8fr .72fr .6fr .48fr;gap:12px;align-items:center;padding:14px 20px;border-top:1px solid var(--line);font-size:.76rem}.safety-head{background:#f3f7f8;color:var(--muted);font:700 .67rem Roboto Mono;padding-top:10px;padding-bottom:10px}.safety-row>span{display:flex;flex-direction:column}.safety-row span b{font-size:.82rem}.safety-row small{color:var(--muted);font-size:.68rem;margin-top:2px}.safety-row>strong{font:700 .73rem Roboto Mono}.safety-row>em{font:700 .62rem Roboto Mono;font-style:normal;text-align:center;border-radius:4px;padding:5px}.safety-row>em.valid{background:#e1f6f1;color:#08776c}.safety-row>em.inspect{background:#fff0d3;color:#986417}.safety-row>em.expiring{background:#fbe7e5;color:#aa403a}.safety-row>button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px;font-size:.7rem}.safety-empty{text-align:center;padding:28px;color:var(--muted)}
.capacity-card{background:linear-gradient(155deg,#08283b,#0b465a);color:#fff;border:0}.capacity-card>small{font:700 .7rem Roboto Mono;color:var(--aqua)}.capacity-ring{width:140px;height:140px;border-radius:50%;margin:20px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#0a3d50 0 55%,transparent 56%),conic-gradient(var(--aqua) 0 98%,#2c5869 98%)}.capacity-ring b{font-size:1.9rem}.capacity-ring span{font:.64rem Roboto Mono;color:var(--aqua)}.capacity-card>p{font-size:.77rem;color:#a1b8c1}.capacity-card dl div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:10px 0;font-size:.76rem}.capacity-card dd{margin:0;font-weight:800;color:var(--aqua)}
.inspection-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.inspection-layout>.safety-card:first-child{padding:0;overflow:hidden}.inspection-layout>.safety-card:first-child>.panel-head{padding:20px}.inspection-list article{display:grid;grid-template-columns:58px 1fr 75px 110px;align-items:center;gap:14px;border-top:1px solid var(--line);padding:16px 20px}.inspection-list article.urgent{background:#fff9f7;border-left:3px solid #c74f47}.inspection-list time{width:50px;height:50px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.inspection-list time b{font-size:1rem}.inspection-list time small{font:.62rem Roboto Mono;color:var(--sea)}.inspection-list article>div>small{font:700 .66rem Roboto Mono;color:var(--sea)}.inspection-list h3{font-size:.88rem;margin:4px 0}.inspection-list p{font-size:.72rem;color:var(--muted);margin:0}.inspection-list article>em{font:700 .62rem Roboto Mono;font-style:normal;color:#aa403a;background:#fbe7e5;text-align:center;border-radius:4px;padding:6px}.inspection-list article>em.planned{color:#176d87;background:#e3f2f6}.inspection-list article>button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:8px;font-size:.69rem;font-weight:800}.inspection-checklist{background:#f3f8f8}.inspection-checklist>small{font:700 .68rem Roboto Mono;color:var(--sea)}.inspection-checklist h2{font-size:1.2rem;margin:7px 0}.inspection-checklist>p{font-size:.73rem;color:var(--muted)}.inspection-meter{height:5px;background:#dfe9eb;border-radius:5px;margin:10px 0 15px;overflow:hidden}.inspection-meter i{display:block;width:0;height:100%;background:var(--aqua);transition:width .25s}.inspection-checklist label{display:grid;grid-template-columns:18px 1fr 26px;align-items:center;gap:9px;border-top:1px solid var(--line);padding:11px 0;cursor:pointer}.inspection-checklist input{accent-color:var(--sea)}.inspection-checklist label span{display:flex;flex-direction:column;font-size:.75rem;font-weight:700}.inspection-checklist label small{font-size:.67rem;color:var(--muted);font-weight:500}.inspection-checklist label em{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal;font-size:.67rem}.inspection-checklist label.done em{background:#dff7f1;border-color:#b5eadf;color:#08776c}
.expiry-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.expiry-layout>.safety-card:first-child{padding:0;overflow:hidden}.expiry-layout>.safety-card:first-child>.panel-head{padding:20px}.expiry-horizon{display:flex;align-items:center;gap:8px;font-size:.73rem;color:var(--muted)}.expiry-horizon select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px}.safety-expiry-list article{display:grid;grid-template-columns:80px 1fr 72px 175px;align-items:center;gap:14px;border-top:1px solid var(--line);padding:15px 20px}.safety-expiry-list time{display:flex;flex-direction:column}.safety-expiry-list time b{font:700 .78rem Roboto Mono;color:var(--sea)}.safety-expiry-list time small{font:.63rem Roboto Mono;color:var(--muted)}.safety-expiry-list article>div>small{font:700 .65rem Roboto Mono;color:var(--sea)}.safety-expiry-list h3{font-size:.85rem;margin:3px 0}.safety-expiry-list p{font-size:.71rem;color:var(--muted);margin:0}.safety-expiry-list article>em{font:700 .61rem Roboto Mono;font-style:normal;color:#aa403a;background:#fbe7e5;text-align:center;border-radius:4px;padding:6px}.safety-expiry-list article>em.warning{color:#986417;background:#fff0d3}.safety-expiry-list article>em.planned{color:#176d87;background:#e3f2f6}.safety-expiry-list article>label{display:flex;align-items:center;gap:7px;font-size:.7rem;cursor:pointer}.safety-expiry-list input{accent-color:var(--sea)}.replacement-cart{background:#08283b;color:#fff;border:0;align-self:start}.replacement-cart>small{font:700 .68rem Roboto Mono;color:var(--aqua)}.replacement-cart h2{font-size:1.2rem;margin:8px 0}.replacement-cart>p{font-size:.76rem;color:#9fb6bf}.replacement-cart dl{margin:18px 0}.replacement-cart dl div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:10px 0;font-size:.75rem}.replacement-cart dd{margin:0;font-weight:800}.replacement-cart dd.zero{color:var(--aqua)}.replacement-cart .secondary{color:#fff;border-color:#567481;margin-top:8px}
.survey-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.survey-layout>.safety-card:first-child{padding:0;overflow:hidden}.survey-layout>.safety-card:first-child>.panel-head{padding:20px}.survey-date{font:700 .66rem Roboto Mono;color:var(--sea);background:#e3f2f6;padding:6px 8px;border-radius:4px}.survey-grid{display:grid;grid-template-columns:1fr 1fr}.survey-grid article{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.survey-grid article>span{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:700 .65rem Roboto Mono}.survey-grid article.complete>span{background:#e1f6f1;color:#08776c;border-color:#b5eadf}.survey-grid article>div{display:flex;flex-direction:column}.survey-grid b{font-size:.78rem}.survey-grid small{font-size:.67rem;color:var(--muted)}.survey-grid em{font:700 .61rem Roboto Mono;font-style:normal;color:#986417}.survey-grid article.complete em{color:#08776c}.survey-score{background:linear-gradient(155deg,#08283b,#0a4154);color:#fff;border:0}.survey-score>small{font:700 .68rem Roboto Mono;color:var(--aqua)}.survey-score>div{display:flex;flex-direction:column;margin:22px 0}.survey-score>div b{font-size:2.7rem;color:var(--aqua)}.survey-score>div span{font:.67rem Roboto Mono;color:#a5bbc3}.survey-score>p{font-size:.77rem;color:#9fb6bf;margin-bottom:18px}.survey-score .secondary{color:#fff;border-color:#567481;margin-top:8px}
@media(max-width:1180px){.safety-commandbar{grid-template-columns:1fr 1fr}.safety-capacity,.safety-zero{border-left:0;border-top:1px solid #315361;padding:10px 0 0;align-items:flex-start!important}.safety-register-layout,.inspection-layout,.expiry-layout,.survey-layout{grid-template-columns:1fr}.safety-toolbar{grid-template-columns:1fr 1fr}.safety-toolbar>div{grid-column:1/-1}.capacity-card,.inspection-checklist,.replacement-cart,.survey-score{max-width:none}}
@media(max-width:680px){.safety-titlebar{flex-direction:column;align-items:flex-start}.safety-actions{width:100%;flex-direction:column}.safety-actions button{width:100%}.safety-commandbar{grid-template-columns:1fr}.safety-commandbar label{flex-direction:column;align-items:flex-start}.safety-commandbar select{width:100%;min-width:0}.safety-kpis{grid-template-columns:1fr}.safety-toolbar{grid-template-columns:1fr}.safety-toolbar>div{grid-column:auto}.safety-register-card{margin-left:-1px;margin-right:-1px}.inspection-list article,.safety-expiry-list article{grid-template-columns:58px 1fr}.inspection-list article>em,.inspection-list article>button,.safety-expiry-list article>em,.safety-expiry-list article>label{grid-column:2;justify-self:start}.inspection-layout>.safety-card:first-child>.panel-head,.expiry-layout>.safety-card:first-child>.panel-head,.survey-layout>.safety-card:first-child>.panel-head{align-items:flex-start;flex-direction:column}.inspection-layout>.safety-card:first-child>.panel-head button{width:100%}.expiry-horizon{width:100%;justify-content:space-between}.survey-grid{grid-template-columns:1fr}.survey-grid article{grid-template-columns:34px 1fr}.survey-grid article>em{grid-column:2}.survey-date{align-self:flex-start}}