/* Definição da cor principal customizada */
:root {
    --seugarcom: #ede8e2;
    --seugarcom-dark: #d6d0ca; /* cor mais escura para hover */
    --seugarcom-light: #f4f2ef; /* cor mais clara para hover ou bg */
}
.bg-pw-blue {
    background-color: #006CB5 !important;
    color: white !important;
}

/* Background */
.bg-seugarcom {
    background-color: var(--seugarcom) !important;
    color: #000 !important;
}

.bg-seugarcom-dark {
    background-color: var(--seugarcom-dark) !important;
    color: #000 !important;
}

/* Texto */
.text-seugarcom {
    color: var(--seugarcom) !important;
}

/* Botões */
.btn-seugarcom {
    background-color: var(--seugarcom) !important;
    color: #000 !important;
    border-color: var(--seugarcom-dark) !important;
}

    .btn-seugarcom:hover,
    .btn-seugarcom:focus,
    .btn-seugarcom:active {
        background-color: var(--seugarcom-dark) !important;
        color: #000 !important;
        border-color: var(--seugarcom-dark) !important;
    }

/* Alerts */
.alert-seugarcom {
    background-color: var(--seugarcom-light) !important;
    border-color: var(--seugarcom) !important;
    color: #000 !important;
}

/* Badges */
.badge-seugarcom {
    background-color: var(--seugarcom) !important;
    color: #000 !important;
}
.main-sidebar.bg-seugarcom {
    background-color: #ede8e2 !important;
}

    .main-sidebar.bg-seugarcom .nav-link,
    .main-sidebar.bg-seugarcom .brand-link {
        color: #333 !important;
    }

        .main-sidebar.bg-seugarcom .nav-link.active {
            background-color: rgba(0,0,0,0.1) !important;
        }
/* Sidebar claro */
.main-sidebar {
    background-color: #ede8e2 !important;
    background-image: none !important;
}

/* Título e ícones do menu */
.nav-sidebar .nav-link,
.nav-sidebar .nav-header {
    color: #2c2c2c !important; /* Preto suave */
}

    /* Hover */
    .nav-sidebar .nav-link:hover {
        background-color: #d6d0c9 !important; /* Um tom mais escuro para hover */
        color: #000 !important;
    }

    /* Link ativo */
    .nav-sidebar .nav-link.active {
        background-color: #c4bdb5 !important;
        color: #000 !important;
    }

    /* Ícones do menu */
    .nav-sidebar .nav-link i {
        color: #2c2c2c !important;
    }

    /* Hover dos ícones */
    .nav-sidebar .nav-link:hover i {
        color: #000 !important;
    }

.btn-xxs {
    padding: 0.05rem 0.25rem !important;
    font-size: 0.65rem !important;
    line-height: 1 !important;
    border-radius: 3px !important;
}

    .btn-xxs i {
        font-size: 0.65rem !important;
    }
.badge-sm {
    font-size: 0.6rem !important;
    padding: 2px 5px !important;
    border-radius: 4px;
}
.radio-small label {
    font-size: 0.75rem !important; /* texto menor */
    font-weight: normal !important; /* remove bold */
    margin-left: 0.25rem !important; /* aproxima do radio */
}
.radio-small input[type="radio"] {
    width: 0.75rem !important;
    height: 0.75rem !important;
    transform: scale(0.75); /* encolhe o radio control */
    margin-top: 0.15rem;
}

/* ======== GERAL – REDUZIR FONTE E ESPAÇAMENTO ======== */

body,
label,
p,
span,
small {
    font-size: 0.80rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 0.95rem;
}

/* Inputs menores */
.form-control {
    font-size: 0.78rem;
    height: calc(1.4rem + 2px);
    padding: 0.22rem 0.45rem;
}

/* Botões menores */
.btn {
    font-size: 0.75rem;
    padding: 0.25rem 0.6rem;
}

.btn-sm {
    font-size: 0.72rem;
    padding: 0.2rem 0.45rem;
}

.btn-xs {
    font-size: 0.68rem;
    padding: 0.15rem 0.35rem;
}

/* Tabela compacta */
table.table td,
table.table th {
    padding: 0.25rem;
    font-size: 0.75rem;
}

/* ======== NAVBAR MAIS COMPACTA ======== */

.lototo-layout .main-header .navbar-nav > .nav-item > .nav-link {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 0.80rem;
}

    .lototo-layout .main-header .navbar-nav > .nav-item > .nav-link i {
        font-size: 0.85rem;
        line-height: 1;
        margin-right: 4px;
    }

/* ======== SIDEBAR MAIS COMPACTA ======== */

.lototo-layout .nav-sidebar .nav-link {
    padding: 4px 8px;
    font-size: 0.78rem;
}

.lototo-layout .nav-sidebar .nav-icon {
    font-size: 0.85rem;
    margin-right: 6px;
}

.lototo-layout .sidebar .brand-image {
    max-width: 130px;
}

/* ====== LARGURA DA SIDEBAR – APENAS EM TELAS MÉDIAS/GRANDES ====== */

/* ====== LARGURA DA SIDEBAR – APENAS EM TELAS MÉDIAS/GRANDES ====== */
@media (min-width: 768px) {

    /* Largura real da sidebar */
    body .lototo-layout .main-sidebar,
    body .lototo-layout .main-sidebar::before {
        width: 180px !important; /* ajusta aqui: 160, 170, 190... */
    }

    /* Conteúdo alinhado à mesma largura */
    body .lototo-layout .content-wrapper,
    body .lototo-layout .main-footer,
    body .lototo-layout .main-header {
        margin-left: 180px !important; /* MESMO valor da sidebar */
    }
}

/* Em telas pequenas, padrão do AdminLTE */
@media (max-width: 767.98px) {
    body .lototo-layout .content-wrapper,
    body .lototo-layout .main-footer,
    body .lototo-layout .main-header {
        margin-left: 0 !important;
    }
}
.content-wrapper {
    margin-left: 0 !important;
}

/* Zerar margem que o AdminLTE põe quando há sidebar */
.main-header,
.main-footer {
    margin-left: 0 !important;
}