/**
 * BIG DADDY CASINO Admin — production UI (reference: bigdaddycasino_admin SS pack)
 *
 * Design goals from screenshots:
 *  - Gray canvas #E8E8E8 / #E6E6E6
 *  - White elevated cards, crisp borders
 *  - Colored icon chips (not washed full-card pastels)
 *  - Bold black KPI numbers, clear hierarchy
 *  - Money blocks can use solid accent fills
 *  - Compact, professional density
 */

/* ═══════════════ Tokens ═══════════════ */
:root {
  --adm-canvas: #F9F7F4;
  --adm-card: #FFFFFF;
  --adm-border: #E8E0D4;
  --adm-border-strong: #D4CDC4;
  --adm-ink: #16100E;
  --adm-ink-2: #281F17;
  --adm-muted: #8A8178;
  --adm-brand: #7A0C1F;
  --adm-brand-2: #4A0814;
  --adm-cyan: #2B9ED7;
  --adm-cyan-dark: #0A4974;
  --adm-green: #0F9F5A;
  --adm-green-dark: #0A7A3E;
  --adm-orange: #FF5733;
  --adm-red: #E11D48;
  --adm-navy: #0A4974;
  --adm-teal: #00BCD5;
  --adm-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  --adm-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.08);
  --adm-radius: 14px;
  --adm-radius-sm: 10px;
}

/* ═══════════════ Canvas ═══════════════ */
html, body {
  background: var(--adm-canvas) !important;
  color: var(--adm-ink);
  -webkit-font-smoothing: antialiased;
}

.adm-shell,
.app-layout,
.adm-main,
.main-area,
.main-content,
.content-wrapper,
.page-content,
.adm-content {
  background: var(--adm-canvas) !important;
}

/* Full-bleed content — no artificial max-width (was causing right-side dead gap) */
.page-content,
.adm-content,
.admin-main,
#page-dashboard.page-content,
#page-dashboard {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 16px 18px 28px !important;
}

/* Main column fills remaining space beside sidebar (flex:1 from main.css) */
.adm-main,
.main-area {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ═══════════════ Top bar ═══════════════ */
.adm-tb,
.main-header,
.adm-topbar,
.top-header {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--adm-border) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.03) !important;
  min-height: 56px;
}

.adm-tb__title,
.header-title {
  font-weight: 800 !important;
  font-size: 16px !important;
  color: var(--adm-ink) !important;
  letter-spacing: -0.01em;
}

.adm-tb-action {
  border: 1px solid var(--adm-border) !important;
  background: #fff !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--adm-ink-2) !important;
  box-shadow: none !important;
}
.adm-tb-action:hover {
  border-color: var(--adm-brand) !important;
  color: var(--adm-brand) !important;
  background: #FFF8EC !important;
}
.adm-tb-badge {
  background: var(--adm-red) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  min-width: 16px;
  height: 16px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}

/* ═══════════════ Sidebar ═══════════════ */
.adm-sb,
.sidebar,
.admin-sidebar {
  background: #FFFFFF !important;
  border-right: 1px solid var(--adm-border) !important;
  box-shadow: 2px 0 12px rgba(0,0,0,.04) !important;
}

.adm-sb__brand,
.sidebar-logo {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--adm-border) !important;
  padding: 16px !important;
}

.adm-sb__logo,
.sidebar-logo .logo-icon {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 12px !important;
  overflow: hidden;
}
.adm-sb__logo img,
.logo-img,
.logo-img-lg,
.logo-wrapper img {
  background: transparent !important;
  object-fit: contain !important;
  box-shadow: none !important;
}

/* Admin login — official horizontal wordmark */
.admin-login-body .logo-wrapper {
  width: min(280px, 100%) !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  padding: 0 !important;
}
.admin-login-body .logo-wrapper img,
.admin-login-body .logo-img-lg {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: 72px !important;
  object-fit: contain !important;
  margin: 0 !important;
}

.adm-sb__brand-text,
.sidebar-logo .name {
  color: var(--adm-ink) !important;
  font-family: 'TT Supermolot Neue Trl', 'Inter Tight', system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: 0.04em;
}
.adm-sb__brand-sub,
.sidebar-logo .sub {
  color: var(--adm-muted) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.nav-section-label,
.nav-section-title,
.adm-sb__group-label {
  color: #9B9B9B !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin: 16px 16px 6px !important;
}

.nav-item,
.adm-sb__item,
.sidebar-nav a {
  border-radius: 10px !important;
  margin: 2px 10px !important;
  padding: 10px 12px !important;
  color: #333 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border: 1px solid transparent !important;
  transition: .15s ease;
}
.nav-item:hover,
.adm-sb__item:hover {
  background: #F7F7F7 !important;
  color: var(--adm-brand) !important;
  border-color: #EFEFEF !important;
}
.nav-item.active,
.nav-item.is-active,
.adm-sb__item.active,
.adm-sb__item.is-active {
  background: rgba(242, 160, 17, 0.14) !important;
  color: #16100E !important;
  border-color: rgba(242, 160, 17, 0.38) !important;
  box-shadow: none !important;
}
.nav-item.active i,
.adm-sb__item.active i,
.nav-item.is-active i,
.adm-sb__item.is-active i {
  color: #4A0814 !important;
}

/* ═══════════════ Page headers ═══════════════ */
.page-header,
.dash-head {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.page-title,
.dash-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--adm-ink) !important;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.page-title span,
.dash-title span {
  color: var(--adm-brand) !important;
}
.page-sub,
.dash-sub {
  font-size: 13px !important;
  color: var(--adm-muted) !important;
  margin-top: 4px !important;
  font-weight: 500 !important;
}

/* ═══════════════ Buttons ═══════════════ */
.btn-primary,
.btn.btn-primary,
button.btn-primary,
.adm-btn-primary {
  background: linear-gradient(135deg, #7A0C1F 0%, #4A0814 100%) !important;
  border: none !important;
  color: #16100E !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 3px 10px rgba(242, 160, 17, 0.28) !important;
  padding: 9px 16px !important;
}
.btn-primary:hover { filter: brightness(1.04); }

.btn-outline,
.btn.btn-outline,
a.btn-outline {
  background: #fff !important;
  border: 1px solid var(--adm-border-strong) !important;
  color: var(--adm-ink-2) !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.btn-outline:hover {
  border-color: var(--adm-brand) !important;
  color: var(--adm-ink) !important;
  background: #FFF8EC !important;
}

.btn-sm { padding: 7px 12px !important; font-size: 12px !important; }

/* ═══════════════ Daily Report panel ═══════════════ */
.daily-report-section {
  background: var(--adm-card) !important;
  border: 1px solid var(--adm-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--adm-shadow) !important;
  padding: 18px 18px 14px !important;
  margin: 0 0 18px !important;
}

.daily-report-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #F0F0F0 !important;
}

.section-title {
  font: 800 16px/1.2 var(--font-sans, system-ui) !important;
  color: var(--adm-ink) !important;
  letter-spacing: -0.01em;
}
.section-sub {
  font: 500 12px/1.4 var(--font-sans, system-ui) !important;
  color: var(--adm-muted) !important;
  margin-top: 2px;
}

.daily-report-controls {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.daily-report-controls .form-label {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--adm-muted) !important;
  white-space: nowrap;
}
.daily-report-controls .form-control {
  min-height: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  border: 1px solid var(--adm-border-strong) !important;
  padding: 6px 10px !important;
  font-size: 13px !important;
  min-width: 150px;
  background: #fff !important;
}
.daily-report-controls .btn {
  min-height: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

/* ═══════════════ KPI / Stat cards — clean white + icon chips ═══════════════ */
.kpi-grid,
.stats-grid {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
  margin-bottom: 18px !important;
  width: 100% !important;
}

#page-dashboard .dashboard-daily-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 0 !important;
}

#page-dashboard .dashboard-money-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#page-dashboard > .stats-grid:not(.dashboard-daily-grid):not(.dashboard-money-grid) {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.kpi-tile,
.stat-card,
a.stat-card {
  position: relative !important;
  display: block !important;
  padding: 14px 14px 12px !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid var(--adm-border) !important;
  box-shadow: var(--adm-shadow) !important;
  overflow: hidden !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
  text-decoration: none !important;
  color: inherit !important;
  /* kill washed pastel fills from older overrides */
  background-image: none !important;
}

/* Top accent bar — solid, not soft gradient wash */
.kpi-tile::before,
.stat-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  width: 100% !important;
  border-radius: 14px 14px 0 0 !important;
  background: var(--tone-1, var(--adm-brand)) !important;
  opacity: 1 !important;
}

.kpi-tile:hover,
.stat-card:hover,
a.stat-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--adm-shadow-md) !important;
  border-color: #D5D5D5 !important;
}

.stat-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin-bottom: 10px !important;
  gap: 8px;
}

.stat-label,
.kpi-tile-label {
  font: 700 11px/1.3 var(--font-sans, system-ui) !important;
  color: var(--adm-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.stat-icon,
.kpi-tile-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  background: var(--tile-soft, rgba(242, 160, 17,.12)) !important;
  color: var(--tile-ink, var(--adm-brand)) !important;
  font-size: 14px !important;
  flex-shrink: 0;
}

.stat-value,
.kpi-tile-value {
  font: 800 22px/1.1 var(--font-sans, system-ui) !important;
  color: var(--adm-ink) !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
}

.stat-delta,
.kpi-tile-sub {
  font: 600 11px/1.35 var(--font-sans, system-ui) !important;
  color: var(--adm-muted) !important;
  margin-top: 6px !important;
}
.stat-delta.up { color: var(--adm-green) !important; }
.stat-delta.down { color: var(--adm-red) !important; }

/* Tone tokens — icon chips only (cards stay white) */
.stat-card.cyan,
.kpi-info {
  --tone-1: var(--adm-cyan);
  --tone-2: var(--adm-cyan-dark);
  --tile-soft: rgba(43, 158, 215, 0.12);
  --tile-ink: #0A6FA3;
}
.stat-card.purple,
.kpi-purple,
.stat-card.brand,
.kpi-brand {
  --tone-1: var(--adm-brand);
  --tone-2: var(--adm-brand-2);
  --tile-soft: rgba(242, 160, 17, 0.14);
  --tile-ink: #4A0814;
}
.stat-card.gold,
.kpi-warn {
  --tone-1: var(--adm-orange);
  --tone-2: #F97316;
  --tile-soft: rgba(255, 87, 51, 0.12);
  --tile-ink: #D84315;
}
.stat-card.green,
.kpi-success,
.kpi-mint {
  --tone-1: var(--adm-green);
  --tone-2: #34D399;
  --tile-soft: rgba(15, 159, 90, 0.12);
  --tile-ink: #0A7A3E;
}
.stat-card.red,
.kpi-danger {
  --tone-1: var(--adm-red);
  --tone-2: #FB7185;
  --tile-soft: rgba(225, 29, 72, 0.12);
  --tile-ink: #BE123C;
}

/* Explicitly kill old pastel card washes */
.stat-card.cyan,
.stat-card.green,
.stat-card.red,
.stat-card.purple,
.stat-card.brand,
.stat-card.gold,
.stat-card.orange {
  background: #FFFFFF !important;
  background-image: none !important;
}

/* ═══════════════ Money summary — stronger solid tiles (SS money blocks) ═══════════════ */
.dashboard-money-grid .stat-card {
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.1) !important;
}
.dashboard-money-grid .stat-card::before { display: none !important; }
.dashboard-money-grid .stat-label { color: rgba(255,255,255,.82) !important; }
.dashboard-money-grid .stat-value { color: #fff !important; }
.dashboard-money-grid .stat-delta { color: rgba(255,255,255,.78) !important; }
.dashboard-money-grid .stat-delta.up,
.dashboard-money-grid .stat-delta.down { color: rgba(255,255,255,.9) !important; }
.dashboard-money-grid .stat-icon {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
}

.dashboard-money-grid .stat-card.gold {
  background: linear-gradient(135deg, #FF5733, #F97316) !important;
}
.dashboard-money-grid .stat-card.red {
  background: linear-gradient(135deg, #BE123C, #E11D48) !important;
}
.dashboard-money-grid .stat-card.cyan {
  background: linear-gradient(135deg, #0A4974, #2B9ED7) !important;
}
.dashboard-money-grid .stat-card.purple,
.dashboard-money-grid .stat-card.brand {
  background: linear-gradient(135deg, #7A0C1F, #4A0814) !important;
}
.dashboard-money-grid .stat-card.purple .stat-value,
.dashboard-money-grid .stat-card.brand .stat-value,
.dashboard-money-grid .stat-card.purple .stat-label,
.dashboard-money-grid .stat-card.brand .stat-label,
.dashboard-money-grid .stat-card.purple .stat-delta,
.dashboard-money-grid .stat-card.brand .stat-delta {
  color: #16100E !important;
}
.dashboard-money-grid .stat-card.purple .stat-icon,
.dashboard-money-grid .stat-card.brand .stat-icon {
  color: #16100E !important;
  background: rgba(22, 16, 14, 0.10) !important;
}
.dashboard-money-grid .stat-card.green {
  background: linear-gradient(135deg, #0A7A3E, #0F9F5A) !important;
}

/* ═══════════════ Generic cards / tables / forms ═══════════════ */
.card,
.adm-card,
.panel,
.box,
.content-card,
.table-card,
.glass-card {
  background: #fff !important;
  border: 1px solid var(--adm-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--adm-shadow) !important;
}

.card-header,
.panel-heading,
.box-header {
  background: transparent !important;
  border-bottom: 1px solid #F0F0F0 !important;
  padding: 14px 16px !important;
  font-weight: 800 !important;
  color: var(--adm-ink) !important;
}

.table thead th,
table.dataTable thead th {
  background: #FAFAFA !important;
  color: #555 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-bottom: 1px solid #ECECEC !important;
  padding: 11px 12px !important;
}
.table tbody td,
table.dataTable tbody td {
  padding: 11px 12px !important;
  border-bottom: 1px solid #F3F3F3 !important;
  color: #222 !important;
  font-size: 13px !important;
  vertical-align: middle !important;
}
.table tbody tr:hover { background: #FFF8EC !important; }

.form-control,
.form-select,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea {
  border-radius: 10px !important;
  border: 1px solid var(--adm-border-strong) !important;
  background: #fff !important;
  min-height: 40px;
  box-shadow: none !important;
  font-size: 13px !important;
}
.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--adm-brand) !important;
  box-shadow: 0 0 0 3px rgba(242, 160, 17, 0.18) !important;
  outline: none !important;
}

.badge,
.status-badge {
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
}
.badge-success, .bg-success { background: #E8F8EF !important; color: #0A7A3E !important; }
.badge-danger, .bg-danger { background: #FDECEC !important; color: #BE123C !important; }
.badge-warning, .bg-warning { background: #FFF1E8 !important; color: #C2410C !important; }
.badge-info, .bg-info { background: #E8F4FC !important; color: #0A4974 !important; }
.badge-primary, .bg-primary { background: #FFF8EC !important; color: #4A0814 !important; }

.pagination .page-link {
  border-radius: 8px !important;
  margin: 0 2px;
  border: 1px solid #E5E5E5 !important;
  color: #333 !important;
}
.pagination .page-item.active .page-link {
  background: var(--adm-brand) !important;
  border-color: var(--adm-brand) !important;
  color: #16100E !important;
}

.modal-content {
  border-radius: 16px !important;
  border: 0 !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.16) !important;
}

/* ═══════════════ Login ═══════════════ */
.admin-login-body { background: var(--adm-canvas) !important; }
.admin-login-body .login-card-v2,
.admin-login-body .login-card {
  background: #fff !important;
  border-radius: 18px !important;
  border: 1px solid var(--adm-border) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.08) !important;
}
.admin-login-body .login-brand-title {
  color: #16100E !important;
  font-family: 'TT Supermolot Neue Trl', 'Inter Tight', system-ui, sans-serif !important;
  font-weight: 800 !important;
}
.admin-login-body .btn-login-v2 {
  background: linear-gradient(135deg, #7A0C1F, #4A0814) !important;
  color: #16100E !important;
  border-radius: 12px !important;
}

/* ═══════════════ Global layout — all admin pages ═══════════════ */
.page-content > *,
.adm-content > *,
.admin-main > * {
  max-width: 100%;
}

.page-content .row,
.adm-content .row,
.admin-main .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: 12px;
  --bs-gutter-y: 12px;
}

.page-content .card,
.adm-content .card,
.admin-main .card,
.table-card,
.table-wrap,
.content-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Tables: always scroll inside wrapper, never spill past right edge */
.table-responsive,
.table-wrap,
.dataTables_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.page-header,
.dash-head {
  width: 100%;
}

/* Filter bars / toolbars on list pages */
.filter-bar,
.page-toolbar,
.dt-toolbar,
.card-header.d-flex,
.d-flex.flex-wrap.gap-2 {
  gap: 8px !important;
}

/* ═══════════════ Responsive ═══════════════ */
@media (max-width: 1400px) {
  #page-dashboard .dashboard-daily-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  #page-dashboard > .stats-grid:not(.dashboard-daily-grid):not(.dashboard-money-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1200px) {
  .page-content,
  .adm-content,
  .admin-main,
  #page-dashboard.page-content,
  #page-dashboard {
    padding: 14px 14px 24px !important;
  }
  #page-dashboard .dashboard-daily-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  #page-dashboard > .stats-grid:not(.dashboard-daily-grid):not(.dashboard-money-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  #page-dashboard .dashboard-money-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .kpi-grid,
  .stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)) !important;
  }
}

@media (max-width: 992px) {
  .page-content,
  .adm-content,
  .admin-main,
  #page-dashboard.page-content,
  #page-dashboard {
    padding: 12px 12px 20px !important;
  }
  #page-dashboard .dashboard-daily-grid,
  #page-dashboard > .stats-grid:not(.dashboard-daily-grid):not(.dashboard-money-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #page-dashboard .dashboard-money-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .page-header,
  .dash-head {
    flex-direction: column;
    align-items: stretch !important;
  }
  .page-header .btn:not(.adm-search__go),
  .dash-head .btn:not(.adm-search__go) {
    width: auto;
  }
  /* Bootstrap cols stack cleanly on tablet */
  .page-content [class*="col-lg-"],
  .page-content [class*="col-md-"],
  .adm-content [class*="col-lg-"],
  .adm-content [class*="col-md-"] {
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  .page-content,
  .adm-content,
  .admin-main,
  #page-dashboard.page-content,
  #page-dashboard {
    padding: 10px 10px 18px !important;
  }
  #page-dashboard .dashboard-daily-grid,
  #page-dashboard > .stats-grid:not(.dashboard-daily-grid):not(.dashboard-money-grid),
  #page-dashboard .dashboard-money-grid,
  .kpi-grid,
  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .daily-report-section {
    padding: 12px !important;
    border-radius: 12px !important;
  }
  .daily-report-head {
    flex-direction: column;
    align-items: stretch !important;
  }
  .daily-report-controls {
    width: 100%;
  }
  .daily-report-controls .form-control {
    min-width: 0 !important;
    flex: 1 1 auto;
    width: 100%;
  }
  .stat-value, .kpi-tile-value { font-size: 17px !important; }
  .page-title, .dash-title { font-size: 18px !important; }
  .stat-card, .kpi-tile { padding: 12px 10px 10px !important; }
  .card-header, .panel-heading, .box-header {
    padding: 12px !important;
    flex-wrap: wrap;
  }
  .table thead th,
  .table tbody td,
  table.dataTable thead th,
  table.dataTable tbody td {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
  /* Form grids single column on phone */
  .page-content .row > [class*="col-"],
  .adm-content .row > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .page-content,
  .adm-content,
  .admin-main,
  #page-dashboard.page-content,
  #page-dashboard {
    padding: 8px 8px 16px !important;
  }
  #page-dashboard .dashboard-daily-grid,
  #page-dashboard > .stats-grid:not(.dashboard-daily-grid):not(.dashboard-money-grid),
  #page-dashboard .dashboard-money-grid,
  .kpi-grid,
  .stats-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
  }
  .stat-value, .kpi-tile-value { font-size: 15px !important; }
  .stat-label, .kpi-tile-label { font-size: 10px !important; }
  .stat-icon, .kpi-tile-icon {
    width: 28px !important;
    height: 28px !important;
    font-size: 12px !important;
  }
  .adm-tb, .main-header { padding: 0 10px !important; }
}