/*
 * motor_style.css
 * Folha de estilos dedicada para a Central de Clientes (Motor)
*/

/* --- 1. Variáveis e Estilos Globais --- */
:root {
    --motor-primary: #4CAF50;   /* Verde principal (botões de ação) */
    --motor-secondary: #2a3f54; /* Azul escuro (cabeçalho, títulos) */
    --motor-background: #f0f2f5; /* Fundo da página */
    --motor-card-bg: #ffffff;    /* Fundo dos cards */
    --motor-border: #dee2e6;    /* Cor da borda */
    --motor-text: #333;          /* Cor do texto principal */
    --motor-text-light: #6c757d; /* Cor do texto secundário (parágrafos) */
}

body {
    background-color: var(--motor-background);
    color: var(--motor-text);
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
}

/* --- 2. Estrutura Principal e Layout --- */
.admin-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px;
}
.admin-content-split {
    display: flex;
    gap: 30px;
}

/* --- 3. Barra de Navegação Superior (Header) --- */
.top-navbar {
    background-color: white;
    color: var(--motor-text);
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-bottom: 1px solid var(--motor-border);
}

.top-navbar .logo-container a {
    color: var(--motor-secondary);
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
}
.site-logo {
    height: 40px;   /* ajuste o tamanho conforme necessário */
    width: auto;
    display: block;
}

.main-nav-links {
    display: flex;
    gap: 15px;
}
.main-nav-links a {
    padding: 10px 15px;
    text-decoration: none;
    color: var(--motor-text-light);
    font-weight: 500;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s;
}
.main-nav-links a:hover {
    background-color: #eef2f5;
    color: var(--motor-secondary);
}

.user-menu {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 10px;
}
.user-menu:hover .dropdown-content {
    display: block;
}
.user-menu span {
    font-weight: 500;
    margin-right: 8px;
}
.user-menu .dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    min-width: 220px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    border-radius: 8px;
    z-index: 100;
    border: 1px solid var(--motor-border);
    overflow: hidden;
}
.dropdown-header {
    padding: 15px;
    border-bottom: 1px solid var(--motor-border);
    background-color: #f8f9fa;
}
.dropdown-content a {
    color: #333;
    padding: 12px 15px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}
.dropdown-content a:hover {
    background-color: #eef2f5;
}


/* --- 4. Cabeçalho da Página (Título e Ações) --- */
.admin-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--motor-border);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.admin-header h1 {
    margin: 0;
    font-size: 26px;
    color: var(--motor-secondary);
}

.admin-header p {
    margin: 5px 0 0 0;
    font-size: 16px;
    color: var(--motor-text-light);
}

/* --- 5. Cards (Geral e Dashboard) --- */
.card {
    background-color: var(--motor-card-bg);
    border-radius: 8px;
    border: 1px solid var(--motor-border);
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    padding: 30px;
    margin-bottom: 30px;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
}
.category-card {
    background-color: #fff;
    border: 1px solid var(--motor-border);
    border-radius: 8px;
    padding: 25px;
    text-decoration: none;
    color: var(--motor-text);
    transition: transform 0.2s, box-shadow 0.2s;
}
.category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.category-card .icon {
    font-size: 28px;
    color: var(--motor-primary);
    margin-bottom: 15px;
}
.category-card h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: var(--motor-secondary);
}
.category-card .description {
    font-size: 14px;
    color: var(--motor-text-light);
    line-height: 1.5;
}

/* --- 6. Tabelas, Formulários, Botões (Sem alterações) --- */
.table-responsive-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}table th,table td{border-bottom:1px solid var(--motor-border);padding:15px;text-align:left;vertical-align:middle}table th{background-color:#f8f9fa;font-weight:600;color:var(--motor-secondary)}table tr:hover{background-color:#f8f9fa}.actions-cell{display:flex;gap:8px}form label{display:block;margin-bottom:8px;font-weight:600}form input[type=text],form input[type=email],form input[type=password],form select,form textarea{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;transition:border-color .3s}form input[type=text]:focus,form input[type=password]:focus,form select:focus,form textarea:focus{border-color:var(--motor-primary);outline:0;box-shadow:0 0 5px rgba(76,175,80,.3)}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:5px;color:#fff;text-decoration:none;font-weight:500;border:none;cursor:pointer;transition:background-color .3s}.button{background-color:var(--motor-primary)}.button:hover{background-color:#45a049}.button-secondary{background-color:#6c757d}.button-secondary:hover{background-color:#5a6268}.status-badge{padding:5px 12px;border-radius:15px;font-size:12px;font-weight:700;display:inline-block;text-transform:capitalize}.status-ativo{background-color:#d4edda;color:#155724}.status-inativo,.status-pendente{background-color:#fff3cd;color:#856404}.status-suspenso{background-color:#f8d7da;color:#721c24}.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#2a3f54,#4a77a6)}.login-card{max-width:400px;width:100%;text-align:center}.login-header{margin-bottom:30px}.login-header img{max-width:150px;margin-bottom:20px}.login-header h1{font-size:24px;margin:0;font-weight:600}.login-card label{text-align:left}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:15px;border-radius:5px;margin-bottom:20px}@media (max-width:768px){.admin-container{padding:15px}.admin-header{flex-direction:column;align-items:flex-start;gap:15px}.top-navbar{flex-direction:column;height:auto;padding:15px}}