html[data-theme] #repeatPage .repeat-current-summary .repeat-current-label {
  width: 100%;
  justify-self: stretch;
}

html[data-theme="light"] #repeatPage .repeat-current-table {
  --repeat-mobile-header: #1d355b;
  --repeat-mobile-header-text: #fff;
  --repeat-mobile-header-label: #dbeafe;
  --repeat-mobile-body: #fff;
  --repeat-mobile-body-text: #0f172a;
  --repeat-mobile-body-label: #64748b;
  --repeat-mobile-divider: #e2e8f0;
  --repeat-mobile-month: #fff;
  --repeat-mobile-month-border: #cbd5e1;
  --repeat-mobile-month-text: #0f172a;
  --repeat-mobile-target: #fff2c2;
  --repeat-mobile-target-border: #d98a2b;
  --repeat-mobile-target-text: #94580d;
}

html[data-theme="dark"] #repeatPage .repeat-current-table {
  --repeat-mobile-header: #286a82;
  --repeat-mobile-header-text: #fff;
  --repeat-mobile-header-label: #d6f3ff;
  --repeat-mobile-body: #151e2d;
  --repeat-mobile-body-text: #f1f5fb;
  --repeat-mobile-body-label: #b0bfd4;
  --repeat-mobile-divider: #34445d;
  --repeat-mobile-month: #26344c;
  --repeat-mobile-month-border: #435574;
  --repeat-mobile-month-text: #eef4ff;
  --repeat-mobile-target: #493e2b;
  --repeat-mobile-target-border: #fbbf24;
  --repeat-mobile-target-text: #ffe3a4;
}

@media (max-width: 760px) {
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) {
    gap: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    background: var(--repeat-mobile-body) !important;
    border-color: var(--repeat-mobile-divider) !important;
    -webkit-tap-highlight-color: transparent;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td {
    width: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--repeat-mobile-divider) !important;
    background: var(--repeat-mobile-body) !important;
    color: var(--repeat-mobile-body-text) !important;
    -webkit-tap-highlight-color: transparent;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):hover td:nth-child(n+4),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):active td:nth-child(n+4),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):focus td:nth-child(n+4),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(n+4):hover,
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(n+4):active,
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(n+4):focus {
    background: var(--repeat-mobile-body) !important;
    color: var(--repeat-mobile-body-text) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(-n+3),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):hover td:nth-child(-n+3),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):active td:nth-child(-n+3),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):focus td:nth-child(-n+3),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(-n+3):hover,
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(-n+3):active,
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(-n+3):focus {
    background: var(--repeat-mobile-header) !important;
    color: var(--repeat-mobile-header-text) !important;
    text-align: center !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td::before {
    color: var(--repeat-mobile-body-label) !important;
    font-size: 10px !important;
    margin-bottom: 4px !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(-n+3)::before {
    color: var(--repeat-mobile-header-label) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(-n+3) *,
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):hover td:nth-child(-n+3) *,
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):active td:nth-child(-n+3) *,
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n):focus td:nth-child(-n+3) * {
    color: var(--repeat-mobile-header-text) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(n+4) * {
    color: var(--repeat-mobile-body-text) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(1) {
    padding: 10px 12px !important;
    border-bottom-color: rgba(255, 255, 255, .2) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(2),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(3) {
    padding: 10px 8px !important;
    border-bottom-color: rgba(255, 255, 255, .2) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(2) {
    border-left: 1px solid rgba(255, 255, 255, .2) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(4),
  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(5) {
    padding: 10px 9px !important;
  }

  html[data-theme] #repeatPage .repeat-current-table tbody tr:nth-child(n) td:nth-child(6) {
    padding: 10px 9px !important;
    border-bottom: 0 !important;
  }

  html[data-theme] #repeatPage .repeat-current-table .repeat-current-month-item {
    border-color: var(--repeat-mobile-month-border) !important;
    background: var(--repeat-mobile-month) !important;
    color: var(--repeat-mobile-month-text) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table .repeat-current-month-item span,
  html[data-theme] #repeatPage .repeat-current-table .repeat-current-month-item strong {
    color: var(--repeat-mobile-month-text) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table .repeat-current-month-item.is-target {
    border-color: var(--repeat-mobile-target-border) !important;
    background: var(--repeat-mobile-target) !important;
  }

  html[data-theme] #repeatPage .repeat-current-table .repeat-current-month-item.is-target span,
  html[data-theme] #repeatPage .repeat-current-table .repeat-current-month-item.is-target strong {
    color: var(--repeat-mobile-target-text) !important;
  }

  html[data-theme] .dashboard-content,
  html[data-theme] .dashboard-content > .page-section,
  html[data-theme] #repeatPage,
  html[data-theme] #failurePage,
  html[data-theme] #stationPage,
  html[data-theme] #analyticsPage,
  html[data-theme] #planningPage {
    padding-bottom: calc(110px + env(safe-area-inset-bottom, 20px)) !important;
  }
}