.dx-panel{background:#fff;border:1px solid #e2e8f1;border-radius:12px;overflow:hidden;min-width:0}.dx-panel h2{font-size:15px;margin:0}.dx-panel h3{font-size:13px;margin:22px 0 12px}.dx-panel p{line-height:1.7}.dx-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid #edf0f5}.dx-panel-head p{margin:5px 0 0;font-size:11px;color:#7b889c}.dx-panel-head small{font-weight:400;color:#7b889c}.dx-muted{color:#7b889c;font-size:11px}.dx-intro{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#eaf0fc;border:1px solid #dae5fa;border-radius:9px;margin-bottom:20px;font-size:12px}.dx-intro>span:last-child{margin-left:auto;color:#687d9f;font-size:11px}.dx-live{color:#316bee;white-space:nowrap}.dx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}.dx-stat{border:1px solid #e2e8f1;border-radius:10px;background:white;padding:20px 23px;text-align:left;color:#26364f;display:flex;flex-direction:column;gap:8px}.dx-stat>span{font-size:12px}.dx-stat strong{font-size:29px;font-weight:700}.dx-stat strong small{font-size:12px;font-weight:400;margin-left:7px;color:#8592a5}.dx-stat>small{font-size:10px;color:#8592a5}.dx-stat.red strong{color:#d4544e}.dx-stat.amber strong{color:#b67a23}.dx-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px;align-items:start}.dx-bus{display:flex;align-items:center;gap:15px;color:#68809c;padding:26px 35px 10px;font-size:11px}.dx-bus i{flex:1;height:2px;background:#b6c6da}.dx-assets{display:grid;grid-template-columns:repeat(4,1fr);padding:20px;gap:13px}.dx-asset{border:1px solid #dce5ef;border-top:3px solid #4b9d8e;border-radius:7px;background:#fcfdff;text-align:left;padding:17px 14px;color:#243a55;min-width:0}.dx-asset.alarm{border-top-color:#d96961;background:#fffbfa}.dx-asset.stale,.dx-asset.video{border-top-color:#93a0b0;background:#f8fafc}.dx-asset>small{font-size:9px;color:#8895a7}.dx-asset>strong{display:block;font-size:13px;margin:9px 0 10px}.dx-badge{display:inline-flex;padding:5px 8px;border-radius:5px;background:#eef2f7;color:#697b92;font-size:10px;font-weight:600;white-space:nowrap}.dx-badge.normal{color:#258b76;background:#e9f6f1}.dx-badge.alarm{color:#cb5c51;background:#fff0ed}.dx-badge.stale,.dx-badge.video{color:#977022;background:#f6f1e5}.dx-panel-symbol{height:80px;border:1px solid #d4dfea;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0;position:relative;background:linear-gradient(180deg,#f5f8fc,#eaf0f7)}.dx-panel-symbol b{font-size:9px;background:#8fa7c2;color:white;padding:22px 5px 5px;border-radius:2px;border-top:3px solid #748da9}.alarm .dx-panel-symbol b:nth-of-type(2){background:#e6a69c;border-top-color:#c95d51}.dx-asset-value{font-size:26px;font-weight:700}.dx-asset-value small{font-size:10px;margin-left:5px;font-weight:400;color:#7c8b9f}.dx-asset p{font-size:10px;color:#8390a2}.dx-asset>span:last-child{display:block;border-top:1px solid #e4eaf2;padding-top:12px;margin-top:14px;font-size:10px;color:#527ab3}.dx-table-wrap{overflow:auto}.dx-table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}.dx-table th{text-align:left;background:#f8fafc;color:#8b97aa;padding:13px 18px;font-weight:500}.dx-table td{padding:16px 18px;border-bottom:1px solid #edf1f6}.dx-table td small{display:block;margin-top:4px;color:#8d99a9;font-size:9px}.dx-link{border:0;background:transparent;color:#4678c6;font-size:11px;padding:3px}.dx-link.danger{color:#c76459}.dx-footnote{padding:15px 20px;font-size:10px;color:#8390a3;line-height:1.7}.dx-priority{display:grid;gap:18px}.dx-priority-row{display:flex;width:100%;gap:13px;text-align:left;padding:22px 17px;background:white;border:0;border-bottom:1px solid #edf1f5;color:#2e3f56}.dx-priority-num{font-size:20px;color:#c9d3df}.dx-priority-row strong{display:block;margin:11px 0 4px;font-size:13px}.dx-priority-row p{margin:0;font-size:11px;color:#8591a3}.dx-priority-row small{display:block;margin-top:10px;color:#6d819f;font-size:10px}.dx-priority-row>b{margin-left:auto}.dx-panel-link{display:block;padding:17px 22px;color:#4f78b2;font-size:11px}.dx-diagnostic-scope{padding:23px}.dx-diagnostic-scope dl{font-size:11px;line-height:1.8}.dx-diagnostic-scope dt{color:#8b96a7;margin-top:15px}.dx-diagnostic-scope dd{margin:3px 0}.dx-diagnostic-scope p{font-size:10px;color:#8b96a7;border-top:1px solid #edf1f6;padding-top:15px}.dx-evidence{margin:0 0 22px}.dx-evidence-grid{display:grid;grid-template-columns:2fr 1fr 1fr;padding:20px 24px;gap:20px}.dx-evidence-grid span{font-size:11px;color:#8290a5}.dx-evidence-grid strong{display:block;font-size:23px;margin-top:8px}.dx-evidence-grid small{font-size:11px;font-weight:400;margin-left:8px;color:#8493a6}.dx-evidence>p{margin:0 24px 15px;color:#7f8da1;font-size:11px}.dx-evidence>.dx-actions{margin:0 24px 20px}.dx-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dx-actions small{font-size:10px;color:#8190a5}.dx-alarm-tools{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;margin-bottom:18px;gap:20px}.dx-tabs{display:flex;gap:6px}.dx-tabs button,.dx-roi-tabs button{border:0;background:transparent;padding:10px 16px;color:#7b8ba2;border-radius:5px}.dx-tabs button[aria-pressed=true],.dx-roi-tabs button[aria-pressed=true]{background:#eaf0ff;color:#366ddd}.dx-alarm-tools input,.dx-alarm-tools select{padding:9px 10px;border:1px solid #dce4ee;border-radius:5px;background:white;color:#566982}.dx-alarm-tools label{font-size:11px}.dx-alarm-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:20px;align-items:start}.dx-event-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #e5ebf3;background:white;padding:20px;color:#273a54;border-left:3px solid transparent}.dx-event-row.selected{background:#f0f5ff;border-left-color:#467aeb}.dx-event-row>div{display:flex;align-items:center;gap:8px;font-size:10px;justify-content:space-between}.dx-event-row>div b{font-size:9px;color:#b56b51}.dx-event-row>strong{font-size:13px;display:block;margin:14px 0 7px}.dx-event-row p{font-size:11px;color:#7c8da3;margin:0 0 16px}.dx-event-row>div:last-child{color:#8593a8;gap:5px;font-size:9px}.dx-event-body{padding:20px 24px}.dx-status-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:7px;padding:16px}.dx-status-lanes span{display:block;font-size:10px;color:#8b97aa;margin-bottom:8px}.dx-status-lanes strong{font-size:13px}.dx-event-body>p{font-size:12px;color:#6d7f98}.dx-rule-evidence{display:flex;align-items:center;gap:20px;background:#fff7f4;border-radius:6px;padding:16px 20px;margin:15px 0 20px;color:#cd6b59}.dx-rule-evidence strong{font-size:28px}.dx-rule-evidence small{font-size:11px;margin-left:5px}.dx-rule-evidence span{font-size:11px;line-height:1.8}.dx-chart-caption{font-size:12px;font-weight:600;margin-top:20px}.dx-chart-caption span{float:right;font-size:10px;color:#8d99aa;font-weight:400}.dx-trend{display:block;width:100%;max-height:190px;margin:12px 0}.dx-trend text{font:11px 'Malgun Gothic',sans-serif;fill:#8997ac}.dx-record-note{background:#f7f9fc;color:#8491a6;border-radius:5px;font-size:10px;line-height:1.7;padding:13px 16px}.dx-timeline{display:flex;gap:28px;padding:20px 0;color:#8b99ad;font-size:10px}.dx-timeline b{display:block;margin-top:6px;font-size:11px;color:#5d718e;font-weight:400}.dx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dx-roi-form label,#dx-work-form label,#dx-dialog label{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;font-size:11px;color:#7b8aa1}.dx-roi-form input,.dx-roi-form select,#dx-work-form select,#dx-work-form textarea,#dx-dialog select{border:1px solid #dce4ee;border-radius:5px;color:#3c536f;background:#fff;padding:10px;width:100%;min-width:0}.dx-roi-form input:focus,#dx-work-form textarea:focus{outline:2px solid #b7d0ff}.dx-form-body{padding:20px}.dx-form-body h3{border-top:1px solid #e9edf4;padding-top:20px}.dx-form-body h3 small{font-size:9px;color:#a18a64;margin-left:8px}.dx-form-body p{font-size:10px}#dx-work-form{border-top:1px solid #e5ebf3;margin-top:20px}#dx-work-form textarea{min-height:75px;resize:vertical;font:inherit}.dx-notes p{border-left:2px solid #d8e4f7;padding-left:13px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.dx-notes small{display:block;color:#8e9bae;font-size:10px;margin-bottom:5px}.dx-no-data{padding:40px;color:#8795aa;text-align:center;line-height:2}.dx-no-data small{font-size:10px}.dx-edit-banner{display:flex;gap:20px;align-items:center;background:#fff8e9;border:1px solid #f0e3c6;border-radius:7px;color:#a68747;padding:14px 20px;margin-bottom:20px;font-size:11px}.dx-edit-banner span:last-child{margin-left:auto}.dx-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:20px;align-items:start}.dx-edit-canvas{position:relative;background:#121c2e;padding:20px;display:flex;justify-content:center}.dx-edit-canvas canvas{width:100%;max-width:800px;height:auto;aspect-ratio:4/3;touch-action:none;cursor:crosshair}.dx-edit-canvas>span{position:absolute;bottom:25px;left:30px;font-size:10px;color:#a6b9d2;background:#142337cc;padding:6px}.dx-roi-tabs{display:flex;flex-wrap:wrap;padding:10px 15px;gap:5px;border-top:1px solid #e9edf4}.dx-device-apply{padding:20px;background:#f8fafc;border-top:1px solid #e9edf4;font-size:11px}.dx-device-apply p{font-size:10px;color:#8d9bad}.dx-device-apply button:disabled{opacity:.5}#dx-dialog{max-width:550px;width:calc(100% - 35px);border:1px solid #dce4ee;border-radius:12px;padding:27px;color:#354c68;box-shadow:0 20px 70px #10243d40}#dx-dialog::backdrop{background:#10233770}#dx-dialog h2{font-size:18px}#dx-dialog p,#dx-dialog li{font-size:12px;line-height:1.9}#dx-dialog .dx-actions{justify-content:flex-end;margin-top:20px}.dx-roi-form .btn:disabled{color:#7e8ca0}
@media(min-width:1700px){.dx-dashboard{grid-template-columns:minmax(0,1fr) 340px}.dx-alarm-layout{grid-template-columns:440px minmax(0,1fr)}.dx-editor-layout{grid-template-columns:minmax(0,1fr) 390px}.dx-edit-canvas canvas{max-width:860px}.dx-asset{padding:20px}.dx-panel-symbol{height:105px}.dx-asset>strong{font-size:15px}}
@media(max-width:1200px){.dx-dashboard{grid-template-columns:1fr}.dx-priority{grid-template-columns:1fr 1fr}.dx-intro{flex-wrap:wrap}.dx-intro>span:last-child{margin-left:0}.dx-alarm-layout{grid-template-columns:310px minmax(0,1fr)}.dx-alarm-tools{align-items:flex-start;flex-direction:column}.dx-editor-layout{grid-template-columns:minmax(0,1fr) 300px}.dx-edit-banner{flex-wrap:wrap}.dx-edit-banner span:last-child{margin-left:0}.dx-panel-head{flex-wrap:wrap}.dx-evidence-grid strong{font-size:18px}}
@media(max-width:850px){.dx-stats{grid-template-columns:1fr 1fr}.dx-assets{grid-template-columns:1fr 1fr}.dx-alarm-layout,.dx-editor-layout{grid-template-columns:1fr}.dx-evidence-grid{grid-template-columns:1fr}.dx-priority{grid-template-columns:1fr}.dx-intro strong{line-height:1.7}.dx-table{min-width:650px}.dx-alarm-tools input{max-width:100%}.dx-alarm-tools .dx-actions{width:100%}.dx-event-list{max-height:340px;overflow:auto}.dx-stat{padding:15px}.dx-timeline{gap:15px}.dx-edit-canvas{padding:8px}.dx-edit-canvas>span{left:14px;bottom:12px;font-size:8px}}

/* 종합 관제에서 진단항목 표까지 빠르게 확인 */
.dx-stat{padding:15px 20px;gap:6px}.dx-stat strong{font-size:26px}.dx-panel-head{padding:16px 20px}.dx-bus{padding:18px 30px 0}.dx-assets{padding:16px;gap:12px}.dx-asset{padding:13px 15px}.dx-panel-symbol{height:60px;margin:12px 0}.dx-asset p{margin:6px 0}.dx-asset>span:last-child{margin-top:9px;padding-top:9px}.dx-table td{padding:12px 16px}
