/* ============================================================
   BASE ORIGINAL DO PROJETO
   ============================================================ */

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    margin-bottom: 60px;
    background-color: #0e0a16 !important; /* Fundo geral roxo escuro */
    color: #fff !important;
}

/* Focus default */
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #8e5cff !important;
}

/* ============================================================
   TEMA DARK ROXO — APLICADO A TODO O SITE
   ============================================================ */

/* Texto e hierarquia */
.container, .container * {
    color: #fff !important;
}

    /* Títulos */
    .container h1,
    .container h2,
    .container h3,
    .container h4 {
        color: #ffffff !important;
        text-shadow: 0 0 16px rgba(150,100,255,0.25);
    }

    /* Ajuste geral em tables */
    .container .table {
        background-color: rgba(0,0,0,0.26) !important;
        color: #fff !important;
        border-color: rgba(255,255,255,0.08) !important;
        box-shadow: 0 0 0 1px rgba(150,100,255,0.18) inset !important;
    }

        .container .table thead th,
        .container .table tbody td {
            border-color: rgba(255,255,255,0.06) !important;
        }

        /* Striping sutil */
        .container .table.table-striped tbody tr:nth-of-type(odd) {
            background-color: rgba(255,255,255,0.02) !important;
        }

    /* ============================================================
   Cabeçalhos específicos das páginas
   ============================================================ */

    /* table-danger → vermelho adaptado ao tema dark */
    .container thead.table-danger th,
    .container thead.table-danger {
        background: linear-gradient(135deg, rgba(200,60,60,0.28), rgba(200,60,60,0.08)) !important;
        color: #ffe7e7 !important;
    }

    /* table-success → verde suave */
    .container thead.table-success th,
    .container thead.table-success {
        background: linear-gradient(135deg, rgba(60,160,90,0.24), rgba(60,160,90,0.06)) !important;
        color: #dfffe3 !important;
    }

    /* table-secondary → cinza ajustado */
    .container thead.table-secondary th,
    .container thead.table-secondary {
        background: linear-gradient(135deg, rgba(180,180,180,0.25), rgba(180,180,180,0.06)) !important;
        color: #ffffff !important;
    }

/* ============================================================
   Inputs + Forms
   ============================================================ */

input.form-control,
input.form-control-sm,
input[type="password"],
input[type="text"],
select.form-control {
    background-color: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #fff !important;
}

input::placeholder {
    color: rgba(255,255,255,0.55) !important;
}

/* Checkbox com cor roxa */
.form-check-input {
    accent-color: #b085ff !important;
    width: 18px;
    height: 18px;
}

/* Inline Forms -->
   Garantia de espaçamento adequado */
.form-inline .form-control,
.form-inline input {
    margin-right: .35rem !important;
    min-width: 140px;
}

/* ============================================================
   Botões padronizados
   ============================================================ */

.btn-primary {
    background-color: #8e5cff !important;
    border-color: #7c4ef3 !important;
}

    .btn-primary:hover {
        background-color: #a57dff !important;
    }

.btn-danger {
    background-color: #cc3c3c !important;
    border-color: #b72f2f !important;
}

    .btn-danger:hover {
        background-color: #e24f4f !important;
    }

.btn-success {
    background-color: #3da85d !important;
    border-color: #329a52 !important;
}

    .btn-success:hover {
        background-color: #4ec46e !important;
    }

.btn-warning {
    background-color: #c79c32 !important;
    border-color: #b98c2a !important;
    color: #fff !important;
}

    .btn-warning:hover {
        background-color: #e0b44d !important;
    }

/* ============================================================
   Links
   ============================================================ */

a {
    color: #dcd0ff !important;
    text-decoration: underline;
}

    a:hover {
        color: #fff !important;
    }

/* ============================================================
   Imagens (caso existam)
   ============================================================ */

img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.04);
}