/* Sổ chi tiêu: chỉ bố cục. */
.sdl-man > :last-child { margin-bottom: 0; }

/* Chỉ số hôm nay / tháng */
.sdl-chi-so { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
@media (min-width: 400px) { .sdl-chi-so { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sdl-chi-so .saly-stat__value { font-size: var(--text-lg); white-space: nowrap; }
.sdl-tong-quan { margin: 0 0 var(--space-5); }

/* Danh sách theo ngày */
.sdl-ngay__dau { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin: 0 0 var(--space-2); padding: 0 var(--space-1); }
.sdl-ngay__dau h3 { margin: 0; font-size: var(--text-md); }
.sdl-ngay__tong { font-weight: 600; white-space: nowrap; }
.sdl-ngay .saly-list { margin: 0; }
.saly-list .saly-list-item { width: 100%; text-align: left; }

/* Khung chờ */
.sdl-dong-cho { display: flex; align-items: center; gap: var(--space-3); }
.sdl-dong-cho__chu { display: grid; flex: 1; }

/* Thống kê theo nhóm */
.sdl-tong-thang { margin: 0; }
.sdl-nhom { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.sdl-nhom__dong { display: grid; gap: var(--space-2); }
.sdl-nhom__dau { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-1) var(--space-3); }
.sdl-nhom__ten { display: inline-flex; align-items: center; gap: var(--space-2); font-weight: 600; }

/* Form trong tấm trượt */
.sdl-nhom-chon { margin: 0; padding: 0; border: 0; min-width: 0; }
.sdl-nhom-chon legend { padding: 0; margin: 0 0 var(--space-2); }
.sdl-hang-nut { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.sdl-hang-nut > .saly-btn:last-child { flex: 1 1 12rem; }

/* Điện thoại: nút nổi; laptop: nút rộng */
.sdl-nut-them-rong { display: none; }

@media (min-width: 1024px) {
  .sdl-fab { display: none; }
  .sdl-nut-them-rong { display: inline-flex; }
  .sdl-man--so { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-6); align-items: start; }
  .sdl-tong-quan { grid-column: 2; grid-row: 1; position: sticky; top: var(--space-5); margin: 0; }
  .sdl-danh-sach { grid-column: 1; grid-row: 1; }
  .sdl-chi-so { grid-template-columns: minmax(0, 1fr); }
  .sdl-chi-so .saly-stat__value { font-size: var(--text-xl); }
  .sdl-man:not(.sdl-man--so) { max-width: 40rem; }
}
.sdl-nut-them-rong[hidden], .sdl-fab[hidden] { display: none; }