:root {
    --rp-dark: #2B2F36;
    --rp-gray: #4A505A;
    --rp-light: #F4F5F7;
    --rp-border: #DDE0E5;
    --rp-white: #FFFFFF;
    
    --rp-success: #2E7D5B;
    --rp-warning: #C98A1B;
    --rp-danger: #B73A3A;
}

body {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    background-color: var(--rp-light);
    color: var(--rp-dark);
}

.btn-primary {
    background-color: var(--rp-dark);
    border-color: var(--rp-dark);
}

.btn-primary:hover {
    background-color: var(--rp-gray);
    border-color: var(--rp-gray);
}

.navbar {
    background-color: var(--rp-white);
    border-bottom: 1px solid var(--rp-border);
}

.card {
    border: 1px solid var(--rp-border);
    border-radius: 8px;
}

.kanban-board {
    display: flex;
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 20px;
    min-height: calc(100vh - 150px);
}

.kanban-col {
    background: #e9ecef;
    border-radius: 8px;
    width: 300px;
    min-width: 300px;
    padding: 10px;
    display: flex;
    flex-direction: column;
}

.kanban-col-header {
    font-weight: 600;
    margin-bottom: 10px;
    padding: 0 5px;
    display: flex;
    justify-content: space-between;
}

.kanban-cards {
    flex-grow: 1;
    min-height: 50px;
}

.kanban-card {
    background: var(--rp-white);
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    cursor: grab;
    border-left: 4px solid var(--rp-gray);
}

.kanban-card:active {
    cursor: grabbing;
}

.kanban-card.urgencia-alta { border-left-color: var(--rp-danger); }
.kanban-card.urgencia-media { border-left-color: var(--rp-warning); }
.kanban-card.urgencia-baixa { border-left-color: var(--rp-success); }

/* Utilities */
.text-rp-dark { color: var(--rp-dark) !important; }
.bg-rp-dark { background-color: var(--rp-dark) !important; }

/* Brand Logo Utilities */
.brand-logo-sidebar {
    max-height: 46px;
    max-width: 195px;
    object-fit: contain;
    transition: transform 0.2s ease;
}
.brand-logo-sidebar:hover {
    transform: scale(1.02);
}
.brand-logo-login {
    max-height: 90px;
    max-width: 100%;
    object-fit: contain;
}
.brand-logo-client {
    max-height: 80px;
    max-width: 100%;
    object-fit: contain;
}

/* Alternância de logos por tema */
.theme-logo-dark {
    display: none !important;
}
.theme-logo-light {
    display: inline-block !important;
}
[data-bs-theme="dark"] .theme-logo-dark {
    display: inline-block !important;
}
[data-bs-theme="dark"] .theme-logo-light {
    display: none !important;
}

/* ============================================================
   MODO NOTURNO (DARK MODE) - ROCHA & PEREIRA ADVOGADOS
   ============================================================ */
[data-bs-theme="dark"] {
    --rp-dark: #F0F2F5;
    --rp-gray: #A0A6B1;
    --rp-light: #15171B;
    --rp-border: #2D323B;
    --rp-white: #1F2228;
    
    --bs-body-bg: #15171B;
    --bs-body-color: #E6E8EB;
    --bs-card-bg: #1F2228;
    --bs-border-color: #2D323B;
    --bs-tertiary-bg: #272B33;

    /* Variáveis do Chat WABA no modo escuro (WhatsApp Web Dark) */
    --wa-bg: #0b141a;
    --wa-header: #202c33;
    --wa-msg-in: #202c33;
    --wa-msg-out: #005c4b;
    --wa-border: #222d34;
    --wa-green: #00a884;
    --wa-text: #e9edef;
    --wa-muted: #8696a0;
    --wa-blue-tick: #53bdeb;
}

/* Estrutura e Sidebar */
[data-bs-theme="dark"] .sidebar {
    background-color: #121417;
    border-right: 1px solid #25282F;
}
[data-bs-theme="dark"] .sidebar-brand {
    border-bottom: 1px solid #25282F;
}
[data-bs-theme="dark"] .main-content {
    background-color: #15171B;
}
[data-bs-theme="dark"] .top-header {
    background-color: #1F2228;
    border-bottom-color: #2D323B;
    color: #E6E8EB;
}

/* Cards & Superfícies */
[data-bs-theme="dark"] .card {
    background-color: #1F2228;
    border-color: #2D323B;
}
[data-bs-theme="dark"] .card-header.bg-white,
[data-bs-theme="dark"] .card-body.bg-white,
[data-bs-theme="dark"] .bg-white {
    background-color: #1F2228 !important;
    color: #E6E8EB !important;
    border-color: #2D323B !important;
}
[data-bs-theme="dark"] .bg-light {
    background-color: #181A1E !important;
    color: #E6E8EB !important;
}

/* Kanban */
[data-bs-theme="dark"] .kanban-col {
    background: #1A1D22;
    border: 1px solid #2A2E37;
}
[data-bs-theme="dark"] .kanban-card {
    background: #23272E;
    color: #E6E8EB;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    border-left-width: 4px;
}
[data-bs-theme="dark"] .kanban-card:hover {
    background: #292E36;
}

/* Tabelas */
[data-bs-theme="dark"] .table {
    --bs-table-bg: #1F2228;
    --bs-table-color: #E6E8EB;
    --bs-table-border-color: #2D323B;
    --bs-table-hover-bg: #272B33;
    --bs-table-hover-color: #FFFFFF;
}
[data-bs-theme="dark"] .table-light,
[data-bs-theme="dark"] .table-light th,
[data-bs-theme="dark"] .table-light td {
    background-color: #272B33 !important;
    color: #E6E8EB !important;
    border-color: #2D323B !important;
}

/* Formulários e Filtros */
[data-bs-theme="dark"] .input-group-text.bg-light {
    background-color: #272B33 !important;
    color: #A0A6B1 !important;
    border-color: #2D323B !important;
}

/* Botões */
[data-bs-theme="dark"] .btn-primary {
    background-color: #383E48;
    border-color: #4A5260;
    color: #FFFFFF;
}
[data-bs-theme="dark"] .btn-primary:hover {
    background-color: #4A5260;
    border-color: #5C6677;
    color: #FFFFFF;
}
[data-bs-theme="dark"] .btn-light {
    background-color: #272B33;
    border-color: #353A42;
    color: #E6E8EB;
}
[data-bs-theme="dark"] .btn-light:hover {
    background-color: #353A42;
    color: #FFFFFF;
}

/* Botão de Toggle do Tema */
.theme-toggle-btn {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.theme-toggle-btn:hover {
    transform: scale(1.08);
}