/* GENERATED FILE. Build with build_release_css.py.
   Canonical order: OEE surface, authenticated shell, route refinements. */

/* BEGIN trend_oee_skin.css */
/* Presentation-only OEE visual language for Trend client reporting surfaces.
   No severity colours, data attributes, generated values or layout algorithms
   are changed here. */
@font-face{font-family:Inter;src:url('/static/v2_4/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/static/v2_4/fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/static/v2_4/fonts/SpaceGrotesk-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/static/v2_4/fonts/SpaceGrotesk-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
.trend-oee-skin{--oee-f-head:'Space Grotesk',Inter,system-ui,sans-serif;--oee-f-body:Inter,system-ui,sans-serif;--oee-r:16px;--oee-btn-r:11px;--oee-pill-r:999px;--oee-card-sh:0 10px 30px -22px rgba(2,20,50,.5);--oee-navy:#002f65;--oee-navy-dark:#001e44;--oee-teal:#00a8cb;--oee-teal-light:#e0f6fb;--oee-ink:#0d1117;--oee-ink-2:#3a4252;--oee-rule:#d8d3cc;--oee-rule-soft:#ebebeb;--oee-paper:#fafaf8;--oee-surface:#fff;background:linear-gradient(180deg,#eaf9fc 0,var(--oee-paper) 340px);color:var(--oee-ink);font-family:var(--oee-f-body)}
.trend-oee-skin button,.trend-oee-skin input,.trend-oee-skin select,.trend-oee-skin textarea,.trend-oee-skin table,.trend-oee-skin td,.trend-oee-skin th,.trend-oee-skin label,.trend-oee-skin p{font-family:var(--oee-f-body)}
.trend-oee-skin h1,.trend-oee-skin h2,.trend-oee-skin h3,.trend-oee-skin h4,.trend-oee-skin .t,.trend-oee-skin .ot-shell-title{font-family:var(--oee-f-head);letter-spacing:0;color:var(--oee-navy)}
.trend-oee-skin .tb,.trend-oee-skin .ot-shell__topbar{background:var(--oee-navy);color:#fff;box-shadow:0 12px 30px -24px rgba(0,30,68,.9);border-bottom:0}
.trend-oee-skin .tb .t,.trend-oee-skin .tb .eyebrow,.trend-oee-skin .tb .chip,.trend-oee-skin .ot-shell__topbar .ot-shell-title,.trend-oee-skin .ot-shell__topbar .ot-eyebrow{color:#fff}
.trend-oee-skin .nav,.trend-oee-skin .ot-shell__nav{gap:4px}
.trend-oee-skin .nav a,.trend-oee-skin .ot-shell__nav a{border:0;border-radius:var(--oee-btn-r);background:transparent;color:#fff;font-size:13px;font-weight:700;padding:10px 12px;position:relative}
.trend-oee-skin .nav a:hover,.trend-oee-skin .ot-shell__nav a:hover,.trend-oee-skin .nav a[aria-current=page],.trend-oee-skin .ot-shell__nav a[aria-current=page]{background:rgba(255,255,255,.1)}
.trend-oee-skin .nav a[aria-current=page]::after,.trend-oee-skin .ot-shell__nav a[aria-current=page]::after{content:'';position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--oee-teal)}
.trend-oee-skin .wrap,.trend-oee-skin .ot-reports__content{max-width:1500px;margin-inline:auto}
.trend-oee-skin .card,.trend-oee-skin .k,.trend-oee-skin .hold-panel,.trend-oee-skin .ot-reports__range-panel,.trend-oee-skin .ot-reports__period-card,.trend-oee-skin .ot-reports__preview{background:var(--oee-surface);border:1px solid var(--oee-rule-soft);border-radius:var(--oee-r);box-shadow:var(--oee-card-sh);overflow:hidden}
.trend-oee-skin .ot-card,.trend-oee-skin .ot-panel,.trend-oee-skin .ot-tab-panel:not([hidden]){background:var(--oee-surface);border:1px solid var(--oee-rule-soft);border-radius:var(--oee-r);box-shadow:var(--oee-card-sh);overflow:hidden}
.trend-oee-skin .ot-card__header,.trend-oee-skin .ot-panel__header{background:#f6f8fa;border-bottom:1px solid var(--oee-rule-soft);padding:16px 20px}
.trend-oee-skin .ot-tab-strip,.trend-oee-skin .ot-tabs{background:#fff;border:1px solid var(--oee-rule-soft);border-radius:var(--oee-r);padding:5px;gap:4px;box-shadow:var(--oee-card-sh)}
.trend-oee-skin .ot-tab-strip button,.trend-oee-skin .ot-tabs button{border:0;border-radius:var(--oee-btn-r);background:#fff;color:var(--oee-navy);padding:10px 13px;line-height:1.2}.trend-oee-skin .ot-tab-strip button[aria-selected=true],.trend-oee-skin .ot-tab-strip button.is-active,.trend-oee-skin .ot-tabs button.is-active{background:var(--oee-navy);color:#fff;box-shadow:inset 0 -3px 0 var(--oee-teal)}
.trend-oee-skin .card__h,.trend-oee-skin .kh,.trend-oee-skin .ot-reports__content>.ot-page__header{border-color:var(--oee-rule-soft);background:rgba(255,255,255,.78)}
.trend-oee-skin .eyebrow,.trend-oee-skin .ot-eyebrow,.trend-oee-skin th{font-family:var(--oee-f-body);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--oee-navy)}
.trend-oee-skin input,.trend-oee-skin select,.trend-oee-skin textarea{border:1px solid var(--oee-rule);border-radius:var(--oee-btn-r);background:#fff;min-height:38px;padding:8px 11px;color:var(--oee-ink)}
.trend-oee-skin button,.trend-oee-skin .ot-reports__btn{border-radius:var(--oee-btn-r);font-weight:700;min-height:38px}
.trend-oee-skin .ot-reports__btn--primary{background:var(--oee-navy);border-color:var(--oee-navy);box-shadow:0 10px 24px -16px rgba(0,47,101,.9)}
.trend-oee-skin .ot-reports__btn--outline{background:#fff;border-color:var(--oee-rule);color:var(--oee-navy)}
.trend-oee-skin table{font-feature-settings:'tnum';background:#fff}.trend-oee-skin td,.trend-oee-skin th{border-color:var(--oee-rule-soft)}
.trend-oee-skin .foot,.trend-oee-skin .ot-shell__footer{background:var(--oee-navy-dark);color:#fff}
.trend-oee-skin a:focus-visible,.trend-oee-skin button:focus-visible,.trend-oee-skin input:focus-visible,.trend-oee-skin select:focus-visible{outline:3px solid rgba(0,168,203,.34);outline-offset:2px}
@media(max-width:900px){.trend-oee-skin .tb,.trend-oee-skin .ot-shell__topbar{align-items:flex-start}.trend-oee-skin .nav,.trend-oee-skin .ot-shell__nav{overflow-x:auto}}
@media print{.trend-oee-skin{background:#fff}.trend-oee-skin .ot-reports__page{border-radius:0;box-shadow:none}}

/* 2026-09-03 advisory surface refinement. Presentation only: report values,
   issued rankings, calculations and release logic remain untouched. */
.trend-oee-skin .tb{min-height:78px;padding:13px max(26px,calc((100vw - 1500px)/2));display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:22px}
.trend-oee-skin .tb .brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.trend-oee-skin .tb .brand::before{content:'OT';display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.38);border-radius:10px;color:#75deef;font:700 11px var(--oee-f-body);letter-spacing:.1em}.trend-oee-skin .tb .eyebrow{font-size:9px;letter-spacing:.17em;color:#6ed8ec}.trend-oee-skin .tb .t{font-size:19px;line-height:1.15}.trend-oee-skin .tb .nav{display:flex;align-items:center;flex-wrap:nowrap}.trend-oee-skin .tb .chip{border:1px solid rgba(255,255,255,.18);border-radius:var(--oee-pill-r);padding:6px 10px;background:rgba(255,255,255,.08)}

/* Condition Trend */
.trend-oee-skin .wrap{padding:24px}.trend-oee-skin .card{border-radius:18px}.trend-oee-skin .card__h{display:grid;grid-template-columns:minmax(440px,1fr) minmax(510px,.78fr);gap:34px;align-items:end;padding:27px 30px 23px}.trend-oee-skin .card__h h1{font-size:clamp(27px,2.8vw,40px);line-height:1.08;margin:7px 0 10px;letter-spacing:-.025em}.trend-oee-skin .card__h>div:first-child>p:last-child{max-width:760px;color:var(--oee-ink-2)}.trend-oee-skin .trendfilters{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-items:end}.trend-oee-skin .trendfilters .latest{grid-column:1/-1;text-align:right;margin-bottom:2px}.trend-oee-skin .datectl{display:grid;gap:6px}.trend-oee-skin .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 30px}.trend-oee-skin .kpis .k{position:relative;min-height:122px;padding:19px 20px;box-shadow:none}.trend-oee-skin .kpis .k::before{content:'';position:absolute;left:20px;top:0;width:36px;height:3px;background:var(--oee-teal)}.trend-oee-skin .hold-panel{margin:0 30px 20px}.trend-oee-skin .history,.trend-oee-skin .changes{padding-inline:30px}

/* Executive Summary */
.trend-oee-skin .rptbar{background:transparent;border:0;padding:18px 24px 0}.trend-oee-skin .rptbar .in{max-width:1180px;margin:auto;background:rgba(255,255,255,.94);border:1px solid var(--oee-rule-soft);border-radius:var(--oee-r);box-shadow:var(--oee-card-sh);padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.trend-oee-skin .rptbar .k{border:0;box-shadow:none;padding:0;background:transparent}.trend-oee-skin .doc{max-width:1180px;margin:18px auto 34px;background:#fff;border:1px solid var(--oee-rule-soft);border-radius:20px;box-shadow:0 24px 62px -42px rgba(0,30,68,.62);overflow:hidden}.trend-oee-skin .doc .mast{position:relative;background:linear-gradient(128deg,var(--oee-navy-dark),var(--oee-navy) 72%);color:#fff;padding:30px 34px;border:0}.trend-oee-skin .doc .mast::after{content:'';position:absolute;left:34px;bottom:0;width:74px;height:4px;background:var(--oee-teal)}.trend-oee-skin .doc .mast h1,.trend-oee-skin .doc .mast h2,.trend-oee-skin .doc .mast .sub,.trend-oee-skin .doc .mast .ref{color:#fff}.trend-oee-skin .doc .sec{padding:24px 34px}.trend-oee-skin .doc .kh{margin:-24px -34px 22px;padding:18px 34px;background:#f7f9fa}.trend-oee-skin .doc .lede{font-size:15px;color:var(--oee-ink-2);max-width:900px}.trend-oee-skin .doc .dsum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trend-oee-skin .doc .dsum .d{border:1px solid var(--oee-rule-soft);border-radius:14px;background:#fff;padding:16px;box-shadow:var(--oee-card-sh)}.trend-oee-skin .doc .gov{border:1px solid #cbe7ee;border-left:5px solid var(--oee-teal);border-radius:14px;background:#f4fbfc;padding:17px 19px}.trend-oee-skin .doc .it{border:1px solid var(--oee-rule-soft);border-radius:17px;overflow:hidden;box-shadow:var(--oee-card-sh);margin:14px 0;background:#fff}.trend-oee-skin .doc .it__main{padding:20px 22px}.trend-oee-skin .doc .compbar{border-radius:999px;overflow:hidden}

/* Reports */
.trend-oee-skin .ot-reports{padding:26px 24px 42px}.trend-oee-skin .ot-reports__content{max-width:1220px}.trend-oee-skin .ot-context-band{position:relative;background:linear-gradient(125deg,var(--oee-navy-dark),var(--oee-navy));color:#fff;border:0;border-radius:18px;box-shadow:0 20px 45px -34px rgba(0,30,68,.8);padding:24px 26px;margin-bottom:16px;overflow:hidden}.trend-oee-skin .ot-context-band::before{content:'REPORTING PORTFOLIO';display:block;color:#70d9ec;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:7px}.trend-oee-skin .ot-context-band h1,.trend-oee-skin .ot-context-band h2,.trend-oee-skin .ot-context-band p{color:#fff}.trend-oee-skin .ot-reports__range-panel{padding:20px 22px;margin-bottom:18px}.trend-oee-skin .ot-reports__range-panel form{display:flex;align-items:end;gap:13px;flex-wrap:wrap}.trend-oee-skin .ot-reports__range-field{min-width:180px}.trend-oee-skin .ot-reports__range-actions{display:flex;gap:9px}.trend-oee-skin .ot-reports__period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.trend-oee-skin .ot-reports__period-card{position:relative;min-height:150px;padding:20px;transition:transform .18s ease,box-shadow .18s ease}.trend-oee-skin .ot-reports__period-card::before{content:'';position:absolute;left:20px;top:0;width:40px;height:3px;background:var(--oee-teal)}.trend-oee-skin .ot-reports__period-card:hover{transform:translateY(-2px);box-shadow:0 22px 44px -32px rgba(0,30,68,.65)}.trend-oee-skin .ot-reports__preview:empty{display:none}.trend-oee-skin .ot-footer{margin-top:0}

@media(max-width:1100px){.trend-oee-skin .tb{grid-template-columns:1fr auto}.trend-oee-skin .tb .nav{grid-column:1/-1;order:3}.trend-oee-skin .card__h{grid-template-columns:1fr}.trend-oee-skin .trendfilters .latest{text-align:left}.trend-oee-skin .doc .dsum{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-oee-skin .ot-reports__period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.trend-oee-skin .tb{display:flex;flex-direction:column;padding:15px}.trend-oee-skin .wrap,.trend-oee-skin .ot-reports{padding:12px}.trend-oee-skin .card__h{padding:21px}.trend-oee-skin .trendfilters{grid-template-columns:1fr}.trend-oee-skin .trendfilters .latest{grid-column:auto}.trend-oee-skin .kpis{grid-template-columns:1fr 1fr;padding:15px}.trend-oee-skin .hold-panel{margin:0 15px 15px}.trend-oee-skin .doc{margin:12px}.trend-oee-skin .doc .sec{padding:19px}.trend-oee-skin .doc .kh{margin:-19px -19px 18px;padding:16px 19px}.trend-oee-skin .doc .dsum,.trend-oee-skin .ot-reports__period-grid{grid-template-columns:1fr}}

/* Specificity repairs for legacy component styles. */
.trend-oee-skin .kpis .kpi{position:relative;min-height:132px;padding:19px 20px;background:#fff;border:1px solid var(--oee-rule-soft);border-radius:var(--oee-r);box-shadow:var(--oee-card-sh)}.trend-oee-skin .kpis .kpi::before{content:'';position:absolute;left:20px;top:0;width:36px;height:3px;background:var(--oee-teal)}.trend-oee-skin .kpis .kpi .k{position:static;min-height:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;font-size:10px;letter-spacing:.11em;color:#617087}.trend-oee-skin .kpis .kpi .k::before{content:none}.trend-oee-skin .kpis .kpi .v{margin-top:11px;color:var(--oee-navy);font-family:var(--oee-f-head);font-size:29px}.trend-oee-skin .kpis .kpi .s{margin-top:4px;color:var(--oee-ink-2)}
.trend-oee-skin .ot-shell__topbar .ot-shell-title{font-family:var(--oee-f-head);font-style:normal;font-size:17px;line-height:1.12;letter-spacing:0}.trend-oee-skin .ot-shell__topbar .ot-eyebrow{font-family:var(--oee-f-body);font-style:normal}.trend-oee-skin .ot-reports h1,.trend-oee-skin .ot-reports h2,.trend-oee-skin .ot-reports h3,.trend-oee-skin .ot-reports__period-card>*:first-child{font-family:var(--oee-f-head);font-style:normal;letter-spacing:-.01em}
.trend-oee-skin .doc .mast{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:34px;align-items:start}.trend-oee-skin .doc .mast .ref{width:auto;max-width:360px;margin:0 0 0 auto;text-align:right;color:#dbe8f3}.trend-oee-skin .doc .mast .ref .k{display:block;width:auto;min-height:0;margin:12px 0 2px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;color:#68d5e9;font-size:9px;letter-spacing:.13em}.trend-oee-skin .doc .mast .ref b{color:#fff}.trend-oee-skin .doc .mast .sub{max-width:700px;color:#d5e2ee}
@media(max-width:800px){.trend-oee-skin .doc .mast{grid-template-columns:1fr}.trend-oee-skin .doc .mast .ref{margin:0;text-align:left;max-width:none}}

/* Authenticated shell continuity for client reporting surfaces. */
.trend-oee-skin .tb .ot-shell__utilities{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:max-content}.trend-oee-skin .tb .ot-notif-bell{position:relative;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.trend-oee-skin .tb .ot-notif-bell__icon{position:relative;display:block;width:14px;height:15px;border:1.5px solid currentColor;border-radius:8px 8px 4px 4px}.trend-oee-skin .tb .ot-notif-bell__icon::after{content:'';position:absolute;left:4px;right:4px;bottom:-4px;height:2px;border-radius:2px;background:currentColor}.trend-oee-skin .tb .ot-notif-badge{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--oee-navy);border-radius:999px;background:var(--oee-teal);color:#002f65;font-size:9px;font-weight:700}.trend-oee-skin .tb .ot-user-chip{display:grid;gap:0;min-width:88px;padding:5px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;line-height:1.15}.trend-oee-skin .tb .ot-user-chip span:first-child{font-size:11px;font-weight:700}.trend-oee-skin .tb .ot-user-chip span:last-child{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#79dced}.trend-oee-skin .tb .ot-shell__signout{padding:9px 10px;border-radius:10px;color:#fff;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.trend-oee-skin .tb .ot-shell__signout:hover{background:rgba(255,255,255,.1)}
.trend-oee-skin .ot-notif-panel{position:fixed;right:24px;top:72px;z-index:1000;width:min(370px,calc(100vw - 32px));max-height:72vh;overflow:auto;border:1px solid var(--oee-rule-soft);border-radius:14px;background:#fff;box-shadow:0 22px 54px rgba(0,25,56,.24);color:var(--oee-ink)}.trend-oee-skin .ot-notif-panel[hidden]{display:none}.trend-oee-skin .ot-notif-panel__header{position:sticky;top:0;display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--oee-rule-soft);background:#fff}.trend-oee-skin .ot-notif-panel__list{padding:6px}.trend-oee-skin .ot-notif-item,.trend-oee-skin .ot-notif-empty{padding:12px;border-bottom:1px solid var(--oee-rule-soft)}.trend-oee-skin .ot-notif-panel button{min-height:32px}
@media(max-width:1100px){.trend-oee-skin .tb .ot-shell__utilities{grid-column:2;grid-row:1}.trend-oee-skin .tb .nav{padding-top:7px}}
@media(max-width:700px){.trend-oee-skin .tb .ot-shell__utilities{width:100%;justify-content:flex-start;flex-wrap:wrap}.trend-oee-skin .tb .ot-user-chip{margin-left:auto}}

/* Condition Trend matrix, portfolio zones and event log: retire the remaining
   legacy report typography and align labels to the OEE editorial hierarchy. */
.trend-oee-skin .mtx{font-family:var(--oee-f-body)}.trend-oee-skin .mtx th{font-family:var(--oee-f-body)}.trend-oee-skin .mtx tbody th{padding:7px 8px 7px 0;vertical-align:middle}.trend-oee-skin .mtx .rid{min-width:42px;margin-right:8px;border-radius:5px;text-align:center;font-size:9px;letter-spacing:.06em}.trend-oee-skin .mtx .rnm{font-family:var(--oee-f-head);font-size:12.5px;font-weight:600;line-height:1.25;letter-spacing:0;text-transform:none;color:var(--oee-navy)}.trend-oee-skin .mtx .pts{margin:4px 0 0 50px;gap:4px}.trend-oee-skin .mtx .pp{display:inline-flex;align-items:center;min-height:15px;padding:2px 5px;border-radius:4px;font-size:8px;line-height:1.15;letter-spacing:.035em}.trend-oee-skin .mtx .curbox{display:flex;align-items:center;gap:8px;min-height:24px}.trend-oee-skin .mtx .pill{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;font-family:var(--oee-f-head);font-size:12px;line-height:1}.trend-oee-skin .mtx .curl{font-family:var(--oee-f-body);font-size:11.5px;line-height:1.2;color:var(--oee-ink-2)}
.trend-oee-skin .mlg{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;font-family:var(--oee-f-body)}.trend-oee-skin .mlg span{display:inline-flex;align-items:center;gap:7px;width:auto;min-height:27px;padding:5px 9px;border:1px solid var(--oee-rule-soft);border-radius:999px;background:#f8fafb;font-size:10.5px;line-height:1.2;color:#516074}.trend-oee-skin .mlg span i{flex:0 0 11px;width:11px;height:11px;border-radius:3px}
.trend-oee-skin .zboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.trend-oee-skin .zcol{min-width:0;border:1px solid var(--oee-rule-soft);border-top-width:3px;border-radius:13px;background:#fff;box-shadow:var(--oee-card-sh);overflow:hidden}.trend-oee-skin .zcol .zhd{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;width:auto;height:auto;min-height:68px;padding:12px 13px 10px;border-bottom:1px solid var(--oee-rule-soft)}.trend-oee-skin .zcol .zn{display:block;width:auto;height:auto;margin:0;padding-top:1px;font-family:var(--oee-f-head);font-size:22px;font-weight:600;line-height:1.05;letter-spacing:-.02em}.trend-oee-skin .zcol.zsys .zn{font-size:14px;letter-spacing:.03em}.trend-oee-skin .zcol .zhd strong{display:block;font-family:var(--oee-f-head);font-size:12.5px;font-weight:600;line-height:1.22;letter-spacing:0;color:var(--oee-navy)}.trend-oee-skin .zcol .zhd em{display:block;margin-top:3px;font-family:var(--oee-f-body);font-size:9.5px;line-height:1.25;color:#69778a}.trend-oee-skin .zcol .chip{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:9px;width:auto;min-height:55px;padding:10px 13px;border-top:1px solid var(--oee-rule-soft);background:#fff}.trend-oee-skin .zcol .chip:first-of-type{border-top:0}.trend-oee-skin .zcol .cid{display:grid;place-items:center;min-height:20px;border-radius:5px;font-size:9px;letter-spacing:.06em}.trend-oee-skin .zcol .chip strong{font-family:var(--oee-f-body);font-size:11.5px;font-weight:700;line-height:1.25;color:var(--oee-navy)}.trend-oee-skin .zcol .chip em{margin-top:3px;font-family:var(--oee-f-body);font-size:9.5px;line-height:1.25;color:#69778a}.trend-oee-skin .zcol .empty{margin:13px;font-family:var(--oee-f-body);font-size:10.5px;line-height:1.35;color:#8a96a6}
.trend-oee-skin .evs{margin-top:4px}.trend-oee-skin .ev{min-height:42px;border-radius:8px}.trend-oee-skin .evd{font-family:var(--oee-f-head);font-size:12.5px;font-weight:600;line-height:1.2;color:var(--oee-navy)}.trend-oee-skin .evid{border-radius:5px;font-size:9px;letter-spacing:.06em}.trend-oee-skin .evn{font-size:11.5px;color:var(--oee-ink-2)}.trend-oee-skin .evm b{border-radius:5px;font-size:9.5px;line-height:1.2;padding:4px 7px}.trend-oee-skin .evt{font-size:9px;letter-spacing:.08em}.trend-oee-skin .prov{font-size:10.5px;line-height:1.5;color:#667589}
@media(max-width:1050px){.trend-oee-skin .zboard{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-oee-skin .zcol.zsys{grid-column:1/-1}}
@media(max-width:620px){.trend-oee-skin .zboard{grid-template-columns:1fr}.trend-oee-skin .zcol.zsys{grid-column:auto}}
/* END trend_oee_skin.css */

/* BEGIN unified_shell.css */
/* Optimal Trend shared authenticated shell.
   Navigation visibility remains governed by permissions.js. */
.ot-unified-shell{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:minmax(270px,1fr) auto auto;align-items:center;gap:14px;min-height:64px;padding:10px max(18px,calc((100vw - 1540px)/2));background:#002f65;color:#fff;border:0;box-shadow:0 12px 30px -24px rgba(0,30,68,.9)}
.ot-unified-shell .brand,.ot-unified-shell .ot-shell__brand-link{display:flex;align-items:center;gap:10px;min-width:0;color:#fff;text-decoration:none}
.ot-unified-shell .brand::before,.ot-unified-shell .ot-shell__brand-link::before{content:'';display:block;width:92px;height:35px;flex:0 0 92px;border:0;border-radius:0;background:url('/optimal-logo-white.png') center/contain no-repeat}
.ot-unified-shell .brand .eyebrow,.ot-unified-shell .ot-eyebrow{display:none}
.ot-unified-shell .brand .t,.ot-unified-shell .ot-shell-title{color:#fff;font:600 15px/1.15 'Space Grotesk',Inter,system-ui,sans-serif;letter-spacing:0;white-space:nowrap}
.ot-unified-shell .nav,.ot-unified-shell .ot-shell__nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:2px;min-width:0;overflow:visible}
.ot-unified-shell .nav a,.ot-unified-shell .ot-shell__nav a{position:relative;display:block;padding:9px clamp(5px,.5vw,8px);border:0;border-radius:9px;background:transparent;color:#fff;font:700 clamp(10.5px,.73vw,12px)/1.15 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.ot-unified-shell .nav a:hover,.ot-unified-shell .ot-shell__nav a:hover,.ot-unified-shell .nav a[aria-current=page],.ot-unified-shell .ot-shell__nav a[aria-current=page]{background:rgba(255,255,255,.1)}
.ot-unified-shell .nav a[aria-current=page]::after,.ot-unified-shell .ot-shell__nav a[aria-current=page]::after{content:'';position:absolute;left:9px;right:9px;bottom:3px;height:2px;background:#00a8cb}
.ot-unified-shell .ot-shell__utilities{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:max-content}
.ot-unified-shell .ot-notif-bell{position:relative;display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}
.ot-unified-shell .ot-notif-bell__icon{position:relative;display:block;width:13px;height:14px;border:1.5px solid currentColor;border-radius:8px 8px 4px 4px}.ot-unified-shell .ot-notif-bell__icon::after{content:'';position:absolute;left:4px;right:4px;bottom:-4px;height:2px;border-radius:2px;background:currentColor}
.ot-unified-shell .ot-notif-badge{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #002f65;border-radius:999px;background:#00a8cb;color:#002f65;font:700 9px/1 Inter,system-ui,sans-serif}
.ot-unified-shell .ot-user-chip{display:grid;gap:0;min-width:82px;padding:5px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.07);color:#fff;line-height:1.12}.ot-unified-shell .ot-user-chip span:first-child{font:700 10.5px/1.12 Inter,system-ui,sans-serif}.ot-unified-shell .ot-user-chip span:last-child{color:#73dcef;font:700 7.5px/1.12 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.ot-unified-shell .ot-shell__signout{padding:8px;border-radius:9px;color:#fff;font:700 10.5px/1.15 Inter,system-ui,sans-serif;text-decoration:none;white-space:nowrap}.ot-unified-shell .ot-shell__signout:hover{background:rgba(255,255,255,.1)}
@media(max-width:1450px){.ot-unified-shell{grid-template-columns:110px minmax(0,1fr) auto}.ot-unified-shell .brand .t,.ot-unified-shell .ot-shell-title{display:none}}
@media(max-width:1050px){.ot-unified-shell{grid-template-columns:1fr auto}.ot-unified-shell .nav,.ot-unified-shell .ot-shell__nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-top:4px}.ot-unified-shell .ot-shell__utilities{grid-column:2;grid-row:1}}
@media(max-width:680px){.ot-unified-shell{position:relative;padding:12px}.ot-unified-shell .ot-shell__utilities{gap:5px}.ot-unified-shell .ot-user-chip{min-width:72px}.ot-unified-shell .ot-shell__signout{font-size:0}.ot-unified-shell .ot-shell__signout::after{content:'Exit';font-size:10px}.ot-unified-shell .nav,.ot-unified-shell .ot-shell__nav{width:100%}}

/* R16 unified shell alignment. The identity, navigation and account controls
   share the same bounded content line as the application workspace. */
html body header.ot-unified-shell,
html body.trend-oee-skin header.ot-unified-shell.tb,
html body.ot-v3-format header.ot-unified-shell.ot-shell__topbar{
  grid-template-columns:110px minmax(0,1fr) auto;
  gap:18px;
  width:100%;
  min-height:60px;
  padding:8px max(20px,calc((100vw - 1640px)/2));
  box-sizing:border-box;
}
html body header.ot-unified-shell .brand,
html body header.ot-unified-shell .ot-shell__brand-link,
html body.trend-oee-skin header.ot-unified-shell.tb .brand,
html body.ot-v3-format header.ot-unified-shell.ot-shell__topbar .ot-shell__brand-link{
  display:flex;
  width:92px;
  min-width:92px;
  max-width:92px;
  align-items:center;
  overflow:visible;
}
html body header.ot-unified-shell .brand::before,
html body header.ot-unified-shell .ot-shell__brand-link::before{
  width:92px;
  height:36px;
  flex:0 0 92px;
}
.ot-brand-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){
  html body header.ot-unified-shell{grid-template-columns:1fr auto;gap:8px 14px;padding:10px 16px}
  html body header.ot-unified-shell .nav,
  html body header.ot-unified-shell .ot-shell__nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-top:3px}
  html body header.ot-unified-shell .ot-shell__utilities{grid-column:2;grid-row:1}
}
@media(max-width:680px){html body header.ot-unified-shell{position:relative;padding:10px 12px}}
/* END unified_shell.css */

/* BEGIN surface_refinement.css */
/* Cross-surface editorial and responsive refinement.
   Presentation only: no state, calculations, chart data or role rules are changed. */
@font-face{font-family:Inter;src:url('/static/v2_4/fonts/Inter-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/static/v2_4/fonts/Inter-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/static/v2_4/fonts/SpaceGrotesk-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('/static/v2_4/fonts/SpaceGrotesk-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

body.ot-density-max .ot-unified-shell .ot-shell__nav,
body.ot-density-max .ot-unified-shell .nav{flex-wrap:nowrap}
@media (min-width:1051px) and (max-width:1450px){
  body.ot-density-max .ot-unified-shell{grid-template-columns:125px minmax(0,1fr) auto}
}

/* Remove the remaining legacy serif type from page-level titles and decision metrics. */
body.ot-v3-format .ot-reports h2,
body.ot-v3-format .ot-hardware-page h1,
body.ot-v3-format .ot-page-header h1,
body.ot-v3-format.ot-v3-audit h1,
body.ot-v3-format.ot-v3-dashboard .ot-ai-console h1,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics #selected-title{
  font-family:'Space Grotesk',Inter,system-ui,sans-serif;
  letter-spacing:-.025em;
}
body.ot-v3-format.ot-v3-dashboard .ot-ai-console dd,
body.ot-v3-format.ot-v3-dashboard .ot-ai-console .ot-status-pill,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-metrics span,
body.ot-v3-format .ot-footer__strapline{
  font-family:Inter,system-ui,sans-serif;
}
.trend-oee-skin .dsum .v,
.trend-oee-skin .it .r,
.trend-oee-skin .it strong,
.trend-oee-skin .temp b{
  font-family:'Space Grotesk',Inter,system-ui,sans-serif;
}

/* Intelligence Console: retain all nine capabilities while keeping the strip usable. */
body.ot-v3-format.ot-v3-dashboard .ot-tab-strip{
  scrollbar-width:thin;
  scrollbar-color:#a9bdcb transparent;
}
body.ot-v3-format.ot-v3-dashboard .ot-tab-strip .ot-tab{
  flex:1 1 auto;
  min-width:max-content;
  padding-left:6px;
  padding-right:6px;
  font-size:10.5px;
  letter-spacing:-.01em;
}

/* Diagnostics: replace the single 2,000px control row with a bounded control grid. */
@media (min-width:1181px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact{
    display:grid;
    grid-template-columns:154px 154px minmax(200px,1fr) minmax(170px,.8fr);
    grid-template-rows:auto auto auto;
    align-items:end;
    gap:7px 8px;
    height:auto;
    max-height:none;
    overflow:visible;
    padding:7px 10px;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#sample-start){grid-area:1/1}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#sample-end){grid-area:1/2}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#code-select){grid-area:1/3}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#capture-select){grid-area:1/4}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-channel-controls[data-dp462-merged='1']{
    grid-area:2/1/3/4;
    display:grid;
    grid-template-columns:minmax(155px,.65fr) minmax(0,1.35fr);
    align-items:center;
    gap:6px 14px;
    width:auto;
    min-width:0;
    max-width:none;
    min-height:38px;
    height:auto;
    padding:5px 9px;
    max-height:none;
    overflow:visible;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#refresh-interval){grid-area:2/4}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{grid-area:3/4;justify-self:end}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-feed-state{grid-area:3/1/4/4}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label,
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{
    width:auto;
    min-width:0;
    max-width:none;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    min-width:0;
    row-gap:4px;
    max-height:none;
    overflow:visible;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed label{
    min-width:0;
    white-space:normal;
    font-size:10.5px;
    line-height:1.15;
  }
}
@media (max-width:1180px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-auto-rows:auto;
    align-items:end;
    gap:7px 8px;
    height:auto;
    max-height:none;
    overflow:visible;
    padding:7px 10px;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#sample-start){grid-area:1/1}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#sample-end){grid-area:1/2}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#code-select){grid-area:2/1}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#capture-select){grid-area:2/2}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-channel-controls[data-dp462-merged='1']{
    grid-area:3/1/4/3;
    display:grid;
    grid-template-columns:minmax(145px,.65fr) minmax(0,1.35fr);
    width:auto;
    min-width:0;
    max-width:none;
    height:auto;
    max-height:none;
    overflow:visible;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#refresh-interval){grid-area:4/1}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{grid-area:4/2;justify-self:end}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-feed-state{grid-area:5/1/6/3}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label,
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{
    width:auto;
    min-width:0;
    max-width:none;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-height:none;
    overflow:visible;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed label{
    min-width:0;
    white-space:normal;
    font-size:10.5px;
    line-height:1.15;
  }
}
@media (max-width:680px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact{grid-template-columns:1fr}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>*{grid-column:1;grid-row:auto}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-channel-controls[data-dp462-merged='1']{grid-template-columns:1fr}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{justify-self:start;flex-wrap:wrap}
}

/* Asset Diagnostics: OEE-style evidence workspace.
   The rules below are presentation-only and deliberately preserve every existing
   diagnostic control, data series, tab, permission and calculation. */
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics{
  background:linear-gradient(180deg,#e8f8fc 0,#f4f9fb 210px,#f7f9fa 100%);
  color:#102c49;
  font-family:Inter,system-ui,sans-serif;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench{
  display:grid;
  grid-template-columns:minmax(235px,270px) minmax(0,1fr);
  gap:18px;
  width:min(1640px,calc(100% - 40px));
  max-width:1640px;
  min-height:calc(100vh - 116px);
  height:auto;
  margin:22px auto 28px;
  padding:0;
  overflow:visible;
  background:transparent;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-band,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench-watchlist,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tabs-row,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-live-control,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-evidence-panel{
  border:1px solid #d8e3e8;
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 34px -30px rgba(2,47,101,.58);
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel{
  position:sticky;
  top:86px;
  align-self:start;
  height:calc(100vh - 112px);
  min-height:560px;
  padding:18px 12px;
  overflow:auto;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel .ot-panel__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-height:0;
  margin:0 4px 15px;
  padding:0 0 14px;
  border-bottom:1px solid #e3eaee;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-eyebrow,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-rail__eyebrow{
  margin:0 0 5px;
  color:#397087;
  font:700 10px/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel h2{
  margin:0;
  color:#06386f;
  font:600 17px/1.15 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.02em;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-icon-button{
  min-height:32px;
  padding:7px 9px;
  border:1px solid #cddce3;
  border-radius:9px;
  background:#f8fbfc;
  color:#06386f;
  font:700 10px/1 Inter,sans-serif;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-search{display:block;margin:0 4px 14px}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-search>span{display:block;margin:0 0 6px;color:#5c7080;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-search input{
  width:100%;height:40px;padding:0 12px;
  border:1px solid #cbdbe2;border-radius:10px;background:#fbfdfe;
  color:#102c49;font:500 12px/1 Inter,sans-serif;outline:none;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-search input:focus{border-color:#00a8cb;box-shadow:0 0 0 3px rgba(0,168,203,.12)}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree{padding:4px 0}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-node{
  min-height:34px;margin:2px 0;border-left:0;border-radius:8px;
  color:#2c4358;font:600 11.5px/1.2 Inter,sans-serif;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-node:hover{background:#f0f8fa}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-node.is-selected{background:#dff5fa;color:#003d73;box-shadow:inset 3px 0 #00a8cb}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-centre-panel{
  display:flex;flex-direction:column;gap:12px;
  min-width:0;height:auto;overflow:visible;background:transparent;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-sticky-header{
  position:static;display:flex;flex-direction:column;gap:12px;
  padding:0;background:transparent;box-shadow:none;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-band{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:108px;padding:22px 24px;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-band #selected-title{
  margin:0;color:#06386f;font:600 clamp(23px,2vw,31px)/1.05 'Space Grotesk',Inter,sans-serif;letter-spacing:-.035em;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics #selected-path{margin:7px 0 0;color:#607487;font-size:12px}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-metrics{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-metrics>div{
  min-width:92px;padding:11px 13px;border:1px solid #e0e8eb;border-radius:10px;background:#f9fbfc;box-shadow:none;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-metrics span{display:block;color:#06386f;font:700 15px/1.1 'Space Grotesk',Inter,sans-serif}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-metrics small{display:block;margin-top:5px;color:#6d7f8d;font:600 9px/1.15 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench-watchlist{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0;padding:14px 18px;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench-watchlist .ot-eyebrow{display:none}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench-watchlist h2{margin:0 0 3px;color:#06386f;font:600 15px/1.2 'Space Grotesk',Inter,sans-serif}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench-watchlist p{margin:0;color:#607487;font-size:11px}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics button,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-control-actions button{
  min-height:34px;padding:8px 13px;border:0;border-radius:9px;background:#06386f;color:#fff;font:700 11px/1.15 Inter,sans-serif;box-shadow:none;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics button:hover{background:#00528d}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics button:focus-visible{outline:3px solid rgba(0,168,203,.28);outline-offset:2px}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tabs-row{height:auto;max-height:none;margin:0;padding:6px;overflow:visible}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tabs{display:flex;flex-wrap:wrap;gap:3px;height:auto;max-height:none;padding:0;background:transparent;overflow:visible;scrollbar-width:thin}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-strip__btn{
  min-width:max-content;min-height:36px;padding:9px 12px;border-radius:8px;background:transparent;color:#395368;font-size:10.5px;font-weight:700;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-strip__btn:hover{background:#eef7f9;color:#06386f}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-strip__btn.is-active{background:#06386f;color:#fff;box-shadow:inset 0 -3px #00a8cb}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-strip__btn.is-disabled{background:transparent;color:#99a7b2;opacity:.72}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tabs.ot-tabs--source .ot-wb-strip__btn.is-live:not(.is-active){background:transparent;color:#395368}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tabs.ot-tabs--source .ot-wb-strip__btn.is-active{background:#00a8cb;color:#001e44}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tabs.ot-tabs--source.ot-wb-strip .ot-wb-strip__btn[aria-disabled='false']:not(.is-active){background:transparent;color:#395368}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tabs.ot-tabs--source.ot-wb-strip .ot-wb-strip__btn[aria-disabled='true']{background:transparent;color:#99a7b2;opacity:.72}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-live-control{
  display:flex;align-items:center;justify-content:flex-end;gap:14px;
  width:max-content;max-width:100%;margin:0 0 0 auto;padding:7px 8px 7px 14px;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-live-control__status{display:flex;align-items:center;gap:8px;color:#687d8e;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-live-control__status strong{color:#06386f;font-size:11px;letter-spacing:.08em}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls{
  margin:0;padding:14px;border-color:#d8e3e8;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls label>span,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls legend{
  display:block;margin:0 0 6px;color:#62788a;font:700 9px/1.15 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label.is-label-hidden>span{
  position:static;width:auto;height:auto;margin:0 0 6px;padding:0;
  clip:auto;clip-path:none;overflow:visible;white-space:normal;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls input:not([type=checkbox]),
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls select{
  width:100%;height:38px;padding:0 10px;border:1px solid #cbdbe2;border-radius:9px;background:#fbfdfe;color:#193a57;font:500 11px/1 Inter,sans-serif;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls{
  border:1px solid #e0e8eb;border-radius:10px;background:#f8fbfc;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls .ot-wb-rail__eyebrow{display:block}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-rail__group--feed label{color:#395368}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tab-panel{margin:0;padding:0;background:transparent}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame{margin:0 0 12px;padding:0;overflow:hidden}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame__header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:52px;padding:10px 14px 10px 18px;border-bottom:1px solid #e3eaee;background:#fff;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame__title{margin:0;color:#06386f;font:600 15px/1.2 'Space Grotesk',Inter,sans-serif;letter-spacing:-.015em}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame__toolbar{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame__tool{min-height:30px;padding:6px 9px;border:1px solid #cbdbe2;border-radius:8px;background:#f8fbfc;color:#214660;font-size:10px}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame__tool:hover{background:#e7f6f9;color:#06386f}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame__body{padding:14px;background:#fff}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-advanced-tools{margin:0 0 10px;padding:10px 12px;border:1px solid #e1e9ed;border-radius:10px;background:#f8fbfc}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-advanced-tools__header{color:#315267}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-chart{border:1px solid #e2e9ec;border-radius:10px;background:#fff}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-evidence-panel{margin-top:4px;padding:20px}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-evidence-grid>.ot-card,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-evidence-panel .ot-card{
  border:1px solid #e0e8eb;border-radius:11px;background:#fbfdfe;box-shadow:none;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-card h3{color:#06386f;font-family:'Space Grotesk',Inter,sans-serif}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-fact{border-color:#e3eaee}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-footer{width:min(1640px,calc(100% - 40px));margin:0 auto;border-top:1px solid #dce6ea;color:#62788a}

@media(max-width:980px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench{grid-template-columns:1fr;width:min(calc(100% - 24px),1640px);margin-top:12px}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel{position:static;height:auto;min-height:0;max-height:340px}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-band{align-items:flex-start;flex-direction:column}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-metrics{width:100%}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-evidence-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-metrics{grid-template-columns:1fr}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench-watchlist{align-items:flex-start;flex-direction:column}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-live-control{width:100%;justify-content:space-between}
}

/* R10 cross-surface type system.
   Shared visual hierarchy only; content, calculations, evidence and RBAC are unchanged. */
body.ot-v3-format,
body.trend-oee-skin{
  --ot-type-page:clamp(26px,1.55vw,30px);
  --ot-type-section:20px;
  --ot-type-card:15px;
  --ot-type-body:13px;
  --ot-type-control:12px;
  --ot-type-meta:10.5px;
  font-family:Inter,system-ui,sans-serif;
  font-size:var(--ot-type-body);
  line-height:1.48;
}
body .ot-unified-shell .ot-shell__nav a,
body .ot-unified-shell .nav a{
  font-size:11.5px;
  line-height:1.2;
  letter-spacing:-.005em;
}
body .ot-unified-shell .ot-user-chip,
body .ot-unified-shell .ot-shell__signout{
  font-size:11px;
}

/* Client reporting surfaces. */
body.trend-oee-skin .hero h1,
body.trend-oee-skin main h1,
body.trend-oee-skin .card__h h1,
body.trend-oee-skin .mast h1,
body.trend-oee-skin .ot-reports h1,
body.trend-oee-skin .ot-page-header h1{
  font:600 var(--ot-type-page)/1.12 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.025em;
}
body.trend-oee-skin .hero h2,
body.trend-oee-skin main h2{
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:var(--ot-type-section);
  line-height:1.2;
  letter-spacing:-.015em;
}
body.trend-oee-skin main h3{
  font-family:'Space Grotesk',Inter,sans-serif;
  font-size:var(--ot-type-card);
  line-height:1.25;
}
body.trend-oee-skin .hist th,
body.trend-oee-skin table th,
body.trend-oee-skin .eyebrow,
body.trend-oee-skin .ot-eyebrow{
  font-size:var(--ot-type-meta);
  line-height:1.25;
}
body.trend-oee-skin .hist .eq,
body.trend-oee-skin .hist td,
body.trend-oee-skin table td,
body.trend-oee-skin .report-card,
body.trend-oee-skin .summary-card{
  font-size:var(--ot-type-body);
}
body.trend-oee-skin .mtx{
  width:100%;
  min-width:1400px;
  table-layout:fixed;
}
body.trend-oee-skin .mtx th:first-child,
body.trend-oee-skin .mtx td:first-child{width:300px}
body.trend-oee-skin .mtx th:last-child,
body.trend-oee-skin .mtx td:last-child{width:380px}
body.trend-oee-skin .mtx th:not(:first-child):not(:last-child){white-space:nowrap}
body.trend-oee-skin .mtx-container,
body.trend-oee-skin .condition-history{overflow-x:auto}
body.trend-oee-skin .mtx td.cur,
body.trend-oee-skin .mtx .curbox,
body.trend-oee-skin .mtx .curl{white-space:normal}
body.trend-oee-skin .mtx .curbox{
  align-items:flex-start;
  height:auto;
  min-height:26px;
  gap:8px;
}
body.trend-oee-skin .mtx .curl{
  min-width:0;
  overflow-wrap:break-word;
  font-size:11px;
  line-height:1.3;
}
body.trend-oee-skin .mtx .held-tag{margin-top:3px;white-space:normal}

/* Sensor Status is a Hardware sub-surface, not an Asset Diagnostics workbench.
   It intentionally shares legacy body tokens but must not inherit diagnostics
   grid, sticky rail, chart or control-rail overrides. */
body.ot-v3-format.ot-v3-workbench.ot-sensor-status .ot-os-page-title{
  font:600 clamp(25px,1.7vw,31px)/1.14 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.025em;
  color:#002f65;
}
body.ot-v3-format.ot-v3-workbench.ot-sensor-status .ot-os-page-subtitle{
  max-width:960px;
  font:400 13px/1.5 Inter,system-ui,sans-serif;
  color:#617287;
}

/* Asset Diagnostics: cap the selected asset title and give the hierarchy room to read. */
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-band #selected-title{
  font-size:clamp(22px,1.35vw,27px);
  line-height:1.12;
  letter-spacing:-.025em;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel h2{
  font-size:16px;
  line-height:1.22;
  letter-spacing:-.012em;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-node{
  font-size:12px;
  line-height:1.28;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics #selected-path,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench-watchlist p,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-fact,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-card p,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-card dd{
  font-size:12.5px;
  line-height:1.45;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics button,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-control-actions button,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-strip__btn,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls input:not([type=checkbox]),
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls select{
  font-size:12px;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls label>span,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls legend,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-search>span,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-context-metrics small{
  font-size:10px;
  line-height:1.2;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-wb-chart-frame__title,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-card h3,
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-evidence-panel h3{
  font:600 15px/1.25 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.01em;
}

/* Intelligence Console, Hardware and Reports: one editorial hierarchy. */
body.ot-v3-format .ot-hardware-page h1,
body.ot-v3-format .ot-page-header h1,
body.ot-v3-format .ot-page__header h1,
body.ot-v3-format.ot-v3-audit .ot-page__header h1,
body.ot-v3-format.ot-v3-audit h1,
body.ot-v3-format.ot-v3-dashboard .ot-ai-console h1,
body.ot-v3-format .ot-reports h1{
  font:600 var(--ot-type-page)/1.12 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.025em;
}
body.ot-v3-format.ot-v3-dashboard .ot-ai-console h2,
body.ot-v3-format .ot-hardware-page h2,
body.ot-v3-format.ot-v3-audit h2{
  font:600 18px/1.22 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.015em;
}
body.ot-v3-format.ot-v3-dashboard .ot-ai-console h3,
body.ot-v3-format .ot-hardware-page h3,
body.ot-v3-format.ot-v3-audit h3{
  font:600 15px/1.25 'Space Grotesk',Inter,sans-serif;
}
body.ot-v3-format.ot-v3-dashboard .ot-ai-console table,
body.ot-v3-format .ot-hardware-page table,
body.ot-v3-format.ot-v3-audit table,
body.ot-v3-format .ot-reports table{
  font-size:12px;
  line-height:1.4;
}
body.ot-v3-format.ot-v3-dashboard .ot-ai-console th,
body.ot-v3-format .ot-hardware-page th,
body.ot-v3-format.ot-v3-audit th,
body.ot-v3-format .ot-reports th{
  font-size:10.5px;
  line-height:1.25;
}

/* Model Assurance: reduce display-heading dominance and raise dense-table legibility. */
body .mi-header h1{
  font-size:clamp(25px,1.7vw,31px);
  line-height:1.14;
}
body .mi-panel h2{font-size:20px;line-height:1.22}
body .mi-panel h3{font-size:15px;line-height:1.25}
body .mi-table{font-size:12px;line-height:1.4}
body .mi-table th{font-size:10.5px;line-height:1.25}
body .mi-tabs button{font-size:12px}

@media (min-width:1800px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench{
    grid-template-columns:minmax(250px,285px) minmax(0,1fr);
  }
}

/* R16 forensic surface unification. */
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench{
  grid-template-columns:minmax(255px,290px) minmax(0,1fr);
  width:min(1640px,calc(100% - 40px));
  box-sizing:border-box;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel .ot-panel__header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px 12px;
  position:relative;
  padding:12px 0 14px;
  box-sizing:border-box;
  box-shadow:none;
  background:transparent;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel .ot-panel__header::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:34px;
  height:3px;
  border-radius:999px;
  background:#00a8cb;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel .ot-panel__header>div{min-width:0}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel .ot-panel__header .ot-eyebrow{
  margin-bottom:3px;
  font-size:9px;
  letter-spacing:.12em;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel h2{
  font-size:15px;
  line-height:1.18;
  white-space:normal;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-tree-panel .ot-icon-button{
  min-width:62px;
  padding:7px 8px;
}
body.trend-oee-skin .it.it--assessment{
  border-color:#b7ccd5;
  box-shadow:inset 0 0 0 1px rgba(8,125,168,.12);
}
body.trend-oee-skin .it__maturity{
  margin:9px 0;
  padding:8px 10px;
  border-left:3px solid #087da8;
  background:#edf7fa;
  color:#294b5c;
  font-size:12px;
  line-height:1.4;
}
@media(max-width:1100px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-workbench{grid-template-columns:1fr;width:min(calc(100% - 24px),1640px)}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-channel-controls[data-dp462-merged='1']{
    grid-template-columns:1fr;
    width:100%;
    min-width:0;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group,
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed label{
    width:auto;
    min-width:0;
    overflow-wrap:anywhere;
  }
  body.ot-v3-format.ot-v3-audit #sensorTableWrapper{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
  }
}

@media(max-width:560px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed{
    grid-template-columns:1fr;
  }
}

@media(max-width:400px){
  body .ot-unified-shell .ot-shell__utilities{
    gap:3px;
    min-width:0;
  }
  body .ot-unified-shell .ot-shell__signout{
    padding-inline:5px;
  }
}
.ot-skip-link{position:fixed;left:12px;top:-80px;z-index:100000;background:#fff;color:#06283f;border:2px solid #00a8cb;padding:10px 14px;font-weight:700;text-decoration:none}
.ot-skip-link:focus{top:12px}

/* Hardware administration: native release surface aligned with Administration. */
body.ot-hardware-admin{
  --hardware-navy:#00366f;
  --hardware-cyan:#00a8cb;
  --hardware-ink:#13233a;
  --hardware-muted:#617287;
  --hardware-line:#d9e3e8;
  --hardware-soft:#f5f9fa;
  --hardware-shadow:0 18px 45px -36px rgba(0,47,101,.62);
  margin:0;
  background:#f1f6f7;
  color:var(--hardware-ink);
  font-family:Inter,system-ui,sans-serif;
}
body.ot-hardware-admin *,
body.ot-hardware-admin *::before,
body.ot-hardware-admin *::after{box-sizing:border-box}
body.ot-hardware-admin .ot-page--admin{
  width:min(1540px,calc(100% - 40px));
  max-width:none;
  margin:0 auto;
  padding:28px 0 54px;
  background:transparent;
}
body.ot-hardware-admin .ot-page__header{
  position:relative;
  top:auto;
  z-index:1;
  margin:0 0 14px;
  padding:28px 30px;
  border:1px solid var(--hardware-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--hardware-shadow);
}
body.ot-hardware-admin .ot-page__header h1{
  margin:0;
  color:var(--hardware-navy);
  font:600 clamp(28px,2vw,36px)/1.06 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.035em;
}
body.ot-hardware-admin .ot-page__header p{
  max-width:820px;
  margin:10px 0 0;
  color:var(--hardware-muted);
  font-size:14px;
  line-height:1.55;
}
body.ot-hardware-admin .ot-page__header__meta{
  font-size:10px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body.ot-hardware-admin .ot-hardware-coverage-card{
  display:grid;
  grid-template-columns:minmax(320px,1.3fr) minmax(430px,1fr) auto;
  align-items:center;
  gap:28px;
  margin:0 0 14px;
  padding:24px 26px;
  border:1px solid var(--hardware-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--hardware-shadow);
}
body.ot-hardware-admin .ot-eyebrow{
  margin:0 0 6px;
  color:#24728a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.ot-hardware-admin .ot-hardware-coverage-card h2,
body.ot-hardware-admin .ot-card__title{
  margin:0;
  color:var(--hardware-navy);
  font:600 22px/1.15 'Space Grotesk',Inter,sans-serif;
  letter-spacing:-.02em;
}
body.ot-hardware-admin .ot-hardware-coverage-card p:not(.ot-eyebrow){
  margin:8px 0 0;
  color:var(--hardware-muted);
  font-size:13px;
  line-height:1.5;
}
body.ot-hardware-admin .ot-hardware-coverage-card dl{
  display:grid;
  grid-template-columns:repeat(3,minmax(110px,1fr));
  gap:10px;
  margin:0;
}
body.ot-hardware-admin .ot-hardware-coverage-card dl>div{
  min-width:0;
  padding:12px 14px;
  border-left:3px solid var(--hardware-cyan);
  border-radius:0 10px 10px 0;
  background:var(--hardware-soft);
}
body.ot-hardware-admin .ot-hardware-coverage-card dt{
  color:var(--hardware-muted);
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body.ot-hardware-admin .ot-hardware-coverage-card dd{
  margin:5px 0 0;
  color:var(--hardware-navy);
  font:700 16px/1.2 'Space Grotesk',Inter,sans-serif;
}
body.ot-hardware-admin .ot-hardware-coverage-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
body.ot-hardware-admin .ot-hardware-coverage-actions a{
  padding:7px 9px;
  border-radius:8px;
  color:var(--hardware-navy);
  font-size:11.5px;
  font-weight:800;
  text-decoration:none;
}
body.ot-hardware-admin .ot-hardware-coverage-actions a:hover,
body.ot-hardware-admin .ot-hardware-coverage-actions a:focus-visible{
  background:#e7f6f9;
  outline:none;
}
body.ot-hardware-admin>.ot-tab-strip,
body.ot-hardware-admin .ot-page--admin>.ot-tab-strip{
  position:sticky;
  top:60px;
  z-index:5;
  display:flex;
  flex-wrap:nowrap;
  gap:4px;
  width:100%;
  margin:0 0 14px;
  padding:7px;
  overflow-x:auto;
  border:1px solid var(--hardware-line);
  border-radius:13px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--hardware-shadow);
  scrollbar-width:thin;
}
body.ot-hardware-admin .ot-tab-strip>.ot-tab{
  flex:0 0 auto;
  min-width:max-content;
  min-height:34px;
  padding:9px 13px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#39536a;
  font:700 12px/1.2 Inter,system-ui,sans-serif;
  letter-spacing:0;
  text-decoration:none;
  box-shadow:none;
}
body.ot-hardware-admin .ot-tab-strip>.ot-tab[aria-selected='true'],
body.ot-hardware-admin .ot-tab-strip>.ot-tab[aria-current='page']{
  background:var(--hardware-navy);
  color:#fff;
}
body.ot-hardware-admin .ot-tab-strip>.ot-tab:hover,
body.ot-hardware-admin .ot-tab-strip>.ot-tab:focus-visible{
  background:#e7f6f9;
  color:var(--hardware-navy);
  outline:none;
}
body.ot-hardware-admin .ot-tab-panel{
  display:block;
  margin:0 0 14px;
  padding:0;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}
body.ot-hardware-admin .ot-tab-panel[hidden]{display:none}
body.ot-hardware-admin .ot-card{
  position:relative;
  min-width:0;
  margin:0 0 14px;
  overflow:hidden;
  border:1px solid var(--hardware-line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--hardware-shadow);
}
body.ot-hardware-admin .ot-card::before{
  content:"";
  position:absolute;
  top:-1px;
  left:26px;
  z-index:2;
  width:34px;
  height:3px;
  border-radius:999px;
  background:var(--hardware-cyan);
}
body.ot-hardware-admin .ot-card__header{
  position:relative;
  top:auto;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  min-height:0;
  padding:24px 26px 18px;
  border:0;
  border-bottom:1px solid var(--hardware-line);
  background:#fff;
  box-shadow:none;
}
body.ot-hardware-admin .ot-card__header>div{min-width:0}
body.ot-hardware-admin .ot-card__subtitle,
body.ot-hardware-admin .ot-card__note,
body.ot-hardware-admin .ot-card__meta{
  margin:7px 0 0;
  color:var(--hardware-muted);
  font-size:12.5px;
  line-height:1.5;
}
body.ot-hardware-admin .ot-input,
body.ot-hardware-admin select,
body.ot-hardware-admin textarea{
  min-height:38px;
  padding:9px 11px;
  border:1px solid #cbd9df;
  border-radius:8px;
  background:#fff;
  color:var(--hardware-ink);
  font:400 12px/1.3 Inter,system-ui,sans-serif;
  box-shadow:none;
}
body.ot-hardware-admin .ot-input--inline{width:min(340px,42vw)}
body.ot-hardware-admin .ot-input:focus,
body.ot-hardware-admin select:focus,
body.ot-hardware-admin textarea:focus{
  border-color:var(--hardware-cyan);
  outline:3px solid rgba(0,168,203,.16);
}
body.ot-hardware-admin [id$='TableWrapper'],
body.ot-hardware-admin .ot-technical-output{
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-x:contain;
}
body.ot-hardware-admin .ot-audit-table,
body.ot-hardware-admin .ot-sd-profile-table{
  width:100%;
  min-width:1120px;
  margin:0;
  border:0;
  border-collapse:collapse;
  background:#fff;
  color:var(--hardware-ink);
  font:400 12px/1.4 Inter,system-ui,sans-serif;
}
body.ot-hardware-admin .ot-audit-table th,
body.ot-hardware-admin .ot-sd-profile-table th{
  padding:11px 12px;
  border:0;
  border-bottom:1px solid var(--hardware-line);
  background:#f2f7f8;
  color:#566c7e;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.25;
  text-align:left;
  text-transform:uppercase;
  white-space:normal;
}
body.ot-hardware-admin .ot-audit-table td,
body.ot-hardware-admin .ot-sd-profile-table td{
  padding:12px;
  border:0;
  border-top:1px solid var(--hardware-line);
  background:#fff;
  vertical-align:middle;
}
body.ot-hardware-admin .ot-audit-table tbody tr:nth-child(even) td,
body.ot-hardware-admin .ot-sd-profile-table tbody tr:nth-child(even) td{background:#fbfdfd}
body.ot-hardware-admin .ot-audit-table tbody tr:hover td,
body.ot-hardware-admin .ot-sd-profile-table tbody tr:hover td{background:#f4fafb}
body.ot-hardware-admin .ot-status-pill,
body.ot-hardware-admin .ot-sd-profile-chip{
  display:inline-flex;
  align-items:center;
  width:auto;
  min-width:0;
  min-height:0;
  margin:2px 3px 2px 0;
  padding:4px 8px;
  border:1px solid #c9dce3;
  border-radius:999px;
  background:#edf7fa;
  color:#225269;
  font-size:9.5px;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.2;
  white-space:nowrap;
  box-shadow:none;
}
body.ot-hardware-admin .ot-status-pill--live{border-color:#9bcfb3;background:#edf8f1;color:#246641}
body.ot-hardware-admin .ot-status-pill--inactive,
body.ot-hardware-admin .ot-status-pill--paused,
body.ot-hardware-admin .ot-status-pill--no-capture{border-color:#ddc58f;background:#fff8e8;color:#79591a}
body.ot-hardware-admin .ot-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:9px 12px;
  border:1px solid transparent;
  border-radius:8px;
  font:800 11.5px/1.2 Inter,system-ui,sans-serif;
  box-shadow:none;
}
body.ot-hardware-admin .ot-btn--primary{background:var(--hardware-navy);color:#fff}
body.ot-hardware-admin .ot-btn--ghost{border-color:var(--hardware-line);background:#fff;color:var(--hardware-navy)}
body.ot-hardware-admin .ot-form-grid,
body.ot-hardware-admin .ot-status-cards-grid,
body.ot-hardware-admin .ot-sd-profile-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:20px 26px;
}
body.ot-hardware-admin .ot-form-row{display:grid;gap:7px;min-width:0}
body.ot-hardware-admin .ot-form-label{color:#536a7c;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body.ot-hardware-admin .ot-grid-span-all{grid-column:1/-1}
body.ot-hardware-admin .ot-stage-rail{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:0;
  padding:18px 26px;
  list-style:none;
  border-top:1px solid var(--hardware-line);
}
body.ot-hardware-admin .ot-stage{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--hardware-line);
  border-radius:10px;
  background:#f7fafb;
  color:var(--hardware-muted);
  font:700 12px/1.2 Inter,system-ui,sans-serif;
}
body.ot-hardware-admin .ot-stage__num{
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#dfeaec;
  color:var(--hardware-navy);
}
body.ot-hardware-admin .ot-stage--active{border-color:var(--hardware-cyan);background:#eef9fb;color:var(--hardware-navy)}
body.ot-hardware-admin .ot-stage--active .ot-stage__num{background:var(--hardware-navy);color:#fff}
body.ot-hardware-admin.ot-sensor-import .ot-upload-zone{
  display:grid;
  place-items:center;
  min-height:180px;
  padding:28px;
  border:1px dashed #8fb5c1;
  border-radius:12px;
  background:#f7fbfc;
  text-align:center;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease;
}
body.ot-hardware-admin.ot-sensor-import .ot-upload-zone:hover,
body.ot-hardware-admin.ot-sensor-import .ot-upload-zone:focus-within{border-color:var(--hardware-cyan);background:#eef9fb}
body.ot-hardware-admin.ot-sensor-import .ot-upload-zone__title{margin:0 0 6px;color:var(--hardware-navy);font:700 18px/1.2 'Space Grotesk',Inter,sans-serif}
body.ot-hardware-admin.ot-sensor-import .ot-upload-zone__subtitle{margin:0;color:var(--hardware-muted);font-size:12px}
body.ot-hardware-admin.ot-sensor-import .ot-page__footer{padding:18px 0;color:var(--hardware-muted);font-size:11px}
body.ot-hardware-admin .ot-status-card,
body.ot-hardware-admin .ot-sd-profile-card,
body.ot-hardware-admin .ot-sd-profile-panel{
  min-width:0;
  padding:18px;
  border:1px solid var(--hardware-line);
  border-radius:12px;
  background:#fbfdfd;
  box-shadow:none;
}
body.ot-hardware-admin .ot-kv-list{margin:0;padding:0 26px 20px}
body.ot-hardware-admin .ot-kv-list__row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--hardware-line)}
body.ot-hardware-admin .ot-modal,
body.ot-hardware-admin .ot-modal-anchor{position:fixed;inset:0;z-index:1000}
body.ot-hardware-admin .ot-modal[hidden],
body.ot-hardware-admin .ot-modal-anchor[hidden]{display:none}
body.ot-hardware-admin .ot-modal__backdrop{position:absolute;inset:0;background:rgba(0,30,68,.46)}
body.ot-hardware-admin .ot-modal__panel,
body.ot-hardware-admin .ot-modal-anchor__panel{
  position:relative;
  width:min(680px,calc(100% - 32px));
  max-height:calc(100vh - 48px);
  margin:24px auto;
  overflow:auto;
  border:1px solid var(--hardware-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 30px 80px -35px rgba(0,30,68,.7);
}
body.ot-hardware-admin .ot-modal__header,
body.ot-hardware-admin .ot-modal__body,
body.ot-hardware-admin .ot-modal__footer{padding:18px 22px}
body.ot-hardware-admin .ot-modal__header{border-bottom:1px solid var(--hardware-line)}
body.ot-hardware-admin .ot-modal__footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--hardware-line)}
body.ot-hardware-admin .ot-error-banner,
body.ot-hardware-admin .ot-admin-only-empty,
body.ot-hardware-admin .ot-loading-line{margin:14px 0;padding:12px 14px;border-left:3px solid var(--hardware-cyan);border-radius:0 8px 8px 0;background:#eef8fa;color:#294b5c;font-size:12px}
body.ot-hardware-admin .ot-footer{width:min(1540px,calc(100% - 40px));margin:0 auto 30px;color:var(--hardware-muted);font-size:11px}
@media(max-width:1180px){
  body.ot-hardware-admin .ot-hardware-coverage-card{grid-template-columns:1fr;gap:18px}
  body.ot-hardware-admin .ot-hardware-coverage-actions{flex-direction:row;flex-wrap:wrap}
  body.ot-hardware-admin .ot-form-grid,
  body.ot-hardware-admin .ot-status-cards-grid,
  body.ot-hardware-admin .ot-sd-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.ot-hardware-admin .ot-page--admin{width:calc(100% - 24px);padding-top:14px}
  body.ot-hardware-admin .ot-page__header,
  body.ot-hardware-admin .ot-hardware-coverage-card{padding:20px}
  body.ot-hardware-admin .ot-hardware-coverage-card dl{grid-template-columns:1fr}
  body.ot-hardware-admin .ot-page--admin>.ot-tab-strip{top:0}
  body.ot-hardware-admin .ot-card__header{flex-direction:column;padding:20px}
  body.ot-hardware-admin .ot-input--inline{width:100%}
  body.ot-hardware-admin .ot-form-grid,
  body.ot-hardware-admin .ot-status-cards-grid,
  body.ot-hardware-admin .ot-sd-profile-grid{grid-template-columns:1fr;padding:18px 20px}
  body.ot-hardware-admin .ot-stage-rail{grid-template-columns:1fr;padding:16px 20px}
  body.ot-hardware-admin .ot-footer{width:calc(100% - 24px)}
}
/* END surface_refinement.css */

/* TREND-UI-FINDINGS-20260908-BEGIN
   Keep both diagnostic actions inside the control grid at every breakpoint. */
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact{
  display:grid!important;
  grid-template-columns:154px 154px minmax(200px,1fr) minmax(170px,.8fr)!important;
  grid-auto-rows:auto!important;
  align-items:end!important;
  gap:7px 8px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  align-self:end!important;
  position:static!important;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions button{
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  position:static!important;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-channel-controls[data-dp462-merged='1']{
  display:grid!important;
  grid-template-columns:minmax(126px,.65fr) minmax(0,2fr)!important;
  align-items:center!important;
  gap:6px 14px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:40px!important;
  max-height:none!important;
  overflow:visible!important;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group{
  position:static!important;
  min-width:0!important;
  max-width:100%!important;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 14px!important;
  width:100%!important;
  min-width:0!important;
}
body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-channel-controls[data-dp462-merged='1'] .ot-wb-rail__group--feed label{
  position:static!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:22px!important;
  white-space:nowrap!important;
}
@media (min-width:1181px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#sample-start){grid-area:1/1!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#sample-end){grid-area:1/2!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#code-select){grid-area:1/3!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#capture-select){grid-area:1/4!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-channel-controls[data-dp462-merged='1']{grid-area:2/1/3/4!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#refresh-interval){grid-area:2/4!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{grid-area:3/3/4/5!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-feed-state{grid-area:3/1/4/3!important}
}
@media (max-width:1180px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#sample-start){grid-area:1/1!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#sample-end){grid-area:1/2!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#code-select){grid-area:2/1!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#capture-select){grid-area:2/2!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-channel-controls[data-dp462-merged='1']{grid-area:3/1/4/3!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>label:has(#refresh-interval){grid-area:4/1!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{grid-area:4/2!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-feed-state{grid-area:5/1/6/3!important}
}
@media (max-width:680px){
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact{grid-template-columns:1fr!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>*{grid-column:1!important;grid-row:auto!important}
  body.ot-v3-format.ot-v3-workbench.ot-asset-diagnostics .ot-controls.is-compact>.ot-control-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* TREND-UI-FINDINGS-20260908-END */