/* EcoTracer Operations Headers 37. Only Alarms/Maintenance headers opt in.
   Native body styles, page logic, shared layout and route ownership are unchanged. */
#applicationMain .eco-operations-header37 {
    --op37-font:"EcoTracer Facility Technical 27","Chakra Petch","Segoe UI",sans-serif;
    container:eco-operations37 / inline-size;position:relative;isolation:isolate;
    display:block;margin:0 0 1.25rem;padding:0;min-inline-size:0;max-inline-size:100%;
    border:1px solid #2f829c;background:#071f2b;color:#eefaff;font-family:var(--op37-font);
}
#applicationMain .eco-operations-header37 * {box-sizing:border-box}
#applicationMain .eco-operations-header37 .facility-breadcrumb {
    border:0;border-bottom:1px solid #2c6275;min-inline-size:0;max-inline-size:100%;
    padding:.7rem 1.5rem!important;margin:0!important;overflow-wrap:anywhere;
}
#applicationMain .eco-operations-header37 .op37-stage {
    position:relative;isolation:isolate;min-inline-size:0;min-block-size:17rem;
    display:flex;align-items:center;overflow:hidden;
    background:radial-gradient(ellipse at 83% 55%,#16475866,transparent 48%),#061e2b;
}
#applicationMain .eco-operations-header37 .op37-stage::before {
    content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
    background:linear-gradient(#52d9ff09 1px,transparent 1px),linear-gradient(90deg,#52d9ff09 1px,transparent 1px);
    background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000);
}
#applicationMain .eco-operations-header37 .op37-scene {
    position:absolute;inset:0 0 0 auto;inline-size:43%;display:flex;align-items:center;justify-content:center;
    pointer-events:none;z-index:-1;overflow:hidden;
}
#applicationMain .eco-operations-header37 .op37-scene img {
    display:block;inline-size:100%;block-size:100%;max-block-size:22rem;object-fit:contain;
    mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 40%,transparent 74%);
    opacity:.95;
}
#applicationMain .eco-operations-header37--alarm .op37-scene img {inline-size:90%;max-block-size:19rem}
#applicationMain .eco-operations-header37 .op37-copy {
    position:relative;inline-size:64%;min-inline-size:0;max-inline-size:56rem;padding:1.5rem;
}
#applicationMain .eco-operations-header37 .op37-eyebrow {
    display:flex;align-items:center;gap:.6rem;margin:0 0 .7rem;color:#7ee7ff;
    font:700 .75rem/1.4 var(--op37-font);letter-spacing:.075em;
}
#applicationMain .eco-operations-header37 .op37-icon {
    display:block;inline-size:1.35rem;block-size:1.35rem;flex:0 0 1.35rem;color:#7ee7ff;
}
#applicationMain .eco-operations-header37 .op37-copy h1 {
    font-family:var(--op37-font)!important;font-weight:700!important;
    font-size:clamp(2rem,3.6cqw,3rem)!important;line-height:1.12!important;
    margin:0 0 .85rem!important;letter-spacing:-.025em!important;text-wrap:balance;
    color:#52d9ff!important;overflow-wrap:anywhere;
}
#applicationMain .eco-operations-header37 .op37-state {
    --op37-state:#89c7df;display:inline-flex;align-items:center;gap:.5rem;
    max-inline-size:100%;padding:.3rem .6rem;border:1px solid color-mix(in srgb,var(--op37-state) 48%,transparent);
    color:var(--op37-state);background:#04182488;font:700 .75rem/1.5 var(--op37-font);overflow-wrap:anywhere;
}
#applicationMain .eco-operations-header37 .op37-state i {inline-size:.4rem;block-size:.4rem;flex:0 0 .4rem;border-radius:50%;background:currentColor}
#applicationMain .eco-operations-header37 .op37-state.is-critical {--op37-state:#ffacb9}
#applicationMain .eco-operations-header37 .op37-state.is-warning {--op37-state:#f5d584}
#applicationMain .eco-operations-header37 .op37-state.is-healthy {--op37-state:#87e8b0}
#applicationMain .eco-operations-header37 .op37-description {max-inline-size:58ch;margin:.85rem 0 0;color:#c8e4ee;font:500 .9375rem/1.65 var(--op37-font);overflow-wrap:anywhere}
#applicationMain .eco-operations-header37 .op37-counts {margin:.65rem 0 0;color:#8dbccc;font:600 .75rem/1.5 var(--op37-font);overflow-wrap:anywhere}
#applicationMain .eco-operations-header37 .op37-footer {
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;
    padding:1rem 1.5rem;border-top:1px solid #2c6275;background:#082633;
}
#applicationMain .eco-operations-header37 .op37-actions {display:flex;flex-wrap:wrap;gap:.5rem;min-inline-size:0;max-inline-size:100%}
#applicationMain .eco-operations-header37 .op37-action {
    --op37-edge:linear-gradient(120deg,#52d9ff,#27accc 45%,#4bd5f5);
    --op37-fill:linear-gradient(135deg,#0a2b3d,#041c2a);
    position:relative;isolation:isolate;display:flex;align-items:center;gap:.65rem;min-inline-size:0;
    min-block-size:3.5rem;max-inline-size:100%;padding:.875rem 1.125rem;border:0;border-radius:0;
    color:#effbff;background:transparent;text-decoration:none;text-align:start;
    font:700 .875rem/1.25 var(--op37-font);letter-spacing:.035em;text-transform:uppercase;
}
#applicationMain .eco-operations-header37 .op37-action::before,
#applicationMain .eco-operations-header37 .op37-action::after {
    content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:var(--op37-edge);
    clip-path:polygon(12px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 12px),calc(100% - 12px) 100%,18px 100%,0 calc(100% - 18px),0 12px);
}
#applicationMain .eco-operations-header37 .op37-action::after {
    inset:1.5px;z-index:-1;
    clip-path:polygon(11px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 11px),calc(100% - 11px) 100%,17px 100%,0 calc(100% - 17px),0 11px);
    background-image:var(--f27-control-frame,none),linear-gradient(#52d9ff0f 1px,transparent 1px),linear-gradient(90deg,#52d9ff0f 1px,transparent 1px),var(--op37-fill);
    background-size:100% 100%,14px 14px,14px 14px,100% 100%;
}
#applicationMain .eco-operations-header37 .op37-action--primary {--op37-edge:linear-gradient(110deg,#eaffff,#52d9ff 40%,#aef8ff);--op37-fill:linear-gradient(105deg,#0d4053,#062d3e)}
#applicationMain .eco-operations-header37 .op37-action>span:not(.op37-arrow) {min-inline-size:0;overflow-wrap:anywhere}
#applicationMain .eco-operations-header37 .op37-arrow {flex:0 0 1rem;margin-inline-start:auto;color:#7ee7ff;font-size:1.15rem}
#applicationMain .eco-operations-header37 .op37-action:hover {--op37-edge:#c2faff;--op37-fill:linear-gradient(135deg,#144759,#083041);color:#fff}
#applicationMain .eco-operations-header37 .op37-action:focus-visible {outline:2px solid #fff!important;outline-offset:4px!important}
#applicationMain .eco-operations-header37 .op37-context {display:grid;gap:.2rem;min-inline-size:0;max-inline-size:100%;text-align:end;overflow-wrap:anywhere}
#applicationMain .eco-operations-header37 .op37-context span {color:#c8e4ee;font:700 .8rem/1.5 var(--op37-font)}
#applicationMain .eco-operations-header37 .op37-context small {color:#9bc1d0;font:500 .75rem/1.5 var(--op37-font)}
@container eco-operations37 (max-width:62rem) {
    #applicationMain .eco-operations-header37 .op37-context {text-align:start}
    #applicationMain .eco-operations-header37 .op37-copy {inline-size:68%}
}
@container eco-operations37 (max-width:43rem) {
    #applicationMain .eco-operations-header37 .op37-stage {display:grid;grid-template-columns:minmax(0,1fr);min-block-size:0}
    #applicationMain .eco-operations-header37 .op37-copy {inline-size:100%;max-inline-size:none;padding:1.25rem}
    #applicationMain .eco-operations-header37 .op37-scene {position:relative;inset:auto;inline-size:100%;block-size:9rem;grid-row:2;margin-block-start:-1rem}
    #applicationMain .eco-operations-header37 .op37-scene img {inline-size:100%;block-size:100%;max-block-size:100%;mask-image:radial-gradient(ellipse,#000 30%,transparent 78%)}
    #applicationMain .eco-operations-header37 .op37-footer {padding:1rem 1.25rem}
    #applicationMain .eco-operations-header37 .op37-actions {inline-size:100%}
    #applicationMain .eco-operations-header37 .op37-action {flex:1 1 15rem}
}
@container eco-operations37 (max-width:26rem) {
    #applicationMain .eco-operations-header37 .op37-copy {padding:1rem}
    #applicationMain .eco-operations-header37 .op37-footer {padding:1rem}
    #applicationMain .eco-operations-header37 .facility-breadcrumb {padding:.7rem 1rem!important}
}
@media(forced-colors:active) {
    #applicationMain .eco-operations-header37 {background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}
    #applicationMain .eco-operations-header37 .op37-scene,
    #applicationMain .eco-operations-header37 .op37-stage::before,
    #applicationMain .eco-operations-header37 .op37-action::before,
    #applicationMain .eco-operations-header37 .op37-action::after {display:none}
    #applicationMain .eco-operations-header37 :is(.op37-stage,.op37-footer,.op37-state) {background:Canvas;color:CanvasText;border-color:CanvasText}
    #applicationMain .eco-operations-header37 .op37-action {background:ButtonFace;color:ButtonText;border:1px solid ButtonText}
}
@media print {
    #applicationMain .eco-operations-header37 :is(.op37-scene,.op37-actions) {display:none}
    #applicationMain .eco-operations-header37 .op37-copy {inline-size:100%}
    #applicationMain .eco-operations-header37 .op37-stage {min-block-size:0}
}