/* Moldura leve: somente cores, bordas e cantos arredondados. */
body.faturas-page,body.mobile-configuracoes{background:#1A102B!important;padding:0 0 7px!important;margin:0}.faturas-page>.nazor-header,.mobile-configuracoes>.nazor-header{background:#1A102B;border:0;border-radius:0;box-shadow:none;margin:0!important;padding:12px 24px;min-height:70px;gap:8px 20px;color:white}.faturas-page .nazor-home,.mobile-configuracoes .nazor-home{color:#eee8ff}.faturas-page .nazor-home-label,.mobile-configuracoes .nazor-home-label{border-color:#39314d}.faturas-page .nazor-nav-link,.mobile-configuracoes .nazor-nav-link{color:#ddd4ef}.faturas-page .nazor-nav-link:hover,.mobile-configuracoes .nazor-nav-link:hover{background:#2c2046;color:white}.faturas-page .conta-avatar,.mobile-configuracoes .conta-avatar{color:white;background:#18112d;border-color:#382c50}.faturas-page .conta-avatar:hover,.mobile-configuracoes .conta-avatar:hover{background:#2b2043}.faturas-page .conta-painel,.mobile-configuracoes .conta-painel{color:#302a3a}.faturas-page>.faturas-layout,.mobile-configuracoes>.config-layout{margin:0 6px;min-height:calc(100dvh - 77px);border-radius:28px;background:#f5f5f7;overflow:hidden}.faturas-page .faturas-lateral,.mobile-configuracoes .config-lateral{border-radius:28px 0 0 28px}.faturas-page .faturas-main,.mobile-configuracoes .config-container{align-self:start}.faturas-page .faturas-lateral{padding-top:16px}.mobile-configuracoes .config-lateral{padding-top:28px}.faturas-page .nazor-logo,.mobile-configuracoes .nazor-logo{background:transparent;border-radius:0;padding:0}@media(max-width:700px){.faturas-page>.nazor-header,.mobile-configuracoes>.nazor-header{padding:12px 16px!important;margin:0!important}.faturas-page>.faturas-layout,.mobile-configuracoes>.config-layout{border-radius:20px;margin:0 5px;min-height:calc(100dvh - 140px)}.faturas-page .faturas-lateral,.mobile-configuracoes .config-lateral{border-radius:20px 20px 0 0}.faturas-page .nazor-nav,.mobile-configuracoes .nazor-nav{border-color:#342747}.faturas-page .conta-painel,.mobile-configuracoes .conta-painel{right:0}}
@media print{body.faturas-page,body.mobile-configuracoes{background:white!important}.faturas-page>.faturas-layout,.mobile-configuracoes>.config-layout{margin:0;border-radius:0;overflow:visible}.faturas-lateral,.config-lateral{display:none}.faturas-layout,.config-layout{display:block}}

/* Moldura compartilhada das demais abas internas. */
body.nazor-moldura{background:#1A102B!important;padding:0 0 7px!important;margin:0}.nazor-moldura>.nazor-header{background:#1A102B;border:0;border-radius:0;box-shadow:none;margin:0!important;padding:12px 24px;min-height:70px;gap:8px 20px;color:white}.nazor-moldura .nazor-home{color:#eee8ff}.nazor-moldura .nazor-home-label{border-color:#39314d}.nazor-moldura .nazor-nav-link{color:#ddd4ef}.nazor-moldura .nazor-nav-link:hover{background:#2c2046;color:white}.nazor-moldura .conta-avatar{color:white;background:#1A102B;border-color:#382c50}.nazor-moldura .conta-painel{color:#302a3a}.nazor-moldura .nazor-logo{background:transparent;border-radius:0;padding:0}.nazor-conteudo-moldura{background:#f5f5f7;border-radius:28px;margin:0 6px;min-height:calc(100dvh - 77px);padding:24px;display:flow-root}.nazor-conteudo-moldura>main{width:100%}@media(max-width:700px){.nazor-moldura>.nazor-header{padding:12px 16px!important;margin:0!important}.nazor-conteudo-moldura{border-radius:20px;margin:0 5px;padding:18px 14px;min-height:calc(100dvh - 140px)}.nazor-moldura .nazor-nav{border-color:#342747}}
@media print{body.nazor-moldura{background:white!important}.nazor-conteudo-moldura{padding:0;margin:0;background:white;border-radius:0;min-height:0}}

/* A moldura ocupa a tela; a rolagem pertence ao conteúdo. */
@media screen{
body.nazor-moldura,body.faturas-page,body.mobile-configuracoes{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:7px!important;box-sizing:border-box}
.nazor-moldura>.nazor-header,.faturas-page>.nazor-header,.mobile-configuracoes>.nazor-header{flex:0 0 auto;position:relative;z-index:1100}
.nazor-moldura>.nazor-conteudo-moldura,.faturas-page>.faturas-layout,.mobile-configuracoes>.config-layout{flex:1 1 0;min-height:0!important;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-radius:28px;isolation:isolate}
.faturas-page>.faturas-layout,.mobile-configuracoes>.config-layout{overflow:hidden;grid-template-rows:minmax(0,1fr)}
.faturas-page .faturas-main,.mobile-configuracoes .config-container{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;align-self:stretch}
.faturas-page .faturas-lateral,.mobile-configuracoes .config-lateral{min-height:0;overflow-y:auto}
@media(max-width:850px){.mobile-configuracoes>.config-layout{grid-template-rows:auto minmax(0,1fr)}.mobile-configuracoes .config-lateral{overflow-y:hidden}.mobile-configuracoes .config-container{min-height:0}}
@media(max-width:700px){.nazor-moldura>.nazor-conteudo-moldura,.faturas-page>.faturas-layout,.mobile-configuracoes>.config-layout{border-radius:20px}.faturas-page>.faturas-layout{grid-template-rows:auto minmax(0,1fr)}.faturas-page .faturas-lateral{overflow-y:hidden}.conta-painel{max-height:calc(100dvh - 165px);overflow-y:auto}}
}

/* Rolagem discreta nas abas internas e seus painéis. */
@media screen {
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes),
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) * {
  scrollbar-width:thin;
  scrollbar-color:#c4c2c8 transparent;
 }
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes)::-webkit-scrollbar,
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar {width:7px;height:7px}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes)::-webkit-scrollbar-track,
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-track {background:transparent}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes)::-webkit-scrollbar-thumb,
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-thumb {background:#c4c2c8;border-radius:12px}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-thumb:hover {background:#aaa6b1}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-button {display:none;width:0;height:0}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-corner {background:transparent}
}

/* Chrome/Edge: usar a barra personalizada, sem botões nativos. */
@media screen {
 @supports selector(::-webkit-scrollbar) {
  :is(.nazor-moldura,.faturas-page,.mobile-configuracoes),
  :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) * {scrollbar-width:auto;scrollbar-color:auto}
 }
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes)::-webkit-scrollbar-button,
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-button,
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-button:single-button,
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-button:double-button {display:none!important;width:0!important;height:0!important;background:transparent!important}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-track {margin:18px 0;background:transparent}
 .nazor-moldura>.nazor-conteudo-moldura {border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:5px solid transparent}
 .faturas-page .faturas-main,.mobile-configuracoes .config-container {border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:5px solid transparent}
}

/* Evitar faixa de fundo nas bordas de respiro da rolagem. */
@media screen {
 .nazor-moldura>.nazor-conteudo-moldura,
 .faturas-page .faturas-main,
 .mobile-configuracoes .config-container {
  border-top:0!important;
  border-bottom:0!important;
 }
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes) *::-webkit-scrollbar-track:vertical {margin-top:18px;margin-bottom:18px}
 .nazor-conteudo-moldura {background:#f5f5f7!important;background-clip:border-box}
}

/* Popups acima do cabeçalho fixo, fora da camada de rolagem. */
@media screen {
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes)>.modal {z-index:1220}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes)>.modal-backdrop {z-index:1210}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes)>.modal .modal-dialog {max-height:calc(100dvh - 32px)}
 :is(.nazor-moldura,.faturas-page,.mobile-configuracoes)>.modal .modal-dialog-scrollable .modal-content {max-height:calc(100dvh - 32px)}
}