.unit[data-v-210e2ff2]{margin-left:6px;color:#fff}.violation-page .filter-card[data-v-143dd652],.violation-page .summary-card[data-v-143dd652]{margin-bottom:16px}.section-title[data-v-143dd652]{margin-bottom:16px;color:#fff;font-size:16px;font-weight:600}.metric-grid[data-v-143dd652]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.metric-grid-4[data-v-143dd652]{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card[data-v-143dd652]{height:96px;min-height:96px;max-height:96px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:16px;padding:10px 16px;border:1px solid #e8e8e8;border-radius:6px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.metric-card.active[data-v-143dd652],.metric-card[data-v-143dd652]:hover{border-color:#1890ff;-webkit-box-shadow:0 2px 8px rgba(24,144,255,.18);box-shadow:0 2px 8px rgba(24,144,255,.18)}.metric-name[data-v-143dd652]{color:#fff}.metric-value[data-v-143dd652]{margin-top:4px;color:#fff;font-size:28px;font-weight:600;line-height:1.1}.chart-card[data-v-143dd652]{margin-bottom:16px}.trend-chart[data-v-143dd652]{width:100%;height:360px}@media (max-width:1200px){.metric-grid-4[data-v-143dd652],.metric-grid[data-v-143dd652]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.metric-grid-4[data-v-143dd652],.metric-grid[data-v-143dd652]{grid-template-columns:1fr}}