/* Compact previews keep the complete source image available in the lightbox. */
.route-platform-monitor .fusion-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.route-platform-monitor .fusion-detail .image-button{display:flex;align-items:center;justify-content:center;padding:14px 14px 46px;min-width:0}
.route-platform-monitor .fusion-detail img{width:auto;height:auto;max-width:100%;max-height:280px;object-fit:contain}
.route-platform-monitor #monitor-detail-0 .image-button{max-width:340px;justify-self:center}
.route-platform-monitor #monitor-detail-0 img{max-height:160px}
.route-platform-monitor #monitor-detail-3 .image-button{max-width:310px;justify-self:center;padding:0 0 46px}
.route-platform-monitor #monitor-detail-3 img{width:100%;height:280px;max-height:280px;object-fit:cover;object-position:top}
.route-platform-monitor .extra-details .image-button{padding:14px;display:flex;justify-content:center;align-items:center}
.route-platform-monitor .extra-details img{width:auto;height:auto;max-width:100%;max-height:240px;object-fit:contain}
.route-platform-live-supervision #workspace-gallery>.compare-frame{max-width:420px;margin-inline:auto}
.route-platform-live-supervision #workspace-gallery>.compare-frame .comparison-viewport{max-height:none;overflow:hidden}
.route-platform-live-supervision #workspace-gallery>.compare-frame .comparison-scroll-hint,
.route-platform-live-supervision #workspace-gallery>.compare-frame [data-expand-comparison]{display:none}
.route-platform-live-supervision .compare-toolbar .frame-product{flex-basis:100%}
.route-platform-live-supervision .compare-caption{padding:12px;gap:10px}
.route-platform-live-supervision .compare-caption p{font-size:12px}
.supervision-modes{margin-top:44px;scroll-margin-top:120px}
.supervision-modes h2{margin:0 0 24px}
.supervision-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.supervision-mode-cards article{padding:24px;border-radius:16px;border:1px solid var(--fusion-line);background:#e7f2fa;min-width:0}
.supervision-mode-cards article:nth-child(2){background:#eeebff}
.supervision-mode-cards article:nth-child(3){background:#fff0e3}
.supervision-mode-cards h3{font-size:1.3rem;margin:14px 0 12px}
.supervision-mode-cards p{font-size:15px;line-height:1.75;margin:0}
.supervision-mode-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffffaa;color:#4050a0;font-size:20px}
.supervision-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.supervision-context article{padding:26px;border-radius:16px;border:1px solid var(--fusion-line);background:var(--fusion-surface);min-width:0}
.supervision-context h3{font-size:1.25rem;margin:0 0 12px}
.supervision-context p{font-size:15px;line-height:1.75}
.supervision-context .text-link{font-size:14px}
html[data-site-theme=dark] .supervision-mode-cards article{background:#172e42}
html[data-site-theme=dark] .supervision-mode-cards article:nth-child(2){background:#2a2644}
html[data-site-theme=dark] .supervision-mode-cards article:nth-child(3){background:#3a2b27}
html[data-site-theme=dark] .supervision-mode-icon{background:#ffffff14;color:#c1b6ff}
@media(max-width:1100px){.supervision-mode-cards{grid-template-columns:1fr}.supervision-mode-cards article{padding:22px}.supervision-mode-cards h3{margin-top:10px}}
@media(max-width:760px){.route-platform-monitor .fusion-detail{grid-template-columns:1fr}.route-platform-monitor #monitor-detail-0 .image-button{max-width:300px}.route-platform-monitor #monitor-detail-3 .image-button{max-width:280px}.supervision-context{grid-template-columns:1fr}.route-platform-live-supervision #workspace-gallery>.compare-frame{max-width:360px}}