.monitoring-page .monitor-hero{height:clamp(580px,43vw,790px);min-height:580px}
.monitoring-page .monitor-hero>img{object-position:center}
.monitoring-page .monitor-hero .fleet-hero-shade{background:linear-gradient(90deg,#07151fe8 0%,#0a1926b5 35%,#0c1b2b35 75%),linear-gradient(0deg,#07151f70,transparent 50%)}
.monitoring-page .monitor-hero .fleet-hero-copy{padding-top:clamp(85px,7vw,135px);max-width:1720px}
html[lang] .monitoring-page .monitor-hero h1{font-size:clamp(40px,3.5vw,67px);line-height:1.3;letter-spacing:-.025em;max-width:15ch}
.monitoring-page .monitor-hero .fleet-hero-copy>p:not(.fleet-eyebrow){font-size:17px;line-height:1.9;max-width:38em;color:#e0e7ec}
.monitoring-page .fleet-hero-caption{font-size:12px;color:#d8e3ec}
.monitor-coverage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:38px;border-bottom:1px solid #e3e7ec;gap:24px}
.monitor-coverage>a{position:relative;padding:5px 25px 5px 0;border-right:1px solid #e3e7ec;display:flex;flex-direction:column;gap:10px;min-width:0}
.monitor-coverage>a:last-child{border-right:0}
.monitor-coverage strong{font-size:18px;font-weight:550;color:#28333f;line-height:1.6}
.monitor-coverage span{font-size:13px;line-height:1.8;color:#697482;max-width:27em}
.monitor-coverage i{font-style:normal;color:#dc2d1b;position:absolute;right:15px;top:7px}
.monitor-coverage>a:hover strong{color:#dc2d1b}
.monitor-operations,.monitor-device-selection{padding-block:75px;scroll-margin-top:155px}
.operations-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:65px;margin-bottom:35px}
.operations-heading h2{font-size:clamp(30px,2.5vw,44px);font-weight:500;line-height:1.5;color:#293746;letter-spacing:-.015em;margin:0}
.operations-heading>p{font-size:15px;line-height:1.95;color:#66707d;max-width:58ch;margin:0}
.operations-heading>a{justify-self:end;color:#dc2d1b;font-size:14px;padding:8px 0}
.operations-tabs{margin:0 0 25px;display:flex;flex-wrap:wrap;gap:10px}
.operations-tabs button:focus-visible{outline:2px solid #dc2d1b;outline-offset:3px}
.operations-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#f5f6f8;border:1px solid #e3e7ec}
.operations-photo{margin:0;position:relative;min-width:0;min-height:620px;background:#1b2c39;overflow:hidden}
.operations-photo>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:85% center}
.operations-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a1a2bd9,transparent 50%);pointer-events:none}
.operations-photo>figcaption{position:absolute;top:20px;left:20px;z-index:1;font-size:11px;color:#fff;background:#0b1e2bd9;padding:6px 10px;border:1px solid #ffffff24;border-radius:2px}
.operations-id{position:absolute;left:32px;right:32px;bottom:32px;z-index:1;color:#fff;display:flex;flex-direction:column;gap:12px}
.operations-id>span{font-size:12px;letter-spacing:.04em;color:#cfdee9}
.operations-id>strong{font-size:27px;font-weight:500;line-height:1.5}
.operations-console{padding:32px;min-width:0}
.operations-status{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#596777;margin-bottom:22px}
.operations-status small{font-size:11px;background:#fff;border:1px solid #dce1e7;padding:3px 8px;white-space:nowrap}
.operations-console h3{font-size:25px;line-height:1.6;color:#253342;font-weight:550;margin:0}
.operations-summary{font-size:14px;color:#647180;line-height:1.9;margin:15px 0 24px}
.operations-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 25px;padding:22px 0;border-block:1px solid #dce1e7}
.operations-readings>div{min-width:0}
.operations-readings dt{font-size:11px;line-height:1.7;color:#697584;margin-bottom:10px}
.operations-readings dd{font-size:clamp(15px,1.3vw,23px);line-height:1.5;color:#253544;font-weight:550;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.operations-evidence{margin:0;display:grid;gap:14px}
.operations-evidence>div{display:grid;grid-template-columns:85px 1fr;gap:15px}
.operations-evidence dt{font-size:12px;line-height:1.9;color:#3c5064;font-weight:550}
.operations-evidence dd{font-size:12px;color:#667280;line-height:1.9;margin:0}
.operations-progress{list-style:none;display:flex;padding:24px 0 0;margin:24px 0;border-top:1px solid #dce1e7;gap:18px;justify-content:space-between}
.operations-progress>li{display:flex;gap:8px;align-items:center;color:#88929e;font-size:11px;line-height:1.7;min-width:0}
.operations-progress i{font-style:normal;border:1px solid #cdd5df;border-radius:50%;height:23px;width:23px;flex:none;display:grid;place-items:center;font-size:10px}
.operations-progress .complete{color:#34495b}
.operations-progress .complete i{border-color:#dc2d1b;background:#dc2d1b;color:#fff}
.operations-action{background:#dc2d1b;color:#fff;border:1px solid #dc2d1b;border-radius:2px;min-height:44px;padding:10px 18px;font-size:13px;line-height:1.6;text-align:left}
.operations-action:hover{background:#bf2718}
.operations-action:focus-visible{outline:2px solid #dc2d1b;outline-offset:3px}
.operations-action-note{font-size:11px;line-height:1.8;color:#74808e;margin:12px 0 0;min-height:1.8em}
.monitor-device-selection{border-top:1px solid #e3e7ec}
.monitor-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.monitor-device-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);background:#f5f6f8;border:1px solid #e3e7ec;align-items:center;gap:20px;min-width:0}
.monitor-device-card:hover{border-color:#dc2d1b}
.monitor-device-card>div{padding:25px;min-width:0}
.monitor-device-card img,.monitor-device-card svg{display:block;width:100%;height:230px;object-fit:contain}
.monitor-device-card>section{padding:25px 28px 25px 0;min-width:0}
.monitor-device-card small{font-size:12px;color:#dc2d1b}
.monitor-device-card h3{font-size:21px;font-weight:550;line-height:1.7;color:#2c3a47;margin:12px 0}
.monitor-device-card p{font-size:13px;line-height:1.9;color:#667280;margin:0 0 20px}
.monitor-device-card section>span{font-size:12px;color:#dc2d1b}
.monitoring-page .monitor-visual>.fleet-panel{background:#112333;border-color:#294154;box-shadow:none}
.monitoring-page .metric-highlight strong,.monitoring-page .interpretation h3,.monitoring-page .monitor-timeline strong,.monitoring-page .case-identity>strong,.monitoring-page .report-sheet h3{color:#e2edf4}
.monitoring-page .metric-highlight>div>span,.monitoring-page .metric-highlight>span,.monitoring-page .fleet-panel .panel-note,.monitoring-page .fleet-panel .reading-explanation,.monitoring-page .fleet-panel .interpretation p,.monitoring-page .monitor-timeline p,.monitoring-page .case-identity>p,.monitoring-page .report-seal{color:#afc1d0}
.monitoring-page .sensor-chart polyline{stroke:#76d3e2}
.monitoring-page .sensor-chart circle{fill:#bbebf1}
.monitoring-page .response-steps>li{color:#9eb4c5}
.monitoring-page .response-steps>li.complete{color:#e0ecf2}
.monitoring-page .response-steps li.complete p,.monitoring-page .report-sheet dd{color:#b4c7d6}
.cargo-security-scene{margin:0 28px 24px;position:relative;overflow:hidden;border:1px solid #3c5365;background:#0b1924;isolation:isolate}
.cargo-security-scene>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.cargo-security-scene figcaption{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:18px;background:linear-gradient(0deg,#07141dd9,transparent 35%);pointer-events:none}
.cargo-scene-state{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;font-weight:550;color:#fff;padding:7px 10px;background:#0a1b2ae8;border:1px solid #ffffff38;border-radius:2px}
.cargo-scene-state i{height:7px;width:7px;border-radius:50%;background:#82d8b1;flex:none}
.cargo-scene-state-alert i{background:#ffad70}
.cargo-security-scene figcaption small{color:#fff;font-size:10px;line-height:1.5;text-shadow:0 1px 3px #000}
@media(max-width:740px){.cargo-security-scene{margin-inline:16px;margin-bottom:20px}.cargo-security-scene figcaption{padding:12px;gap:7px}.cargo-scene-state{font-size:11px;padding:6px 8px}}
@media(max-width:1100px){.operations-heading{gap:35px}.operations-console{padding:25px}.operations-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.operations-readings{grid-template-columns:1fr 1fr;gap:16px}.operations-progress{gap:10px}.monitor-device-card{grid-template-columns:1fr;gap:0}.monitor-device-card>div{padding-bottom:0}.monitor-device-card>section{padding:25px}.monitor-device-card img,.monitor-device-card svg{height:210px}.monitor-coverage strong{font-size:16px}.monitor-coverage span{font-size:12px}}
@media(max-width:740px){.monitoring-page .monitor-hero{min-height:580px;height:650px}.monitoring-page .monitor-hero .fleet-hero-copy{padding-top:78px}html[lang] .monitoring-page .monitor-hero h1{font-size:37px;line-height:1.4}.monitoring-page .monitor-hero .fleet-hero-copy>p:not(.fleet-eyebrow){font-size:14px;max-width:32ch}.monitoring-page .monitor-hero .fleet-hero-shade{background:linear-gradient(90deg,#07151fe8,#07151f65),linear-gradient(0deg,#07151f90,transparent)}.monitoring-page .monitor-hero>img{object-position:85% center}.monitor-coverage{grid-template-columns:1fr 1fr;padding-block:26px;gap:22px}.monitor-coverage>a:nth-child(2){border-right:0}.monitor-coverage strong{font-size:15px}.monitor-coverage span{font-size:12px}.monitor-operations,.monitor-device-selection{padding-block:50px;scroll-margin-top:140px}.operations-heading{grid-template-columns:1fr;gap:22px;margin-bottom:25px}.operations-heading h2{font-size:29px}.operations-heading>p{font-size:13px}.operations-heading>a{justify-self:start;font-size:13px}.operations-tabs{gap:8px}.operations-layout{grid-template-columns:1fr}.operations-photo{min-height:0;height:310px}.operations-photo>img{object-position:85% 53%}.operations-id{bottom:22px;left:22px;right:22px}.operations-id>strong{font-size:23px}.operations-console{padding:22px}.operations-console h3{font-size:23px}.operations-summary{font-size:13px}.operations-evidence>div{grid-template-columns:75px 1fr;gap:12px}.operations-progress{flex-wrap:wrap;gap:14px}.monitor-device-grid{grid-template-columns:1fr;gap:20px}.monitor-device-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.monitor-device-card>div{padding:15px}.monitor-device-card>section{padding:22px 20px 22px 0}.monitor-device-card h3{font-size:18px}.monitor-device-card img,.monitor-device-card svg{height:180px}.monitor-device-card p{font-size:12px}}
@media(max-width:420px){.monitor-device-card{grid-template-columns:1fr}.monitor-device-card>section{padding:0 22px 22px}.monitor-device-card>div{padding:20px}.operations-console{padding:20px}.operations-evidence>div{grid-template-columns:1fr;gap:3px}.monitor-coverage>a{padding-right:15px}.monitor-coverage i{right:5px}}

/* Keep workflow steps aligned with the panel heading and explanatory note. */
.monitor-integration-panel{--integration-gutter:27px}
.monitor-integration-panel>.panel-top,.monitor-integration-panel>.panel-note{padding-inline:var(--integration-gutter)}
.monitor-integration-panel>.monitor-integration-steps{margin-inline:var(--integration-gutter)}
@media(max-width:800px){.monitor-integration-panel{--integration-gutter:20px}}
@media(max-width:580px){.monitor-integration-panel{--integration-gutter:17px}}