.maintenance-visual{margin:0 0 32px;border:1px solid #354a53;background:#14232b;color:#edf3f5;border-radius:10px;overflow:hidden}.monitor-header{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid #3a4e57;background:#1b2e36}.monitor-header strong{font-size:14px;letter-spacing:1px;font-weight:500}.monitor-header>span{font-size:12px;color:#b2c6d0;line-height:1.6}.asset-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}.asset-scene{position:relative;min-width:0;min-height:340px;background:#20333b}.asset-scene img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.asset-caption{position:absolute;bottom:0;left:0;right:0;padding:45px 24px 24px;background:linear-gradient(transparent,#101f29f5)}.asset-caption span{font-size:12px;letter-spacing:1.4px;color:#c5dea8}.asset-caption h3{font-size:25px;line-height:1.3;margin:10px 0 0;color:#fff;max-width:380px}.asset-statuses{padding:18px;display:grid;gap:10px;background:#172a33}.asset-status{font:inherit;text-align:left;display:grid;grid-template-columns:1fr;gap:6px;padding:15px 17px;border:1px solid #3a525e;border-radius:5px;background:#20343e;color:#eef4f7;cursor:pointer;min-width:0}.asset-status:hover{background:#2b424e}.asset-status[aria-pressed=true]{border-color:#b7d88e;box-shadow:inset 3px 0 #b7d88e}.asset-status:focus-visible{outline:2px solid #e0edce;outline-offset:2px}.asset-name{font-size:16px;font-weight:600}.asset-state{font-size:13px;color:#c2dfa4}.asset-status.attention .asset-state{color:#f1c880}.asset-status.scheduled .asset-state{color:#b6d8ef}.asset-reading{font-size:13px;line-height:1.6;color:#b9cbd4}.inspection-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:25px;border-top:1px solid #3a4e57;background:#1b2e36}.inspection-detail h4{font-size:19px;font-weight:500;margin:0 0 12px;color:#e6f1f5}.inspection-detail p{font-size:15px;line-height:1.8;margin:0;color:#bdcfd7}.inspection-detail .inspection-benefit{border-left:2px solid #b7d88e;padding-left:20px}.monitor-footnote{font-size:12px;line-height:1.8;color:#adc2ce;margin:0;padding:18px 25px;border-top:1px solid #3a4e57}.maintenance-method-label{font-size:21px;color:#20382b;margin:34px 0 20px}.condition-trend{padding:25px;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;border-top:1px solid #3a4e57;align-items:center}.monitor-label{font-size:12px;letter-spacing:1px;color:#e6bc75}.condition-trend h4{font-size:23px;font-weight:500;line-height:1.3;margin:12px 0}.condition-trend p{font-size:14px;line-height:1.8;color:#b9cbd4;margin:0}.condition-trend figure{margin:0;min-width:0}.condition-trend svg{display:block;width:100%;height:auto}.condition-trend figcaption{font-size:12px;color:#adc2ce;line-height:1.7;margin-top:10px}.trend-line{stroke-dasharray:1;stroke-dashoffset:0;animation:trace-trend 2.5s ease-out both}.asset-view[hidden]{display:none}@keyframes trace-trend{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media(max-width:1000px){.asset-grid{grid-template-columns:1fr}.asset-scene{min-height:0;aspect-ratio:3/2}.asset-statuses{grid-template-columns:1fr 1fr}.condition-trend{grid-template-columns:1fr;gap:22px}}@media(max-width:600px){.monitor-header{padding:16px}.asset-statuses{padding:12px;gap:8px}.asset-status{padding:13px 11px}.asset-name{font-size:14px;line-height:1.5}.asset-state,.asset-reading{font-size:12px}.asset-caption{padding:40px 18px 18px}.asset-caption h3{font-size:22px}.inspection-detail{grid-template-columns:1fr;padding:20px;gap:22px}.condition-trend{padding:20px}.monitor-footnote{padding:17px 20px}.maintenance-board{padding:12px}.maintenance-sectors button{padding:12px 8px}}@media(prefers-reduced-motion:reduce){.trend-line{animation:none}}
