/* Hai ô cạnh nhau, tự xuống một cột khi khung hẹp */
.hai-cot { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); gap: var(--space-3); }
.hai-cot > .saly-field { margin: 0; }

/* Chip giá trị nhanh ngay dưới ô lương một giờ */
.saly-field > .saly-chips { margin-top: var(--space-1); }

/* Đầu thẻ "Các ca": tiêu đề bên trái, nút thêm bên phải */
.dau-the { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); flex-wrap: wrap; }
.dau-the h2, .dau-the p { margin: 0; }

/* Dòng ca bấm được: chiếm hết chiều rộng */
#danh-sach-ca button.saly-list-item { width: 100%; text-align: left; }

/* Tóm tắt lương trong thanh nút dính đáy (điện thoại) */
.tom-tat { display: grid; flex: none; gap: 0; margin: 0; line-height: 1.3; }
.tom-tat .saly-muted { font-size: var(--text-sm); }
.tom-tat strong { font-family: var(--font-heading); font-size: var(--text-lg); text-align: left; }

@media (min-width: 1024px) {
  .tom-tat { display: none; }
  .saly-main__aside .saly-sticky-cta { margin-top: 0; }
}