/* ============================================================================
   ESTUDO pedro 2026-06-02 Reskin Orvyx (be) — base/reset escopado.
   Aplica fundo, cor e tipografia por token e neutraliza o reset global
   "* { font-family: Arial; font-size: 13px }" herdado de Content/main.css,
   sem editar main.css. Escopo em #container para nao vazar para iframes/legado.
   ============================================================================ */

html.dark,
body {
    background-color: var(--background);
    color: var(--foreground);
}

#container,
#container input,
#container select,
#container textarea,
#container button {
    font-family: var(--font-inter);
}

/* Reverte o "* { font-size: 13px }" do main.css para uma escala mais respiravel.
   Mantido conservador para nao quebrar layouts densos do WebForms. */
#container {
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "cv11", "ss01";
}

#container h1,
#container h2,
#container h3,
#container h4,
#container h5 {
    font-family: var(--font-inter);
    color: var(--foreground);
    font-weight: 600;
}

/* Conteudo principal sobre o fundo de tema */
#container .mainContent,
#container .boxed {
    background-color: transparent;
    color: var(--foreground);
}

/* Gutter horizontal do conteudo — o #content-container so tem o padding-left
   do offset da sidebar (sem respiro). Afasta titulo/conteudo do menu. */
#content-container > #page-head,
#content-container > #page-content,
#content-container > #Home-content {
    padding-left: 28px;
    padding-right: 28px;
}

@media (max-width: 575px) {
    #content-container > #page-head,
    #content-container > #page-content,
    #content-container > #Home-content {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Paginas legadas (template base_cadastro): #page-content fica FORA do
   #content-container e usa col-lg-offset-2 (margem fixa ~220px) para escapar
   da sidebar — por isso NAO expande quando o menu recolhe. Aqui damos ao
   #page-content o mesmo offset responsivo da sidebar e zeramos o offset fixo
   do Bootstrap, fazendo o conteudo expandir junto (como o main.aspx). */
#page-content {
    padding-left: 248px;
    padding-right: 28px;
    transition: padding-left .3s ease;
}

#container.mainnav-sm #page-content {
    padding-left: 83px;
}

@media (max-width: 768px) {
    #page-content {
        padding-left: 16px;
        padding-right: 16px;
    }
}

#page-content > .row > [class*="col-lg-offset-"] {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

#container a {
    color: var(--primary);
}

/* Hover de link: NAO usar var(--accent) (e cor de FUNDO, claro/escuro demais
   -> o texto sumia no hover, ex.: abas). Mistura legivel primario+foreground. */
#container a:hover,
#container a:focus {
    color: color-mix(in srgb, var(--primary) 80%, var(--foreground));
}

/* Numeros tabulares para timers/contadores */
.tabular-nums {
    font-variant-numeric: tabular-nums;
}

/* Scrollbar discreta no tema */
#container ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#container ::-webkit-scrollbar-thumb {
    background-color: var(--border);
    border-radius: 8px;
}

#container ::-webkit-scrollbar-track {
    background-color: transparent;
}