/*
 * Estilos legados que estavam inline no index.html. Usados por módulos ainda
 * não migrados para o design system (kanban, prioridades, icon-circle...).
 * Carregado ANTES de css/ds/*; remover conforme os módulos migrarem.
 */
.card-hover {
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            cursor: pointer;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }
        
        .timeline {
            position: relative;
        }
        
        .border-left-primary {
            border-left: 4px solid #2D9CDB !important;
        }
        
        .border-left-success {
            border-left: 4px solid #1cc88a !important;
        }
        
        .border-left-info {
            border-left: 4px solid #36b9cc !important;
        }
        
        .border-left-warning {
            border-left: 4px solid #f6c23e !important;
        }
        
        .border-left-purple {
            border-left: 4px solid #6f42c1 !important;
        }
        
        .text-purple {
            color: #6f42c1 !important;
        }
        
        .border-left-dark {
            border-left: 4px solid #5a5c69 !important;
        }
        
        .text-dark {
            color: #5a5c69 !important;
        }
        
        /* Estilos para ícones circulares do dashboard */
        .icon-circle {
            height: 2.5rem;
            width: 2.5rem;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .icon-circle.bg-primary {
            background-color: #2D9CDB !important;
        }
        
        .icon-circle.bg-success {
            background-color: #1cc88a !important;
        }
        
        .icon-circle.bg-warning {
            background-color: #f6c23e !important;
        }
        
        .icon-circle.bg-danger {
            background-color: #e74a3b !important;
        }
        
        .icon-circle.bg-info {
            background-color: #36b9cc !important;
        }
        
        .metric-card {
            transition: transform 0.2s;
        }
        
        .metric-card:hover {
            transform: translateY(-2px);
        }
        
        .loading-skeleton {
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: loading 1.5s infinite;
            border-radius: 4px;
        }
        
        @keyframes loading {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
        
        .progress {
            height: 8px;
        }
        
        .dashboard-stat-card {
            transition: all 0.3s ease;
        }
        
        .dashboard-stat-card:hover {
            transform: scale(1.02);
        }
        
        .news-item {
            transition: background-color 0.2s ease;
        }
        
        .news-item:hover {
            background-color: #f8f9fa;
        }
        
        .kanban-card {
            border: 1px solid #e3e6f0;
            border-radius: 8px;
            padding: 15px;
            margin-bottom: 10px;
            background: white;
            cursor: move;
            transition: transform 0.2s, box-shadow 0.2s;
        }
        
        .kanban-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .prioridade-critica { border-left: 4px solid #e74a3b; }
        .prioridade-alta { border-left: 4px solid #f39c12; }
        .prioridade-media { border-left: 4px solid #3498db; }
        .prioridade-baixa { border-left: 4px solid #2ecc71; }
        
        /* Estilos para Sistema de Monitoramento */
        .border-left-3 {
            border-left: 3px solid !important;
        }
        
        .bg-gradient-primary {
            background: linear-gradient(180deg, #2D9CDB 10%, #1570C4 100%) !important;
        }
        
        .bg-gradient-success {
            background: linear-gradient(135deg, #5ee7df 0%, #66a6ff 100%) !important;
        }
        
        .bg-gradient-warning {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
        }
        
        .bg-gradient-danger {
            background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%) !important;
        }
        
        .bg-gradient-info {
            background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%) !important;
        }
        
        .card .progress {
            border-radius: 2px;
            height: 4px !important;
        }
        
        .card .progress .progress-bar {
            transition: width 0.6s ease;
        }
        
        #error-logs .border-left-danger {
            border-left-color: #e74a3b !important;
        }
        
        #error-logs .border-left-warning {
            border-left-color: #f6c23e !important;
        }
        
        #error-logs .border-left-info {
            border-left-color: #36b9cc !important;
        }
        
        .badge-sm {
            font-size: 0.7rem;
            padding: 0.25rem 0.5rem;
        }
        
        .text-white-50 {
            color: rgba(255, 255, 255, 0.5) !important;
        }

        /* === Paleta azul unificada para botões de ação === */
        /* btn-success → azul primário */
        .btn.btn-success {
            background-color: #2D9CDB !important;
            border-color: #2D9CDB !important;
            color: #fff !important;
        }
        .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active {
            background-color: #1A7CC5 !important;
            border-color: #1A7CC5 !important;
        }
        /* btn-info → azul médio */
        .btn.btn-info {
            background-color: #1A7CC5 !important;
            border-color: #1A7CC5 !important;
            color: #fff !important;
        }
        .btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active {
            background-color: #1570C4 !important;
            border-color: #1570C4 !important;
        }
        /* btn-warning → azul mais escuro (ações terciárias: Calendário, Garantias…) */
        .btn.btn-warning {
            background-color: #1570C4 !important;
            border-color: #1570C4 !important;
            color: #fff !important;
        }
        .btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active {
            background-color: #0F5299 !important;
            border-color: #0F5299 !important;
            color: #fff !important;
        }
        /* btn-secondary → cinza neutro (Fechar, Cancelar — manter) */
        /* btn-danger → vermelho (Excluir — manter semântico) */

        /* Itens do menu sem permissão de acesso */
        .nav-item-locked .nav-link {
            cursor: not-allowed !important;
            opacity: 0.45 !important;
        }
        .nav-item-locked .nav-link .nav-lock-icon {
            font-size: 0.65rem;
            margin-left: 6px;
            vertical-align: middle;
        }