.count-catalog { margin: 1.5rem 0 3rem; }
.count-catalog__header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.5rem; }
.count-catalog__header h1 { margin: .4rem 0; font-size: clamp(1.7rem, 3vw, 2.25rem); }
.count-catalog__header p { color: #596579; margin-bottom: 0; }
.count-catalog__summary { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding: 1.1rem 1.4rem; background: #edf3fa; border-radius: .85rem; margin-bottom: 1.5rem; color: #34435a; }
.count-catalog__summary strong { font-size: 1.25rem; margin-right: .3rem; color: #163b68; }
.count-catalog__panel { background: white; border: 1px solid #dde4ec; border-radius: 1rem; overflow: hidden; }
.count-catalog__filters { display: flex; gap: .75rem; align-items: end; padding: 1.25rem; }
.count-catalog__table th { background: #f5f7fa; color: #48566b; font-size: .85rem; white-space: nowrap; }
.count-catalog__table td, .count-catalog__table th { padding: .85rem 1rem; }
.count-catalog__table td:nth-child(2), .count-catalog__table td:last-child { white-space: nowrap; }
.count-catalog--edit { max-width: 820px; margin-left: auto; margin-right: auto; }
@media (max-width: 640px) {
    .count-catalog__header { align-items: flex-start; flex-direction: column; }
    .count-catalog__filters { flex-wrap: wrap; }
    .count-catalog__filters > div:first-child { flex-basis: 100%; }
}