@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Evita flash do painel admin enquanto /api/auth/me valida a sessao */
html.auth-pending body {
  visibility: hidden !important;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: #f1f2f4;
  color: #202223;
  zoom: 90%;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f2f4;
}
::-webkit-scrollbar-thumb {
  background: #c9cccf;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a8acb1;
}

/* Status Badges */
.badge-presidente {
  background-color: #18181b;
  color: #ffffff;
  border: 1px solid #09090b;
}
.badge-coordenador {
  background-color: #f4f4f5;
  color: #18181b;
  border: 1px solid #e4e4e7;
}
.badge-supervisor {
  background-color: #e4e4e7;
  color: #27272a;
  border: 1px solid #d4d4d8;
}
.badge-lider {
  background-color: #fafafa;
  color: #3f3f46;
  border: 1px solid #e4e4e7;
}
.badge-co-lider {
  background-color: #f4f5f7;
  color: #52525b;
  border: 1px solid #e1e3e5;
}
.badge-membro {
  background-color: #ffffff;
  color: #71717a;
  border: 1px solid #e4e4e7;
}

/* Sidebar active link indicator */
.sidebar-item-active {
  background-color: #f1f2f4;
  color: #09090b;
  font-weight: 600;
  border-left: 3px solid #18181b;
}

/* Retractable Sidebar (Desktop Collapsed Mode) */
aside#sidebar-menu {
  transition: width 0.2s ease-in-out, transform 0.2s ease-in-out;
}

body.sidebar-collapsed aside#sidebar-menu {
  width: 4.5rem !important; /* 72px width */
}

body.sidebar-collapsed .sidebar-text {
  display: none !important;
}

body.sidebar-collapsed #sidebar-menu nav button {
  justify-content: center !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

body.sidebar-collapsed #sidebar-menu nav button svg {
  margin-right: 0 !important;
}

/* Mobile Drawer Overlay animation */
.drawer-backdrop {
  transition: opacity 0.3s ease-in-out;
}
.drawer-panel {
  transition: transform 0.3s ease-in-out;
}

/* Modal Button Helpers */
.btn-danger {
  background-color: #dc2626 !important;
  color: #ffffff !important;
}
.btn-danger:hover {
  background-color: #b91c1c !important;
}
.btn-primary {
  background-color: #18181b !important;
  color: #ffffff !important;
}
.btn-primary:hover {
  background-color: #27272a !important;
}

/* ==========================================================================
   BRASA THEMES SYSTEM (Light, Dark, Gray, Dark Green)
   ========================================================================== */

/* DARK THEME */
[data-theme="dark"] body {
  background-color: #0f172a !important;
  color: #f8fafc !important;
}
[data-theme="dark"] header,
[data-theme="dark"] aside#sidebar-menu,
[data-theme="dark"] .bg-white,
[data-theme="dark"] .modal-container,
[data-theme="dark"] [class*="modal"] .bg-white {
  background-color: #1e293b !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}
[data-theme="dark"] .bg-\[\#f1f2f4\],
[data-theme="dark"] .bg-\[\#f4f5f7\],
[data-theme="dark"] .bg-\[\#f6f6f7\] {
  background-color: #334155 !important;
  color: #f8fafc !important;
}
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: #1e293b !important;
  color: #f8fafc !important;
  border-color: #475569 !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] select::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #94a3b8 !important;
}
[data-theme="dark"] .text-\[\#18181b\],
[data-theme="dark"] .text-\[\#202223\],
[data-theme="dark"] .text-gray-900 {
  color: #f8fafc !important;
}
[data-theme="dark"] .text-\[\#5c5f62\],
[data-theme="dark"] .text-\[\#6d7175\],
[data-theme="dark"] .text-gray-600,
[data-theme="dark"] .text-gray-500 {
  color: #cbd5e1 !important;
}
[data-theme="dark"] .border-\[\#e1e3e5\],
[data-theme="dark"] .border-\[\#c9cccf\],
[data-theme="dark"] .border-gray-200 {
  border-color: #334155 !important;
}
[data-theme="dark"] table th {
  background-color: #1e293b !important;
  color: #94a3b8 !important;
  border-color: #334155 !important;
}
[data-theme="dark"] table td {
  border-color: #334155 !important;
  color: #f8fafc !important;
}
[data-theme="dark"] table tr:hover {
  background-color: #334155 !important;
}
[data-theme="dark"] .sidebar-item-active {
  background-color: #334155 !important;
  color: #ffffff !important;
  border-left-color: #38bdf8 !important;
}

/* GRAY THEME */
[data-theme="gray"] body {
  background-color: #cbd5e1 !important;
  color: #0f172a !important;
}
[data-theme="gray"] header,
[data-theme="gray"] aside#sidebar-menu,
[data-theme="gray"] .bg-white,
[data-theme="gray"] .modal-container,
[data-theme="gray"] [class*="modal"] .bg-white {
  background-color: #f8fafc !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}
[data-theme="gray"] .bg-\[\#f1f2f4\],
[data-theme="gray"] .bg-\[\#f4f5f7\],
[data-theme="gray"] .bg-\[\#f6f6f7\] {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
}
[data-theme="gray"] input,
[data-theme="gray"] select,
[data-theme="gray"] textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}
[data-theme="gray"] .sidebar-item-active {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
  border-left-color: #475569 !important;
}

/* DARK GREEN THEME */
[data-theme="dark-green"] body {
  background-color: #022c22 !important;
  color: #ecfdf5 !important;
}
[data-theme="dark-green"] header,
[data-theme="dark-green"] aside#sidebar-menu,
[data-theme="dark-green"] .bg-white,
[data-theme="dark-green"] .modal-container,
[data-theme="dark-green"] [class*="modal"] .bg-white {
  background-color: #064e3b !important;
  color: #ecfdf5 !important;
  border-color: #065f46 !important;
}
[data-theme="dark-green"] .bg-\[\#f1f2f4\],
[data-theme="dark-green"] .bg-\[\#f4f5f7\],
[data-theme="dark-green"] .bg-\[\#f6f6f7\] {
  background-color: #065f46 !important;
  color: #ecfdf5 !important;
}
[data-theme="dark-green"] input,
[data-theme="dark-green"] select,
[data-theme="dark-green"] textarea {
  background-color: #047857 !important;
  color: #ffffff !important;
  border-color: #10b981 !important;
}
[data-theme="dark-green"] input::placeholder,
[data-theme="dark-green"] select::placeholder,
[data-theme="dark-green"] textarea::placeholder {
  color: #a7f3d0 !important;
}
[data-theme="dark-green"] .text-\[\#18181b\],
[data-theme="dark-green"] .text-\[\#202223\],
[data-theme="dark-green"] .text-gray-900 {
  color: #ecfdf5 !important;
}
[data-theme="dark-green"] .text-\[\#5c5f62\],
[data-theme="dark-green"] .text-\[\#6d7175\],
[data-theme="dark-green"] .text-gray-600,
[data-theme="dark-green"] .text-gray-500 {
  color: #a7f3d0 !important;
}
[data-theme="dark-green"] .border-\[\#e1e3e5\],
[data-theme="dark-green"] .border-\[\#c9cccf\],
[data-theme="dark-green"] .border-gray-200 {
  border-color: #065f46 !important;
}
[data-theme="dark-green"] table th {
  background-color: #064e3b !important;
  color: #a7f3d0 !important;
  border-color: #065f46 !important;
}
[data-theme="dark-green"] table td {
  border-color: #065f46 !important;
  color: #ecfdf5 !important;
}
[data-theme="dark-green"] table tr:hover {
  background-color: #065f46 !important;
}
[data-theme="dark-green"] .sidebar-item-active {
  background-color: #065f46 !important;
  color: #ffffff !important;
  border-left-color: #34d399 !important;
}