@charset "UTF-8";
/* products-assetmgr.php 전용 — 인라인 <style>에서 분리 (2026-07-30) */
/* 제품 개요 미디어 라이브 데모 — 네트워크 자산 관계 그래프 (페이지 한정) */
/* 다크 데모 팔레트(사이트 토큰과 무관)는 아래 --am-* 로컬 커스텀 프로퍼티에서만 정의 */
.ov-media--live{
  --am-bg:#071827;--am-panel:#091f32;--am-line:#265770;--am-hairline:#ffffff16;
  --am-ink:#d9f7fa;--am-bright:#e9fdff;--am-mut:#8eafc4;--am-cyan:#72f1f5;
  --am-edge:#2d7b95;--am-fill:#123d52;--am-frame:#5ee6ef;--am-screen:#092638;--am-glass:#73f0f4;--am-detail:#4bc7cf;--am-label:#dafbfc;--am-flow:#83f8fb;--am-ok:#85f9b8;
  background:var(--am-bg);padding:22px;display:flex;flex-direction:column;justify-content:center;font:12px ui-monospace,SFMono-Regular,monospace;color:var(--am-ink)}
.ov-media--live .am-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--am-mut);padding-bottom:16px;border-bottom:1px solid var(--am-hairline)}
.ov-media--live .am-head b{color:var(--am-cyan)}
.ov-media--live .am-panel{border:1px solid var(--am-line);border-radius:12px;padding:15px;background:var(--am-panel);margin-top:16px}
.ov-media--live .am-title{font-size:10px;letter-spacing:.08em;color:var(--am-mut);margin-bottom:12px}
.ov-media--live svg{display:block;width:100%;height:auto}
.ov-media--live .line{fill:none;stroke:var(--am-edge);stroke-opacity:.75;stroke-width:1.5}
.ov-media--live .frame{fill:var(--am-fill);stroke:var(--am-frame);stroke-width:1.7}
.ov-media--live .screen{fill:var(--am-screen);stroke:var(--am-glass);stroke-width:1.3}
.ov-media--live .detail{fill:var(--am-detail)}
.ov-media--live .label{fill:var(--am-label);font-size:10px}
.ov-media--live .flow{fill:var(--am-flow)}
.ov-media--live .dot-ok{fill:var(--am-ok)}
.ov-media--live .am-foot{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:15px;color:var(--am-mut)}
.ov-media--live .am-foot b{color:var(--am-bright)}