/**
 * base_site_global.css
 * Estilos globais extraídos do base_site.html
 * Criado: 2025-11-29
 */

/* ========== OCULTAR SIDEBAR NATIVA DO DJANGO ========== */
#nav-sidebar {
    display: none !important;
}

/* ========== FORÇAR LIGHT MODE ========== */
html[data-theme="dark"],
body[data-theme="dark"] {
    color-scheme: light !important;
}

html[data-theme="dark"] {
    --primary: #0C4B33 !important;
    --secondary: #417690 !important;
    --body-bg: #ffffff !important;
    --body-fg: #333333 !important;
}

/* ========== FORÇA CONTAINER FIXO ========== */
html {
    overflow: hidden !important;
    height: 100vh !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    overflow: hidden !important;
    height: 100vh !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
}

#container {
    overflow: hidden !important;
    height: 100vh !important;
    max-height: 100vh !important;
    width: 100vw !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

#container > div {
    flex-shrink: 0 !important;
}

#container > .main {
    display: flex !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.main > .content {
    flex: 1 1 auto !important;
    overflow: hidden !important;
    padding: 0 !important;
    padding-top: 110px !important;
    padding-left: 275px !important;
    box-sizing: border-box !important;
}

/* Remover padding-left quando sidebar oculta (tela < 60% da largura) */
body.sidebar-mobile .main > .content {
    padding-left: 0 !important;
}

/* Fallback com media query */
@media (max-width: 1152px) {
    .main > .content {
        padding-left: 0 !important;
    }
}

#content h1 {
    margin-top: 5px !important;
}

#content {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ========== SCROLL VERTICAL OCULTO - GLOBAL ========== */
#content {
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

#content::-webkit-scrollbar {
    display: none !important;
}

/* Espaço extra para botões de submit */
body.change-form #content .submit-row,
body.change-form .submit-row {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
}

/* ========== OVERRIDES - PÁGINAS COM SCROLL PRÓPRIO ========== */
/* APENAS páginas de EDIÇÃO de fórmulas (change-form) têm scroll interno próprio */
/* Lista de fórmulas (change-list) usa scroll global normalmente */
body.model-formula.change-form #content,
body.model-formula.add-form #content {
    overflow: hidden !important;
    max-height: none !important;
}

/* ========== CENTRALIZAR COLUNA DATA CRIAÇÃO (AlertaEstoque) ========== */
body.model-alertaestoque.change-list #result_list thead th.field-data_criacao_br,
body.model-alertaestoque.change-list #result_list tbody td.field-data_criacao_br,
body.model-alertaestoque #result_list thead th.field-data_criacao_br,
body.model-alertaestoque #result_list tbody td.field-data_criacao_br,
.model-alertaestoque #result_list thead th.field-data_criacao_br,
.model-alertaestoque #result_list tbody td.field-data_criacao_br {
    text-align: center !important;
}

body.model-alertaestoque #result_list tbody td.field-data_criacao_br *,
body.model-alertaestoque #result_list thead th.field-data_criacao_br * {
    text-align: center !important;
}

/* ========== FORMATAÇÃO DE LABELS - PADRÃO BR ========== */
.form-row label,
.field-box label,
div.form-row > div > label,
.aligned label,
body.change-form label,
body.add-form label {
    font-weight: 700 !important;
    color: #333333 !important;
}

body.model-alertaestoque.change-form label,
body.model-alertaestoque.add-form label {
    font-weight: 700 !important;
    color: #333333 !important;
    font-size: 13px !important;
}

/* Fieldset legends */
fieldset.module h2,
fieldset h2 {
    font-weight: 700 !important;
    background: #00568C !important;
    color: #FFFFFF !important;
}

/* ========== BOTÕES DE CONFIRMAÇÃO DE EXCLUSÃO ========== */
.delete-confirmation form {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px !important;
    margin-top: 20px !important;
    flex-wrap: wrap !important;
}

.delete-confirmation form input[type="submit"] {
    background: #dc3545 !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.delete-confirmation form input[type="submit"]:hover {
    background: #c82333 !important;
}

.delete-confirmation form a.button.cancel-link,
.delete-confirmation form a {
    background: #6c757d !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.delete-confirmation form a:hover {
    background: #5a6268 !important;
    color: white !important;
}

/* ========== BOTÃO "SALVAR" PADRÃO ========== */
.submit-row input[name="_save"],
.submit-row input.default,
.submit-row button.default {
    background: #264A96 !important;
    color: #FFFFFF !important;
}

.submit-row input[name="_save"]:hover,
.submit-row input.default:hover,
.submit-row button.default:hover {
    background: #1E3A7A !important;
    color: #FFFFFF !important;
}

/* ========== BOTÕES SECUNDÁRIOS ========== */
.submit-row input[name="_addanother"],
.submit-row input[name="_continue"] {
    background: #4176C0 !important;
    color: #FFFFFF !important;
}

.submit-row input[name="_addanother"]:hover,
.submit-row input[name="_continue"]:hover {
    background: #3560A0 !important;
    color: #FFFFFF !important;
}

/* ========== CONDENSAÇÃO GLOBAL DE FIELDSETS ========== */
.module {
    padding: 2px !important;
    margin-bottom: 0 !important;
}

/* ========== HEADER GRADIENT (páginas normais) ========== */
/* Aplicado via JS para páginas que não são login/2FA/logout */
html body #container #header[id],
html body #header[id],
body #container #header[id],
body #header[id],
#container #header[id],
#header[id] {
    height: 47px !important;
    background: linear-gradient(to right, white 0%, white 33%, #100b50 66%, #100b50 100%) !important;
}

html body #container #header[id] *,
html body #header[id] *,
body #header[id] * {
    background-color: transparent !important;
}