/* CSS Global do Sistema — gerado automaticamente */
/* Editável em: Administração do Sistema → CSS (system.css) */

:root {
    --primary-color:            #0067b5;
    --primary-dark:             #005494;
    --primary-light:            #3385c6;
    --secondary-color:          #6c757d;
    --success-color:            #28a745;
    --danger-color:             #dc3545;
    --warning-color:            #ffc107;
    --info-color:               #17a2b8;
    --light-bg:                 #f8f9fa;
    --dark-text:                #212529;
    --topbar-height:            54px;
    --sidebar-width:            225px;
    --sidebar-collapsed-width:  63px;
    --dm-bg:          #1a1a1a;
    --dm-surface:     #2d2d2d;
    --dm-elevated:    #404040;
    --dm-border:      #505050;
    --dm-text:        #e0e0e0;
    --dm-text-muted:  #b0b0b0;
}

/* Modo Escuro — cores configuráveis sobrepostas ao main.css */
body.dark-mode { background-color: var(--dm-bg); color: var(--dm-text); }
body.dark-mode .topbar { background-color: var(--dm-surface); border-bottom-color: var(--dm-elevated); }
body.dark-mode .topbar-title { color: var(--dm-text); }
body.dark-mode .user-menu-button { color: var(--dm-text); }
body.dark-mode .user-menu-button:hover { background-color: var(--dm-elevated); }
body.dark-mode .user-menu-dropdown { background-color: var(--dm-surface); border: 1px solid var(--dm-elevated); }
body.dark-mode .user-menu-dropdown a { color: var(--dm-text); }
body.dark-mode .user-menu-dropdown a:hover { background-color: var(--dm-elevated); }
body.dark-mode .sidebar { background-color: var(--dm-surface); }
body.dark-mode .sidebar-menu-link { color: var(--dm-text); }
body.dark-mode .sidebar-menu-link:hover { background-color: var(--dm-elevated); }
body.dark-mode .sidebar-submenu-link { color: var(--dm-text-muted); }
body.dark-mode .sidebar-submenu-link:hover { background-color: var(--dm-elevated); color: var(--dm-text); }
body.dark-mode .sidebar-submenu-link.active { color: var(--dm-text); }
body.dark-mode .main-content { background-color: var(--dm-bg); }
body.dark-mode .page-header-sticky { background-color: var(--dm-surface); border-bottom-color: var(--dm-elevated); }
body.dark-mode .filter-bar { background-color: var(--dm-surface); }
body.dark-mode .content-area { background-color: var(--dm-bg); }
body.dark-mode .page-header { background-color: var(--dm-surface); }
body.dark-mode .page-title { color: var(--dm-text); }
body.dark-mode .page-subtitle { color: var(--dm-text-muted); }
body.dark-mode .card { background-color: var(--dm-surface); border-color: var(--dm-elevated); color: var(--dm-text); }
body.dark-mode .card-body, body.dark-mode .card-header, body.dark-mode .card-footer { color: var(--dm-text); }
body.dark-mode .dashboard-card { background-color: var(--dm-surface); color: var(--dm-text); }
body.dark-mode .dashboard-card-header, body.dark-mode .kanban-card-header { background-color: var(--dm-elevated); color: var(--dm-text); }
body.dark-mode .table { --bs-table-color: var(--dm-text); --bs-table-bg: var(--dm-surface); --bs-table-border-color: var(--dm-elevated); --bs-table-hover-bg: var(--dm-elevated); color: var(--dm-text); background-color: var(--dm-surface); }
body.dark-mode .table > :not(caption) > * > * { color: var(--dm-text); background-color: var(--dm-surface); border-color: var(--dm-elevated); }
body.dark-mode .table thead th, body.dark-mode .table-responsive thead th { background-color: var(--dm-elevated); color: var(--dm-text); border-color: var(--dm-border); }
body.dark-mode .table tbody td { color: var(--dm-text); background-color: var(--dm-surface); border-color: var(--dm-elevated); }
body.dark-mode .table-hover tbody tr:hover > * { background-color: var(--dm-elevated); color: var(--dm-text); }
body.dark-mode .table-responsive thead { background-color: var(--dm-surface); }
body.dark-mode .form-control, body.dark-mode .form-select { background-color: var(--dm-elevated); color: var(--dm-text); border-color: var(--dm-border); }
body.dark-mode .form-control:focus, body.dark-mode .form-select:focus { background-color: var(--dm-elevated); border-color: var(--primary-color); color: var(--dm-text); box-shadow: none; }
body.dark-mode .form-control::placeholder { color: var(--dm-text-muted); }
body.dark-mode label, body.dark-mode .form-label { color: var(--dm-text); }
body.dark-mode .input-group-text { background-color: var(--dm-elevated); color: var(--dm-text); border-color: var(--dm-border); }
body.dark-mode .btn-secondary { background-color: var(--dm-border); border-color: var(--dm-border); color: var(--dm-text); }
body.dark-mode .btn-outline-secondary { border-color: var(--dm-border); color: var(--dm-text); }
body.dark-mode .btn-outline-secondary:hover { background-color: var(--dm-elevated); color: var(--dm-text); }
body.dark-mode .text-muted { color: var(--dm-text-muted) !important; }
body.dark-mode small, body.dark-mode .small { color: var(--dm-text-muted); }
body.dark-mode strong, body.dark-mode b { color: var(--dm-text); }
body.dark-mode a:not(.btn):not(.sidebar-menu-link):not(.sidebar-submenu-link) { color: var(--primary-light); }
body.dark-mode .badge.bg-secondary { background-color: var(--dm-border) !important; }
body.dark-mode .alert { border-color: var(--dm-elevated); }

body {
    background-color: #f0f2f5;
    font-size: 12.6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.topbar-title {
    font-size: 18px;
}

.login-container {
    background: linear-gradient(135deg, #E15B30 0%, #feb79f 100%) !important;
}