/* Estilos específicos para a página de Centrais */



.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

@media (max-width: 768px){ .form-row{ grid-template-columns: 1fr; } }



.central-status-ativa { background-color: #DCFCE7; color: #16A34A; }

.central-status-inativa { background-color: #FEE2E2; color: #DC2626; }



.company-badge { background: #EFF6FF; color: #1E3A8A; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }



/* Estilos modernos para modais */

.modal-content {

    box-shadow: 0 10px 25px rgba(0,0,0,0.1);

    border-radius: 12px;

    border: none;

}

body[data-theme="dark"]{

    background-color: #0e0e0e !important;

    color: #e0e0e0 !important;

    --header-bg: #030d20;

    --fundo_sideber: rgb(26, 25, 25);



    --cor--siber: rgb(255, 255, 255) !important;

  }



.modal-header {

    background: #f8fafc;

    border-bottom: 1px solid #edf2f7;

    border-radius: 12px 12px 0 0;

    padding: 1.25rem;

}



.modal-header h3 {

    font-size: 1.25rem;

    color: #1e293b;

    display: flex;

    align-items: center;

    gap: 10px;

    margin: 0;

}



.modal-header .fas {

    font-size: 1.2em;

}



.modal-close {

    background: none;

    border: none;

    color: #64748b;

    padding: 8px;

    border-radius: 8px;

    cursor: pointer;

    transition: all 0.2s;

}



.modal-close:hover {

    background: #f1f5f9;

    color: #1e293b;

}



/* Estilos para o modal de visualização */

.view-details-modern {

    padding: 1.5rem;

}



.view-details-modern .status-badge {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 6px 12px;

    border-radius: 20px;

    font-size: 0.875rem;

    font-weight: 500;

}



/* Estilos para o modal de exclusão */

.modal-sm {

    max-width: 450px;

}



.delete-header {

    background: #fef2f2;

    border-bottom-color: #fee2e2;

}



.delete-header h3 {

    color: #991b1b;

}



.delete-content {

    padding: 1.5rem;

    text-align: center;

}







.delete-details {

    background: #f8fafc;

    padding: 1rem;

    border-radius: 8px;

    text-align: left;

    margin-top: 1rem;

}



.delete-details p {

    margin: 0.5rem 0;

    color: #475569;

}



.delete-details strong {

    color: #1e293b;

}



/* Melhorias nos botões */

.btn {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 0.5rem 1rem;

    font-weight: 500;

    transition: all 0.2s;

}



.btn-danger {

    background: #dc2626;

    color: white;

    border: none;

}



.btn-danger:hover {

    background: #b91c1c;

}



/* Compact actions */

.action-buttons { display: flex; gap: 8px; flex-wrap: wrap; }

.action-buttons .btn { padding: 6px 10px; font-size: 12px; }