/* Tabler interface layer for the billing console. */
:root {
  --app-font-sans-serif: var(--tblr-font-sans-serif, "Inter Var", Inter, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif);
  --app-font-monospace: var(--tblr-font-monospace, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
  --sidebar-width: 17rem;
  --topbar-height: 64px;
  --layout-gap: 0px;
  --content-padding: 2rem;
  --app-bg: #f6f8fb;
  --app-surface: #ffffff;
  --app-border: #dce3ed;
  --app-muted: #667085;
  --app-text: #182433;
  --app-primary: #206bc4;
  --app-primary-hover: #1a5baa;
  --app-radius: 8px;
}

html,
body,
body * {
  font-family: var(--app-font-sans-serif) !important;
}

body code,
body kbd,
body pre,
body samp {
  font-family: var(--app-font-monospace) !important;
}

html,
body {
  background: var(--app-bg);
  color: var(--app-text);
  letter-spacing: 0;
}

.app-shell {
  background: var(--app-bg) !important;
  color: var(--app-text);
}

.app-main {
  background: var(--app-bg) !important;
  margin-left: var(--sidebar-width) !important;
  padding-top: var(--topbar-height) !important;
  min-height: 100vh !important;
}

.app-main main,
.page,
.dashboard-main {
  padding: 1.5rem var(--content-padding) 2rem !important;
}

.topbar {
  height: var(--topbar-height) !important;
  background: var(--app-surface) !important;
  border-bottom: 1px solid var(--app-border) !important;
  box-shadow: none !important;
  padding: 0 1.25rem !important;
  backdrop-filter: none !important;
}

.topbar-left,
.topbar-right {
  gap: .5rem !important;
}

.logo-chip,
.brand-logo,
.profile-avatar,
.profile-modal__branding-logo {
  border-radius: 6px !important;
  background: var(--app-primary) !important;
  box-shadow: none !important;
}

.topbar-eyebrow {
  color: var(--app-muted) !important;
  font-size: .625rem !important;
  letter-spacing: .08em !important;
}

.topbar-title {
  color: var(--app-text) !important;
  font-size: .95rem !important;
  gap: .5rem !important;
}

.topbar-separator {
  width: 1px !important;
  height: 1rem !important;
  border-radius: 0 !important;
  background: var(--app-border) !important;
  box-shadow: none !important;
}

.topbar-tagline,
.profile-role {
  color: var(--app-muted) !important;
}

.topbar-btn,
.ghost-icon,
.footer-btn,
.profile-modal__close,
.logs-modal__close,
.modal-close,
.toggle-password {
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #52677a !important;
  box-shadow: none !important;
}

.topbar-btn:hover,
.ghost-icon:hover,
.footer-btn:hover:not(:disabled),
.profile-modal__close:hover,
.logs-modal__close:hover,
.modal-close:hover {
  background: #eef3f8 !important;
  color: var(--app-primary) !important;
  border-color: #d8e2ee !important;
  transform: none !important;
}

/* Standard Tabler icon-button treatment for shared modal close controls. */
.close-modal.btn.btn-icon {
  width: 2.25rem !important;
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  min-height: 2.25rem !important;
  flex: 0 0 2.25rem !important;
  padding: 0 !important;
  border: 1px solid var(--tblr-border-color, #dce3e9) !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  color: var(--tblr-secondary, #626976) !important;
  background: var(--tblr-bg-surface, #ffffff) !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.close-modal.btn.btn-icon .ti {
  display: inline-block !important;
  width: 1.25rem;
  min-width: 1.25rem;
  margin: 0 !important;
  font-family: "tabler-icons" !important;
  font-size: 1.25rem;
  line-height: 1;
}

.close-modal.btn.btn-icon:hover {
  border-color: var(--tblr-secondary, #626976) !important;
  color: #ffffff !important;
  background: var(--tblr-secondary, #626976) !important;
  box-shadow: none !important;
}

.close-modal.btn.btn-icon:focus-visible {
  outline: 3px solid rgba(var(--tblr-secondary-rgb, 98, 105, 118), .25) !important;
  outline-offset: 2px !important;
}

body.theme-dark .close-modal.btn.btn-icon,
[data-bs-theme="dark"] .close-modal.btn.btn-icon {
  border-color: var(--tblr-border-color, #475569) !important;
  color: var(--tblr-secondary-color, #cbd5e1) !important;
  background: var(--tblr-bg-surface, #1e293b) !important;
}

body.theme-dark .close-modal.btn.btn-icon:hover,
[data-bs-theme="dark"] .close-modal.btn.btn-icon:hover {
  border-color: var(--tblr-secondary, #626976) !important;
  color: #ffffff !important;
  background: var(--tblr-secondary, #626976) !important;
}

.topbar-menu-toggle {
  display: none !important;
}

.topbar-profile {
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: .35rem .5rem !important;
  min-height: 2.25rem !important;
}

.topbar-profile:hover {
  background: #eef3f8 !important;
  border-color: #d8e2ee !important;
}

.sidebar {
  top: var(--topbar-height) !important;
  bottom: 0 !important;
  width: var(--sidebar-width) !important;
  padding: 1rem .75rem !important;
  border-radius: 0 !important;
  background: var(--app-surface) !important;
  border-right: 1px solid var(--app-border) !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.sidebar::before {
  display: none !important;
}

.sidebar-scroll {
  gap: .35rem !important;
  padding-right: .25rem !important;
}

.sidebar-menu {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: .25rem 0 !important;
  gap: .125rem !important;
}

.sidebar-menu:hover,
.sidebar-menu:not(.is-collapsed) {
  border-color: transparent !important;
  box-shadow: none !important;
  background: transparent !important;
}

.sidebar-menu .menu-label,
.sidebar-menu .menu-toggle {
  color: #7b8794 !important;
  font-size: .6875rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  padding: .65rem .75rem .35rem !important;
}

.sidebar-menu .menu-toggle {
  border-radius: 6px !important;
}

.sidebar-menu:not(.is-collapsed) .menu-toggle,
.sidebar-menu.is-pinned-open .menu-toggle {
  background: transparent !important;
  color: #52677a !important;
}

.sidebar-menu ul {
  gap: .125rem !important;
  padding: 0 !important;
}

.sidebar-menu a {
  min-height: 2.25rem !important;
  border-radius: 6px !important;
  border: 0 !important;
  color: #34495e !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  padding: .5rem .75rem !important;
  gap: .625rem !important;
}

.sidebar-menu a i {
  width: 1rem !important;
  color: #7b8794 !important;
}

.sidebar-menu a:hover {
  background: #eef3f8 !important;
  color: var(--app-primary) !important;
}

.sidebar-menu a:hover i,
.sidebar-menu a.active i {
  color: var(--app-primary) !important;
}

.sidebar-menu a.active {
  background: rgba(32, 107, 196, .10) !important;
  color: var(--app-primary) !important;
  font-weight: 600 !important;
}

.sidebar.sidebar-light .sidebar-menu a.active::before {
  display: none !important;
}

.sidebar-menu a .sidebar-badge {
  background: #d63939 !important;
  box-shadow: none !important;
}

.profile-avatar,
.profile-avatar__icon {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  display: inline-grid !important;
  place-items: center !important;
}

.profile-avatar {
  overflow: hidden !important;
}

.page-header,
.section-header,
.trend-header,
.panel-header {
  margin: 0 0 1rem !important;
  padding: 0 !important;
}

.page-header,
.page-title {
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

.page-title h1,
.section-header h2,
.panel-header h2,
.trend-header h2 {
  color: var(--app-text) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.eyebrow,
.subtitle,
.page-title .subtitle,
.section-header .subtitle,
.panel-header p {
  color: var(--app-muted) !important;
}

.eyebrow {
  font-size: .6875rem !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

.panel,
.metric-card,
.trend-summary,
.trend-card,
.trend-panel,
.card-table,
.settings-panel,
.settings-card,
.finance-panel,
.archive-panel,
.plans-panel,
.coverage-panel,
.integration-card,
.profile-modal__content,
.profile-edit-modal__content,
.logs-modal__content,
.modal-content,
.reset-card,
.login-shell {
  background: var(--app-surface) !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--app-radius) !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
  overflow: hidden;
}

.panel-header,
.logs-modal__header,
.profile-modal__header,
.profile-edit-modal__header,
.modal-header {
  background: transparent !important;
  border-bottom: 1px solid var(--app-border) !important;
  padding: 1rem 1.25rem !important;
}

.panel-body,
.logs-modal__body,
.profile-modal__body,
.profile-edit-form,
.modal-body {
  padding: 1.25rem !important;
}

.panel-footer,
.logs-modal__footer,
.profile-modal__footer,
.profile-edit-modal__footer,
.modal-footer,
.form-actions {
  background: #f8fafc !important;
  border-top: 1px solid var(--app-border) !important;
  padding: 1rem 1.25rem !important;
}

.trend-summary {
  padding: 1.25rem !important;
}

.trend-kpis,
.metrics-grid {
  gap: 1rem !important;
}

.trend-kpis {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
}

@media (min-width: 1240px) {
  .trend-kpis {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

.trend-card,
.metric-card {
  min-height: auto !important;
  padding: 1rem !important;
}

.trend-card::after,
.metric-card::after {
  display: none !important;
}

.trend-panel,
.trend-panel--line,
.trend-panel--source-luxury,
.trend-panel--channels,
.trend-panel--pie,
.trend-panel--bar,
.trend-luxury-metric,
.trend-chart-meta,
.trend-chart-meta--luxury,
.chart-wrapper,
.chart-wrapper--tabler,
.chart-wrapper--luxury,
.chart-wrapper--bar,
.revenue-table__wrapper {
  background: var(--app-surface) !important;
  background-image: none !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}

.trend-panel::before,
.trend-panel::after,
.trend-luxury-metric::before,
.trend-luxury-metric::after,
.trend-chart-meta::before,
.trend-chart-meta::after,
.chart-wrapper::before,
.chart-wrapper::after {
  display: none !important;
}

.chart-wrapper.tabler-chart-card.card,
.chart-wrapper--tabler.tabler-chart-card.card,
.chart-wrapper--luxury.tabler-chart-card.card {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius-lg) !important;
  background: var(--tblr-card-bg, var(--app-surface)) !important;
  box-shadow: var(--tblr-shadow-card, 0 .125rem .25rem rgba(30, 41, 59, .06)) !important;
  padding: .75rem !important;
}

.trend-panel--line .chart-wrapper--tabler,
.trend-panel--line .chart-wrapper.tabler-chart-card {
  box-sizing: border-box !important;
  height: 280px !important;
}

.chart-wrapper.tabler-chart-card canvas,
.chart-wrapper.tabler-chart-card .chart-empty-msg {
  position: relative !important;
  z-index: 1 !important;
}

.card-top,
.metric-top {
  color: var(--app-muted) !important;
  font-size: .75rem !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

.card-icon,
.metric-top i {
  background: #eef3f8 !important;
  color: var(--app-primary) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.card-value,
.metric-value {
  color: var(--app-text) !important;
  font-size: 1.625rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.card-meta,
.metric-meta {
  color: var(--app-muted) !important;
  font-size: .8125rem !important;
}

table,
.settings-table,
.plans-table,
.payments-table,
.customer-table,
.archive-table,
.finance-table,
.collection-history-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}

.table-wrapper,
.table-responsive.tabler-table-wrap,
.settings-table-wrapper,
.plans-table-wrapper,
.finance-table-wrapper,
.archive-table-wrapper {
  border: 1px solid var(--app-border) !important;
  border-radius: var(--app-radius) !important;
  background: var(--app-surface) !important;
  overflow: auto !important;
}

.tabler-table-wrap {
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
  scrollbar-width: thin;
}

.tabler-table.table {
  margin-bottom: 0 !important;
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

thead th,
.tabler-table thead th,
.settings-table thead th,
.plans-table thead th,
.payments-table thead th,
.customer-table thead th,
.archive-table thead th,
.finance-table thead th {
  background: #f8fafc !important;
  color: #52677a !important;
  border-bottom: 1px solid var(--app-border) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: .75rem 1rem !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.tabler-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}

.tabler-table__heading {
  box-shadow: inset 0 -1px 0 var(--app-border);
}

.tabler-table__sortable {
  cursor: pointer;
  user-select: none;
}

.tabler-table__sortable::after {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  margin-left: .35rem;
  vertical-align: .08rem;
  opacity: .45;
  border-left: .25rem solid transparent;
  border-right: .25rem solid transparent;
  border-top: .32rem solid currentColor;
}

tbody td,
.tabler-table tbody td,
.settings-table tbody td,
.plans-table tbody td,
.payments-table tbody td,
.customer-table tbody td,
.archive-table tbody td,
.finance-table tbody td {
  border-bottom: 1px solid #edf1f6 !important;
  color: var(--app-text) !important;
  padding: .85rem 1rem !important;
  vertical-align: middle !important;
}

.tabler-table tbody tr:last-child > * {
  border-bottom-width: 0 !important;
}

tbody tr:hover {
  background: #f9fbfd !important;
}

.tabler-table.table-hover tbody tr:hover > * {
  background: #f9fbfd !important;
  color: var(--app-text) !important;
}

.tabler-table tbody tr.table-active > * {
  background: rgba(32, 107, 196, .08) !important;
  box-shadow: inset 0 0 0 9999px rgba(32, 107, 196, .02);
}

.tabler-table__numeric {
  font-variant-numeric: tabular-nums;
}

.tabler-table__actions {
  width: 1%;
}

.tabler-table__actions .row-actions,
.tabler-table__actions .btn-list,
.tabler-table__actions .table-actions,
.tabler-table__actions .action-buttons {
  justify-content: flex-end !important;
}

.tabler-table__empty {
  background: var(--app-surface) !important;
  color: var(--app-muted) !important;
}

.tabler-table .form-check-input,
.tabler-table input[type="checkbox"],
.tabler-table input[type="radio"] {
  margin: 0;
}

.primary-btn,
.add-btn,
.save-btn,
.login-btn,
.button--primary,
button[type="submit"].primary-btn,
input[type="submit"] {
  border-radius: 6px !important;
  border: 1px solid var(--app-primary) !important;
  background: var(--app-primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  min-height: 2.25rem !important;
  transition: background .15s ease, border-color .15s ease, color .15s ease !important;
}

.primary-btn:hover,
.add-btn:hover,
.save-btn:hover,
.login-btn:hover,
.button--primary:hover {
  background: var(--app-primary-hover) !important;
  border-color: var(--app-primary-hover) !important;
  transform: none !important;
  box-shadow: none !important;
}

.ghost-btn,
.secondary-btn,
.assignment-bulk-btn,
.assignment-filter-tab {
  border-radius: 6px !important;
  border: 1px solid var(--app-border) !important;
  background: var(--app-surface) !important;
  color: #34495e !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

.ghost-btn:hover,
.secondary-btn:hover,
.assignment-bulk-btn:hover,
.assignment-filter-tab:hover,
.assignment-filter-tab.is-active {
  background: #eef3f8 !important;
  border-color: #cbd8e6 !important;
  color: var(--app-primary) !important;
  transform: none !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
textarea {
  border-radius: 6px !important;
  border: 1px solid #cbd5e1 !important;
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
select:focus,
textarea:focus {
  border-color: var(--app-primary) !important;
  box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .16) !important;
  outline: 0 !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--app-primary);
}

.status,
.status-pill,
.plan-pill,
.note,
.target-pill,
.metric-pill,
.badge {
  border-radius: 999px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

.modal,
.profile-modal,
.profile-edit-modal,
.logs-modal,
.reset-overlay {
  backdrop-filter: none !important;
  background: rgba(15, 23, 42, .48) !important;
}

.profile-modal__item,
.access-card,
.integration-card {
  border-radius: var(--app-radius) !important;
  background: #f8fafc !important;
  border: 1px solid var(--app-border) !important;
}

body.login-body {
  align-items: center !important;
  justify-content: center !important;
  background: var(--app-bg) !important;
  padding: 1rem !important;
  color: var(--app-text) !important;
}

body.login-body::before,
body.login-body::after {
  display: none !important;
}

.login-shell {
  width: min(440px, 100%) !important;
  min-height: 0 !important;
  display: block !important;
}

.login-panel {
  padding: 2rem !important;
  background: var(--app-surface) !important;
}

.login-hero,
.hero-illustration,
.login-divider {
  display: none !important;
}

.login-brand {
  align-items: center !important;
}

.brand-lockup {
  margin-bottom: .75rem !important;
  letter-spacing: .04em !important;
}

.login-brand h1 {
  font-size: 1.5rem !important;
  color: var(--app-text) !important;
}

.brand-subtitle {
  color: var(--app-muted) !important;
}

body.theme-dark,
html.theme-dark {
  --app-bg: #0f1720;
  --app-surface: #182433;
  --app-border: #2f3b4a;
  --app-muted: #9aa6b2;
  --app-text: #f4f6fa;
  --app-primary: #4089e8;
  --app-primary-hover: #5a9af0;
}

body.theme-dark .topbar,
body.theme-dark .sidebar,
body.theme-dark .panel,
body.theme-dark .metric-card,
body.theme-dark .trend-summary,
body.theme-dark .trend-card,
body.theme-dark .trend-panel,
body.theme-dark .card-table,
body.theme-dark .settings-panel,
body.theme-dark .settings-card,
body.theme-dark .finance-panel,
body.theme-dark .archive-panel,
body.theme-dark .plans-panel,
body.theme-dark .coverage-panel,
body.theme-dark .integration-card,
body.theme-dark .profile-modal__content,
body.theme-dark .profile-edit-modal__content,
body.theme-dark .logs-modal__content,
body.theme-dark .modal-content,
body.theme-dark .reset-card,
body.theme-dark .login-shell,
body.theme-dark .login-panel {
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  border-color: var(--app-border) !important;
}

body.theme-dark .app-shell,
body.theme-dark .app-main,
body.theme-dark.login-body {
  background: var(--app-bg) !important;
}

body.theme-dark thead th,
body.theme-dark .tabler-table thead th,
body.theme-dark .settings-table thead th,
body.theme-dark .plans-table thead th,
body.theme-dark .payments-table thead th,
body.theme-dark .customer-table thead th,
body.theme-dark .archive-table thead th,
body.theme-dark .finance-table thead th,
body.theme-dark .panel-footer,
body.theme-dark .logs-modal__footer,
body.theme-dark .profile-modal__footer,
body.theme-dark .profile-edit-modal__footer,
body.theme-dark .modal-footer,
body.theme-dark .form-actions,
body.theme-dark .profile-modal__item,
body.theme-dark .access-card {
  background: #151f2c !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

body.theme-dark .tabler-table-wrap,
body.theme-dark .tabler-table.table,
body.theme-dark .tabler-table__empty {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

body.theme-dark tbody td,
body.theme-dark .tabler-table tbody td,
body.theme-dark .settings-table tbody td,
body.theme-dark .plans-table tbody td,
body.theme-dark .payments-table tbody td,
body.theme-dark .customer-table tbody td,
body.theme-dark .archive-table tbody td,
body.theme-dark .finance-table tbody td {
  border-bottom-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

body.theme-dark tbody tr:hover,
body.theme-dark .tabler-table.table-hover tbody tr:hover > *,
body.theme-dark .sidebar-menu a:hover,
body.theme-dark .topbar-btn:hover,
body.theme-dark .topbar-profile:hover,
body.theme-dark .ghost-btn:hover {
  background: rgba(64, 137, 232, .14) !important;
}

body.theme-dark .tabler-table tbody tr.table-active > * {
  background: rgba(64, 137, 232, .18) !important;
  box-shadow: inset 0 0 0 9999px rgba(64, 137, 232, .03);
}

body.theme-dark .sidebar-menu a {
  color: #d8dee8 !important;
}

body.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.theme-dark select,
body.theme-dark textarea {
  background: #111a26 !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

@media (max-width: 860px) {
  :root {
    --content-padding: 1rem;
  }

  .app-main {
    margin-left: 0 !important;
  }

  .sidebar {
    top: var(--topbar-height) !important;
    transform: translateX(-100%);
  }

  body.sidebar-mobile-open .sidebar {
    transform: translateX(0);
  }

  .topbar-brand {
    min-width: 0;
  }

  .topbar-menu-toggle {
    display: inline-flex !important;
  }

  .topbar-tagline,
  .topbar-separator {
    display: none !important;
  }

  .topbar-title,
  .topbar-business {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 560px) {
  .app-main main,
  .page,
  .dashboard-main {
    padding: 1rem !important;
  }

  .login-panel {
    padding: 1.5rem !important;
  }
}

/* Tabler component normalization for buttons, icons, tables, forms, search, lists, and tabs. */
.ti {
  width: 1.25em;
  min-width: 1.25em;
  line-height: 1;
  font-size: 1.15em;
  vertical-align: -0.18em;
}

.btn .ti {
  font-size: 1.15rem;
}

.btn-icon .ti {
  margin: 0 !important;
}

.ti-spin {
  animation: tabler-icon-spin 1s linear infinite;
}

@keyframes tabler-icon-spin {
  to {
    transform: rotate(360deg);
  }
}

.sidebar-menu .menu-toggle::after {
  display: none !important;
  content: none !important;
}

.menu-toggle__chevron {
  margin-left: auto;
  color: #8a97a6;
  transition: transform .15s ease;
}

.sidebar-menu.is-collapsed .menu-toggle__chevron {
  transform: rotate(-90deg);
}

.sidebar-menu:not(.is-collapsed) .menu-toggle__chevron {
  transform: rotate(0deg);
}

.btn-primary,
.primary-btn,
.add-btn,
.save-btn,
.login-btn,
.button--primary,
.portal-primary-button,
.public-nav__link--accent,
#receiptContinueBtn,
button[type="submit"].primary-btn,
input[type="submit"] {
  border-radius: 6px !important;
  border: 1px solid var(--app-primary) !important;
  background: var(--app-primary) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

.btn-primary:hover,
.primary-btn:hover,
.add-btn:hover,
.save-btn:hover,
.login-btn:hover,
.button--primary:hover,
.portal-primary-button:hover,
.public-nav__link--accent:hover,
#receiptContinueBtn:hover {
  background: var(--app-primary-hover) !important;
  border-color: var(--app-primary-hover) !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
}

.btn-outline-secondary,
.ghost-btn,
.secondary-btn,
.portal-icon-button,
.public-nav__link--login,
.receipt-secondary,
.assignment-bulk-btn,
.assignment-filter-tab {
  border-radius: 6px !important;
  border: 1px solid var(--app-border) !important;
  background: var(--app-surface) !important;
  color: #34495e !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.ghost-btn:hover,
.secondary-btn:hover,
.portal-icon-button:hover,
.public-nav__link--login:hover,
.receipt-secondary:hover,
.assignment-bulk-btn:hover,
.assignment-filter-tab:hover,
.assignment-filter-tab.is-active {
  background: #eef3f8 !important;
  border-color: #cbd8e6 !important;
  color: var(--app-primary) !important;
  transform: none !important;
}

.btn-outline-danger {
  border-radius: 6px !important;
  box-shadow: none !important;
}

.btn-ghost-secondary {
  background: transparent !important;
  border-color: transparent !important;
}

.form-control,
.form-select,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
textarea {
  border-radius: 6px !important;
  border: 1px solid #cbd5e1 !important;
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
select:focus,
textarea:focus {
  border-color: var(--app-primary) !important;
  box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .16) !important;
  outline: 0 !important;
}

.form-check {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  min-height: auto;
  margin-bottom: 0;
}

.form-check-input {
  margin: 0 !important;
}

.tabler-form .form-field,
.tabler-form .form-group,
.tabler-form .reset-field,
.tabler-form .settings-field,
.tabler-form .profile-edit-field,
.tabler-form .filter-field,
.tabler-form .input-field,
.tabler-form .input-group-field,
.tabler-form .billing-field,
.tabler-form .payment-field,
.tabler-form .quick-payment-field,
.tabler-form .expense-field,
.tabler-form .coverage-field,
.tabler-form .schedule-field,
.tabler-form .template-field,
.tabler-form .amount-field,
.tabler-form .date-field,
.tabler-form .time-field,
.tabler-form .search-field,
.tabler-form .archive-filter-field,
.tabler-form .customer-filter-field,
.tabler-form .automation-delivery-field,
.tabler-form .schedule-date-inline,
.tabler-form .schedule-time-inline,
.tabler-form .schedule-delay-inline,
.tabler-form .schedule-repeat-inline,
.tabler-form .schedule-mode-inline {
  margin-bottom: 1rem !important;
}

.form-label,
label.form-label,
legend.form-label {
  display: block !important;
  margin-bottom: .375rem !important;
  color: var(--app-text) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.form-label.required::after,
label.form-label.required::after {
  content: " *";
  color: #d63939;
  font-weight: 700;
}

.form-hint,
.field-hint,
.form-help-text,
.input-hint,
.help-text,
.hint,
.status-switch-hint,
.plan-hint,
.muted-hint,
.modal-hint,
.form-note {
  display: block !important;
  margin-top: .375rem !important;
  color: var(--app-muted) !important;
  font-size: .75rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.form-fieldset,
fieldset.form-fieldset {
  margin: 0 0 1rem !important;
  padding: 1rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  box-shadow: none !important;
}

.form-fieldset > legend,
fieldset.form-fieldset > legend {
  float: none !important;
  width: auto !important;
  padding: 0 .25rem !important;
  margin: 0 0 .75rem !important;
  font-size: .875rem !important;
}

.form-control,
.form-select,
input.form-control,
select.form-select,
textarea.form-control {
  min-height: 2.25rem !important;
  padding: .4375rem .75rem !important;
  font-size: .875rem !important;
  line-height: 1.4285714 !important;
}

textarea.form-control {
  min-height: 6rem !important;
  resize: vertical;
}

input[type="file"].form-control {
  padding: .375rem .75rem !important;
}

.form-control-color {
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  padding: .25rem !important;
}

.form-range {
  width: 100%;
  accent-color: var(--app-primary);
}

.form-control::placeholder,
.form-select::placeholder,
input::placeholder,
textarea::placeholder {
  color: #98a2b3 !important;
  opacity: 1 !important;
}

.form-control:disabled,
.form-control[readonly],
.form-select:disabled,
input:disabled,
textarea:disabled,
select:disabled {
  background-color: #f1f5f9 !important;
  color: #8a97a6 !important;
  opacity: 1 !important;
}

.form-control.is-invalid,
.form-select.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
  border-color: #d63939 !important;
  box-shadow: none !important;
}

.form-control.is-invalid:focus,
.form-select.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #d63939 !important;
  box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .16) !important;
}

.form-control.is-valid,
.form-select.is-valid {
  border-color: #2fb344 !important;
}

.invalid-feedback,
.field-error,
.error-message {
  color: #d63939 !important;
  font-size: .75rem !important;
  line-height: 1.35 !important;
}

.form-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  min-height: 1.25rem !important;
  padding-left: 0 !important;
  margin: 0 !important;
  color: var(--app-text) !important;
  font-size: .875rem !important;
  line-height: 1.35 !important;
}

.form-check-input {
  flex: 0 0 auto !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  border-color: #b8c4d2 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.form-check-input:checked {
  background-color: var(--app-primary) !important;
  border-color: var(--app-primary) !important;
}

.form-check-input:focus {
  border-color: var(--app-primary) !important;
  box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .16) !important;
}

.form-check-label {
  color: var(--app-text) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

.form-switch {
  gap: .625rem !important;
}

.form-switch .form-check-input {
  width: 2rem !important;
  height: 1.125rem !important;
  border-radius: 999px !important;
}

.form-selectgroup {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .5rem !important;
}

.form-selectgroup-item {
  display: inline-flex !important;
  margin: 0 !important;
}

.form-selectgroup-input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.form-selectgroup-label {
  min-height: 2.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  padding: .5rem .75rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: 6px !important;
  background: var(--app-surface) !important;
  color: #34495e !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease, box-shadow .15s ease !important;
}

.form-selectgroup-input:checked + .form-selectgroup-label,
.form-selectgroup-item:has(.form-selectgroup-input:checked) .form-selectgroup-label {
  border-color: var(--app-primary) !important;
  background: rgba(32, 107, 196, .10) !important;
  color: var(--app-primary) !important;
}

.form-selectgroup-input:focus + .form-selectgroup-label,
.form-selectgroup-item:focus-within .form-selectgroup-label {
  border-color: var(--app-primary) !important;
  box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .16) !important;
}

.form-selectgroup-input:disabled + .form-selectgroup-label,
.form-selectgroup-item:has(.form-selectgroup-input:disabled) .form-selectgroup-label {
  background: #f1f5f9 !important;
  color: #8a97a6 !important;
  cursor: not-allowed;
}

.input-group {
  align-items: stretch;
}

.input-group .form-control,
.input-group .form-select,
.input-group .btn {
  min-height: 2.25rem !important;
}

.tabler-input-icon {
  position: relative;
}

.tabler-input-icon > .ti:first-child {
  position: absolute;
  top: 50%;
  left: .75rem;
  transform: translateY(-50%);
  color: var(--app-muted);
  pointer-events: none;
  z-index: 2;
}

.tabler-input-icon > .ti:first-child + .form-control,
.tabler-input-icon > .ti:first-child + input {
  padding-left: 2.25rem !important;
}

.tabler-search-bar {
  width: 100%;
  min-width: 0;
}

.tabler-search-bar.input-icon {
  position: relative;
}

.tabler-search-bar .input-icon-addon {
  position: absolute;
  inset: 0 auto 0 .75rem;
  width: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--app-muted);
  pointer-events: none;
  z-index: 2;
}

.tabler-search-bar .input-icon-addon .ti {
  width: 1rem;
  min-width: 1rem;
  font-size: 1rem;
  color: inherit;
}

.tabler-search-input,
.tabler-search-bar .form-control {
  width: 100% !important;
  min-width: 0 !important;
  padding-left: 2.35rem !important;
}

.tabler-search-bar:has(.btn) {
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
}

.tabler-search-bar:has(.btn) .tabler-search-input,
.tabler-search-bar:has(.btn) .form-control {
  flex: 1 1 14rem !important;
  width: auto !important;
}

.tabler-search-input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
}

.tabler-search-bar .btn {
  position: relative;
  z-index: 3;
}

.list-group.tabler-list {
  border: 1px solid var(--app-border) !important;
  border-radius: 8px !important;
  background: var(--app-surface) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.list-group.tabler-list.list-group-flush {
  border-radius: 8px !important;
}

.tabler-list .list-group-item {
  margin: 0 !important;
  padding: .75rem 1rem !important;
  border-color: var(--app-border) !important;
  background: var(--app-surface) !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
}

.tabler-list .list-group-item + .list-group-item {
  border-top-width: 1px !important;
}

.tabler-list .list-group-item-action {
  width: 100%;
  text-align: left;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}

.tabler-list .list-group-item-action:hover,
.tabler-list .list-group-item-action:focus {
  background: #eef3f8 !important;
  color: var(--app-primary) !important;
  outline: 0;
}

.tabler-results-list {
  max-height: min(22rem, 56vh);
  overflow: auto;
}

.tabler-results-list .list-group-item,
.tabler-check-list .list-group-item,
.filter-checklist__option.list-group-item,
.assignment-area-option.list-group-item,
.subscriber-option.list-group-item,
.recipient-picker__option.list-group-item {
  display: flex !important;
  align-items: center !important;
  gap: .625rem !important;
}

.tabler-check-list .form-check,
.tabler-check-row.form-check,
.filter-checklist__option.form-check,
.assignment-area-option.form-check,
.subscriber-option.form-check {
  width: 100%;
  min-height: 2.25rem !important;
  padding: .625rem .75rem !important;
}

.tabler-check-list .form-check-input,
.tabler-list .form-check-input {
  margin: 0 !important;
}

.tabler-check-list .form-check-label,
.tabler-list .form-check-label {
  flex: 1 1 auto;
  min-width: 0;
}

.list-group-numbered.tabler-list {
  list-style: none;
  counter-reset: tabler-list-counter;
}

.list-group-numbered.tabler-list > .list-group-item {
  counter-increment: tabler-list-counter;
  display: flex !important;
  gap: .75rem;
}

.list-group-numbered.tabler-list > .list-group-item::before {
  content: counter(tabler-list-counter) ".";
  min-width: 1.5rem;
  color: var(--app-muted);
  font-weight: 600;
}

.toolbar-filter-control--area .filter-checklist__panel {
  left: auto !important;
  right: 0 !important;
  width: min(320px, calc(100vw - 2rem)) !important;
  max-width: calc(100vw - 2rem) !important;
  border-radius: 8px !important;
  border-color: var(--app-border) !important;
  background: var(--app-surface) !important;
  transform: translateX(var(--tabler-panel-shift, 0)) !important;
}

/* Legacy app shells rendered as first-class Tabler components. */
.tabler-card.card,
.section-frame.card,
.metric.card,
.metric-card.card,
.payment-history-metric.card,
.stat-card.card,
.stats-card.card,
.summary-card.card,
.dashboard-card.card,
.trend-card.card,
.settings-card.card,
.integration-card.card,
.access-card.card,
.finance-card.card,
.collector-card.card,
.collector-stat.card,
.report-card.card,
.coverage-card.card,
.plan-card.card,
.portal-card.card,
.public-card.card,
.login-panel.card,
.login-card.card,
.reset-card.card,
.card-table.card {
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius-lg) !important;
  background: var(--tblr-card-bg, var(--app-surface)) !important;
  box-shadow: var(--tblr-shadow-card, 0 .125rem .25rem rgba(30, 41, 59, .06)) !important;
}

.tabler-card.card::before,
.tabler-card.card::after {
  pointer-events: none;
}

.tabler-section-card.card,
.section-frame.card {
  overflow: visible !important;
}

.tabler-metric-card.card,
.metric.card,
.metric-card.card,
.payment-history-metric.card,
.stat-card.card,
.stats-card.card,
.summary-card.card,
.collector-stat.card {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}

.tabler-auth-card.card {
  border-color: rgba(148, 163, 184, .28) !important;
}

.tabler-toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .75rem !important;
}

.section-frame.card > .section-toolbar.tabler-toolbar:first-child,
.tabler-card.card > .tabler-toolbar:first-child {
  margin: calc(var(--tblr-card-spacer-y, 1rem) * -1) calc(var(--tblr-card-spacer-x, 1rem) * -1) var(--tblr-card-spacer-y, 1rem) !important;
  padding: .875rem var(--tblr-card-spacer-x, 1rem) !important;
  border-bottom: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0 !important;
  background: rgba(248, 250, 252, .72) !important;
}

.tabler-chip.btn,
.chip.btn,
.filter-chip.btn {
  min-height: 2.25rem !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.tabler-chip.btn-primary,
.chip.btn-primary {
  color: #fff !important;
  background: var(--tblr-primary, var(--app-primary)) !important;
  border-color: var(--tblr-primary, var(--app-primary)) !important;
}

.tabler-chip.btn-outline-secondary,
.chip.btn-outline-secondary {
  color: var(--app-text) !important;
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
}

.tabler-chip.btn-outline-secondary:hover,
.chip.btn-outline-secondary:hover {
  color: var(--app-primary) !important;
  border-color: rgba(32, 107, 196, .32) !important;
  background: rgba(32, 107, 196, .08) !important;
}

.tabler-badge.badge,
.status.badge,
.status-pill.badge,
.plan-pill.badge,
.note.badge,
.target-pill.badge,
.metric-pill.badge,
.sidebar-badge.badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .25rem !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.tabler-badge.text-bg-warning {
  color: #5f3f00 !important;
}

.tabler-badge.bg-secondary-lt,
.note.badge.bg-secondary-lt {
  color: #475569 !important;
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
}

.tabler-alert.alert {
  border-radius: var(--tblr-border-radius-lg) !important;
  border-width: 1px !important;
  box-shadow: none !important;
}

.tabler-empty.empty {
  border: 1px dashed var(--app-border) !important;
  border-radius: var(--tblr-border-radius-lg) !important;
  background: rgba(248, 250, 252, .72) !important;
  color: var(--app-muted) !important;
}

.nav-tabs {
  --tblr-nav-tabs-border-width: 1px;
  --tblr-nav-tabs-link-active-color: var(--app-primary);
  --tblr-nav-tabs-link-active-bg: var(--app-surface);
  --tblr-nav-tabs-link-active-border-color: var(--app-border) var(--app-border) var(--app-surface);
  gap: .125rem;
  border-bottom: 1px solid var(--app-border) !important;
}

.nav-tabs .nav-link,
.assignment-filter-tab.nav-link,
.filter-tab.nav-link,
.sms-tab-link.nav-link,
.tab-btn.nav-link {
  border-radius: 6px 6px 0 0 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #52677a !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.nav-tabs .nav-link:hover,
.assignment-filter-tab.nav-link:hover,
.filter-tab.nav-link:hover,
.sms-tab-link.nav-link:hover,
.tab-btn.nav-link:hover {
  color: var(--app-primary) !important;
  border-color: var(--app-border) var(--app-border) transparent !important;
}

.nav-tabs .nav-link.active,
.assignment-filter-tab.nav-link.active,
.assignment-filter-tab.nav-link.is-active,
.filter-tab.nav-link.active,
.sms-tab-link.nav-link.active,
.tab-btn.nav-link.active {
  color: var(--app-primary) !important;
  background: var(--app-surface) !important;
  border-color: var(--app-border) var(--app-border) var(--app-surface) !important;
}

.table-responsive {
  border-radius: var(--app-radius);
}

body.theme-dark .btn-outline-secondary,
body.theme-dark .ghost-btn,
body.theme-dark .secondary-btn,
body.theme-dark .assignment-bulk-btn,
body.theme-dark .assignment-filter-tab,
body.theme-dark .form-control,
body.theme-dark .form-select {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

body.theme-dark .form-label,
body.theme-dark label.form-label,
body.theme-dark legend.form-label,
body.theme-dark .form-check,
body.theme-dark .form-check-label {
  color: var(--app-text) !important;
}

body.theme-dark .form-hint,
body.theme-dark .field-hint,
body.theme-dark .form-help-text,
body.theme-dark .input-hint,
body.theme-dark .help-text,
body.theme-dark .hint,
body.theme-dark .status-switch-hint,
body.theme-dark .plan-hint,
body.theme-dark .muted-hint,
body.theme-dark .modal-hint,
body.theme-dark .form-note {
  color: var(--app-muted) !important;
}

body.theme-dark .tabler-card.card,
body.theme-dark .section-frame.card,
body.theme-dark .metric.card,
body.theme-dark .metric-card.card,
body.theme-dark .payment-history-metric.card,
body.theme-dark .stat-card.card,
body.theme-dark .stats-card.card,
body.theme-dark .summary-card.card,
body.theme-dark .dashboard-card.card,
body.theme-dark .trend-card.card,
body.theme-dark .settings-card.card,
body.theme-dark .integration-card.card,
body.theme-dark .access-card.card,
body.theme-dark .finance-card.card,
body.theme-dark .collector-card.card,
body.theme-dark .collector-stat.card,
body.theme-dark .report-card.card,
body.theme-dark .coverage-card.card,
body.theme-dark .plan-card.card,
body.theme-dark .portal-card.card,
body.theme-dark .public-card.card,
body.theme-dark .login-panel.card,
body.theme-dark .login-card.card,
body.theme-dark .reset-card.card,
body.theme-dark .card-table.card,
body.theme-dark .chart-wrapper.tabler-chart-card.card,
body.theme-dark .chart-wrapper--tabler.tabler-chart-card.card,
body.theme-dark .chart-wrapper--luxury.tabler-chart-card.card {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  box-shadow: none !important;
}

body.theme-dark .section-frame.card > .section-toolbar.tabler-toolbar:first-child,
body.theme-dark .tabler-card.card > .tabler-toolbar:first-child,
body.theme-dark .tabler-empty.empty {
  background: rgba(15, 23, 42, .72) !important;
  border-color: var(--app-border) !important;
}

body.theme-dark .tabler-chip.btn-outline-secondary,
body.theme-dark .chip.btn-outline-secondary {
  color: var(--app-text) !important;
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
}

body.theme-dark .form-fieldset,
body.theme-dark fieldset.form-fieldset {
  background: #151f2c !important;
  border-color: var(--app-border) !important;
}

body.theme-dark .form-control:disabled,
body.theme-dark .form-control[readonly],
body.theme-dark .form-select:disabled,
body.theme-dark input:disabled,
body.theme-dark textarea:disabled,
body.theme-dark select:disabled {
  background-color: #111a26 !important;
  color: #8996a3 !important;
}

body.theme-dark .form-check-input {
  border-color: #566274 !important;
  background-color: #111a26 !important;
}

body.theme-dark .form-check-input:checked {
  background-color: var(--app-primary) !important;
  border-color: var(--app-primary) !important;
}

body.theme-dark .form-selectgroup-label {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: #d8dee8 !important;
}

body.theme-dark .form-selectgroup-input:checked + .form-selectgroup-label,
body.theme-dark .form-selectgroup-item:has(.form-selectgroup-input:checked) .form-selectgroup-label {
  background: rgba(64, 137, 232, .16) !important;
  border-color: var(--app-primary) !important;
  color: #d7e8ff !important;
}

body.theme-dark .tabler-search-bar .input-icon-addon {
  color: var(--app-muted);
}

body.theme-dark .list-group.tabler-list,
body.theme-dark .tabler-list .list-group-item {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
  color: var(--app-text) !important;
}

body.theme-dark .tabler-list .list-group-item-action:hover,
body.theme-dark .tabler-list .list-group-item-action:focus {
  background: rgba(64, 137, 232, .14) !important;
  color: #d7e8ff !important;
}

body.theme-dark .list-group-numbered.tabler-list > .list-group-item::before {
  color: var(--app-muted);
}

body.theme-dark .nav-tabs .nav-link,
body.theme-dark .assignment-filter-tab.nav-link,
body.theme-dark .filter-tab.nav-link,
body.theme-dark .sms-tab-link.nav-link,
body.theme-dark .tab-btn.nav-link {
  color: #c8d2de !important;
}

/* Tabler modal normalization. */
.tabler-modal {
  --app-modal-width: 640px;
}

.modal.tabler-modal,
.modal-overlay.tabler-modal,
.profile-edit-modal.tabler-modal,
.profile-modal.tabler-modal,
.logs-modal.tabler-modal,
.account-browser-player.tabler-modal,
.account-wifi-modal.tabler-modal,
.account-devices-modal.tabler-modal {
  width: 100vw !important;
  max-width: none !important;
  min-height: 100vh !important;
  border-radius: 0 !important;
}

.modal.tabler-modal.show,
.modal-overlay.tabler-modal.active,
.profile-edit-modal.tabler-modal:not([hidden]),
.profile-modal.tabler-modal:not([hidden]),
.logs-modal.tabler-modal.is-open,
.account-browser-player.tabler-modal.is-open,
.account-wifi-modal.tabler-modal.is-open,
.account-devices-modal.tabler-modal.is-open {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.75rem 1rem !important;
  opacity: 1 !important;
}

.tabler-modal .modal-dialog {
  width: min(var(--app-modal-width), calc(100vw - 2rem)) !important;
  max-width: min(var(--app-modal-width), calc(100vw - 2rem)) !important;
  margin: 0 auto !important;
  pointer-events: none;
}

.tabler-modal .modal-dialog.modal-sm {
  --app-modal-width: 420px;
}

.tabler-modal .modal-dialog.modal-lg {
  --app-modal-width: 860px;
}

.tabler-modal .modal-dialog.modal-xl {
  --app-modal-width: 1140px;
}

.tabler-modal .modal-dialog.modal-full-width {
  --app-modal-width: calc(100vw - 2rem);
  width: calc(100vw - 2rem) !important;
  max-width: calc(100vw - 2rem) !important;
}

.tabler-modal .modal-dialog.modal-fullscreen {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
}

.tabler-modal .modal-content {
  width: 100% !important;
  max-width: none !important;
  max-height: calc(100vh - 3.5rem) !important;
  display: flex !important;
  flex-direction: column !important;
  pointer-events: auto;
  transform: none !important;
  border-radius: 8px !important;
  border: 1px solid var(--app-border) !important;
  background: var(--app-surface) !important;
  box-shadow: var(--tblr-box-shadow-lg, 0 1rem 3rem rgba(15, 23, 42, .18)) !important;
  overflow: hidden !important;
}

.tabler-modal .modal-dialog-scrollable .modal-content {
  overflow: hidden !important;
}

.tabler-modal .modal-dialog-scrollable .modal-body {
  overflow-y: auto !important;
}

.tabler-modal .modal-header {
  min-height: 4rem;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid var(--app-border) !important;
  background: transparent !important;
}

.tabler-modal .modal-title {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--app-text) !important;
}

.tabler-modal .modal-subtitle,
.tabler-modal .modal-eyebrow,
.tabler-modal .section-eyebrow {
  margin-top: .25rem !important;
  color: var(--app-muted) !important;
}

.tabler-modal .btn-close {
  flex: 0 0 auto;
  margin: -.25rem -.25rem -.25rem auto !important;
  padding: .5rem !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tabler-modal .btn-close .ti {
  display: none !important;
}

.tabler-modal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 1.25rem !important;
}

.tabler-modal .modal-footer,
.tabler-modal .form-actions.modal-footer {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .5rem !important;
  margin: 0 !important;
  padding: 1rem 1.25rem !important;
  border-top: 1px solid var(--app-border) !important;
  background: #f8fafc !important;
}

.tabler-modal .modal-footer > * {
  margin: 0 !important;
}

.tabler-modal iframe {
  width: 100%;
  min-height: min(70vh, 720px);
  border: 0;
}

.tabler-modal.tabler-modal--iframe .modal-body {
  display: flex !important;
  min-height: 0;
  padding: 0 !important;
}

.tabler-modal.tabler-modal--iframe iframe {
  flex: 1 1 auto;
}

.tabler-modal.tabler-modal--full-width.tabler-modal--iframe .modal-content {
  height: calc(100vh - 3.5rem) !important;
}

.customer-add-embed-modal.tabler-modal.show {
  align-items: stretch !important;
  padding: 0 !important;
  background: transparent !important;
}

.customer-add-embed-modal.tabler-modal .modal-dialog.modal-full-width {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
}

.customer-add-embed-modal.tabler-modal.tabler-modal--full-width.tabler-modal--iframe .modal-content {
  height: 100vh !important;
  max-height: 100vh !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.customer-add-embed-modal.tabler-modal iframe {
  min-height: 0;
}

body.theme-dark .tabler-modal .modal-content {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
}

body.theme-dark .tabler-modal .modal-footer,
body.theme-dark .tabler-modal .form-actions.modal-footer {
  background: #111a26 !important;
  border-color: var(--app-border) !important;
}

@media (max-width: 640px) {
  .modal.tabler-modal.show,
  .modal-overlay.tabler-modal.active,
  .profile-edit-modal.tabler-modal:not([hidden]),
  .profile-modal.tabler-modal:not([hidden]),
  .logs-modal.tabler-modal.is-open,
  .account-browser-player.tabler-modal.is-open,
  .account-wifi-modal.tabler-modal.is-open,
  .account-devices-modal.tabler-modal.is-open {
    align-items: flex-end !important;
    padding: .75rem !important;
  }

  .tabler-modal .modal-dialog,
  .tabler-modal .modal-dialog.modal-full-width {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tabler-modal .modal-content {
    max-height: calc(100vh - 1.5rem) !important;
  }

  .tabler-modal .modal-footer,
  .tabler-modal .form-actions.modal-footer {
    flex-direction: column-reverse;
    align-items: stretch !important;
  }

  .tabler-modal .modal-footer .btn {
    width: 100%;
  }
}

/* Tabler modal-with-form normalization. */
.tabler-form-modal {
  --app-form-modal-width: 860px;
}

.modal.tabler-form-modal,
.modal-overlay.tabler-form-modal,
.profile-edit-modal.tabler-form-modal,
.profile-modal.tabler-form-modal {
  width: 100vw !important;
  max-width: none !important;
  min-height: 100vh !important;
  border-radius: 0 !important;
}

.modal.tabler-form-modal.show,
.modal-overlay.tabler-form-modal.active,
.profile-edit-modal.tabler-form-modal:not([hidden]),
.profile-modal.tabler-form-modal:not([hidden]) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1.75rem 1rem !important;
}

.tabler-form-modal .modal-dialog {
  width: min(var(--app-form-modal-width), calc(100vw - 2rem)) !important;
  max-width: min(var(--app-form-modal-width), calc(100vw - 2rem)) !important;
  margin: 0 auto !important;
  pointer-events: none;
}

.tabler-form-modal .modal-dialog.modal-sm {
  --tblr-modal-width: 420px;
  --app-form-modal-width: 420px;
}

.tabler-form-modal .modal-dialog.modal-xl {
  --app-form-modal-width: 1140px;
}

.tabler-form-modal .modal-dialog.modal-full-width {
  --app-form-modal-width: calc(100vw - 2rem);
  width: calc(100vw - 2rem) !important;
  max-width: calc(100vw - 2rem) !important;
}

.tabler-form-modal .modal-content {
  width: 100% !important;
  max-width: none !important;
  max-height: calc(100vh - 3.5rem) !important;
  display: flex !important;
  flex-direction: column !important;
  pointer-events: auto;
  border-radius: 8px !important;
  border: 1px solid var(--app-border) !important;
  background: var(--app-surface) !important;
  box-shadow: var(--tblr-box-shadow-lg, 0 1rem 3rem rgba(15, 23, 42, .18)) !important;
}

.tabler-form-modal .modal-header {
  min-height: 4rem;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid var(--app-border) !important;
}

.tabler-form-modal .modal-title {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--app-text) !important;
}

.tabler-form-modal .modal-subtitle,
.tabler-form-modal .modal-eyebrow,
.tabler-form-modal .section-eyebrow {
  margin-top: .25rem !important;
  color: var(--app-muted) !important;
}

.tabler-form-modal .btn-close {
  flex: 0 0 auto;
  margin: -.25rem -.25rem -.25rem auto !important;
  padding: .5rem !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tabler-form-modal .btn-close .ti {
  display: none !important;
}

.tabler-form-modal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 1.25rem !important;
}

.tabler-form-modal form.tabler-modal-form {
  min-height: 0;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
}

.tabler-form-modal form.tabler-modal-form > .modal-body {
  flex: 1 1 auto;
}

.tabler-form-modal .modal-footer,
.tabler-form-modal .form-actions.modal-footer {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .5rem !important;
  margin: 0 !important;
  padding: 1rem 1.25rem !important;
  border-top: 1px solid var(--app-border) !important;
  background: #f8fafc !important;
}

.tabler-form-modal .modal-footer > * {
  margin: 0 !important;
}

.tabler-form-modal .form-label {
  margin-bottom: .375rem !important;
  color: var(--app-text) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
}

.tabler-form-modal .form-field,
.tabler-form-modal .form-group,
.tabler-form-modal .reset-field {
  margin-bottom: 1rem !important;
}

.tabler-form-modal .form-field:last-child,
.tabler-form-modal .form-group:last-child,
.tabler-form-modal .reset-field:last-child {
  margin-bottom: 0 !important;
}

.tabler-form-modal .form-grid,
.tabler-form-modal .automation-form-grid {
  gap: 1rem !important;
}

.tabler-form-modal .form-card,
.tabler-form-modal fieldset,
.tabler-form-modal .role-checklist,
.tabler-form-modal .recipient-selection,
.tabler-form-modal .compose-table-wrap {
  border-radius: 8px !important;
  border-color: var(--app-border) !important;
}

body.theme-dark .tabler-form-modal .modal-content {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
}

body.theme-dark .tabler-form-modal .modal-footer,
body.theme-dark .tabler-form-modal .form-actions.modal-footer {
  background: #111a26 !important;
  border-color: var(--app-border) !important;
}

@media (max-width: 640px) {
  .modal.tabler-form-modal.show,
  .modal-overlay.tabler-form-modal.active,
  .profile-edit-modal.tabler-form-modal:not([hidden]),
  .profile-modal.tabler-form-modal:not([hidden]) {
    align-items: flex-end !important;
    padding: .75rem !important;
  }

  .tabler-form-modal .modal-dialog {
    width: 100% !important;
    max-width: 100% !important;
  }

  .tabler-form-modal .modal-content {
    max-height: calc(100vh - 1.5rem) !important;
  }

  .tabler-form-modal .delivery-method-inline,
  .tabler-form-modal .schedule-delivery-inline,
  .tabler-form-modal .automation-delivery-inline {
    flex-wrap: wrap !important;
    overflow-x: hidden !important;
  }

  .tabler-form-modal .delivery-options {
    flex: 1 1 100% !important;
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  .tabler-form-modal .inline-checkbox {
    min-width: 0 !important;
    white-space: normal !important;
  }

  .tabler-form-modal .inline-checkbox span {
    white-space: normal !important;
  }

  .tabler-form-modal .template-inline,
  .tabler-form-modal .schedule-template-inline {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    flex-wrap: wrap !important;
  }

  .tabler-form-modal .template-inline select,
  .tabler-form-modal .schedule-template-inline select {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }

  .tabler-form-modal .modal-footer,
  .tabler-form-modal .form-actions.modal-footer {
    flex-direction: column-reverse;
    align-items: stretch !important;
  }

  .tabler-form-modal .modal-footer .btn {
    width: 100%;
  }
}

/* Tabler fluid vertical application shell.
 * Mirrors the layout-fluid + navbar-vertical + page-wrapper composition while
 * retaining the billing console's existing page and interaction hooks.
 */
body.layout-fluid-vertical {
  --sidebar-width: 15rem;
  --topbar-height: 3.5rem;
  --content-padding: clamp(1rem, 2vw, 2rem);
}

body.layout-fluid-vertical .tabler-fluid-vertical.app-shell {
  display: block !important;
  min-height: 100vh;
  max-width: none;
  overflow: visible;
  background: var(--tblr-body-bg, var(--app-bg)) !important;
}

body.layout-fluid-vertical .app-sidebar-host {
  width: 0;
  height: 0;
}

body.layout-fluid-vertical .app-topbar-host,
body.layout-fluid-vertical .app-topbar-host--docked {
  height: 0 !important;
}

body.layout-fluid-vertical .app-main.page-wrapper {
  width: auto;
  min-width: 0;
  min-height: 100vh !important;
  margin-left: var(--sidebar-width) !important;
  padding-top: 0 !important;
  background: var(--tblr-body-bg, var(--app-bg)) !important;
}

body.layout-fluid-vertical .app-main > main {
  width: 100%;
  max-width: 100%;
  padding: 1.5rem var(--content-padding) 2rem !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical {
  --tblr-navbar-color: rgba(255, 255, 255, .72);
  --tblr-navbar-hover-color: #fff;
  --tblr-navbar-active-color: #fff;
  --tblr-navbar-active-bg: rgba(255, 255, 255, .08);
  --tblr-navbar-border-color: rgba(255, 255, 255, .08);
  width: var(--sidebar-width) !important;
  max-width: var(--sidebar-width);
  min-height: 100vh;
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  z-index: 1030;
  display: flex !important;
  align-items: stretch !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: var(--tblr-navbar-color) !important;
  background: var(--tblr-bg-surface-dark, #182433) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset -1px 0 0 var(--tblr-navbar-border-color) !important;
  transform: none !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical::before {
  display: none !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical > .container-fluid {
  width: 100%;
  min-height: 100%;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0 !important;
}

body.layout-fluid-vertical .app-sidebar-toggle {
  display: none;
}

body.layout-fluid-vertical .app-sidebar-brand {
  order: 1;
  flex: 0 0 auto;
  min-width: 0;
  min-height: var(--topbar-height);
  display: flex;
  align-items: center;
  padding: 0 .75rem;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-left.navbar-brand {
  width: 100%;
  min-width: 0;
  min-height: var(--topbar-height);
  justify-content: flex-start;
  gap: .625rem !important;
  margin: 0;
  padding: .625rem .5rem;
}

body.layout-fluid-vertical .app-sidebar-brand .logo-chip {
  width: 2rem !important;
  height: 2rem !important;
  flex: 0 0 2rem;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: rgba(255, 255, 255, .08) !important;
}

body.layout-fluid-vertical .app-sidebar-brand .logo-chip__image {
  border-radius: calc(var(--tblr-border-radius, 4px) - 1px) !important;
}

body.layout-fluid-vertical .app-sidebar-brand .logo-chip__fallback {
  color: #fff !important;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-brand {
  min-width: 0;
  gap: .125rem;
  margin-left: 0;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-eyebrow {
  color: rgba(255, 255, 255, .48) !important;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-title,
body.layout-fluid-vertical .app-sidebar-brand .topbar-business {
  min-width: 0;
  color: #fff !important;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-business,
body.layout-fluid-vertical .app-sidebar-brand .topbar-tagline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-tagline {
  color: rgba(255, 255, 255, .62) !important;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-separator {
  background: rgba(255, 255, 255, .18) !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical > .container-fluid > .navbar-collapse {
  order: 2;
  width: 100%;
  min-height: 0;
  display: flex !important;
  flex: 1 1 auto;
  align-items: stretch;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-scroll {
  width: 100%;
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: .25rem !important;
  padding: .75rem !important;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, .18) transparent;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .18);
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu {
  display: flex;
  flex-direction: column;
  gap: .125rem !important;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu + .sidebar-menu {
  margin-top: .25rem;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu:hover,
body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu:not(.is-collapsed) {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .menu-toggle {
  min-height: 2rem;
  padding: .375rem .75rem !important;
  color: rgba(255, 255, 255, .48) !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  font-size: .6875rem !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .menu-toggle:hover,
body.layout-fluid-vertical .sidebar.navbar-vertical .menu-toggle:focus-visible {
  color: rgba(255, 255, 255, .78) !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .menu-toggle__chevron {
  color: currentColor;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu ul {
  gap: .125rem !important;
  margin: 0;
  padding: 0 !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-item {
  position: relative;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link {
  min-height: 2.5rem !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .625rem !important;
  padding: .5rem .75rem !important;
  color: rgba(255, 255, 255, .72) !important;
  border: 0 !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: transparent !important;
  font-size: .875rem !important;
  font-weight: 400 !important;
  line-height: 1.25;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link .nav-link-icon {
  width: 1.25rem !important;
  min-width: 1.25rem;
  margin: 0 !important;
  color: rgba(255, 255, 255, .54) !important;
  font-size: 1.125rem !important;
  text-align: center;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link:hover,
body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, .06) !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link:hover .nav-link-icon,
body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link:focus-visible .nav-link-icon,
body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link.active .nav-link-icon {
  color: #fff !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link.active {
  color: #fff !important;
  background: rgba(255, 255, 255, .09) !important;
  font-weight: 500 !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link.active::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 0 2px 2px 0;
  background: var(--tblr-primary, #066fd1);
}

body.layout-fluid-vertical .app-sidebar-actions {
  order: 3;
  flex: 0 0 auto;
  padding: .75rem;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-right {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  gap: .375rem !important;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-profile-container {
  order: -1;
  grid-column: 1 / -1;
  min-width: 0;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-profile {
  width: 100% !important;
  min-width: 0;
  min-height: 2.75rem !important;
  height: auto !important;
  justify-content: flex-start !important;
  gap: .625rem;
  padding: .375rem .5rem !important;
  color: rgba(255, 255, 255, .82) !important;
  border: 0 !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: rgba(255, 255, 255, .04) !important;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-profile:hover,
body.layout-fluid-vertical .app-sidebar-actions .topbar-profile:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, .08) !important;
}

body.layout-fluid-vertical .app-sidebar-actions .profile-avatar {
  color: #fff !important;
  background: var(--tblr-primary, #066fd1) !important;
}

body.layout-fluid-vertical .app-sidebar-actions .profile-meta {
  min-width: 0;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

body.layout-fluid-vertical .app-sidebar-actions .profile-name,
body.layout-fluid-vertical .app-sidebar-actions .profile-role {
  max-width: 10rem;
  overflow: hidden;
  color: inherit !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.layout-fluid-vertical .app-sidebar-actions .profile-role {
  color: rgba(255, 255, 255, .5) !important;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-btn {
  width: 100% !important;
  height: 2.25rem !important;
  min-height: 2.25rem;
  padding: 0 !important;
  color: rgba(255, 255, 255, .62) !important;
  border: 0 !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: transparent !important;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-btn:hover,
body.layout-fluid-vertical .app-sidebar-actions .topbar-btn:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, .08) !important;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-btn--logout:hover,
body.layout-fluid-vertical .app-sidebar-actions .topbar-btn--logout:focus-visible {
  color: #ffb4b4 !important;
  background: rgba(214, 57, 57, .16) !important;
}

body.layout-fluid-vertical .app-sidebar-actions [data-tooltip]::before,
body.layout-fluid-vertical .app-sidebar-actions [data-tooltip]::after,
body.layout-fluid-vertical .app-sidebar-toggle [data-tooltip]::before,
body.layout-fluid-vertical .app-sidebar-toggle [data-tooltip]::after {
  display: none !important;
}

body.layout-fluid-vertical .sidebar-mobile-overlay {
  display: none !important;
}

body.layout-fluid-vertical .profile-modal,
body.layout-fluid-vertical .profile-edit-modal {
  padding: 1rem !important;
}

body.layout-fluid-vertical .profile-modal__content,
body.layout-fluid-vertical .profile-edit-modal__content {
  width: min(40rem, calc(100vw - 2rem)) !important;
  max-height: calc(100vh - 2rem) !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
}

body.layout-fluid-vertical .profile-modal__header,
body.layout-fluid-vertical .profile-modal__footer,
body.layout-fluid-vertical .profile-edit-modal__header {
  flex: 0 0 auto;
}

body.layout-fluid-vertical .profile-modal__body,
body.layout-fluid-vertical .profile-edit-form {
  min-height: 0;
  overflow-y: auto;
}

@media (max-width: 991.98px) {
  body.layout-fluid-vertical .tabler-fluid-vertical.app-shell {
    display: flex !important;
    flex-direction: column;
    min-height: 100vh;
  }

  body.layout-fluid-vertical .app-sidebar-host {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
  }

  body.layout-fluid-vertical .sidebar.navbar-vertical {
    width: 100% !important;
    max-width: none;
    min-height: var(--topbar-height);
    position: relative !important;
    inset: auto !important;
    overflow: visible !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: none !important;
  }

  body.layout-fluid-vertical .sidebar.navbar-vertical > .container-fluid {
    min-height: var(--topbar-height);
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    padding: 0 .75rem !important;
  }

  body.layout-fluid-vertical .app-sidebar-toggle {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
  }

  body.layout-fluid-vertical .app-sidebar-toggle .topbar-menu-toggle.navbar-toggler {
    width: 2.25rem !important;
    height: 2.25rem !important;
    display: inline-flex !important;
    margin-right: .375rem;
    padding: 0 !important;
    color: rgba(255, 255, 255, .82) !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.layout-fluid-vertical .app-sidebar-brand {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    min-height: var(--topbar-height);
    padding: 0;
  }

  body.layout-fluid-vertical .app-sidebar-brand .topbar-left.navbar-brand {
    min-height: var(--topbar-height);
    padding: .5rem 0;
  }

  body.layout-fluid-vertical .app-sidebar-brand .topbar-eyebrow,
  body.layout-fluid-vertical .app-sidebar-brand .topbar-separator,
  body.layout-fluid-vertical .app-sidebar-brand .topbar-tagline {
    display: none !important;
  }

  body.layout-fluid-vertical .app-sidebar-brand .topbar-title {
    display: block !important;
    max-width: min(32vw, 15rem);
  }

  body.layout-fluid-vertical .app-sidebar-actions {
    grid-column: 3;
    grid-row: 1;
    padding: 0;
    border: 0;
  }

  body.layout-fluid-vertical .app-sidebar-actions .topbar-right {
    width: auto;
    display: flex !important;
    align-items: center;
    gap: .25rem !important;
  }

  body.layout-fluid-vertical .app-sidebar-actions .topbar-profile-container {
    order: 0;
    min-width: auto;
  }

  body.layout-fluid-vertical .app-sidebar-actions .topbar-profile,
  body.layout-fluid-vertical .app-sidebar-actions .topbar-btn {
    width: 2.25rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    justify-content: center !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.layout-fluid-vertical .app-sidebar-actions .profile-meta {
    display: none !important;
  }

  body.layout-fluid-vertical .sidebar.navbar-vertical > .container-fluid > .navbar-collapse {
    grid-column: 1 / -1;
    grid-row: 2;
    width: calc(100% + 1.5rem);
    min-height: 0;
    display: none !important;
    margin: 0 -.75rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
    background: var(--tblr-bg-surface-dark, #182433);
  }

  body.layout-fluid-vertical.sidebar-mobile-open .sidebar.navbar-vertical > .container-fluid > .navbar-collapse {
    display: block !important;
  }

  body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-scroll {
    max-height: calc(100vh - var(--topbar-height));
    padding: .75rem !important;
    overflow-y: auto;
  }

  body.layout-fluid-vertical .app-main.page-wrapper {
    width: 100%;
    min-height: calc(100vh - var(--topbar-height)) !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
    flex: 1 1 auto;
  }

  body.layout-fluid-vertical .app-main > main {
    padding: 1.25rem var(--content-padding) 2rem !important;
  }

  body.layout-fluid-vertical.sidebar-mobile-open {
    overflow: auto !important;
    touch-action: auto !important;
  }
}

@media (max-width: 767.98px) {
  body.layout-fluid-vertical .app-sidebar-actions [data-action="import"],
  body.layout-fluid-vertical .app-sidebar-actions [data-action="export"] {
    display: none !important;
  }
}

@media (max-width: 420px) {
  body.layout-fluid-vertical .app-sidebar-brand .logo-chip {
    width: 1.875rem !important;
    height: 1.875rem !important;
    flex-basis: 1.875rem;
  }

  body.layout-fluid-vertical .app-sidebar-brand .topbar-title {
    max-width: 6.5rem;
    font-size: .8125rem !important;
  }

  body.layout-fluid-vertical .app-sidebar-actions .topbar-right {
    gap: .125rem !important;
  }

  body.layout-fluid-vertical .app-sidebar-actions .topbar-profile,
  body.layout-fluid-vertical .app-sidebar-actions .topbar-btn {
    width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
  }
}

/* Normal Tabler typography layer for the admin console. */
body.layout-fluid-vertical {
  --sidebar-width: 13.25rem;
  --topbar-height: 3rem;
  --content-padding: clamp(.75rem, 1.35vw, 1.25rem);
  --tblr-body-font-size: 1rem;
  --tblr-body-line-height: 1.5;
  --tblr-border-radius: 4px;
  --tblr-border-radius-lg: 6px;
  font-size: var(--tblr-body-font-size) !important;
  line-height: var(--tblr-body-line-height) !important;
}

body.layout-fluid-vertical .app-main > main,
body.layout-fluid-vertical .app-main main,
body.layout-fluid-vertical .page,
body.layout-fluid-vertical .dashboard-main {
  padding: 1rem var(--content-padding) 1.25rem !important;
}

body.layout-fluid-vertical .page,
body.layout-fluid-vertical .dashboard-main,
body.layout-fluid-vertical .tabler-form,
body.layout-fluid-vertical .panel-grid,
body.layout-fluid-vertical .metrics-grid,
body.layout-fluid-vertical .trend-kpis,
body.layout-fluid-vertical .cards-grid,
body.layout-fluid-vertical .settings-grid,
body.layout-fluid-vertical .plans-grid,
body.layout-fluid-vertical .finance-grid {
  gap: .75rem !important;
}

body.layout-fluid-vertical .app-sidebar-brand {
  min-height: var(--topbar-height);
  padding: 0 .5rem;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-left.navbar-brand {
  min-height: var(--topbar-height);
  gap: .5rem !important;
  padding: .4375rem .375rem !important;
}

body.layout-fluid-vertical .app-sidebar-brand .logo-chip {
  width: 1.75rem !important;
  height: 1.75rem !important;
  flex-basis: 1.75rem;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-title {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}

body.layout-fluid-vertical .app-sidebar-brand .topbar-eyebrow,
body.layout-fluid-vertical .app-sidebar-brand .topbar-tagline {
  font-size: .75rem !important;
  line-height: 1.35 !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-scroll {
  gap: .125rem !important;
  padding: .5rem !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu + .sidebar-menu {
  margin-top: .125rem !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .menu-toggle {
  min-height: 1.75rem !important;
  padding: .25rem .5rem !important;
  font-size: .75rem !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link {
  min-height: 2rem !important;
  gap: .5rem !important;
  padding: .375rem .5rem !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
}

body.layout-fluid-vertical .sidebar.navbar-vertical .sidebar-menu .nav-link .nav-link-icon {
  width: 1rem !important;
  min-width: 1rem !important;
  font-size: 1.125rem !important;
}

body.layout-fluid-vertical .app-sidebar-actions {
  padding: .5rem !important;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-right {
  gap: .25rem !important;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-profile {
  min-height: 2.25rem !important;
  gap: .5rem !important;
  padding: .25rem .375rem !important;
}

body.layout-fluid-vertical .app-sidebar-actions .topbar-btn,
body.layout-fluid-vertical .topbar-btn,
body.layout-fluid-vertical .ghost-icon,
body.layout-fluid-vertical .footer-btn,
body.layout-fluid-vertical .copy-btn,
body.layout-fluid-vertical .btn-icon {
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 !important;
}

body.layout-fluid-vertical .profile-avatar,
body.layout-fluid-vertical .profile-avatar__icon {
  width: 1.75rem !important;
  min-width: 1.75rem !important;
  height: 1.75rem !important;
}

body.layout-fluid-vertical .profile-name,
body.layout-fluid-vertical .profile-role {
  font-size: .875rem !important;
  line-height: 1.35 !important;
}

body.layout-fluid-vertical .page-header,
body.layout-fluid-vertical .section-header,
body.layout-fluid-vertical .trend-header,
body.layout-fluid-vertical .panel-header {
  gap: .75rem !important;
  margin-bottom: .75rem !important;
}

body.layout-fluid-vertical .page-title,
body.layout-fluid-vertical .section-header,
body.layout-fluid-vertical .panel-header,
body.layout-fluid-vertical .trend-header {
  gap: .375rem !important;
}

body.layout-fluid-vertical .page-title h1,
body.layout-fluid-vertical .section-header h2,
body.layout-fluid-vertical .panel-header h2,
body.layout-fluid-vertical .trend-header h2 {
  font-size: 1.75rem !important;
  line-height: 1.25 !important;
}

body.layout-fluid-vertical .subtitle,
body.layout-fluid-vertical .page-title .subtitle,
body.layout-fluid-vertical .section-header .subtitle,
body.layout-fluid-vertical .panel-header p,
body.layout-fluid-vertical .card-meta,
body.layout-fluid-vertical .metric-meta,
body.layout-fluid-vertical .form-hint,
body.layout-fluid-vertical .hint {
  font-size: .875rem !important;
  line-height: 1.5 !important;
}

body.layout-fluid-vertical .eyebrow,
body.layout-fluid-vertical .card-top,
body.layout-fluid-vertical .metric-top,
body.layout-fluid-vertical .table thead th,
body.layout-fluid-vertical thead th,
body.layout-fluid-vertical .settings-table thead th,
body.layout-fluid-vertical .plans-table thead th,
body.layout-fluid-vertical .payments-table thead th,
body.layout-fluid-vertical .customer-table thead th,
body.layout-fluid-vertical .archive-table thead th,
body.layout-fluid-vertical .finance-table thead th {
  font-size: .75rem !important;
  line-height: 1.35 !important;
}

body.layout-fluid-vertical .panel,
body.layout-fluid-vertical .metric-card,
body.layout-fluid-vertical .payment-history-metric,
body.layout-fluid-vertical .trend-summary,
body.layout-fluid-vertical .trend-card,
body.layout-fluid-vertical .trend-panel,
body.layout-fluid-vertical .card-table,
body.layout-fluid-vertical .settings-panel,
body.layout-fluid-vertical .settings-card,
body.layout-fluid-vertical .finance-panel,
body.layout-fluid-vertical .archive-panel,
body.layout-fluid-vertical .plans-panel,
body.layout-fluid-vertical .coverage-panel,
body.layout-fluid-vertical .integration-card,
body.layout-fluid-vertical .section-frame,
body.layout-fluid-vertical .tabler-chart-card,
body.layout-fluid-vertical .access-card,
body.layout-fluid-vertical .profile-modal__item {
  border-radius: var(--tblr-border-radius-lg) !important;
}

body.layout-fluid-vertical .panel-header,
body.layout-fluid-vertical .logs-modal__header,
body.layout-fluid-vertical .profile-modal__header,
body.layout-fluid-vertical .profile-edit-modal__header,
body.layout-fluid-vertical .modal-header {
  padding: .625rem .875rem !important;
}

body.layout-fluid-vertical .panel-body,
body.layout-fluid-vertical .logs-modal__body,
body.layout-fluid-vertical .profile-modal__body,
body.layout-fluid-vertical .profile-edit-form,
body.layout-fluid-vertical .modal-body,
body.layout-fluid-vertical .trend-summary,
body.layout-fluid-vertical .trend-card,
body.layout-fluid-vertical .metric-card,
body.layout-fluid-vertical .payment-history-metric,
body.layout-fluid-vertical .section-frame,
body.layout-fluid-vertical .tabler-chart-card,
body.layout-fluid-vertical .settings-panel,
body.layout-fluid-vertical .settings-card,
body.layout-fluid-vertical .finance-panel,
body.layout-fluid-vertical .archive-panel,
body.layout-fluid-vertical .plans-panel,
body.layout-fluid-vertical .coverage-panel,
body.layout-fluid-vertical .integration-card {
  padding: .75rem !important;
}

body.layout-fluid-vertical .panel-footer,
body.layout-fluid-vertical .logs-modal__footer,
body.layout-fluid-vertical .profile-modal__footer,
body.layout-fluid-vertical .profile-edit-modal__footer,
body.layout-fluid-vertical .modal-footer,
body.layout-fluid-vertical .form-actions {
  padding: .625rem .875rem !important;
}

body.layout-fluid-vertical .card-value,
body.layout-fluid-vertical .metric-value,
body.layout-fluid-vertical .payment-history-metric__value {
  font-size: 1.5rem !important;
  line-height: 1.25 !important;
}

body.layout-fluid-vertical .payment-history-metric__icon,
body.layout-fluid-vertical .card-icon,
body.layout-fluid-vertical .metric-top i {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  border-radius: .625rem !important;
  font-size: 1rem !important;
}

body.layout-fluid-vertical .payment-history-metric__label,
body.layout-fluid-vertical .payment-history-metric__meta {
  font-size: .875rem !important;
  line-height: 1.35 !important;
}

body.layout-fluid-vertical .card-icon,
body.layout-fluid-vertical .metric-top i {
  width: 1.875rem !important;
  height: 1.875rem !important;
  min-width: 1.875rem !important;
  font-size: 1rem !important;
}

body.layout-fluid-vertical .table-wrapper,
body.layout-fluid-vertical .table-responsive,
body.layout-fluid-vertical .settings-table-wrapper,
body.layout-fluid-vertical .plans-table-wrapper,
body.layout-fluid-vertical .finance-table-wrapper,
body.layout-fluid-vertical .archive-table-wrapper {
  border-radius: var(--tblr-border-radius-lg) !important;
}

body.layout-fluid-vertical .table > :not(caption) > * > *,
body.layout-fluid-vertical thead th,
body.layout-fluid-vertical tbody td,
body.layout-fluid-vertical .settings-table thead th,
body.layout-fluid-vertical .settings-table tbody td,
body.layout-fluid-vertical .plans-table thead th,
body.layout-fluid-vertical .plans-table tbody td,
body.layout-fluid-vertical .payments-table thead th,
body.layout-fluid-vertical .payments-table tbody td,
body.layout-fluid-vertical .customer-table thead th,
body.layout-fluid-vertical .customer-table tbody td,
body.layout-fluid-vertical .archive-table thead th,
body.layout-fluid-vertical .archive-table tbody td,
body.layout-fluid-vertical .finance-table thead th,
body.layout-fluid-vertical .finance-table tbody td,
body.layout-fluid-vertical .collection-history-table th,
body.layout-fluid-vertical .collection-history-table td {
  padding: .5rem .625rem !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
}

body.layout-fluid-vertical .row-actions,
body.layout-fluid-vertical .toolbar-actions,
body.layout-fluid-vertical .section-toolbar,
body.layout-fluid-vertical .filter-chips,
body.layout-fluid-vertical .payment-actions,
body.layout-fluid-vertical .modal-actions,
body.layout-fluid-vertical .form-actions {
  gap: .5rem !important;
}

body.layout-fluid-vertical .primary-btn,
body.layout-fluid-vertical .add-btn,
body.layout-fluid-vertical .save-btn,
body.layout-fluid-vertical .ghost-btn,
body.layout-fluid-vertical .secondary-btn,
body.layout-fluid-vertical .assignment-bulk-btn,
body.layout-fluid-vertical .assignment-filter-tab,
body.layout-fluid-vertical .btn,
body.layout-fluid-vertical button[type="submit"].primary-btn,
body.layout-fluid-vertical input[type="submit"] {
  min-height: 2rem !important;
  padding: .3125rem .625rem !important;
  border-radius: var(--tblr-border-radius) !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
  gap: .375rem !important;
}

body.layout-fluid-vertical .btn-sm {
  min-height: 1.75rem !important;
  padding: .1875rem .5rem !important;
  font-size: .75rem !important;
}

body.layout-fluid-vertical .btn .ti {
  font-size: 1rem !important;
}

body.layout-fluid-vertical .form-label,
body.layout-fluid-vertical label,
body.layout-fluid-vertical .tabler-form-modal .form-label {
  margin-bottom: .25rem !important;
  font-size: .875rem !important;
  line-height: 1.35 !important;
}

body.layout-fluid-vertical .form-field,
body.layout-fluid-vertical .form-group,
body.layout-fluid-vertical .reset-field,
body.layout-fluid-vertical .tabler-form-modal .form-field,
body.layout-fluid-vertical .tabler-form-modal .form-group,
body.layout-fluid-vertical .tabler-form-modal .reset-field {
  margin-bottom: .625rem !important;
}

body.layout-fluid-vertical .form-control,
body.layout-fluid-vertical .form-select,
body.layout-fluid-vertical input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.layout-fluid-vertical select,
body.layout-fluid-vertical textarea {
  min-height: 2rem !important;
  padding: .3125rem .5rem !important;
  border-radius: var(--tblr-border-radius) !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
}

body.layout-fluid-vertical textarea,
body.layout-fluid-vertical textarea.form-control {
  min-height: 4.5rem !important;
}

body.layout-fluid-vertical .input-icon-addon {
  width: 2rem !important;
  font-size: .875rem !important;
}

body.layout-fluid-vertical .tabler-search-bar,
body.layout-fluid-vertical .search-field,
body.layout-fluid-vertical .assignment-search,
body.layout-fluid-vertical .customer-search-field,
body.layout-fluid-vertical .payment-history-search,
body.layout-fluid-vertical .genieacs-search-field,
body.layout-fluid-vertical .pppoe-customer-search-field {
  gap: .375rem !important;
  padding: .3125rem .5rem !important;
  border-radius: var(--tblr-border-radius-lg) !important;
}

body.layout-fluid-vertical .tabler-input-icon > .form-control,
body.layout-fluid-vertical .tabler-input-icon > input,
body.layout-fluid-vertical .tabler-search-bar .tabler-search-input,
body.layout-fluid-vertical .tabler-search-bar .form-control {
  padding-left: 2.75rem !important;
}

body.layout-fluid-vertical .tabler-input-icon > input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.layout-fluid-vertical .tabler-search-bar > input.form-control.tabler-search-input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
  padding-left: 2.75rem !important;
}

body.layout-fluid-vertical .badge,
body.layout-fluid-vertical .status,
body.layout-fluid-vertical .status-pill,
body.layout-fluid-vertical .plan-pill,
body.layout-fluid-vertical .note,
body.layout-fluid-vertical .target-pill,
body.layout-fluid-vertical .metric-pill,
body.layout-fluid-vertical .chip,
body.layout-fluid-vertical .account-tag {
  padding: .1875rem .5rem !important;
  font-size: .75rem !important;
  line-height: 1.35 !important;
}

body.layout-fluid-vertical .list-group-item,
body.layout-fluid-vertical .tabler-list .list-group-item,
body.layout-fluid-vertical .profile-menu__action,
body.layout-fluid-vertical .logs-modal__item {
  padding: .5rem .625rem !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
}

body.layout-fluid-vertical .nav-tabs,
body.layout-fluid-vertical .tabs,
body.layout-fluid-vertical .sms-tabs,
body.layout-fluid-vertical .assignment-filter-tabs {
  gap: .25rem !important;
}

body.layout-fluid-vertical .nav-link,
body.layout-fluid-vertical .tab-btn,
body.layout-fluid-vertical .filter-tab,
body.layout-fluid-vertical .sms-tab-link {
  min-height: 2rem !important;
  padding: .375rem .625rem !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
}

body.layout-fluid-vertical .modal,
body.layout-fluid-vertical .profile-modal,
body.layout-fluid-vertical .profile-edit-modal,
body.layout-fluid-vertical .logs-modal,
body.layout-fluid-vertical .reset-overlay {
  padding: .75rem !important;
}

body.layout-fluid-vertical .modal-dialog {
  margin: .75rem auto !important;
}

body.layout-fluid-vertical .modal-content,
body.layout-fluid-vertical .profile-modal__content,
body.layout-fluid-vertical .profile-edit-modal__content,
body.layout-fluid-vertical .logs-modal__content {
  border-radius: var(--tblr-border-radius-lg) !important;
}

body.layout-fluid-vertical .tabler-form-modal .modal-body,
body.layout-fluid-vertical .tabler-form-modal .profile-edit-form,
body.layout-fluid-vertical .tabler-form-modal .modal-footer,
body.layout-fluid-vertical .tabler-form-modal .form-actions.modal-footer {
  padding: .75rem !important;
}

body.layout-fluid-vertical .tabler-form-modal .modal-header {
  padding: .625rem .75rem !important;
}

body.layout-fluid-vertical .tabler-form-modal .form-grid,
body.layout-fluid-vertical .tabler-form-modal .automation-form-grid {
  gap: .75rem !important;
}

/* Compact page-specific subscriber/payment tables that define their own larger density. */
body.layout-fluid-vertical .customer-table tbody td,
body.layout-fluid-vertical .payments-table tbody td,
body.layout-fluid-vertical .payment-history-table tbody td,
body.layout-fluid-vertical .draft-table tbody td,
body.layout-fluid-vertical .archive-table tbody td {
  vertical-align: middle !important;
}

body.layout-fluid-vertical .customer-table .subscriber,
body.layout-fluid-vertical .payments-table .subscriber,
body.layout-fluid-vertical .payment-history-table .subscriber,
body.layout-fluid-vertical .draft-table .subscriber,
body.layout-fluid-vertical .archive-subscriber {
  gap: .5rem !important;
}

body.layout-fluid-vertical .customer-table .avatar,
body.layout-fluid-vertical .payments-table .avatar,
body.layout-fluid-vertical .payment-history-table .avatar,
body.layout-fluid-vertical .draft-table .avatar,
body.layout-fluid-vertical .archive-subscriber .avatar {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  flex-basis: 2rem !important;
  border-radius: .625rem !important;
  font-size: .875rem !important;
  line-height: 1 !important;
}

body.layout-fluid-vertical .payment-history-table .avatar,
body.layout-fluid-vertical .payments-table .avatar {
  border-radius: 50% !important;
}

body.layout-fluid-vertical .customer-table .subscriber-details,
body.layout-fluid-vertical .payments-table .subscriber-details,
body.layout-fluid-vertical .payment-history-table .subscriber-details,
body.layout-fluid-vertical .draft-table .subscriber-details {
  gap: .125rem !important;
}

body.layout-fluid-vertical .customer-table .subscriber-name,
body.layout-fluid-vertical .payments-table .subscriber-name,
body.layout-fluid-vertical .payment-history-table .subscriber-name,
body.layout-fluid-vertical .archive-subscriber .subscriber-name,
body.layout-fluid-vertical .draft-table .subscriber-name,
body.layout-fluid-vertical .payment-history-primary {
  font-size: .875rem !important;
  line-height: 1.4 !important;
}

body.layout-fluid-vertical .customer-table .subscriber-meta,
body.layout-fluid-vertical .payments-table .subscriber-meta,
body.layout-fluid-vertical .payment-history-table .subscriber-meta,
body.layout-fluid-vertical .archive-subscriber .subscriber-meta,
body.layout-fluid-vertical .draft-table .subscriber-meta,
body.layout-fluid-vertical .payment-history-secondary,
body.layout-fluid-vertical .customer-table .plan-meta,
body.layout-fluid-vertical .customer-table .cycle,
body.layout-fluid-vertical .customer-table .contact-line,
body.layout-fluid-vertical .customer-table .address {
  font-size: .8125rem !important;
  line-height: 1.35 !important;
}

body.layout-fluid-vertical .customer-table .contact-line {
  gap: .25rem !important;
}

body.layout-fluid-vertical .customer-table .contact-line + .contact-line {
  margin-top: .25rem !important;
}

body.layout-fluid-vertical .customer-table .plan-meta,
body.layout-fluid-vertical .customer-table .subscriber-meta {
  margin-top: .125rem !important;
}

body.layout-fluid-vertical .payment-history-stack {
  gap: .125rem !important;
}

body.layout-fluid-vertical .customer-table .note,
body.layout-fluid-vertical .customer-table .address,
body.layout-fluid-vertical .payment-history-note {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3;
  overflow: hidden !important;
  max-height: 3.75em !important;
}

body.layout-fluid-vertical .payment-history-note {
  max-width: 16rem !important;
}

body.layout-fluid-vertical .customer-table .account-tag-wrap,
body.layout-fluid-vertical .payments-table .account-tag-wrap,
body.layout-fluid-vertical .customer-table .row-actions,
body.layout-fluid-vertical .payments-table .row-actions,
body.layout-fluid-vertical .payment-history-action-row {
  gap: .375rem !important;
}

body.layout-fluid-vertical .customer-table #selectAllCustomers,
body.layout-fluid-vertical .customer-table .row-select-checkbox,
body.layout-fluid-vertical .archive-table #archiveSelectAll,
body.layout-fluid-vertical .archive-table .archive-row-select,
body.layout-fluid-vertical .draft-table .draft-row-select {
  width: .875rem !important;
  height: .875rem !important;
}

body.layout-fluid-vertical .customer-table tbody tr.row-status-active td:first-child::before,
body.layout-fluid-vertical .customer-table tbody tr.row-status-inactive td:first-child::before,
body.layout-fluid-vertical .payments-table tbody tr.row-status-active td:first-child::before,
body.layout-fluid-vertical .payments-table tbody tr.row-status-inactive td:first-child::before {
  top: .375rem !important;
  bottom: .375rem !important;
  width: .1875rem !important;
}

@media (max-width: 991.98px) {
  body.layout-fluid-vertical {
    --topbar-height: 2.875rem;
    --content-padding: .75rem;
  }

  body.layout-fluid-vertical .sidebar.navbar-vertical > .container-fluid {
    min-height: var(--topbar-height);
    padding: 0 .5rem !important;
  }

  body.layout-fluid-vertical .app-sidebar-toggle .topbar-menu-toggle.navbar-toggler,
  body.layout-fluid-vertical .app-sidebar-actions .topbar-profile,
  body.layout-fluid-vertical .app-sidebar-actions .topbar-btn {
    width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
  }

  body.layout-fluid-vertical .app-main > main {
    padding: .875rem var(--content-padding) 1.25rem !important;
  }
}

@media (max-width: 420px) {
  body.layout-fluid-vertical .app-sidebar-brand .topbar-title {
    font-size: .875rem !important;
  }
}

/* Page headers keep Tabler's readable type scale even on compact page-specific CSS. */
body.layout-fluid-vertical .app-main main .page-header .page-title h1 {
  font-size: 1.75rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.layout-fluid-vertical .app-main main .page-header .page-title .subtitle,
body.layout-fluid-vertical .app-main main .page-header .subtitle {
  font-size: .875rem !important;
  line-height: 1.5 !important;
}

body.layout-fluid-vertical .app-main main .page-header .page-title .eyebrow,
body.layout-fluid-vertical .app-main main .page-header .eyebrow {
  font-size: .75rem !important;
  line-height: 1.35 !important;
}

/* Tabler chart UI normalization. */
.tabler-chart-panel.card,
body.layout-fluid-vertical .dashboard-main.page .trend-panel.tabler-chart-panel.card,
body.layout-fluid-vertical .dashboard-main.page .dashboard-card.tabler-chart-panel.card,
body.layout-fluid-vertical .dashboard-main.page .report-card.tabler-chart-panel.card {
  min-height: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: var(--app-surface) !important;
  background-image: none !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04) !important;
  transform: none !important;
}

.tabler-chart-panel.card::before,
.tabler-chart-panel.card::after,
.tabler-chart-card.card::before,
.tabler-chart-card.card::after,
.tabler-chart-stat.card::before,
.tabler-chart-stat.card::after {
  display: none !important;
}

.tabler-chart-panel .panel-header,
body.layout-fluid-vertical .dashboard-main.page .trend-panel.tabler-chart-panel .panel-header {
  min-height: 0 !important;
  padding: 1rem 1.25rem !important;
  border-bottom: 1px solid var(--app-border) !important;
  background: transparent !important;
  gap: .75rem !important;
}

.tabler-chart-panel .panel-header h2,
body.layout-fluid-vertical .dashboard-main.page .trend-panel.tabler-chart-panel .panel-header h2 {
  margin: 0 !important;
  color: var(--app-text) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

.tabler-chart-panel .panel-header p,
body.layout-fluid-vertical .dashboard-main.page .trend-panel.tabler-chart-panel .panel-header p {
  margin: .25rem 0 0 !important;
  color: var(--app-muted) !important;
  font-size: .875rem !important;
  line-height: 1.5 !important;
}

.tabler-chart-panel .panel-body,
body.layout-fluid-vertical .dashboard-main.page .trend-panel.tabler-chart-panel .panel-body {
  padding: 1rem 1.25rem 1.25rem !important;
  background: transparent !important;
}

.tabler-chart-card.card,
.chart-wrapper.tabler-chart-card.card,
.chart-wrapper--tabler.tabler-chart-card.card,
.chart-wrapper--luxury.tabler-chart-card.card,
.chart-wrapper--bar.tabler-chart-card.card,
.chart-wrapper--pie.tabler-chart-card.card,
.chart-wrapper--doughnut.tabler-chart-card.card,
body.layout-fluid-vertical .dashboard-main.page .chart-wrapper.tabler-chart-card.card {
  position: relative !important;
  width: 100% !important;
  min-height: 18rem !important;
  overflow: hidden !important;
  padding: 1rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: #f8fafc !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45) !important;
}

.tabler-chart-card.tabler-chart--pie,
.tabler-chart-card.chart-wrapper--doughnut,
.tabler-chart-card.chart-wrapper--pie,
body.layout-fluid-vertical .dashboard-main.page .chart-wrapper--doughnut.tabler-chart-card {
  width: min(22rem, 100%) !important;
  min-height: 18rem !important;
  margin-inline: auto !important;
}

.tabler-chart-card.tabler-chart--bar,
.tabler-chart-card.tabler-chart--line,
.tabler-chart-card.chart-wrapper--bar,
.trend-panel--line .chart-wrapper.tabler-chart-card,
body.layout-fluid-vertical .dashboard-main.page .chart-wrapper--bar.tabler-chart-card {
  width: 100% !important;
  height: 18rem !important;
  min-height: 18rem !important;
}

.tabler-chart-canvas,
.tabler-chart-card canvas,
.tabler-chart-panel canvas {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.chart-wrapper canvas.is-hidden {
  display: none !important;
}

.tabler-chart-empty.empty,
.chart-empty-msg.tabler-chart-empty {
  min-height: 12rem;
  display: grid !important;
  place-items: center;
  margin: 0 !important;
  padding: 1.25rem !important;
  color: var(--app-muted) !important;
  font-weight: 600 !important;
  text-align: center;
  background: transparent !important;
  border: 0 !important;
}

.tabler-chart-meta,
.trend-chart-meta.tabler-chart-meta {
  display: grid;
  gap: .75rem !important;
}

.trend-chart-stack {
  display: grid !important;
  gap: 1rem !important;
  align-items: start !important;
}

.tabler-chart-stat.card,
body.layout-fluid-vertical .dashboard-main.page .trend-highlight-card.tabler-chart-stat.card,
body.layout-fluid-vertical .dashboard-main.page .trend-luxury-metric.tabler-chart-stat.card,
body.layout-fluid-vertical .dashboard-main.page .trend-chart-total.tabler-chart-stat.card,
body.layout-fluid-vertical .dashboard-main.page .trend-chart-breakdown-item.tabler-chart-stat.card,
body.layout-fluid-vertical .dashboard-main.page .trend-chart-breakdown__empty.tabler-chart-stat.card,
body.layout-fluid-vertical .dashboard-main.page .trend-chart-insight.tabler-chart-stat.card {
  min-height: auto !important;
  padding: .875rem 1rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: var(--app-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.trend-highlight-grid.tabler-chart-meta,
.trend-luxury-metrics.tabler-chart-meta {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
  gap: .75rem !important;
  margin: 0 0 1rem !important;
}

.trend-chart-total-label,
.trend-highlight-card__label,
.trend-luxury-metric__label,
.trend-chart-breakdown-label {
  color: var(--app-muted) !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.trend-chart-total-value,
.trend-highlight-card__value,
.trend-luxury-metric__value,
.trend-chart-breakdown-value {
  color: var(--app-text) !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}

.trend-highlight-card__meta,
.trend-luxury-metric__meta,
.trend-chart-breakdown-share,
.trend-chart-insight {
  color: var(--app-muted) !important;
  font-size: .8125rem !important;
  line-height: 1.45 !important;
}

.trend-chart-total {
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
}

.trend-chart-breakdown {
  display: grid !important;
  gap: .5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.trend-chart-breakdown-item.tabler-chart-stat,
.trend-luxury-metric.tabler-chart-stat {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
}

.trend-chart-breakdown-main,
.trend-chart-breakdown-metrics {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  min-width: 0;
}

.trend-chart-breakdown-swatch.badge {
  width: .75rem !important;
  height: .75rem !important;
  min-width: .75rem !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: var(--trend-breakdown-color, var(--app-primary)) !important;
  box-shadow: none !important;
}

.trend-chart-breakdown-item.is-actionable:hover,
.trend-chart-breakdown-item.is-actionable:focus-visible,
.trend-luxury-metric.is-actionable:hover,
.trend-luxury-metric.is-actionable:focus-visible {
  border-color: rgba(32, 107, 196, .35) !important;
  background: #f8fafc !important;
  box-shadow: 0 0 0 .125rem rgba(32, 107, 196, .08) !important;
  outline: 0 !important;
}

.trend-chart-breakdown-item.is-active,
.trend-luxury-metric.is-active {
  border-color: rgba(32, 107, 196, .45) !important;
  background: rgba(32, 107, 196, .08) !important;
}

body.theme-dark .tabler-chart-panel.card,
body.theme-dark .tabler-chart-card.card,
body.theme-dark .tabler-chart-stat.card {
  background: var(--app-surface) !important;
  border-color: var(--app-border) !important;
}

body.theme-dark .tabler-chart-card.card {
  background: rgba(15, 23, 32, .72) !important;
}

body.theme-dark .trend-chart-breakdown-item.is-actionable:hover,
body.theme-dark .trend-chart-breakdown-item.is-actionable:focus-visible,
body.theme-dark .trend-luxury-metric.is-actionable:hover,
body.theme-dark .trend-luxury-metric.is-actionable:focus-visible {
  background: rgba(64, 137, 232, .12) !important;
}

@media (max-width: 640px) {
  .tabler-chart-panel .panel-header,
  body.layout-fluid-vertical .dashboard-main.page .trend-panel.tabler-chart-panel .panel-header,
  .tabler-chart-panel .panel-body,
  body.layout-fluid-vertical .dashboard-main.page .trend-panel.tabler-chart-panel .panel-body {
    padding-inline: .875rem !important;
  }

  .tabler-chart-card.card,
  .chart-wrapper.tabler-chart-card.card,
  body.layout-fluid-vertical .dashboard-main.page .chart-wrapper.tabler-chart-card.card {
    min-height: 15rem !important;
    height: 15rem !important;
    padding: .75rem !important;
  }
}

/* Tabler avatar UI normalization. */
.tabler-avatar.avatar,
.profile-avatar.tabler-avatar,
.logo-chip.tabler-avatar,
.brand-logo.tabler-avatar,
.profile-modal__branding-logo.tabler-avatar,
.profile-edit-logo__preview.tabler-avatar,
.subscriber-info-avatar.tabler-avatar,
.collector-avatar.tabler-avatar,
.collection-history-avatar.tabler-avatar,
.pppoe-avatar.tabler-avatar,
.tech-avatar.tabler-avatar,
.queue-customer-avatar.tabler-avatar,
.quick-pay-avatar.tabler-avatar,
.payment-locked-customer__avatar.tabler-avatar,
.subscriber-avatar.tabler-avatar,
.portal-avatar-button.tabler-avatar {
  --tabler-avatar-size: 2.5rem;
  --tabler-avatar-radius: var(--tblr-border-radius-lg, 6px);
  --tabler-avatar-color: var(--tblr-primary, #206bc4);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-primary, #206bc4) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-primary, #206bc4) 24%, transparent);
  box-sizing: border-box !important;
  position: relative !important;
  width: var(--tabler-avatar-size) !important;
  min-width: var(--tabler-avatar-size) !important;
  height: var(--tabler-avatar-size) !important;
  min-height: var(--tabler-avatar-size) !important;
  flex: 0 0 var(--tabler-avatar-size) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid var(--tabler-avatar-border) !important;
  border-radius: var(--tabler-avatar-radius) !important;
  background: var(--tabler-avatar-bg) !important;
  background-image: none !important;
  color: var(--tabler-avatar-color) !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  transform: none !important;
  user-select: none;
}

body.layout-fluid-vertical .tabler-avatar.avatar,
body.layout-fluid-vertical .profile-avatar.tabler-avatar,
body.layout-fluid-vertical .logo-chip.tabler-avatar,
body.layout-fluid-vertical .brand-logo.tabler-avatar,
body.layout-fluid-vertical .profile-modal__branding-logo.tabler-avatar,
body.layout-fluid-vertical .profile-edit-logo__preview.tabler-avatar,
body.layout-fluid-vertical .subscriber-info-avatar.tabler-avatar,
body.layout-fluid-vertical .collector-avatar.tabler-avatar,
body.layout-fluid-vertical .collection-history-avatar.tabler-avatar,
body.layout-fluid-vertical .pppoe-avatar.tabler-avatar,
body.layout-fluid-vertical .tech-avatar.tabler-avatar,
body.layout-fluid-vertical .queue-customer-avatar.tabler-avatar,
body.layout-fluid-vertical .quick-pay-avatar.tabler-avatar,
body.layout-fluid-vertical .payment-locked-customer__avatar.tabler-avatar,
body.layout-fluid-vertical .subscriber-avatar.tabler-avatar,
body.layout-fluid-vertical .portal-avatar-button.tabler-avatar {
  width: var(--tabler-avatar-size) !important;
  min-width: var(--tabler-avatar-size) !important;
  height: var(--tabler-avatar-size) !important;
  min-height: var(--tabler-avatar-size) !important;
  flex-basis: var(--tabler-avatar-size) !important;
}

.tabler-avatar.avatar-sm,
.profile-avatar.tabler-avatar,
.logo-chip.tabler-avatar,
.brand-logo.tabler-avatar,
.collection-history-avatar.tabler-avatar,
.pppoe-avatar.tabler-avatar,
.tech-avatar.tabler-avatar,
.queue-customer-avatar.tabler-avatar,
.payment-locked-customer__avatar.tabler-avatar {
  --tabler-avatar-size: 2rem;
  --tabler-avatar-radius: var(--tblr-border-radius-lg, 6px);
  font-size: .75rem !important;
}

body.layout-fluid-vertical .profile-avatar.tabler-avatar,
body.layout-fluid-vertical .logo-chip.tabler-avatar,
body.layout-fluid-vertical .brand-logo.tabler-avatar {
  --tabler-avatar-size: 1.75rem;
  font-size: .75rem !important;
}

.tabler-avatar.avatar-lg,
.profile-modal__branding-logo.tabler-avatar,
.profile-edit-logo__preview.tabler-avatar,
:is(#customerViewModal, #accountInfoModal) .view-profile-header .avatar.tabler-avatar {
  --tabler-avatar-size: 3.25rem;
  font-size: 1rem !important;
}

.tabler-avatar.avatar-xl,
.quick-pay-avatar.tabler-avatar,
.portal-avatar-button.tabler-avatar {
  --tabler-avatar-size: 4.25rem;
  --tabler-avatar-radius: var(--tblr-border-radius-xl, 8px);
  font-size: 1.25rem !important;
}

body.layout-fluid-vertical .customer-table .avatar.tabler-avatar,
body.layout-fluid-vertical .payments-table .avatar.tabler-avatar,
body.layout-fluid-vertical .payment-history-table .avatar.tabler-avatar,
body.layout-fluid-vertical .draft-table .avatar.tabler-avatar,
body.layout-fluid-vertical .archive-subscriber .avatar.tabler-avatar,
body.layout-fluid-vertical .subscriber-info-avatar.tabler-avatar,
body.layout-fluid-vertical .subscriber-avatar.tabler-avatar {
  --tabler-avatar-size: 2rem;
  --tabler-avatar-radius: var(--tblr-border-radius-lg, 6px);
  font-size: .75rem !important;
}

.tabler-avatar.bg-primary-lt {
  --tabler-avatar-color: var(--tblr-primary, #206bc4);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-primary, #206bc4) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-primary, #206bc4) 24%, transparent);
}

.tabler-avatar.bg-secondary-lt {
  --tabler-avatar-color: var(--tblr-secondary, #667085);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-secondary, #667085) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-secondary, #667085) 24%, transparent);
}

.tabler-avatar.bg-success-lt {
  --tabler-avatar-color: var(--tblr-success, #2fb344);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-success, #2fb344) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-success, #2fb344) 26%, transparent);
}

.tabler-avatar.bg-danger-lt,
.tabler-avatar.bg-red-lt {
  --tabler-avatar-color: var(--tblr-danger, #d63939);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-danger, #d63939) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-danger, #d63939) 26%, transparent);
}

.tabler-avatar.bg-warning-lt,
.tabler-avatar.bg-yellow-lt {
  --tabler-avatar-color: var(--tblr-warning, #f59f00);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-warning, #f59f00) 16%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-warning, #f59f00) 30%, transparent);
}

.tabler-avatar.bg-info-lt,
.tabler-avatar.bg-cyan-lt {
  --tabler-avatar-color: var(--tblr-info, #4299e1);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-info, #4299e1) 13%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-info, #4299e1) 26%, transparent);
}

.tabler-avatar.bg-blue-lt,
.tabler-avatar.bg-azure-lt {
  --tabler-avatar-color: var(--tblr-blue, #206bc4);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-blue, #206bc4) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-blue, #206bc4) 24%, transparent);
}

.tabler-avatar.bg-indigo-lt {
  --tabler-avatar-color: var(--tblr-indigo, #4263eb);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-indigo, #4263eb) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-indigo, #4263eb) 26%, transparent);
}

.tabler-avatar.bg-purple-lt {
  --tabler-avatar-color: var(--tblr-purple, #ae3ec9);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-purple, #ae3ec9) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-purple, #ae3ec9) 26%, transparent);
}

.tabler-avatar.bg-pink-lt {
  --tabler-avatar-color: var(--tblr-pink, #d6336c);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-pink, #d6336c) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-pink, #d6336c) 26%, transparent);
}

.tabler-avatar.bg-orange-lt {
  --tabler-avatar-color: var(--tblr-orange, #f76707);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-orange, #f76707) 14%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-orange, #f76707) 28%, transparent);
}

.tabler-avatar.bg-lime-lt {
  --tabler-avatar-color: var(--tblr-lime, #74b816);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-lime, #74b816) 14%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-lime, #74b816) 28%, transparent);
}

.tabler-avatar.bg-teal-lt,
.tabler-avatar.bg-green-lt {
  --tabler-avatar-color: var(--tblr-teal, #0ca678);
  --tabler-avatar-bg: color-mix(in srgb, var(--tblr-teal, #0ca678) 12%, #fff);
  --tabler-avatar-border: color-mix(in srgb, var(--tblr-teal, #0ca678) 26%, transparent);
}

.tabler-avatar > img,
.tabler-avatar .avatar-img,
.logo-chip.tabler-avatar .logo-chip__image,
.profile-modal__branding-logo.tabler-avatar .profile-modal__branding-image,
.profile-edit-logo__preview.tabler-avatar .profile-edit-logo__preview-image {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

.tabler-avatar > img[hidden],
.profile-edit-logo__preview.tabler-avatar .profile-edit-logo__preview-image[hidden] {
  display: none !important;
}

.logo-chip.tabler-avatar.logo-chip--has-image .logo-chip__fallback,
.profile-modal__branding-logo.tabler-avatar.profile-modal__branding-logo--has-image .profile-modal__branding-fallback,
.profile-edit-logo__preview.tabler-avatar.profile-edit-logo__preview--has-image .profile-edit-logo__preview-fallback {
  display: none !important;
}

.tabler-avatar > i,
.tabler-avatar .ti,
.profile-avatar.tabler-avatar .profile-avatar__icon,
.portal-avatar-button.tabler-avatar > i {
  width: 1rem !important;
  height: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: currentColor !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

.tabler-avatar.avatar-lg > i,
.tabler-avatar.avatar-lg .ti,
.tabler-avatar.avatar-xl > i,
.tabler-avatar.avatar-xl .ti,
.quick-pay-avatar.tabler-avatar .ti,
.portal-avatar-button.tabler-avatar > i {
  width: 1.5rem !important;
  height: 1.5rem !important;
  font-size: 1.35rem !important;
}

.portal-avatar-button.tabler-avatar.btn,
.portal-avatar-button.tabler-avatar.btn-icon {
  border-color: var(--tabler-avatar-border) !important;
  background: var(--tabler-avatar-bg) !important;
  color: var(--tabler-avatar-color) !important;
}

.portal-avatar-button.tabler-avatar:hover,
.portal-avatar-button.tabler-avatar:focus-visible,
.topbar-profile:hover .profile-avatar.tabler-avatar,
.topbar-profile:focus-visible .profile-avatar.tabler-avatar {
  border-color: color-mix(in srgb, var(--tabler-avatar-color) 36%, transparent) !important;
  box-shadow: 0 0 0 .125rem color-mix(in srgb, var(--tabler-avatar-color) 10%, transparent) !important;
  transform: none !important;
}

.subscriber-option input:checked ~ .subscriber-avatar.tabler-avatar {
  --tabler-avatar-color: var(--tblr-primary-fg, #fff);
  --tabler-avatar-bg: var(--tblr-primary, #206bc4);
  --tabler-avatar-border: var(--tblr-primary, #206bc4);
  box-shadow: 0 0 0 .125rem rgba(32, 107, 196, .12) !important;
}

.portal-online-dot {
  box-shadow: 0 0 0 .1875rem var(--app-surface, #fff) !important;
}

body.theme-dark .tabler-avatar.avatar,
body.theme-dark .profile-avatar.tabler-avatar,
body.theme-dark .logo-chip.tabler-avatar,
body.theme-dark .brand-logo.tabler-avatar,
body.theme-dark .profile-modal__branding-logo.tabler-avatar,
body.theme-dark .profile-edit-logo__preview.tabler-avatar,
body.theme-dark .subscriber-info-avatar.tabler-avatar,
body.theme-dark .collector-avatar.tabler-avatar,
body.theme-dark .collection-history-avatar.tabler-avatar,
body.theme-dark .pppoe-avatar.tabler-avatar,
body.theme-dark .tech-avatar.tabler-avatar,
body.theme-dark .queue-customer-avatar.tabler-avatar,
body.theme-dark .quick-pay-avatar.tabler-avatar,
body.theme-dark .payment-locked-customer__avatar.tabler-avatar,
body.theme-dark .subscriber-avatar.tabler-avatar,
body.theme-dark .portal-avatar-button.tabler-avatar {
  --tabler-avatar-bg: color-mix(in srgb, var(--tabler-avatar-color, var(--tblr-primary, #206bc4)) 18%, transparent);
  --tabler-avatar-border: color-mix(in srgb, var(--tabler-avatar-color, var(--tblr-primary, #206bc4)) 32%, transparent);
  background: var(--tabler-avatar-bg) !important;
  color: var(--tabler-avatar-color) !important;
  border-color: var(--tabler-avatar-border) !important;
}

@media (max-width: 640px) {
  .quick-pay-avatar.tabler-avatar,
  .portal-avatar-button.tabler-avatar {
    --tabler-avatar-size: 3.5rem;
  }
}

/* Tabler form elements UI normalization. */
.tabler-form,
.tabler-modal-form {
  color: var(--app-text) !important;
}

.tabler-form-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr)) !important;
  gap: .875rem 1rem !important;
  align-items: start !important;
}

.tabler-form-field,
.tabler-form .form-field,
.tabler-form .form-group,
.tabler-form .reset-field,
.tabler-form .settings-field,
.tabler-form .profile-edit-field,
.tabler-form .filter-field,
.tabler-form .input-field,
.tabler-form .input-group-field,
.tabler-form .billing-field,
.tabler-form .payment-field,
.tabler-form .quick-payment-field,
.tabler-form .expense-field,
.tabler-form .coverage-field,
.tabler-form .schedule-field,
.tabler-form .template-field,
.tabler-form .amount-field,
.tabler-form .date-field,
.tabler-form .time-field,
.tabler-form .search-field,
.tabler-form .archive-filter-field,
.tabler-form .customer-filter-field,
.tabler-form .automation-delivery-field,
.tabler-form .schedule-date-inline,
.tabler-form .schedule-time-inline,
.tabler-form .schedule-delay-inline,
.tabler-form .schedule-repeat-inline,
.tabler-form .schedule-mode-inline {
  min-width: 0 !important;
  display: grid !important;
  gap: .375rem !important;
  margin: 0 0 .875rem !important;
}

.tabler-form-field:last-child,
.tabler-form .form-field:last-child,
.tabler-form .form-group:last-child,
.tabler-form .reset-field:last-child {
  margin-bottom: 0 !important;
}

.form-label,
label.form-label,
legend.form-label,
.tabler-form .form-label,
.tabler-form-modal .form-label {
  display: block !important;
  margin: 0 !important;
  color: var(--app-text) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.form-label.required::after,
label.form-label.required::after,
legend.form-label.required::after {
  content: " *";
  color: var(--tblr-danger, #d63939);
  font-weight: 700;
}

.form-hint,
.field-hint,
.form-help-text,
.input-hint,
.help-text,
.hint,
.status-switch-hint,
.plan-hint,
.muted-hint,
.modal-hint,
.form-note {
  margin: 0 !important;
  color: var(--app-muted) !important;
  font-size: .75rem !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

.tabler-control.form-control,
.tabler-control.form-select,
input.tabler-control.form-control,
select.tabler-control.form-select,
textarea.tabler-control.form-control,
.tabler-search-input.form-control {
  width: 100% !important;
  min-height: 2.25rem !important;
  padding: .4375rem .75rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: var(--app-surface) !important;
  background-image: none !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  line-height: 1.4285714 !important;
  letter-spacing: 0 !important;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}

body.layout-fluid-vertical .tabler-control.form-control,
body.layout-fluid-vertical .tabler-control.form-select,
body.layout-fluid-vertical input.tabler-control.form-control:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body.layout-fluid-vertical select.tabler-control.form-select,
body.layout-fluid-vertical textarea.tabler-control.form-control,
body.layout-fluid-vertical .tabler-search-input.form-control {
  min-height: 2.25rem !important;
  padding: .4375rem .75rem !important;
  font-size: .875rem !important;
  line-height: 1.4285714 !important;
}

.tabler-control.form-select,
select.tabler-control.form-select {
  padding-right: 2.25rem !important;
  background-image: var(--tblr-form-select-bg-img) !important;
  background-repeat: no-repeat !important;
  background-position: right .75rem center !important;
  background-size: 1rem .75rem !important;
}

.tabler-select--multiple.form-select {
  min-height: 6rem !important;
  padding-right: .75rem !important;
  background-image: none !important;
}

textarea.tabler-textarea.form-control {
  min-height: 6rem !important;
  resize: vertical !important;
}

body.layout-fluid-vertical textarea.tabler-textarea.form-control {
  min-height: 6rem !important;
}

.tabler-control.form-control:focus,
.tabler-control.form-select:focus,
.tabler-search-input.form-control:focus {
  border-color: var(--app-primary) !important;
  box-shadow: 0 0 0 .125rem rgba(32, 107, 196, .18) !important;
  outline: 0 !important;
}

.tabler-control.form-control::placeholder,
.tabler-search-input.form-control::placeholder,
textarea.tabler-control.form-control::placeholder {
  color: #98a2b3 !important;
  opacity: 1 !important;
}

.tabler-control.form-control:disabled,
.tabler-control.form-control[readonly],
.tabler-control.form-select:disabled,
.tabler-search-input.form-control:disabled {
  border-color: var(--app-border) !important;
  background: #f1f5f9 !important;
  color: #8a97a6 !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

.tabler-file-input.form-control {
  padding: .3125rem .75rem !important;
}

.tabler-file-input::file-selector-button {
  min-height: 1.625rem;
  margin: -.3125rem .75rem -.3125rem -.75rem;
  padding: .3125rem .75rem;
  border: 0;
  border-right: 1px solid var(--app-border);
  background: #f6f8fb;
  color: #34495e;
  font: inherit;
  font-weight: 600;
}

.tabler-file-input:hover::file-selector-button {
  background: #eef3f8;
  color: var(--app-primary);
}

input[type="color"].tabler-color-input.form-control-color,
.tabler-color-input.form-control-color {
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  max-width: 2.5rem !important;
  height: 2.25rem !important;
  padding: .25rem !important;
  cursor: pointer;
}

body.layout-fluid-vertical input[type="color"].tabler-color-input.form-control-color {
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  max-width: 2.5rem !important;
  height: 2.25rem !important;
  padding: .25rem !important;
}

.tabler-color-input::-webkit-color-swatch-wrapper {
  padding: 0;
}

.tabler-color-input::-webkit-color-swatch {
  border: 0;
  border-radius: var(--tblr-border-radius, 4px);
}

input[type="range"].tabler-range.form-range,
.tabler-range.form-range {
  height: 1.5rem !important;
  min-height: 1.5rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  accent-color: var(--app-primary);
}

body.layout-fluid-vertical input[type="range"].tabler-range.form-range {
  height: 1.5rem !important;
  min-height: 1.5rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.tabler-range.form-range:focus {
  outline: 0 !important;
}

.tabler-range.form-range::-webkit-slider-thumb {
  background: var(--app-primary) !important;
  box-shadow: 0 0 0 .125rem var(--app-surface), 0 0 0 .25rem rgba(32, 107, 196, .16) !important;
}

.tabler-range.form-range::-moz-range-thumb {
  background: var(--app-primary) !important;
  border: 0 !important;
  box-shadow: 0 0 0 .125rem var(--app-surface), 0 0 0 .25rem rgba(32, 107, 196, .16) !important;
}

.tabler-input-group,
.input-group.tabler-input-group {
  min-width: 0 !important;
}

.input-group.tabler-input-group {
  display: flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
}

.input-group.tabler-input-group > .form-control,
.input-group.tabler-input-group > .form-select,
.input-group.tabler-input-group > .btn,
.input-group.tabler-input-group > .input-group-text {
  min-height: 2.25rem !important;
}

.tabler-input-addon.input-group-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.25rem !important;
  border-color: var(--app-border) !important;
  background: #f6f8fb !important;
  color: var(--app-muted) !important;
  font-size: .875rem !important;
  line-height: 1 !important;
}

.tabler-input-icon {
  position: relative !important;
  min-width: 0 !important;
}

.tabler-input-icon > .input-icon-addon {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 2.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--app-muted) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.tabler-input-icon > .input-icon-addon + .form-control,
.tabler-input-icon > .input-icon-addon + input,
.tabler-input-icon > .ti:first-child + .form-control,
.tabler-input-icon > .ti:first-child + input {
  padding-left: 2.5rem !important;
}

.tabler-search-bar {
  width: 100% !important;
}

.tabler-search-bar .tabler-search-input {
  min-width: 0 !important;
}

.tabler-check.form-check,
label.tabler-check.form-check,
.tabler-check-row.form-check,
.form-check.tabler-switch,
label.form-check.tabler-switch {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .5rem !important;
  min-height: 1.25rem !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--app-text) !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.tabler-check-input.form-check-input,
.tabler-switch-input.form-check-input {
  position: static !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  border: 1px solid #b8c4d2 !important;
  background-color: var(--app-surface) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  appearance: none !important;
}

.tabler-check-input.form-check-input[type="radio"] {
  border-radius: 999px !important;
}

.tabler-check-input.form-check-input:checked,
.tabler-switch-input.form-check-input:checked {
  border-color: var(--app-primary) !important;
  background-color: var(--app-primary) !important;
}

.tabler-check-input.form-check-input:focus,
.tabler-switch-input.form-check-input:focus {
  border-color: var(--app-primary) !important;
  box-shadow: 0 0 0 .125rem rgba(32, 107, 196, .18) !important;
  outline: 0 !important;
}

.tabler-check-input.form-check-input:disabled,
.tabler-switch-input.form-check-input:disabled {
  background-color: #f1f5f9 !important;
  border-color: var(--app-border) !important;
  cursor: not-allowed !important;
}

.tabler-check-label.form-check-label,
.tabler-switch-label.form-check-label {
  margin: 0 !important;
  color: var(--app-text) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.tabler-switch.form-switch {
  gap: .625rem !important;
}

.tabler-switch-input.form-check-input,
.tabler-switch.form-switch .form-check-input {
  width: 2rem !important;
  min-width: 2rem !important;
  height: 1.125rem !important;
  border-radius: 999px !important;
}

.switch-slider.tabler-switch-slider {
  display: none !important;
}

.switch.tabler-switch,
.switch-line.tabler-switch,
.switch-field.tabler-switch,
.status-switch-field.tabler-switch {
  width: auto !important;
  min-height: 1.25rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.switch.tabler-switch input.form-check-input,
.switch-line.tabler-switch input.form-check-input,
.switch-field.tabler-switch input.form-check-input,
.status-switch-field.tabler-switch input.form-check-input {
  position: static !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.switch-field.tabler-switch input.form-check-input::after,
.status-switch-field.tabler-switch input.form-check-input::after {
  display: none !important;
  content: none !important;
}

.tabler-selectgroup.form-selectgroup {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .5rem !important;
}

.tabler-selectgroup-item.form-selectgroup-item {
  display: inline-flex !important;
  margin: 0 !important;
}

.tabler-selectgroup-label.form-selectgroup-label {
  min-height: 2.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem !important;
  padding: .5rem .75rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: var(--app-surface) !important;
  background-image: none !important;
  color: #34495e !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

.form-selectgroup-input:checked + .tabler-selectgroup-label,
.tabler-selectgroup-item:has(.form-selectgroup-input:checked) .tabler-selectgroup-label {
  border-color: var(--app-primary) !important;
  background: rgba(32, 107, 196, .10) !important;
  color: var(--app-primary) !important;
}

.form-selectgroup-input:focus + .tabler-selectgroup-label,
.tabler-selectgroup-item:focus-within .tabler-selectgroup-label {
  border-color: var(--app-primary) !important;
  box-shadow: 0 0 0 .125rem rgba(32, 107, 196, .18) !important;
}

.form-selectgroup-input:disabled + .tabler-selectgroup-label,
.tabler-selectgroup-item:has(.form-selectgroup-input:disabled) .tabler-selectgroup-label {
  background: #f1f5f9 !important;
  color: #8a97a6 !important;
  cursor: not-allowed !important;
}

.tabler-control.is-invalid,
.tabler-control.form-control.is-invalid,
.tabler-control.form-select.is-invalid,
.was-validated .tabler-control.form-control:invalid,
.was-validated .tabler-control.form-select:invalid {
  border-color: var(--tblr-danger, #d63939) !important;
  box-shadow: none !important;
}

.tabler-control.is-invalid:focus,
.tabler-control.form-control.is-invalid:focus,
.tabler-control.form-select.is-invalid:focus,
.was-validated .tabler-control.form-control:invalid:focus,
.was-validated .tabler-control.form-select:invalid:focus {
  border-color: var(--tblr-danger, #d63939) !important;
  box-shadow: 0 0 0 .125rem rgba(214, 57, 57, .18) !important;
}

.tabler-control.is-valid,
.tabler-control.form-control.is-valid,
.tabler-control.form-select.is-valid {
  border-color: var(--tblr-success, #2fb344) !important;
}

.tabler-form-feedback.invalid-feedback,
.tabler-form-feedback.field-error,
.tabler-form-feedback.error-message,
.tabler-form-feedback.form-error {
  margin: 0 !important;
  color: var(--tblr-danger, #d63939) !important;
  font-size: .75rem !important;
  line-height: 1.4 !important;
}

.tabler-form-feedback.valid-feedback,
.tabler-form-feedback.success-message,
.tabler-form-feedback.form-success {
  margin: 0 !important;
  color: var(--tblr-success, #2fb344) !important;
  font-size: .75rem !important;
  line-height: 1.4 !important;
}

body.theme-dark .tabler-control.form-control,
body.theme-dark .tabler-control.form-select,
body.theme-dark .tabler-search-input.form-control,
body.theme-dark .tabler-selectgroup-label.form-selectgroup-label {
  border-color: var(--app-border) !important;
  background-color: var(--app-surface) !important;
  color: var(--app-text) !important;
}

body.theme-dark .tabler-control.form-control::placeholder,
body.theme-dark .tabler-search-input.form-control::placeholder,
body.theme-dark textarea.tabler-control.form-control::placeholder {
  color: #7b8794 !important;
}

body.theme-dark .tabler-control.form-control:disabled,
body.theme-dark .tabler-control.form-control[readonly],
body.theme-dark .tabler-control.form-select:disabled,
body.theme-dark .tabler-search-input.form-control:disabled,
body.theme-dark .tabler-check-input.form-check-input:disabled,
body.theme-dark .tabler-switch-input.form-check-input:disabled {
  background-color: #111a26 !important;
  color: #8996a3 !important;
}

body.theme-dark .tabler-input-addon.input-group-text,
body.theme-dark .tabler-file-input::file-selector-button {
  border-color: var(--app-border) !important;
  background: #111a26 !important;
  color: var(--app-muted) !important;
}

body.theme-dark .tabler-check-input.form-check-input,
body.theme-dark .tabler-switch-input.form-check-input {
  border-color: #566274 !important;
  background-color: #111a26 !important;
}

body.theme-dark .tabler-check-label.form-check-label,
body.theme-dark .tabler-switch-label.form-check-label,
body.theme-dark .tabler-check.form-check,
body.theme-dark .tabler-switch.form-check {
  color: var(--app-text) !important;
}

body.theme-dark .form-selectgroup-input:checked + .tabler-selectgroup-label,
body.theme-dark .tabler-selectgroup-item:has(.form-selectgroup-input:checked) .tabler-selectgroup-label {
  background: rgba(64, 137, 232, .16) !important;
  border-color: var(--app-primary) !important;
  color: #d7e8ff !important;
}

@media (max-width: 640px) {
  .tabler-form-grid {
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
  }

  .tabler-control.form-control,
  .tabler-control.form-select,
  .tabler-search-input.form-control {
    min-height: 2.25rem !important;
  }
}

/* Tabler dropdown, checkbox, and form cleanup. */
.tabler-dropdown,
.tabler-select-wrap {
  position: relative !important;
}

.select-wrapper.tabler-select-wrap,
.tabler-select-wrap {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.select-wrapper.tabler-select-wrap::after,
.tabler-select-wrap::after {
  display: none !important;
  content: none !important;
}

.select-wrapper.tabler-select-wrap select.tabler-dropdown-select,
.tabler-dropdown-select.form-select {
  width: 100% !important;
  min-height: 2.25rem !important;
  padding: .4375rem 2.25rem .4375rem .75rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background-color: var(--app-surface) !important;
  background-image: var(--tblr-form-select-bg-img) !important;
  background-repeat: no-repeat !important;
  background-position: right .75rem center !important;
  background-size: 1rem .75rem !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  line-height: 1.4285714 !important;
  letter-spacing: 0 !important;
  appearance: none !important;
}

.select-wrapper.tabler-select-wrap select.tabler-dropdown-select:focus,
.tabler-dropdown-select.form-select:focus {
  border-color: var(--app-primary) !important;
  box-shadow: 0 0 0 .125rem rgba(32, 107, 196, .18) !important;
  outline: 0 !important;
}

.tabler-dropdown-toggle.dropdown-toggle,
.filter-checklist__trigger.tabler-dropdown-toggle,
.public-nav__dropdown-toggle.tabler-dropdown-toggle {
  min-height: 2.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  padding: .4375rem .75rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: var(--app-surface) !important;
  background-image: none !important;
  color: #34495e !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  line-height: 1.4285714 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

.tabler-dropdown-toggle.dropdown-toggle::after,
.public-nav__dropdown-toggle.dropdown-toggle::after,
.filter-checklist__trigger.dropdown-toggle::after {
  display: none !important;
  content: none !important;
}

.tabler-dropdown-toggle.dropdown-toggle:hover,
.tabler-dropdown-toggle.dropdown-toggle:focus-visible,
.filter-checklist.is-open > .filter-checklist__trigger.tabler-dropdown-toggle,
.public-nav__dropdown[open] > .public-nav__dropdown-toggle.tabler-dropdown-toggle {
  border-color: var(--app-primary) !important;
  background: #eef3f8 !important;
  color: var(--app-primary) !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

.public-nav__dropdown-toggle-icon,
.filter-checklist__trigger i {
  color: currentColor !important;
}

.public-nav__dropdown[open] .public-nav__dropdown-toggle-icon,
.filter-checklist.is-open .filter-checklist__trigger i {
  transform: rotate(180deg) !important;
}

.tabler-dropdown-menu.dropdown-menu,
.filter-checklist__panel.tabler-dropdown-menu,
.public-nav__dropdown-menu.tabler-dropdown-menu,
.customer-search-list.tabler-dropdown-menu,
.pppoe-customer-search-results.tabler-dropdown-menu {
  position: absolute !important;
  z-index: var(--tblr-dropdown-zindex, 1000) !important;
  display: none !important;
  min-width: 12rem !important;
  max-width: min(24rem, calc(100vw - 2rem)) !important;
  padding: .375rem !important;
  margin: .25rem 0 0 !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: var(--app-surface) !important;
  background-image: none !important;
  color: var(--app-text) !important;
  box-shadow: var(--tblr-shadow-dropdown, 0 .5rem 1rem rgba(15, 23, 42, .12)) !important;
  overflow: auto !important;
  transform: none !important;
}

.public-nav__dropdown[open] > .tabler-dropdown-menu.dropdown-menu,
.filter-checklist.is-open > .tabler-dropdown-menu.dropdown-menu,
.filter-checklist__panel.tabler-dropdown-menu:not([hidden]),
.customer-search-list.tabler-dropdown-menu.show,
.pppoe-customer-search-results.tabler-dropdown-menu:not([hidden]) {
  display: block !important;
}

.filter-checklist__panel.tabler-dropdown-menu[hidden],
.pppoe-customer-search-results.tabler-dropdown-menu[hidden] {
  display: none !important;
}

.public-nav__dropdown-menu.tabler-dropdown-menu {
  left: 0 !important;
  top: 100% !important;
  width: max-content !important;
}

.filter-checklist__panel.tabler-dropdown-menu {
  left: 0 !important;
  top: calc(100% + .25rem) !important;
  width: min(22rem, calc(100vw - 2rem)) !important;
}

.customer-search-list.tabler-dropdown-menu,
.pppoe-customer-search-results.tabler-dropdown-menu {
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + .25rem) !important;
  width: 100% !important;
  max-height: min(20rem, 50vh) !important;
}

.tabler-dropdown-header.dropdown-header,
.filter-checklist__panel-head.tabler-dropdown-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  padding: .5rem .75rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--app-border) !important;
  background: transparent !important;
  color: var(--app-muted) !important;
  font-size: .75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.tabler-dropdown-item.dropdown-item,
.public-nav__dropdown-link.tabler-dropdown-item,
.filter-checklist__option.tabler-dropdown-item,
.customer-search-option.tabler-dropdown-item,
.pppoe-customer-search-option.tabler-dropdown-item {
  width: 100% !important;
  min-height: 2rem !important;
  display: flex !important;
  align-items: center !important;
  gap: .5rem !important;
  padding: .5rem .75rem !important;
  border: 0 !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transform: none !important;
}

.tabler-dropdown-item.dropdown-item:hover,
.tabler-dropdown-item.dropdown-item:focus,
.public-nav__dropdown-link.tabler-dropdown-item:hover,
.filter-checklist__option.tabler-dropdown-item:hover,
.customer-search-option.tabler-dropdown-item:hover,
.pppoe-customer-search-option.tabler-dropdown-item:hover {
  background: rgba(32, 107, 196, .08) !important;
  color: var(--app-primary) !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

.filter-checklist__option.tabler-check,
.filter-checklist__option.tabler-check.list-group-item,
.subscriber-option.tabler-check,
.subscriber-option.tabler-check.list-group-item {
  position: relative !important;
  width: 100% !important;
  min-height: 2.25rem !important;
  display: flex !important;
  align-items: center !important;
  gap: .625rem !important;
  padding: .625rem .75rem !important;
  border: 1px solid transparent !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
}

.filter-checklist__option.tabler-check:hover,
.subscriber-option.tabler-check:hover {
  border-color: transparent !important;
  background: rgba(32, 107, 196, .08) !important;
  color: var(--app-primary) !important;
  box-shadow: none !important;
  transform: none !important;
}

.filter-checklist__option.tabler-check input.form-check-input,
.subscriber-option.tabler-check input.form-check-input {
  position: static !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  appearance: none !important;
}

.filter-checklist__option.tabler-check .form-check-label,
.subscriber-option.tabler-check .form-check-label,
.subscriber-option-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  color: inherit !important;
}

.filter-checklist__option--select-all.tabler-check {
  border-bottom: 1px solid var(--app-border) !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
}

.tabler-dropdown-empty.dropdown-item-text,
.filter-checklist__empty.tabler-dropdown-empty {
  display: block !important;
  padding: .75rem !important;
  color: var(--app-muted) !important;
  font-size: .8125rem !important;
  text-align: center !important;
}

.method-card.form-selectgroup-item,
.method-card.tabler-selectgroup-item {
  position: relative !important;
  display: inline-flex !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.method-card .form-selectgroup-input {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: auto !important;
}

.method-card .tabler-selectgroup-label,
.method-card-body.tabler-selectgroup-label {
  justify-content: flex-start !important;
  min-height: 4rem !important;
  width: 100% !important;
  padding: .75rem !important;
  border: 1px solid var(--app-border) !important;
  border-radius: var(--tblr-border-radius, 4px) !important;
  background: var(--app-surface) !important;
  background-image: none !important;
  color: var(--app-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.method-card .tabler-selectgroup-label:hover,
.method-card-body.tabler-selectgroup-label:hover {
  border-color: #cbd8e6 !important;
  background: #eef3f8 !important;
  color: var(--app-primary) !important;
  box-shadow: none !important;
  transform: none !important;
}

.method-card .form-selectgroup-input:checked + .tabler-selectgroup-label,
.method-card .form-selectgroup-input:checked + .method-card-body.tabler-selectgroup-label {
  border-color: var(--app-primary) !important;
  background: rgba(32, 107, 196, .10) !important;
  background-image: none !important;
  color: var(--app-primary) !important;
  box-shadow: none !important;
}

.method-card .form-selectgroup-input:checked + .tabler-selectgroup-label .method-icon,
.method-card .form-selectgroup-input:checked + .method-card-body.tabler-selectgroup-label .method-icon {
  background: var(--app-primary) !important;
  color: #ffffff !important;
}

.method-card .form-selectgroup-input:checked + .tabler-selectgroup-label .method-copy strong,
.method-card .form-selectgroup-input:checked + .tabler-selectgroup-label .method-copy small,
.method-card .form-selectgroup-input:checked + .method-card-body.tabler-selectgroup-label .method-copy strong,
.method-card .form-selectgroup-input:checked + .method-card-body.tabler-selectgroup-label .method-copy small {
  color: inherit !important;
}

.method-card .form-selectgroup-input:focus-visible + .tabler-selectgroup-label,
.method-card .form-selectgroup-input:focus-visible + .method-card-body.tabler-selectgroup-label {
  outline: 0 !important;
  box-shadow: 0 0 0 .125rem rgba(32, 107, 196, .18) !important;
}

.tabler-form .form-field,
.tabler-form .form-group,
.tabler-form .reset-field,
.tabler-form .settings-field,
.tabler-form .profile-edit-field,
.tabler-form .filter-field,
.tabler-form .input-field,
.tabler-form .input-group-field,
.tabler-modal-form .form-field,
.tabler-modal-form .form-group,
.tabler-form-modal .form-field,
.tabler-form-modal .form-group {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.tabler-form-field > span:not(.form-hint):not(.form-check-label):not(.form-selectgroup-label):not(.input-icon-addon):not(.badge),
.tabler-form .form-field > span:not(.form-hint):not(.form-check-label):not(.form-selectgroup-label):not(.input-icon-addon):not(.badge) {
  color: var(--app-text) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body.theme-dark .select-wrapper.tabler-select-wrap select.tabler-dropdown-select,
body.theme-dark .tabler-dropdown-select.form-select,
body.theme-dark .tabler-dropdown-toggle.dropdown-toggle,
body.theme-dark .filter-checklist__trigger.tabler-dropdown-toggle,
body.theme-dark .public-nav__dropdown-toggle.tabler-dropdown-toggle,
body.theme-dark .tabler-dropdown-menu.dropdown-menu,
body.theme-dark .filter-checklist__panel.tabler-dropdown-menu,
body.theme-dark .public-nav__dropdown-menu.tabler-dropdown-menu,
body.theme-dark .customer-search-list.tabler-dropdown-menu,
body.theme-dark .pppoe-customer-search-results.tabler-dropdown-menu,
body.theme-dark .method-card .tabler-selectgroup-label,
body.theme-dark .method-card-body.tabler-selectgroup-label {
  border-color: var(--app-border) !important;
  background-color: var(--app-surface) !important;
  color: var(--app-text) !important;
}

body.theme-dark .tabler-dropdown-toggle.dropdown-toggle:hover,
body.theme-dark .tabler-dropdown-toggle.dropdown-toggle:focus-visible,
body.theme-dark .filter-checklist.is-open > .filter-checklist__trigger.tabler-dropdown-toggle,
body.theme-dark .public-nav__dropdown[open] > .public-nav__dropdown-toggle.tabler-dropdown-toggle,
body.theme-dark .tabler-dropdown-item.dropdown-item:hover,
body.theme-dark .tabler-dropdown-item.dropdown-item:focus,
body.theme-dark .filter-checklist__option.tabler-check:hover,
body.theme-dark .subscriber-option.tabler-check:hover,
body.theme-dark .method-card .tabler-selectgroup-label:hover,
body.theme-dark .method-card-body.tabler-selectgroup-label:hover {
  background: rgba(64, 137, 232, .16) !important;
  color: #d7e8ff !important;
}

body.theme-dark .method-card .form-selectgroup-input:checked + .tabler-selectgroup-label,
body.theme-dark .method-card .form-selectgroup-input:checked + .method-card-body.tabler-selectgroup-label {
  border-color: var(--app-primary) !important;
  background: rgba(64, 137, 232, .16) !important;
  color: #d7e8ff !important;
}

/* Public home: Tabler marketing and pricing cards. */
body.public-body--tabler-home {
  --public-bg: #f6f8fb;
  --public-ink: #182433;
  --public-muted: #667085;
  --public-border: #dce3ed;
  --public-surface-strong: #ffffff;
  font-family: var(--tblr-font-sans-serif, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  background: var(--public-bg) !important;
  color: var(--public-ink) !important;
}

body.public-body--tabler-home .public-site::before,
body.public-body--tabler-home .public-site::after,
body.public-body--tabler-home .public-topbar--shell::before,
body.public-body--tabler-home .hero-slider--full::before,
body.public-body--tabler-home .home-feature__media::before {
  display: none !important;
  content: none !important;
}

body.public-body--tabler-home .public-company-header::before {
  background: rgba(255, 255, 255, .98) !important;
  border-bottom: 1px solid var(--public-border) !important;
  box-shadow: 0 .125rem .25rem rgba(15, 23, 42, .04) !important;
  backdrop-filter: blur(10px) !important;
}

body.public-body--tabler-home .public-topbar {
  width: min(calc(100% - 24px), 1180px) !important;
  padding: .75rem 1rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.public-body--tabler-home .public-brand__logo {
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: #ffffff !important;
  border: 1px solid var(--public-border) !important;
  box-shadow: none !important;
}

body.public-body--tabler-home .public-brand__name,
body.public-body--tabler-home .public-brand__tagline {
  letter-spacing: 0 !important;
}

body.public-body--tabler-home .public-nav__link {
  min-height: 2rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .375rem !important;
  padding: .375rem .625rem !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  color: #34495e !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

body.public-body--tabler-home .public-nav__link:hover,
body.public-body--tabler-home .public-nav__link[aria-current='page'] {
  background: rgba(32, 107, 196, .08) !important;
  color: var(--tblr-primary, #206bc4) !important;
  transform: none !important;
}

body.public-body--tabler-home .public-nav__link--login {
  border: 1px solid var(--public-border) !important;
  background: #ffffff !important;
  color: #34495e !important;
}

body.public-body--tabler-home .public-nav__link--accent {
  border: 1px solid var(--tblr-primary, #206bc4) !important;
  background: var(--tblr-primary, #206bc4) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.public-body--tabler-home .public-nav__link--accent:hover {
  background: #1a5baa !important;
  color: #ffffff !important;
}

body.public-body--tabler-home .public-main {
  width: min(calc(100% - 24px), 1180px) !important;
  padding-bottom: 2rem !important;
}

body.public-body--tabler-home .public-marketing-hero {
  margin-bottom: 1.25rem !important;
}

body.public-body--tabler-home .public-marketing-hero,
body.public-body--tabler-home .public-marketing-hero .hero-slider__viewport {
  min-height: 620px !important;
}

body.public-body--tabler-home .public-marketing-hero .hero-slider__viewport {
  border: 1px solid rgba(17, 36, 58, .1) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: #182433 !important;
  box-shadow: 0 .5rem 1.25rem rgba(15, 23, 42, .12) !important;
}

body.public-body--tabler-home .hero-slide__backdrop--network {
  background-image:
    linear-gradient(90deg, rgba(8, 18, 35, .82) 0%, rgba(8, 18, 35, .58) 46%, rgba(8, 18, 35, .22) 100%),
    url('/img/public-hero-fiber.svg?v=20260319b') !important;
  background-size: cover, cover !important;
  background-position: center, 72% center !important;
  background-repeat: no-repeat, no-repeat !important;
  transform: none !important;
}

body.public-body--tabler-home .hero-slide__overlay {
  background: linear-gradient(180deg, rgba(8, 18, 35, .08), rgba(8, 18, 35, .32)) !important;
}

body.public-body--tabler-home .hero-slider__viewport::after {
  display: none !important;
}

body.public-body--tabler-home .hero-slide__content,
body.public-body--tabler-home .hero-slide[data-hero-slide='0'] .hero-slide__content {
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 !important;
  padding: 3.5rem !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  color: #ffffff !important;
}

body.public-body--tabler-home .public-hero-kicker {
  width: fit-content !important;
  gap: .375rem !important;
  margin-bottom: 1rem !important;
}

body.public-body--tabler-home .hero-slide__title,
body.public-body--tabler-home .hero-slide[data-hero-slide='0'] .hero-slide__title {
  max-width: 11ch !important;
  margin: 0 0 1rem !important;
  font-family: var(--tblr-font-sans-serif, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: 3.75rem !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

body.public-body--tabler-home .hero-slide__title-line {
  white-space: normal !important;
}

body.public-body--tabler-home .hero-slide__copy,
body.public-body--tabler-home .hero-slide[data-hero-slide='0'] .hero-slide__copy {
  max-width: 42rem !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

body.public-body--tabler-home .hero-slide__actions--hero {
  display: flex !important;
  gap: .75rem !important;
  margin-top: 1.5rem !important;
  justify-content: flex-start !important;
}

body.public-body--tabler-home .hero-cta {
  border-radius: var(--tblr-border-radius, 6px) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.public-body--tabler-home .hero-cta--secondary {
  border-color: rgba(255, 255, 255, .54) !important;
  color: #ffffff !important;
}

body.public-body--tabler-home .public-hero-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  width: min(100%, 620px) !important;
  margin-top: 2rem !important;
}

body.public-body--tabler-home .public-hero-metric {
  display: flex !important;
  align-items: center !important;
  gap: .625rem !important;
  min-width: 0 !important;
  padding: .75rem !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.public-body--tabler-home .public-hero-metric .avatar {
  --tblr-avatar-size: 2rem;
  flex: 0 0 auto !important;
}

body.public-body--tabler-home .public-hero-metric__copy {
  display: grid !important;
  gap: .125rem !important;
  min-width: 0 !important;
}

body.public-body--tabler-home .public-hero-metric__copy strong {
  color: #ffffff !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

body.public-body--tabler-home .public-hero-metric__copy span {
  color: rgba(255, 255, 255, .7) !important;
  font-size: .75rem !important;
  line-height: 1.3 !important;
}

body.public-body--tabler-home .section {
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.public-body--tabler-home .public-marketing-section,
body.public-body--tabler-home .public-pricing-section {
  margin-top: 1.5rem !important;
  padding: 0 !important;
}

body.public-body--tabler-home .section-heading {
  margin-bottom: 1rem !important;
}

body.public-body--tabler-home .section-heading--centered {
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
  gap: .5rem !important;
  max-width: 680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.public-body--tabler-home .section-heading--stacked {
  gap: .5rem !important;
}

body.public-body--tabler-home .section-heading__title {
  margin: .25rem 0 0 !important;
  color: var(--public-ink) !important;
  font-family: var(--tblr-font-sans-serif, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

body.public-body--tabler-home .section-heading__copy {
  max-width: 44rem !important;
  color: var(--public-muted) !important;
  font-size: .9375rem !important;
  line-height: 1.6 !important;
}

body.public-body--tabler-home .public-marketing-grid {
  --tblr-gutter-x: 1rem;
  --tblr-gutter-y: 1rem;
}

body.public-body--tabler-home .public-marketing-card.card {
  min-height: 100% !important;
  border: 1px solid var(--public-border) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: var(--public-surface-strong) !important;
  box-shadow: 0 .125rem .25rem rgba(15, 23, 42, .04) !important;
  transform: none !important;
}

body.public-body--tabler-home .public-marketing-card .card-body {
  padding: 1.25rem !important;
}

body.public-body--tabler-home .public-marketing-card .card-title {
  margin-bottom: .5rem !important;
  font-size: 1rem !important;
  letter-spacing: 0 !important;
}

body.public-body--tabler-home .public-pricing-section {
  scroll-margin-top: calc(var(--company-header-offset) + 1rem) !important;
}

body.public-body--tabler-home .plan-table-mount {
  width: 100% !important;
}

body.public-body--tabler-home .plan-carousel {
  width: 100% !important;
  margin: 0 !important;
}

body.public-body--tabler-home .plan-carousel__viewport {
  padding: .25rem 0 !important;
  overflow: hidden !important;
}

body.public-body--tabler-home .plan-carousel__track {
  gap: 1rem !important;
  padding: .25rem !important;
}

body.public-body--tabler-home .plan-carousel__track.showcase-plan-grid {
  display: flex !important;
  max-width: none !important;
}

body.public-body--tabler-home .plan-carousel__track .showcase-plan-card.public-pricing-card {
  flex: 0 0 calc((100% - 2rem) / 3) !important;
  min-width: 18rem !important;
  scroll-snap-align: start !important;
}

body.public-body--tabler-home .plan-carousel__nav {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  box-shadow: 0 .125rem .25rem rgba(15, 23, 42, .08) !important;
}

body.public-body--tabler-home .plan-carousel__nav:hover {
  background: var(--tblr-primary, #206bc4) !important;
  border-color: var(--tblr-primary, #206bc4) !important;
  color: #ffffff !important;
  transform: translateY(-50%) !important;
}

body.public-body--tabler-home .plan-carousel__nav:disabled,
body.public-body--tabler-home .plan-carousel.is-static .plan-carousel__nav {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.public-body--tabler-home .showcase-plan-card.public-pricing-card.card {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  min-height: 100% !important;
  padding: 0 !important;
  border: 1px solid var(--public-border) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: var(--public-surface-strong) !important;
  box-shadow: 0 .125rem .25rem rgba(15, 23, 42, .04) !important;
  text-align: left !important;
  overflow: hidden !important;
  transform: none !important;
}

body.public-body--tabler-home .showcase-plan-card.public-pricing-card::before {
  display: none !important;
  content: none !important;
}

body.public-body--tabler-home .public-pricing-card--featured {
  border-color: rgba(32, 107, 196, .42) !important;
  box-shadow: 0 .25rem .75rem rgba(32, 107, 196, .1) !important;
}

body.public-body--tabler-home .public-pricing-card .card-body {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  padding: 1.25rem !important;
}

body.public-body--tabler-home .public-pricing-card__title {
  margin: 0 !important;
  color: var(--public-ink) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.public-body--tabler-home .showcase-plan-card__speed.public-pricing-card__speed {
  min-height: 3.25rem !important;
  margin-top: 1.25rem !important;
  justify-content: flex-start !important;
  color: var(--tblr-primary, #206bc4) !important;
}

body.public-body--tabler-home .public-pricing-card--prepaid .showcase-plan-card__speed.public-pricing-card__speed {
  color: var(--tblr-teal, #0ca678) !important;
}

body.public-body--tabler-home .showcase-plan-card__speed-value {
  font-size: 3rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body.public-body--tabler-home .showcase-plan-card__speed-unit,
body.public-body--tabler-home .showcase-plan-card__speed-fallback {
  font-size: .9375rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

body.public-body--tabler-home .public-pricing-card__price-row {
  justify-content: flex-start !important;
  gap: .375rem !important;
  margin-top: .75rem !important;
  color: var(--public-ink) !important;
}

body.public-body--tabler-home .showcase-plan-card__price {
  font-size: 2rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

body.public-body--tabler-home .showcase-plan-card__frequency {
  color: var(--public-muted) !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
}

body.public-body--tabler-home .public-pricing-list {
  display: grid !important;
  gap: .625rem !important;
  margin: 1rem 0 0 !important;
  padding: 1rem 0 0 !important;
  border-top: 1px solid var(--public-border) !important;
}

body.public-body--tabler-home .public-pricing-list.list-group {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.public-body--tabler-home .public-pricing-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: .5rem !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #34495e !important;
  font-size: .875rem !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
}

body.public-body--tabler-home .public-pricing-list i {
  flex: 0 0 auto !important;
  margin-top: .125rem !important;
}

body.public-body--tabler-home .public-pricing-card__actions {
  display: grid !important;
  gap: .5rem !important;
  margin-top: auto !important;
  padding-top: 1.25rem !important;
}

body.public-body--tabler-home .showcase-plan-card__button.btn {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.25rem !important;
  margin: 0 !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body.public-body--tabler-home .showcase-plan-card__button.btn:hover {
  transform: none !important;
}

body.public-body--tabler-home .showcase-plan-card__foot-link.btn-link {
  margin: 0 !important;
  justify-content: center !important;
  color: var(--tblr-primary, #206bc4) !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  text-underline-offset: 0 !important;
}

body.public-body--tabler-home .showcase-plan-card__foot-link.btn-link:hover {
  text-decoration: underline !important;
}

body.public-body--tabler-home .public-pricing-empty.empty {
  border: 1px dashed var(--public-border) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: var(--public-surface-strong) !important;
  color: var(--public-muted) !important;
}

body.public-body--tabler-home .public-footer {
  margin-top: 2rem !important;
}

@media (max-width: 1080px) {
  body.public-body--tabler-home .public-marketing-hero,
  body.public-body--tabler-home .public-marketing-hero .hero-slider__viewport {
    min-height: 640px !important;
  }

  body.public-body--tabler-home .hero-slide__content,
  body.public-body--tabler-home .hero-slide[data-hero-slide='0'] .hero-slide__content {
    padding: 2.5rem !important;
  }

  body.public-body--tabler-home .hero-slide__title,
  body.public-body--tabler-home .hero-slide[data-hero-slide='0'] .hero-slide__title {
    font-size: 3rem !important;
  }

  body.public-body--tabler-home .public-hero-metrics {
    grid-template-columns: 1fr !important;
    width: min(100%, 26rem) !important;
  }

  body.public-body--tabler-home .plan-carousel__track .showcase-plan-card.public-pricing-card {
    flex-basis: calc((100% - 1rem) / 2) !important;
  }
}

@media (max-width: 760px) {
  body.public-body--tabler-home .public-topbar {
    width: 100% !important;
    padding: .75rem !important;
  }

  body.public-body--tabler-home .public-nav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: .5rem !important;
    padding-bottom: .25rem !important;
    scrollbar-width: none !important;
  }

  body.public-body--tabler-home .public-nav::-webkit-scrollbar {
    display: none !important;
  }

  body.public-body--tabler-home .public-nav__link,
  body.public-body--tabler-home .public-nav__dropdown {
    flex: 0 0 auto !important;
  }

  body.public-body--tabler-home .public-main {
    width: min(calc(100% - 16px), 1180px) !important;
  }

  body.public-body--tabler-home .public-marketing-hero,
  body.public-body--tabler-home .public-marketing-hero .hero-slider__viewport {
    min-height: 560px !important;
  }

  body.public-body--tabler-home .hero-slide__content,
  body.public-body--tabler-home .hero-slide[data-hero-slide='0'] .hero-slide__content {
    max-width: 100% !important;
    padding: 1.25rem !important;
    justify-content: flex-start !important;
  }

  body.public-body--tabler-home .hero-slide__title,
  body.public-body--tabler-home .hero-slide[data-hero-slide='0'] .hero-slide__title {
    max-width: 100% !important;
    font-size: 2.125rem !important;
  }

  body.public-body--tabler-home .hero-slide__copy,
  body.public-body--tabler-home .hero-slide[data-hero-slide='0'] .hero-slide__copy {
    max-width: 100% !important;
    font-size: .875rem !important;
    line-height: 1.45 !important;
  }

  body.public-body--tabler-home .hero-slide__actions--hero {
    width: 100% !important;
    flex-direction: column !important;
    gap: .5rem !important;
    margin-top: 1rem !important;
  }

  body.public-body--tabler-home .hero-cta {
    width: 100% !important;
  }

  body.public-body--tabler-home .public-hero-metrics {
    gap: .5rem !important;
    margin-top: 1rem !important;
  }

  body.public-body--tabler-home .public-hero-metric {
    padding: .5rem !important;
  }

  body.public-body--tabler-home .public-hero-metric .avatar {
    --tblr-avatar-size: 1.75rem;
  }

  body.public-body--tabler-home .public-hero-metric__copy strong {
    font-size: .8125rem !important;
  }

  body.public-body--tabler-home .public-hero-metric__copy span {
    font-size: .72rem !important;
  }

  body.public-body--tabler-home .section-heading--centered {
    justify-items: flex-start !important;
    text-align: left !important;
  }

  body.public-body--tabler-home .plan-carousel__viewport {
    overflow: visible !important;
  }

  body.public-body--tabler-home .plan-carousel__track {
    display: grid !important;
    grid-template-columns: 1fr !important;
    transform: none !important;
  }

  body.public-body--tabler-home .plan-carousel__track.showcase-plan-grid {
    display: grid !important;
  }

  body.public-body--tabler-home .plan-carousel__track .showcase-plan-card.public-pricing-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex-basis: auto !important;
  }

  body.public-body--tabler-home .plan-carousel__nav {
    display: none !important;
  }
}

/* Login: Tabler auth page. */
body.login-body--tabler {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: var(--tblr-body-bg, #f6f8fb) !important;
  color: var(--tblr-body-color, #182433) !important;
  font-family: var(--tblr-font-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  color-scheme: light !important;
}

body.login-body--tabler::before,
body.login-body--tabler::after {
  display: none !important;
}

body.login-body--tabler .login-shell.page {
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1rem !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.login-body--tabler .container-tight {
  width: 100% !important;
  max-width: 28rem !important;
}

body.login-body--tabler .login-panel.card {
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
  overflow: hidden !important;
  border: 1px solid rgba(4, 32, 69, .1) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: var(--tblr-card-bg, #ffffff) !important;
  box-shadow: 0 .5rem 1.25rem rgba(29, 39, 59, .06) !important;
}

body.login-body--tabler .login-panel .card-body {
  padding: 2rem !important;
}

body.login-body--tabler .login-brand {
  display: grid !important;
  justify-items: center !important;
  align-items: center !important;
  gap: .5rem !important;
  margin: 0 0 1.75rem !important;
  text-align: center !important;
}

body.login-body--tabler .brand-logo.avatar {
  --tblr-avatar-size: 4rem;
  width: 4rem !important;
  height: 4rem !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  border: 1px solid rgba(4, 32, 69, .08) !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  background: #ffffff !important;
  box-shadow: 0 .25rem .75rem rgba(29, 39, 59, .08) !important;
}

body.login-body--tabler .brand-logo-img.avatar-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
}

body.login-body--tabler .brand-lockup {
  margin: .5rem 0 0 !important;
  color: var(--tblr-secondary-color, #667382) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.login-body--tabler .brand-lockup span,
body.login-body--tabler .brand-lockup em {
  display: inline !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.login-body--tabler .brand-lockup em::before {
  content: " | ";
  color: var(--tblr-border-color, #dce1e7) !important;
  font-weight: 400 !important;
}

body.login-body--tabler .login-brand h1.card-title {
  margin: .25rem 0 0 !important;
  color: var(--tblr-heading-color, #182433) !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.login-body--tabler .brand-subtitle {
  display: block !important;
  max-width: 21rem !important;
  margin: 0 !important;
  color: var(--tblr-secondary-color, #667382) !important;
  font-size: .875rem !important;
  line-height: 1.45 !important;
}

body.login-body--tabler .login-form {
  display: block !important;
  gap: 0 !important;
}

body.login-body--tabler .login-form .form-group {
  display: block !important;
  gap: 0 !important;
}

body.login-body--tabler .login-form .form-label {
  margin-bottom: .5rem !important;
  color: var(--tblr-body-color, #182433) !important;
  font-size: .875rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

body.login-body--tabler .login-form .input-icon {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

body.login-body--tabler .login-form .input-icon > i {
  display: none !important;
}

body.login-body--tabler .login-form .input-icon-addon {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  width: 2.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--tblr-secondary-color, #667382) !important;
  pointer-events: none !important;
}

body.login-body--tabler .login-form .form-control {
  width: 100% !important;
  min-height: 2.5rem !important;
  height: 2.5rem !important;
  padding-left: 2.5rem !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  background: var(--tblr-bg-forms, #ffffff) !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  line-height: 1.4 !important;
  color-scheme: light !important;
}

body.login-body--tabler .login-form .form-control:focus {
  border-color: var(--tblr-primary, #206bc4) !important;
  box-shadow: 0 0 0 .25rem rgba(32, 107, 196, .16) !important;
}

body.login-body--tabler .login-form .form-control.is-invalid {
  border-color: var(--tblr-danger, #d63939) !important;
  box-shadow: 0 0 0 .25rem rgba(214, 57, 57, .12) !important;
}

body.login-body--tabler .password-field .form-control {
  padding-right: 2.75rem !important;
}

body.login-body--tabler .toggle-password.btn {
  position: absolute !important;
  top: .25rem !important;
  right: .25rem !important;
  z-index: 3 !important;
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  background: transparent !important;
  color: var(--tblr-secondary-color, #667382) !important;
  box-shadow: none !important;
}

body.login-body--tabler .toggle-password.btn:hover,
body.login-body--tabler .toggle-password.btn:focus {
  color: var(--tblr-primary, #206bc4) !important;
  background: var(--tblr-primary-lt, rgba(32, 107, 196, .08)) !important;
}

body.login-body--tabler .form-meta {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-top: .5rem !important;
  color: var(--tblr-secondary-color, #667382) !important;
  font-size: .875rem !important;
}

body.login-body--tabler .remember-toggle.form-check {
  min-height: 1.25rem !important;
  margin: 0 !important;
  padding-left: 1.5rem !important;
  display: block !important;
  color: var(--tblr-body-color, #182433) !important;
  font-size: .875rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  cursor: pointer !important;
}

body.login-body--tabler .remember-toggle .form-check-input {
  width: 1rem !important;
  height: 1rem !important;
  margin-top: .125rem !important;
  margin-left: -1.5rem !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

body.login-body--tabler .remember-toggle .form-check-input::before {
  display: none !important;
}

body.login-body--tabler .remember-toggle .form-check-input:checked {
  --tblr-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");
  border-color: var(--tblr-primary, #206bc4) !important;
  background-color: var(--tblr-primary, #206bc4) !important;
  background-image: var(--tblr-form-check-bg-image) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

body.login-body--tabler .remember-toggle .form-check-label {
  color: inherit !important;
  font-weight: inherit !important;
}

body.login-body--tabler .login-error.alert {
  align-items: flex-start !important;
  gap: .5rem !important;
  margin: 0 0 1rem !important;
  padding: .75rem !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  line-height: 1.45 !important;
}

body.login-body--tabler .login-error[hidden] {
  display: none !important;
}

body.login-body--tabler .login-error.alert:not([hidden]) {
  display: flex !important;
}

body.login-body--tabler .login-error i {
  flex: 0 0 auto !important;
  margin-top: .125rem !important;
}

body.login-body--tabler .login-btn.btn {
  min-height: 2.5rem !important;
  height: 2.5rem !important;
  gap: .5rem !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  box-shadow: none !important;
  transform: none !important;
}

body.login-body--tabler .login-btn.btn:hover,
body.login-body--tabler .login-btn.btn:focus {
  transform: none !important;
  box-shadow: none !important;
}

body.login-body--tabler .login-access.alert {
  display: flex !important;
  align-items: flex-start !important;
  gap: .75rem !important;
  margin: 1rem 0 0 !important;
  padding: .75rem !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  box-shadow: none !important;
  font-size: .875rem !important;
  line-height: 1.45 !important;
}

body.login-body--tabler .login-access .avatar {
  --tblr-avatar-size: 2rem;
  flex: 0 0 auto !important;
}

body.login-body--tabler .reset-overlay.modal {
  background: rgba(4, 32, 69, .42) !important;
  backdrop-filter: none !important;
}

body.login-body--tabler .reset-overlay[hidden] {
  display: none !important;
}

body.login-body--tabler .reset-overlay.modal:not([hidden]) {
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

body.login-body--tabler .reset-overlay .modal-dialog {
  max-width: 26rem !important;
  transform: none !important;
}

body.login-body--tabler .reset-card.modal-content {
  width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  box-shadow: 0 1rem 2.5rem rgba(4, 32, 69, .22) !important;
}

body.login-body--tabler .reset-card .modal-header,
body.login-body--tabler .reset-card .modal-body,
body.login-body--tabler .reset-card .modal-footer {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}

body.login-body--tabler .reset-card .modal-title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

body.login-body--tabler .reset-field label {
  font-size: .875rem !important;
  font-weight: 500 !important;
}

body.login-body--tabler .reset-field .form-control {
  min-height: 2.5rem !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  box-shadow: none !important;
}

body.login-body--tabler .reset-error {
  min-height: 0 !important;
  margin: .75rem 0 0 !important;
  color: var(--tblr-danger, #d63939) !important;
  font-size: .875rem !important;
}

body.login-body--tabler .reset-error:empty {
  display: none !important;
}

body.login-body--tabler .reset-actions.modal-footer {
  display: flex !important;
  justify-content: stretch !important;
  gap: .5rem !important;
}

body.login-body--tabler .reset-actions .btn {
  min-height: 2.5rem !important;
  border-radius: var(--tblr-border-radius, 6px) !important;
  font-weight: 600 !important;
}

body.theme-dark.login-body--tabler {
  background: var(--app-bg, #0f1720) !important;
  color: var(--app-text, #f4f6fa) !important;
  color-scheme: dark !important;
}

body.theme-dark.login-body--tabler .login-panel.card,
body.theme-dark.login-body--tabler .reset-card.modal-content {
  background: var(--app-surface, #182433) !important;
  border-color: var(--app-border, #2f3b4a) !important;
  color: var(--app-text, #f4f6fa) !important;
}

body.theme-dark.login-body--tabler .login-brand h1.card-title,
body.theme-dark.login-body--tabler .login-form .form-label,
body.theme-dark.login-body--tabler .remember-toggle.form-check,
body.theme-dark.login-body--tabler .reset-card .modal-title,
body.theme-dark.login-body--tabler .reset-field label {
  color: var(--app-text, #f4f6fa) !important;
}

body.theme-dark.login-body--tabler .brand-lockup,
body.theme-dark.login-body--tabler .brand-subtitle,
body.theme-dark.login-body--tabler .form-meta,
body.theme-dark.login-body--tabler .login-form .input-icon-addon {
  color: var(--app-muted, #9aa6b2) !important;
}

body.theme-dark.login-body--tabler .brand-logo.avatar,
body.theme-dark.login-body--tabler .login-form .form-control,
body.theme-dark.login-body--tabler .reset-field .form-control {
  background: #111a27 !important;
  border-color: var(--app-border, #2f3b4a) !important;
  color: var(--app-text, #f4f6fa) !important;
  color-scheme: dark !important;
}

body.theme-dark.login-body--tabler .login-access.alert {
  background: rgba(64, 137, 232, .12) !important;
  border-color: rgba(64, 137, 232, .25) !important;
  color: var(--app-text, #f4f6fa) !important;
}

body.theme-dark.login-body--tabler .login-access .text-secondary,
body.theme-dark.login-body--tabler .reset-card .text-secondary {
  color: var(--app-muted, #9aa6b2) !important;
}

body.theme-dark.login-body--tabler .reset-overlay.modal {
  background: rgba(0, 0, 0, .58) !important;
}

@media (max-width: 560px) {
  body.login-body--tabler .login-shell.page {
    align-items: flex-start !important;
    padding: .75rem !important;
  }

  body.login-body--tabler .container-tight {
    padding: 0 !important;
  }

  body.login-body--tabler .login-panel .card-body {
    padding: 1.5rem !important;
  }

  body.login-body--tabler .login-brand {
    margin-bottom: 1.5rem !important;
  }
}

/* Payment history: compact Tabler page finish. */
body.payment-history-body--tabler .payment-history-card.card.section-frame,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-card.card.section-frame {
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  box-shadow: none !important;
}

body.payment-history-body--tabler .payment-history-page .page-header,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-page .page-header {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
  margin-bottom: 1rem !important;
}

body.payment-history-body--tabler .payment-history-header-actions.header-actions,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-header-actions.header-actions {
  display: flex !important;
  align-items: end !important;
  justify-content: flex-end !important;
  gap: .5rem !important;
  flex-wrap: wrap !important;
  margin-left: auto !important;
}

body.payment-history-body--tabler .payment-history-export-field,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-export-field {
  width: 10rem !important;
  min-width: 10rem !important;
}

body.payment-history-body--tabler .payment-history-header-actions .btn,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-header-actions .btn {
  min-height: 2.25rem !important;
  gap: .375rem !important;
  white-space: nowrap !important;
}

body.payment-history-body--tabler .payment-history-toolbar.card-header,
body.payment-history-body--tabler .payment-history-toolbar.tabler-toolbar,
body.payment-history-body--tabler .section-frame.card > .payment-history-toolbar.tabler-toolbar:first-child,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-toolbar.card-header,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-toolbar.tabler-toolbar,
body.layout-fluid-vertical.payment-history-body--tabler .section-frame.card > .payment-history-toolbar.tabler-toolbar:first-child {
  display: block !important;
  margin: 0 !important;
  padding: 1rem !important;
  border-bottom: 1px solid var(--app-border, var(--tblr-border-color)) !important;
  border-radius: 0 !important;
  background: var(--tblr-card-bg, var(--app-surface, #fff)) !important;
}

body.payment-history-body--tabler .payment-history-toolbar-grid,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-toolbar-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(16rem, 1.25fr) minmax(28rem, 3fr) auto !important;
  gap: .75rem !important;
  align-items: end !important;
}

body.payment-history-body--tabler .payment-history-inline-filters,
body.payment-history-body--tabler .payment-history-inline-filters.tabler-toolbar,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-inline-filters,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-inline-filters.tabler-toolbar {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(7.5rem, 1fr)) !important;
  gap: .5rem !important;
  align-items: end !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.payment-history-body--tabler .payment-history-search.search-field,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-search.search-field {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.payment-history-body--tabler .payment-history-search .input-icon,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-search .input-icon {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.payment-history-body--tabler .payment-history-search .input-icon-addon,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-search .input-icon-addon {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 2rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--app-muted, var(--tblr-secondary-color)) !important;
  pointer-events: none !important;
}

body.payment-history-body--tabler .payment-history-search .form-control,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-search .form-control {
  padding-left: 2rem !important;
}

body.payment-history-body--tabler .payment-history-metric.card,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-metric.card {
  height: 100% !important;
  display: block !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: var(--tblr-border-radius-lg, 8px) !important;
  box-shadow: none !important;
}

body.payment-history-body--tabler .payment-history-metric .card-body,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-metric .card-body {
  display: flex !important;
  align-items: flex-start !important;
  gap: .75rem !important;
  padding: 1rem !important;
}

body.payment-history-body--tabler .payment-history-metric__value,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-metric__value {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.payment-history-body--tabler .payment-history-table,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-table {
  min-width: 58rem !important;
  margin-bottom: 0 !important;
}

body.payment-history-body--tabler .payment-history-empty-cell .empty-icon,
body.layout-fluid-vertical.payment-history-body--tabler .payment-history-empty-cell .empty-icon {
  margin-bottom: .5rem !important;
}

body.payment-history-body--tabler .table-footer.card-footer,
body.layout-fluid-vertical.payment-history-body--tabler .table-footer.card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  flex-wrap: wrap !important;
  padding: .75rem 1rem !important;
}

@media (max-width: 1320px) {
  body.payment-history-body--tabler .payment-history-toolbar-grid,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-toolbar-grid {
    grid-template-columns: 1fr !important;
  }

  body.payment-history-body--tabler .payment-history-admin-actions,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-admin-actions {
    justify-content: flex-start !important;
    white-space: normal !important;
  }
}

@media (max-width: 960px) {
  body.payment-history-body--tabler .payment-history-inline-filters,
  body.payment-history-body--tabler .payment-history-inline-filters.tabler-toolbar,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-inline-filters,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-inline-filters.tabler-toolbar {
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body.payment-history-body--tabler .payment-history-page .page-header,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-page .page-header {
    align-items: stretch !important;
  }

  body.payment-history-body--tabler .payment-history-header-actions.header-actions,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-header-actions.header-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin-left: 0 !important;
  }

  body.payment-history-body--tabler .payment-history-export-field,
  body.payment-history-body--tabler .payment-history-header-actions .btn,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-export-field,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-header-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.payment-history-body--tabler .payment-history-toolbar.card-header,
  body.payment-history-body--tabler .payment-history-toolbar.tabler-toolbar,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-toolbar.card-header,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-toolbar.tabler-toolbar {
    padding: .875rem !important;
  }

  body.payment-history-body--tabler .payment-history-inline-filters,
  body.payment-history-body--tabler .payment-history-inline-filters.tabler-toolbar,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-inline-filters,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-inline-filters.tabler-toolbar {
    grid-template-columns: 1fr !important;
  }

  body.payment-history-body--tabler .payment-history-admin-actions,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-admin-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.payment-history-body--tabler .payment-history-admin-actions .btn,
  body.layout-fluid-vertical.payment-history-body--tabler .payment-history-admin-actions .btn {
    width: 100% !important;
  }
}