.mesh-category-bars { display: grid; gap: 13px; }
.mesh-category-bars > div { display: grid; grid-template-columns: minmax(120px, 180px) minmax(120px, 1fr) 110px; gap: 14px; align-items: center; }
.mesh-category-bars > div > div { height: 11px; overflow: hidden; border-radius: 7px; background: var(--mesh-line); }
.mesh-category-bars i { display: block; height: 100%; background: var(--mesh-blue); }
.mesh-category-bars strong { text-align: right; }
.mesh-category-bars small { color: var(--mesh-muted); font-weight: 400; }
.mesh-section-gap { margin-top: 24px; }
.mesh-hour-bars { height: 230px; display: grid; grid-template-columns: repeat(24, minmax(12px, 1fr)); gap: 5px; align-items: end; padding-top: 18px; border-bottom: 1px solid var(--mesh-line); }
.mesh-hour-bars > div { height: 190px; display: flex; flex-direction: column; justify-content: end; align-items: center; gap: 6px; }
.mesh-hour-bars i { display: block; width: 100%; min-height: 2px; background: var(--mesh-blue); border-radius: 4px 4px 0 0; }
.mesh-hour-bars span { min-height: 18px; color: var(--mesh-muted); font-size: .78rem; }
.mesh-table-wrap { overflow-x: auto; }
.mesh-data-table { width: 100%; border-collapse: collapse; }
.mesh-data-table th, .mesh-data-table td { padding: 12px 14px; border-bottom: 1px solid var(--mesh-line); text-align: right; }
.mesh-data-table th:first-child, .mesh-data-table td:first-child { text-align: left; }
.mesh-data-table th { color: var(--mesh-muted); font-size: .86rem; }
@media (max-width: 620px) {
    .mesh-category-bars > div { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; }
    .mesh-category-bars > div > div { grid-column: 1 / -1; grid-row: 2; }
    .mesh-category-bars strong { grid-column: 2; grid-row: 1; }
    .mesh-hour-bars { gap: 2px; }
}