/* FEAT RH - base neutra do shell
   Camada de compatibilidade para remover a leitura antiga do AdminLTE
   antes dos refinamentos visuais do lote 7. */

:root {
  --feat-shell-bg: #f8fafc;
  --feat-shell-surface: #ffffff;
  --feat-shell-surface-soft: #f8fbff;
  --feat-shell-border: #e2e8f0;
  --feat-shell-border-soft: #ecf0f5;
  --feat-shell-text: #0f172a;
  --feat-shell-text-soft: #475569;
  --feat-shell-text-muted: #64748b;
  --feat-shell-topbar: #0b0f2a;
  --feat-shell-topbar-deep: #060a1f;
  --feat-shell-action: #1e5bff;
  --feat-shell-cyan: #22d3ee;
  --feat-shell-radius: 18px;
  --feat-shell-radius-lg: 22px;
  --feat-shell-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

html,
body {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  background: var(--feat-shell-bg);
  color: var(--feat-shell-text);
}

body.feat-shell {
  background:
    radial-gradient(circle at top center, rgba(30, 91, 255, 0.06), transparent 28%),
    var(--feat-shell-bg);
  color: var(--feat-shell-text);
}

body.feat-shell .wrapper,
body.feat-shell .content-wrapper,
body.feat-shell .content,
body.feat-shell .content-header {
  background: transparent;
}

body.feat-shell .main-sidebar,
body.feat-shell .main-sidebar::before,
body.feat-shell .brand-link[href*="javascript"],
body.feat-shell .feat-global-menu-surface,
body.feat-shell .feat-topnav-fallback {
  display: none !important;
}

body.feat-shell .main-header.feat-header {
  border: 0 !important;
  background:
    radial-gradient(circle at 0 0, rgba(30, 91, 255, 0.2), transparent 35%),
    linear-gradient(135deg, var(--feat-shell-topbar-deep), var(--feat-shell-topbar)) !important;
  box-shadow: 0 10px 34px rgba(6, 10, 31, 0.28) !important;
}

body.feat-shell .content-wrapper {
  min-height: calc(100vh - 78px);
}

body.feat-shell .content-header h1,
body.feat-shell .card-title,
body.feat-shell h2,
body.feat-shell h3,
body.feat-shell h4 {
  color: var(--feat-shell-text);
}

body.feat-shell .content-header h1 {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -0.05em;
}

body.feat-shell .card,
body.feat-shell .small-box,
body.feat-shell .info-box,
body.feat-shell .feat-panel,
body.feat-shell .feat-results-surface,
body.feat-shell .feat-filter-sidebar,
body.feat-shell .feat-list-surface,
body.feat-shell .feat-card-soft,
body.feat-shell .feat-kpi-card,
body.feat-shell .feat-module-header,
body.feat-shell .feat-modal-s14 .modal-content,
body.feat-shell .feat-empty-state,
body.feat-shell .feat-feed-state {
  border: 1px solid var(--feat-shell-border) !important;
  border-radius: var(--feat-shell-radius) !important;
  background: var(--feat-shell-surface) !important;
  box-shadow: var(--feat-shell-shadow) !important;
}

body.feat-shell .card-header,
body.feat-shell .modal-header,
body.feat-shell .modal-footer,
body.feat-shell .feat-list-surface .table thead th,
body.feat-shell .table thead th {
  border-color: var(--feat-shell-border-soft) !important;
  background: var(--feat-shell-surface-soft) !important;
}

body.feat-shell .table td,
body.feat-shell .table tbody td,
body.feat-shell .table th {
  border-color: var(--feat-shell-border-soft) !important;
}

body.feat-shell .table tbody td,
body.feat-shell .table tbody tr,
body.feat-shell .feat-table-cell-muted,
body.feat-shell .feat-feed-state,
body.feat-shell .feat-module-header .feat-subtitle,
body.feat-shell .feat-empty-state {
  color: var(--feat-shell-text-soft) !important;
}

body.feat-shell .table thead th,
body.feat-shell .feat-list-surface .table thead th,
body.feat-shell .feat-primary-nav-subgroup-title,
body.feat-shell .feat-shell-drawer-subgroup-title {
  color: var(--feat-shell-text-muted) !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.feat-shell .btn {
  min-height: 44px;
  border-radius: 13px !important;
  font-weight: 700;
}

body.feat-shell .btn-primary,
body.feat-shell .btn-info,
body.feat-shell .bg-feat {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--feat-shell-action), #2563eb) !important;
  box-shadow: 0 16px 28px rgba(30, 91, 255, 0.22) !important;
}

body.feat-shell .btn-outline-primary,
body.feat-shell .btn-outline-secondary,
body.feat-shell .btn-outline-dark,
body.feat-shell .btn-secondary,
body.feat-shell .btn-success {
  color: var(--feat-shell-text) !important;
  border-color: var(--feat-shell-border) !important;
  background: #fff !important;
}

body.feat-shell .form-control,
body.feat-shell .custom-select,
body.feat-shell .select2-selection {
  min-height: 44px;
  border-color: var(--feat-shell-border) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

body.feat-shell .form-control:focus,
body.feat-shell .custom-select:focus,
body.feat-shell .select2-container--default.select2-container--focus .select2-selection--single,
body.feat-shell .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: rgba(30, 91, 255, 0.44) !important;
  box-shadow: 0 0 0 0.22rem rgba(30, 91, 255, 0.12) !important;
}

body.feat-shell .table-responsive,
body.feat-shell .dataTables_wrapper .row:first-child,
body.feat-shell .feat-filter-surface .dataTables_wrapper .row:first-child {
  border: 1px solid var(--feat-shell-border) !important;
  border-radius: 16px !important;
  background: var(--feat-shell-surface) !important;
}

body.feat-shell .pagination .page-link,
body.feat-shell .badge,
body.feat-shell .feat-table-badge,
body.feat-shell .feat-module-metrics {
  border-radius: 999px !important;
}

body.feat-shell .small-box .icon,
body.feat-shell .info-box .info-box-icon,
body.feat-shell .feat-company-fallback {
  background:
    linear-gradient(135deg, rgba(30, 91, 255, 0.12), rgba(34, 211, 238, 0.14)) !important;
  color: var(--feat-shell-action) !important;
}

body.login-page,
body.login-page .login-box {
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
}

body.login-page:not(.feat-auth-has-bg) {
  background:
    radial-gradient(circle at top center, rgba(30, 91, 255, 0.1), transparent 28%),
    linear-gradient(180deg, #f8fafc 0%, #eef4ff 100%) !important;
}

body.login-page .card,
body.login-page .auth-s14-card,
body.login-page .feat-auth-card,
body.login-page .tp-auth-card {
  border: 1px solid var(--feat-shell-border) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: var(--feat-shell-shadow) !important;
}

body.login-page .btn-primary,
body.login-page .bg-feat {
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--feat-shell-action), #2563eb) !important;
  box-shadow: 0 16px 28px rgba(30, 91, 255, 0.22) !important;
}

@media (max-width: 991.98px) {
  body.feat-shell .content-header h1 {
    font-size: 1.6rem;
  }
}

@media (max-width: 767.98px) {
  body.feat-shell .card,
  body.feat-shell .small-box,
  body.feat-shell .info-box,
  body.feat-shell .feat-panel,
  body.feat-shell .feat-results-surface,
  body.feat-shell .feat-filter-sidebar,
  body.feat-shell .feat-list-surface,
  body.feat-shell .feat-card-soft,
  body.feat-shell .feat-kpi-card,
  body.feat-shell .feat-module-header,
  body.feat-shell .feat-modal-s14 .modal-content {
    border-radius: 16px !important;
  }

  body.feat-shell .content-header h1 {
    font-size: 1.24rem;
  }
}

/* FEAT RH - compatibilidade logo sem ponto rosa */
body.feat-shell .brand-mark .dot {
  display: none !important;
  content: none !important;
}

body.feat-shell .feat-header-logo-wordmark {
  font-weight: 650 !important;
  letter-spacing: -0.025em !important;
}

@media (min-width: 861px) {
  body.feat-shell .feat-primary-nav-region {
    min-width: 0;
  }

  body.feat-shell .feat-primary-nav {
    min-width: 0;
    overflow: visible;
  }
}