/* TechRad glass layer: the final shared surface and responsive rules. */
:root {
  --tr-surface: rgba(255, 255, 255, .72);
  --tr-surface-strong: rgba(255, 255, 255, .88);
  --tr-surface-border: rgba(255, 255, 255, .82);
  --tr-focus: 0 0 0 4px rgba(91, 143, 249, .16);
}

body {
  min-width: 320px;
  overflow-x: hidden;
  backdrop-filter: blur(4px) !important;
}

.glass-card,
.dashboard-card-glass,
.stat-card-glass,
.product-card-glass,
.form-glass-card,
.section-card,
.cust-card,
.kpi-card,
.cust-stat {
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 30px 15px rgba(255, 255, 255, 0.35) !important;
}

.form-control,
.form-select,
textarea,
input,
select {
  max-width: 100%;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus,
select:focus {
  border-color: var(--tr-accent, #5B8FF9);
  box-shadow: var(--tr-focus);
  outline: 0;
}

.table-responsive {
  border-radius: inherit;
  scrollbar-width: thin;
}

.table-responsive > table {
  min-width: 640px;
}

/* Dashboard list templates use this class for the old scroll-reveal script.
   The dedicated dashboard shells do not load that public-page script, so
   content must remain visible by default. */
.admin-content .animate-on-scroll,
.cust-content .animate-on-scroll {
  opacity: 1;
  transform: none;
}

.table-glass,
.tr-table {
  --bs-table-bg: transparent;
  background: transparent;
}

.table-glass thead th,
.tr-table th {
  background: rgba(91, 143, 249, .07);
  white-space: nowrap;
}

.mobile-bottom-nav {
  display: none;
}

@media (max-width: 991.98px) {
  .container,
  .container-fluid {
    --bs-gutter-x: 1.5rem;
  }

  .dashboard-card-glass,
  .form-glass-card,
  .glass-card {
    border-radius: var(--tr-radius-lg, 24px);
  }

  .admin-topbar,
  .cust-header-inner {
    padding-inline: 14px;
  }
}

@media (max-width: 767.98px) {
  .mobile-bottom-nav {
    display: flex;
  }

  body {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .row > [class*="col-"] {
    min-width: 0;
  }

  .dashboard-card-glass,
  .form-glass-card,
  .glass-card,
  .section-card,
  .cust-card {
    border-radius: 18px;
  }

  .table-responsive {
    margin-inline: -1px;
  }

  .profile-actions,
  .cust-header-actions,
  .topbar-actions {
    gap: 6px;
  }

  .profile-action-btn,
  .btn-primary-tr,
  .btn-outline-tr {
    min-height: 42px;
    padding-inline: 14px;
  }
}

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