/* ==================== ESTILO BASE COMPARTILHADO ==================== */
/* Fonte, cor de fundo, menu lateral e cartão padrão — usado por TODAS as
   telas do sistema. Antes, cada tela tinha sua própria cópia colada
   desse mesmo estilo, e foram ficando diferentes umas das outras aos
   poucos (fonte diferente, cor de fundo levemente diferente, ordem de
   menu desatualizada) — daí a sensação de "cada tela é de um jeito" ao
   navegar. Agora existe um só lugar pra mudar isso — muda aqui, muda em
   todas as telas de uma vez, sempre igual. */

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #0a0f1e;
    color: white;
}

.sidebar {
    background: #0f172a;
    border-right: 1px solid #334155;
}

.nav-item {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-item:hover {
    background: #1e2937;
    color: #f97316;
}
.nav-item.active {
    background: #1e2937;
    color: #f97316;
    border-left: 4px solid #f97316;
}

.futuristic-card {
    background: linear-gradient(145deg, #18181b, #27272a);
    border: 1px solid #3f3f46;
    transition: all 0.3s ease;
}
.futuristic-card:hover {
    border-color: #f97316;
    box-shadow: 0 0 25px rgba(249, 115, 22, 0.15);
}

.section-title {
    color: #fb923c;
    font-weight: 600;
}

/* ==================== BOTÕES PADRÃO ==================== */
/* Antes, cada tela tinha sua própria mistura de cores/tamanhos de botão
   (`bg-orange-600` aqui, `bg-orange-500` ali, uns com padding maior que
   outros) — dava a sensação de inconsistência navegando entre telas.
   Agora existe um conjunto único e claro: um botão principal (laranja,
   para a ação mais importante da tela), um neutro (para ações
   secundárias), um de perigo (excluir, desativar) e um de sucesso
   (confirmar, salvar). min-height de 44px em todos — tamanho mínimo
   confortável pra tocar com o dedo sem errar, mesmo em tela pequena. */
.btn {
    padding: 12px 24px;
    background: linear-gradient(90deg, #f97316, #fb923c);
    color: white;
    border: none;
    border-radius: 14px;
    font-weight: 700;
    cursor: pointer;
    font-size: 15px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.btn:hover { box-shadow: 0 4px 16px rgba(249, 115, 22, 0.35); }
.btn:active { transform: scale(0.97); }

.btn-secondary {
    background: #27272a;
    color: #e4e4e7;
    border: 1px solid #3f3f46;
}
.btn-secondary:hover { background: #3f3f46; box-shadow: none; }

.btn-danger, .btn-red {
    background: linear-gradient(90deg, #ef4444, #dc2626);
}
.btn-success {
    background: linear-gradient(90deg, #10b981, #059669);
}
.btn-yellow {
    background: linear-gradient(90deg, #eab308, #ca8a04);
    color: black;
}

/* Botão pequeno (pra tabelas/listas com pouco espaço) — ainda assim
   nunca abaixo de 38px de altura, pra continuar tocável. */
.btn-sm {
    padding: 8px 16px;
    font-size: 13px;
    min-height: 38px;
    border-radius: 10px;
}