.admin-skip-link {
  background: var(--bs-primary);
  border-radius: 0 0 8px 8px;
  color: var(--bs-white);
  font-weight: 800;
  left: 24px;
  padding: 10px 14px;
  position: fixed;
  top: 0;
  transform: translateY(-120%);
  transition: transform .16s ease;
  z-index: 2000;
}

.admin-skip-link:focus,
.admin-skip-link:focus-visible {
  color: var(--bs-white);
  outline: 3px solid rgba(var(--bs-primary-rgb), .32);
  outline-offset: 2px;
  transform: translateY(0);
}

.modern-admin-shell :where(a, button, input, select, textarea, [tabindex]):focus-visible,
.modern-admin-auth :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid rgba(var(--bs-primary-rgb), .34);
  outline-offset: 2px;
}

.modern-admin-shell .sidebar-link:focus-visible,
.modern-admin-shell .nav-link:focus-visible,
.modern-admin-shell .admin-btn:focus-visible,
.modern-admin-shell .admin-icon-btn:focus-visible,
.modern-admin-auth .admin-login-submit:focus-visible,
.modern-admin-auth .password-toggle:focus-visible {
  box-shadow: 0 0 0 .22rem rgba(var(--bs-primary-rgb), .2);
}

.modern-admin-shell .admin-field input:focus,
.modern-admin-shell .admin-field select:focus,
.modern-admin-shell .admin-field textarea:focus,
.modern-admin-shell .settings-form input:focus,
.modern-admin-shell .settings-form select:focus,
.modern-admin-shell .settings-form textarea:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .18rem rgba(var(--bs-primary-rgb), .12);
  outline: 0;
}

.modern-admin-shell input[type="checkbox"],
.modern-admin-shell input[type="radio"],
.modern-admin-auth input[type="checkbox"],
.modern-admin-auth input[type="radio"] {
  accent-color: var(--bs-primary);
  flex: 0 0 16px;
  height: 16px;
  margin: 0;
  min-height: 0;
  padding: 0;
  width: 16px;
}

.modern-admin-shell input[type="radio"],
.modern-admin-auth input[type="radio"] {
  border-radius: 50%;
}

.modern-admin-shell .admin-field input[type="checkbox"],
.modern-admin-shell .admin-field input[type="radio"] {
  min-height: 16px;
}

.modern-admin-shell .checkbox-row,
.modern-admin-auth .modern-checkbox {
  align-items: center;
}

.modern-admin-shell .admin-toggle input:focus-visible + .admin-toggle-track,
.modern-admin-shell .admin-segmented-control input:focus-visible + span {
  box-shadow: 0 0 0 .22rem rgba(var(--bs-primary-rgb), .22);
}

.modern-admin-shell .admin-data-table-wrap {
  min-width: 0;
}

.modern-admin-shell .admin-table-scroll {
  border-radius: 8px;
}

.modern-admin-shell .data-table th,
.modern-admin-shell .data-table td {
  overflow-wrap: anywhere;
}

.modern-admin-shell .admin-card,
.modern-admin-shell .dashboard-widget-card,
.modern-admin-shell .panel {
  min-width: 0;
}

.modern-admin-shell .admin-email-preview {
  background: var(--bs-white);
  border: 1px solid var(--bs-border-color);
  border-radius: 8px;
  color: var(--bs-body-color);
  min-height: 180px;
  overflow: auto;
  padding: 20px;
}

.modern-admin-shell .translation-panel {
  min-width: 0;
}

html[dir="rtl"] .modern-admin-shell,
html[dir="rtl"] .modern-admin-auth {
  text-align: right;
}

html[dir="rtl"] .admin-skip-link {
  left: auto;
  right: 24px;
}

html[dir="rtl"] .modern-admin-shell .data-table th,
html[dir="rtl"] .modern-admin-shell .data-table td {
  text-align: right;
}

html[dir="rtl"] .modern-admin-shell .sidebar-link i,
html[dir="rtl"] .modern-admin-shell .admin-btn i {
  margin-left: 0;
}

html[dir="rtl"] .modern-admin-shell .dropdown-menu-end {
  left: 0;
  right: auto;
}

@media (max-width: 991.98px) {
  .modern-admin-shell .body-wrapper > .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }

  .modern-admin-shell .dashboard-layout,
  .modern-admin-shell .dashboard-widget-grid-top,
  .modern-admin-shell .dashboard-main-widgets {
    grid-template-columns: 1fr;
  }

  .modern-admin-shell .dashboard-widget-width-1,
  .modern-admin-shell .dashboard-widget-width-2,
  .modern-admin-shell .dashboard-widget-width-3,
  .modern-admin-shell .dashboard-widget-width-4 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767.98px) {
  .modern-admin-shell .panel,
  .modern-admin-shell .admin-card,
  .modern-admin-shell .dashboard-widget-card {
    padding: 16px;
  }

  .modern-admin-shell .admin-component-title,
  .modern-admin-shell .admin-card-header,
  .modern-admin-shell .dashboard-stat-widget,
  .modern-admin-shell .dashboard-link-widget {
    align-items: flex-start;
  }

  .modern-admin-shell .admin-btn,
  .modern-admin-shell .settings-form button {
    width: 100%;
  }

  .modern-admin-shell .admin-button-group {
    flex-wrap: wrap;
  }

  .modern-admin-shell .admin-button-group > * {
    border-radius: 7px;
  }

  .modern-admin-shell .admin-table-scroll {
    border: 1px solid var(--bs-border-color);
  }

  .modern-admin-shell .data-table {
    margin-top: 0;
    min-width: 640px;
  }

  .modern-admin-auth .modern-input-wrap {
    grid-template-columns: 18px minmax(0, 1fr) auto;
  }
}

@media (max-width: 480px) {
  .modern-admin-shell .admin-page-heading h1 {
    font-size: 20px;
  }

  .modern-admin-shell .dashboard-stat-widget strong,
  .modern-admin-shell .stat-card strong {
    font-size: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }

  .modern-admin-shell .preloader {
    display: none !important;
  }
}