:root {
  --pilotis-sidebar: #173b43;
  --pilotis-sidebar-soft: #294f57;
  --pilotis-coral: #f66b4e;
  --pilotis-coral-dark: #df573b;
  --pilotis-bg: #f5f6f2;
  --pilotis-line: #e2e6e1;
  --pilotis-ink: #14212a;
  --erp-blue: var(--pilotis-coral);
  --erp-blue-dark: var(--pilotis-coral-dark);
  --erp-blue-soft: #fff0eb;
  --erp-teal: #4f9a80;
  --erp-teal-dark: #34755f;
  --erp-teal-soft: #e7f4ee;
  --erp-bg: var(--pilotis-bg);
  --erp-danger: var(--pilotis-coral);
}

body,
.app-shell,
.main,
#screen {
  background: var(--pilotis-bg) !important;
  color: var(--pilotis-ink);
}

.sidebar {
  border-right: 0 !important;
  background: var(--pilotis-sidebar) !important;
  color: #fff !important;
  box-shadow: 10px 0 32px rgba(23, 59, 67, 0.1) !important;
}

.sidebar .brand-lockup strong,
.sidebar .sidebar-footer .muted,
.sidebar .sidebar-footer strong {
  color: #fff !important;
}

.sidebar .brand-lockup span,
.sidebar .sidebar-footer .muted span,
.sidebar .hint,
.sidebar .muted {
  color: rgba(255, 255, 255, 0.62) !important;
}

.sidebar .brand-mark {
  background: linear-gradient(145deg, #f8b35c, var(--pilotis-coral)) !important;
  box-shadow: 0 12px 24px rgba(246, 107, 78, 0.24) !important;
}

.sidebar-toggle,
.sidebar-search,
.sidebar .secondary-btn {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.sidebar-search input {
  color: #fff !important;
}

.sidebar-search input::placeholder,
.sidebar-search span {
  color: rgba(255, 255, 255, 0.55) !important;
}

.nav button {
  border: 1px solid transparent !important;
  color: rgba(255, 255, 255, 0.74) !important;
}

.nav button:hover,
.nav button.active {
  border-color: rgba(255, 255, 255, 0.06) !important;
  background: var(--pilotis-sidebar-soft) !important;
  color: #fff !important;
}

.nav button.active {
  box-shadow: inset 3px 0 0 var(--pilotis-coral) !important;
}

.nav-icon,
.nav-icon[class*="tone-"] {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #d9eeea !important;
  box-shadow: none !important;
}

.sidebar-footer {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.topbar,
.prospect-topbar,
.rh-shell-topbar,
.settings-topbar,
.accounting-topbar {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.topbar h1,
.prospect-topbar h1,
.rh-shell-topbar h1,
.settings-topbar h1,
.accounting-topbar h1 {
  color: var(--pilotis-ink) !important;
  letter-spacing: -0.035em;
}

.panel,
.settings-panel,
.employee-panel,
.employee-card,
.client-card,
.dossier-card,
.email-card,
.detail-tile,
.accounting-panel,
.rh-notification-card,
.currency-card,
.prospect-table-wrap,
.presence-table-wrap,
.accounting-table-wrap,
.modal {
  border: 1px solid var(--pilotis-line) !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(28, 46, 48, 0.06) !important;
}

.primary-btn,
.prospect-actions .primary-btn,
.simple-sessions .prospect-actions .primary-btn,
.accounting-controls .primary-btn,
.session-action-btn.view,
.session-action-btn.edit,
.session-action-btn.report,
.enroll-btn,
.accounting-link-btn {
  border-color: var(--pilotis-coral) !important;
  border-radius: 13px !important;
  background: var(--pilotis-coral) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(246, 107, 78, 0.18) !important;
}

.primary-btn:hover,
.prospect-actions .primary-btn:hover,
.accounting-controls .primary-btn:hover {
  border-color: var(--pilotis-coral-dark) !important;
  background: var(--pilotis-coral-dark) !important;
}

input,
select,
textarea,
.field input,
.field select,
.field textarea {
  border-color: #dce2de !important;
  border-radius: 13px !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--pilotis-coral) !important;
  box-shadow: 0 0 0 3px rgba(246, 107, 78, 0.1) !important;
  outline: 0;
}

.prospect-table th,
.session-table th,
.cash-table th,
.accounting-table th,
.accounting-mini-table th,
.presence-table th {
  background: #f7f8f5 !important;
  color: #7b878b !important;
  font-size: 11px !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

.modal-backdrop {
  background: rgba(16, 38, 43, 0.55) !important;
  backdrop-filter: blur(5px);
}

.modal {
  max-height: calc(100dvh - 48px) !important;
  overflow-y: auto !important;
}

@media (max-width: 900px) {
  .sidebar {
    box-shadow: none !important;
  }
}