#panel-dashboard .ops-kpi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
#panel-dashboard .ops-kpi-card{background:#fff;border:1px solid #dce5ef;border-radius:9px;padding:10px 12px;text-align:left;color:#17324f;font:inherit;cursor:pointer;min-width:0}
#panel-dashboard .ops-kpi-card:hover,#panel-dashboard .ops-kpi-card:focus-visible{border-color:#0067c9;background:#f4f9ff}
#panel-dashboard .ops-kpi-card span{display:block;color:#71839a;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#panel-dashboard .ops-kpi-card strong{font-size:23px;line-height:1.5}
#panel-dashboard .ops-kpi-card small{font-size:11px;margin-left:4px;color:#71839a}
#panel-dashboard .ops-segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#panel-dashboard .ops-segment{border:1px solid #dce5ef;border-left:3px solid #70a9da;border-radius:7px;background:#f8fbff;padding:9px 11px;display:grid;gap:3px;min-width:0}
#panel-dashboard .ops-segment strong{font-size:12px}
#panel-dashboard .ops-segment span{font-size:11px;color:#657e99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#panel-dashboard .ops-map-filters{display:flex;gap:10px;flex-wrap:wrap;margin:7px 0}
#panel-dashboard .ops-map-filters label{font-size:11px;color:#71839a}
#panel-dashboard .ops-map-filters select{margin-left:4px;border:1px solid #d7e3ef;border-radius:5px;background:white;padding:4px;color:#17324f;max-width:180px}
#panel-dashboard .ops-dot-normal{fill:#087bc9}
#panel-dashboard .ops-dot-other{fill:#f29b38}
#panel-dashboard .ops-tree-toggle{border:0;background:none;padding:0;color:#17486e;font:inherit;text-align:left;cursor:pointer}
#panel-dashboard .ops-catalog-link{margin-left:7px;font-size:11px}
#panel-dashboard .ops-equipment-spec td:first-child{padding-left:15px}
#panel-dashboard .ops-equipment-model td:first-child{padding-left:30px;overflow-wrap:anywhere}
#panel-dashboard .ops-equipment-model .ops-note{display:block}
#panel-dashboard .ops-equipment small{font-size:10px;color:#9b6b28;white-space:nowrap}
#panel-dashboard .ops-projects{min-width:1120px}
#panel-dashboard .ops-projects th:first-child,#panel-dashboard .ops-projects td:first-child{width:19%}
#panel-dashboard .ops-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#panel-dashboard .ops-feed{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px solid #edf1f6;min-width:0}
#panel-dashboard .ops-feed>div{min-width:0;flex:1}
#panel-dashboard .ops-feed strong{display:block;font-size:12px;overflow-wrap:anywhere}
#panel-dashboard .ops-feed .ops-note{display:block;margin-top:3px}
#panel-dashboard .ops-device-list{max-height:240px}
#panel-dashboard .ops-quality-drill{display:block;width:100%;border:0;border-radius:6px;padding:2px 0;background:transparent;color:#17324f;text-align:left;cursor:pointer}
#panel-dashboard .ops-quality-drill:hover strong,#panel-dashboard .ops-quality-drill:focus-visible strong{color:#0067c9}
#panel-dashboard .ops-quality-drill strong{margin:8px 0 0}
#panel-dashboard .ops-quality-drill span{display:block;color:#0067c9;font-size:11px;margin:1px 0 5px}
@media(max-width:1250px){#panel-dashboard .ops-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){#panel-dashboard .ops-segments{grid-template-columns:repeat(2,minmax(0,1fr))}#panel-dashboard .ops-bottom{grid-template-columns:1fr}}
@media(max-width:580px){#panel-dashboard .ops-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}#panel-dashboard .ops-segments{grid-template-columns:1fr}}

/* Two overview entries share the same data and dialog without duplicate IDs. */
#panel-dashboard.ops-summary .ops-segments,
#panel-dashboard.ops-summary .ops-work,
#panel-dashboard.ops-summary .ops-project-section,
#panel-dashboard.ops-summary .ops-bottom { display: none; }
#panel-dashboard.ops-execution .ops-overview,
#panel-dashboard.ops-execution .ops-quality { display: none; }
