/* Nota Smart Emissor | Legibilidade global v1
   Regra única para todas as empresas: não modifica status fiscais,
   cores de ações, contrastes de botões coloridos ou dados. */
:root{
  --ns-ink:#111827;
  --ns-ink-secondary:#243246;
  --ns-ink-muted:#344256;
  --text:#111827;
  --muted:#344256;
  --modelo-ink:#111827;
  --modelo-muted:#344256;
  font-size:15px!important;
  color:var(--ns-ink)!important;
}
html,body{
  font-size:15px!important;
  color:var(--ns-ink)!important;
  line-height:1.5;
}
.shell,.workspace,.view,.reference-emissor,.nfe-draft-editor,
.company-main,.reg-workspace,.fiscal-modal-cover .fiscal-modal,
.modal-overlay .modal-card,.login-card{
  color:var(--ns-ink)!important;
  font-size:15px!important;
}
/* Titulações, textos, labels e descrições: maior contraste. */
.workspace :is(h1,h2,h3,h4,h5),.login-card :is(h1,h2,h3),
.fiscal-modal :is(h2,h3,h4),.reg-card h3,
.nfe-draft-editor .nfe-card>header h3{
  color:var(--ns-ink)!important;
}
.workspace :is(p,small,legend),.login-card p,.modal-card p,
.fiscal-modal-body p,.data-title span,.section-head p,.info-note,
.breadcrumb p,.company-breadcrumb span,.company-admin-context,
.company-dashboard-card .company-card-summary>span,
.reg-header-main>span,.module-title p,.nfe-optional-note,
.nfe-carrier-sources,.fiscal-note,.reg-record-cell small,
.module-record small,.reference-emissor .module-record small,
.reference-emissor .module-record .module-record-name span,
.reference-emissor .fiscal-pagination,
.reference-emissor .fiscal-pagination>span{
  color:var(--ns-ink-muted)!important;
}
/* Formulários: rótulo acima do campo e valores preenchidos. */
.workspace label,.modal-card label,.login-card label,
.fiscal-modal label,.reg-field,.edit-field,.module-field-grid label,
.nfe-draft-editor .nfe-field,.nfe-draft-editor .nfe-toggle,
.reference-emissor .module-filter-extra label,
.reference-emissor .nfe-field{
  color:var(--ns-ink-secondary)!important;
  font-size:13.5px!important;
  line-height:1.45!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,textarea,.workspace input:not([type="checkbox"]):not([type="radio"]),
.workspace select,.workspace textarea,
.fiscal-modal input:not([type="checkbox"]),.fiscal-modal select,.fiscal-modal textarea,
.nfe-draft-editor .nfe-field input,.nfe-draft-editor .nfe-field select,.nfe-draft-editor .nfe-field textarea,
.reg-field input,.reg-field select,.reg-field textarea,
.edit-field input,.edit-field select,.module-field-grid input,.module-field-grid select{
  color:#182333!important;
  font-size:14.5px!important;
  line-height:1.4!important;
}
input::placeholder,textarea::placeholder{
  color:#566375!important;
  opacity:1!important;
}
input:disabled,select:disabled,textarea:disabled,
.nfe-draft-editor .nfe-field input:disabled{
  color:#3b4655!important;
  -webkit-text-fill-color:#3b4655!important;
}
/* Identificação da empresa e navegação. */
.identity small,.company-active .identity small{font-size:11.5px!important;color:var(--ns-ink-muted)!important}
.identity strong,.company-active .identity strong{font-size:13px!important;color:var(--ns-ink)!important}
.profile,.profile-button,.top-company-back{font-size:12.5px!important}
.company-flyout-button{font-size:13px!important;color:var(--ns-ink-secondary)!important;min-height:45px!important}
.sidebar .nav,.company-sidebar .nav{
  font-size:11.5px!important;line-height:1.28!important;
  color:#fff!important;
}
.breadcrumb p,.company-breadcrumb span{font-size:13px!important}
.breadcrumb h1,.company-breadcrumb h1{font-size:23px!important}
/* Cadastros, configurações e tabelas. */
.company-dashboard-card .company-card-summary>span,
.reg-header-main>span,.module-title p,
.reg-record-cell small,.module-record small,
.reference-emissor .module-record small{font-size:12px!important;line-height:1.35!important}
.reg-record-cell span,.reference-emissor .module-record .module-record-name span,
.company-latest-scroll td,.company-latest-scroll th{font-size:13px!important;color:var(--ns-ink-secondary)!important}
.reg-field,.edit-field,.module-field-grid label{font-size:13.5px!important}
.reg-list-toolbar>select,.reg-search input,.reg-advanced,
.module-toolbar input,.module-toolbar select{font-size:14px!important;min-height:39px!important;height:auto!important}
.reg-list-actions button,.reg-row-actions>button,.company-dashboard-card>button,
.company-admin-context button{font-size:12.5px!important}
.reg-tabs button,.module-tabs button,.edit-settings-tabs button{font-size:13.5px!important}
table,th,td,.workspace table,.workspace th,.workspace td{
  font-size:13.5px!important;
  color:var(--ns-ink-secondary)!important;
}
th,.workspace th{color:var(--ns-ink)!important;font-weight:650!important}
/* Itens, filtros e listagens de documentos fiscais. */
.reference-emissor .module-record .module-record-name,
.reference-emissor .module-record .module-record-name span,
.reference-emissor .module-record .fiscal-num b,
.reference-emissor .module-record .module-record-meta{
  font-size:13.5px!important;color:var(--ns-ink-secondary)!important;
}
.reference-emissor .module-record small{font-size:12px!important;color:var(--ns-ink-muted)!important}
.reference-emissor .module-status{font-size:12px!important;line-height:1.3!important}
.reference-emissor .module-row-btn{font-size:12.5px!important;min-height:33px!important}
.reference-emissor .fiscal-pagination,
.reference-emissor .fiscal-pagination>span,
.reference-emissor .module-filter-extra label{font-size:12.5px!important}
.reference-emissor .module-filter-extra input,
.reference-emissor .module-filter-extra select{font-size:13.5px!important}
.nfe-draft-editor .nfe-field{font-size:13.5px!important;color:var(--ns-ink-secondary)!important}
.nfe-draft-editor .nfe-top-panel .nfe-emit small{font-size:12px!important;color:var(--ns-ink-muted)!important}
.nfe-draft-editor .nfe-top-panel .nfe-emit b{font-size:14px!important;color:var(--ns-ink)!important}
.nfe-draft-editor .nfe-toggle{font-size:13.5px!important;color:var(--ns-ink-secondary)!important}
.nfe-draft-editor .nfe-scroll th,.nfe-draft-editor .nfe-scroll td{font-size:13px!important}
.nfe-draft-editor .nfe-action-add,
.nfe-draft-editor .nfe-footer>button,
.nfe-draft-editor .nfe-footer-actions button{font-size:13.5px!important}
/* Botões: aumenta só tipografia; preserva azul, verde, vermelho e branco. */
.workspace :is(button,.module-primary,.module-outline,.primary,.secondary),
.fiscal-modal :is(button,.fiscal-blue,.fiscal-red-outline),
.modal-card button,.login-card button{
  font-size:13.5px!important;
  line-height:1.3!important;
}
.module-status,.status-pill,.pill,.reg-pill,.company-pill,
.fiscal-event-proof,.fiscal-event-proof-title,.toast{
  /* Cores semânticas deliberadamente preservadas */
}
.fiscal-modal-body,.fiscal-modal-body :is(p,small,span):not(.module-status),
.fiscal-event-details label,.fiscal-event-datum span{
  font-size:13.5px!important;
}
.fiscal-event-datum span,.fiscal-event-proof-details span{color:var(--ns-ink-muted)!important}
.fiscal-event-datum strong{font-size:14.5px!important;color:var(--ns-ink)!important}
.fiscal-event-proof-details strong{font-size:16px!important}
/* Botões com fundos fortes continuam com texto claro. */
.module-primary,.primary,.fiscal-blue,.nfe-green-send,
.sidebar .nav,.filter-btn,.reg-pill.on,
.module-status.autorizado,.module-status.importado_autorizado{
  color:#fff!important;
}
@media(max-width:760px){
  html,body{font-size:14px!important}
  .sidebar .nav,.company-sidebar .nav{font-size:11px!important}
  .workspace :is(button,.module-primary,.module-outline){font-size:13px!important}
  .breadcrumb h1,.company-breadcrumb h1{font-size:20px!important}
}

/* Legibilidade sem sobrescrever vermelho/verde ou texto de ações especiais. */
.workspace td.red,.workspace td.green,.workspace td.warning,
.workspace th.red,.workspace th.green,.workspace th.warning {
  color:inherit!important;
}
.workspace .module-status.cancelado,.workspace .module-status.importado_cancelado,
.reference-emissor .module-status.cancelado,.reference-emissor .module-status.importado_cancelado{
  color:#c9233b!important;
}
.workspace .reg-pill.on,.workspace .module-status.autorizado,
.workspace .module-status.importado_autorizado{color:#fff!important}
/* Navegação principal: regra antiga de 9px tinha especificidade maior. */
.company-active .sidebar .nav,.company-active .company-sidebar .nav,
#companySideMenu .company-nav{
  font-size:11.5px!important;
  color:#fff!important;
  line-height:1.28!important;
}
#companySideMenu .company-nav>span:last-child{font-size:inherit!important}
.collapsed .sidebar .nav{font-size:0!important}
@media(max-width:760px){
  .company-active .sidebar .nav,.company-active .company-sidebar .nav,
  #companySideMenu .company-nav{font-size:10.5px!important}
  .collapsed .sidebar .nav{font-size:0!important}
}
/* Em todos os tipos de cadastros: hierarquia entre rótulo e valor */
.reg-workspace .reg-record-cell small,
.module-workspace .module-record small,
.reference-emissor .module-record small,
.workspace .company-entry .label,
.workspace .invoice-entry .label{
 font-size:11px!important;font-weight:450!important;line-height:1.3!important;
 color:#526174!important;margin-bottom:5px!important;
}
.reg-workspace .reg-record-cell>span,
.reg-workspace .reg-record-cell>b,
.module-workspace .module-record span:not(.module-status):not(.status-pill),
.module-workspace .module-record b,
.reference-emissor .module-record .module-record-name span,
.workspace .company-entry .value,
.workspace .company-entry .name-main,
.workspace .invoice-entry .value{
 font-size:14px!important;font-weight:600!important;color:#152235!important;
 line-height:1.45!important;
}
.reg-workspace .reg-record{min-height:67px;row-gap:7px}
/* .company-dashboard-card tem display:flex!important no tema antigo; ocultar precisa ganhar. */
#companyDashboard .company-dashboard-card.hidden{display:none!important}
@media(max-width:700px){
 .reg-workspace .reg-record-cell>span,
 .module-workspace .module-record b,
 .module-workspace .module-record span:not(.module-status):not(.status-pill){font-size:13.5px!important}
}
/* Grades proporcionais ao conteúdo: rótulos e dados alinhados, sem desperdício. */
.reg-workspace .reg-record[data-reg-kind]{
  display:grid;
  align-items:center;
  gap:12px;
  min-width:0;
  height:auto;
  padding:13px 16px;
  grid-template-columns:minmax(0,1fr);
}
.reg-workspace .reg-record[data-reg-kind="produtos"]{
 grid-template-columns:minmax(70px,.55fr) minmax(280px,4fr) minmax(100px,.9fr) minmax(83px,.8fr) 75px 105px;
}
.reg-workspace .reg-record[data-reg-kind="clientes"]{
 /* Código interno (id) + Nome + Documento + Telefone + Tipo + Situação + Ações */
 grid-template-columns:minmax(58px,.55fr) minmax(210px,3.5fr) minmax(130px,1.4fr) minmax(130px,1.3fr) minmax(95px,.9fr) 75px 105px;
}
.reg-workspace .reg-record[data-reg-kind="servicos"]{
 grid-template-columns:minmax(220px,4fr) minmax(105px,1.1fr) minmax(83px,.8fr) 75px 105px;
}
.reg-workspace .reg-record[data-reg-kind="veiculos"]{
 grid-template-columns:minmax(95px,1fr) minmax(160px,2.8fr) minmax(55px,.65fr) minmax(130px,1.7fr) 75px 105px;
}
.reg-workspace .reg-record[data-reg-kind="condutores"],
.reg-workspace .reg-record[data-reg-kind="grupo-tributario"]{
 grid-template-columns:minmax(145px,1.4fr) minmax(220px,4fr) 75px 105px;
}
.reg-workspace .reg-record[data-reg-kind="natureza-operacao"]{
 grid-template-columns:minmax(200px,3.6fr) minmax(125px,1fr) minmax(155px,1.5fr) 75px 105px;
}
.reg-workspace .reg-record[data-reg-kind] .reg-record-cell{min-width:0;align-self:center;}
.reg-workspace .reg-record[data-reg-kind] .reg-record-cell span{
 display:block;
 white-space:normal!important;
 overflow:visible!important;
 overflow-wrap:anywhere;
 text-overflow:clip!important;
 line-height:1.45!important;
}
.reg-workspace .reg-record[data-reg-kind] .reg-pill{white-space:nowrap;font-size:11px!important}
.reg-workspace .reg-record[data-reg-kind] .reg-row-actions{white-space:nowrap}
.reg-workspace .reg-record[data-reg-kind] .reg-row-actions>button{min-width:94px}
@media(max-width:1080px){
 .reg-workspace .reg-record[data-reg-kind]{
  grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important;
  gap:14px 18px;
 }
 .reg-workspace .reg-record[data-reg-kind] .reg-record-cell:nth-child(2){
  grid-column:span 1;
 }
 .reg-workspace .reg-record[data-reg-kind] .reg-row-actions{justify-self:end}
 .reg-workspace .reg-record[data-reg-kind] .reg-pill{justify-self:start}
}
@media(max-width:560px){
 .reg-workspace .reg-record[data-reg-kind]{grid-template-columns:minmax(0,1fr)!important}
 .reg-workspace .reg-record[data-reg-kind] .reg-row-actions{justify-self:start}
}



/* Coluna própria para seleção em lote: checkbox nunca cobre código. */
.reg-workspace .reg-record[data-reg-kind="produtos"]:has(> .reg-select-item){
 grid-template-columns:24px minmax(70px,.55fr) minmax(280px,4fr) minmax(100px,.9fr) minmax(83px,.8fr) 75px 105px!important;
 padding-left:16px!important;
}
.reg-workspace .reg-record[data-reg-kind="produtos"] > .reg-select-item{
 grid-column:1;grid-row:1;position:static!important;
 align-self:center;justify-self:center;
}
/* Grade com campos nomeados em telas médias. */
@media(max-width:1080px){
 .reg-workspace .reg-record[data-reg-kind="produtos"]:has(> .reg-select-item){
  grid-template-columns:24px minmax(0,1fr) minmax(0,1.5fr)!important;
 }
 .reg-workspace .reg-record[data-reg-kind="produtos"] > .reg-record-cell:nth-of-type(1){grid-column:2!important;grid-row:1}
 .reg-workspace .reg-record[data-reg-kind="produtos"] > .reg-record-cell:nth-of-type(2){grid-column:3!important;grid-row:1}
 .reg-workspace .reg-record[data-reg-kind="produtos"] > .reg-record-cell:nth-of-type(3){grid-column:2!important;grid-row:2}
 .reg-workspace .reg-record[data-reg-kind="produtos"] > .reg-record-cell:nth-of-type(4){grid-column:3!important;grid-row:2}
 .reg-workspace .reg-record[data-reg-kind="produtos"] > .reg-pill{grid-column:2!important;grid-row:3}
 .reg-workspace .reg-record[data-reg-kind="produtos"] > .reg-row-actions{grid-column:3!important;grid-row:3}
}
@media(max-width:560px){
 .reg-workspace .reg-record[data-reg-kind="produtos"]:has(> .reg-select-item){
  grid-template-columns:24px minmax(0,1fr)!important;
 }
 .reg-workspace .reg-record[data-reg-kind="produtos"] > :not(.reg-select-item){
  grid-column:2!important;grid-row:auto!important;
 }
}

/* Nota Smart Emissor | estrutura visual consolidada
   Camada final para as telas administrativas e o ambiente da empresa. */
:root{
  --ui-ink:#243247;
  --ui-muted:#68778b;
  --ui-faint:#8794a5;
  --ui-line:#e2e7ee;
  --ui-surface:#f2f4f8;
  --ui-card:#fff;
  --ui-blue:#0868c9;
  --ui-blue-dark:#0758ad;
  --ui-radius:6px;
}
html,body{
  font-family:"Segoe UI",Arial,Helvetica,sans-serif!important;
  color:var(--ui-ink)!important;
  font-size:14px!important;
  line-height:1.5!important;
  background:var(--ui-surface)!important;
}
button,input,select,textarea{font-family:inherit!important;line-height:1.4}
button{font-weight:550}
p,small,label,th,td{line-height:1.45}
.topbar{
  height:64px!important;
  padding:0 24px!important;
  background:#fff!important;
  border-bottom:1px solid var(--ui-line)!important;
  box-shadow:0 1px 4px #182b4008;
}
.app-body{min-height:calc(100dvh - 64px)!important}
.sidebar{
  top:64px!important;
  height:calc(100dvh - 64px)!important;
}
.workspace{
  min-width:0;
  padding:22px 26px 42px!important;
  background:var(--ui-surface)!important;
}
.breadcrumb{
  min-height:44px!important;
  margin:0 0 20px!important;
  padding:0 0 14px!important;
  gap:18px!important;
  border-color:#dbe1e9!important;
}
.breadcrumb h1,.company-breadcrumb h1{
  color:var(--ui-ink)!important;
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:550!important;
  letter-spacing:-.2px;
}
.breadcrumb p,.company-breadcrumb>span{
  color:var(--ui-muted)!important;
  font-size:13px!important;
}
.workspace :is(h2,h3),.company-panel :is(h2,h3){
  color:var(--ui-ink);
  line-height:1.35;
  letter-spacing:-.1px;
}
.workspace :is(p,small,.label),.company-panel :is(p,small){
  color:var(--ui-muted);
}
.workspace :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
.modal-card :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  min-height:40px;
  border:1px solid #cbd4df!important;
  border-radius:5px!important;
  color:#243247!important;
  background:#fff!important;
  font-size:14px!important;
  line-height:1.4!important;
  padding:8px 11px!important;
}
.workspace textarea{min-height:96px}
.workspace :is(input,select,textarea)::placeholder{color:#758398!important;opacity:1}
.workspace label,.modal-card label,.login-card label{
  color:#425168!important;
  font-size:13px!important;
  font-weight:550!important;
  line-height:1.4!important;
}
.workspace :is(button,.primary,.secondary,.outline-blue,.module-primary,.module-outline){
  min-height:38px;
  border-radius:5px;
  font-size:13px!important;
  line-height:1.35!important;
}
.workspace .primary,.workspace .module-primary{
  background:var(--ui-blue)!important;
  border-color:var(--ui-blue)!important;
  color:#fff!important;
}
.workspace .primary:hover,.workspace .module-primary:hover{
  background:var(--ui-blue-dark)!important;
}
.white-card,.company-dashboard-card,.company-entry,.invoice-entry,
.module-record,.module-form-panel,.data-card{
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:0 2px 8px #24364b0a!important;
  background:var(--ui-card)!important;
}
.company-summary,.doc-summary,.analytics,.recent{border-radius:var(--ui-radius)!important}
.card-heading,.company-dashboard-bottom h2{
  color:var(--ui-ink)!important;
  font-size:17px!important;
  font-weight:600!important;
  line-height:1.35!important;
}
/* Administração: filtros em uma faixa e registros legíveis como cartões. */
.list-toolbar{
  min-height:52px!important;
  margin-bottom:14px!important;
  padding:0 0 13px!important;
  gap:8px!important;
  border-color:var(--ui-line)!important;
}
.list-toolbar select,.search-field input,.filter-btn{
  min-height:38px!important;
  height:38px!important;
  border-radius:5px!important;
  font-size:13px!important;
  line-height:1.35!important;
  color:#36465b!important;
}
.list-toolbar select{min-width:205px!important;max-width:260px!important}
.search-field{height:38px!important;flex-basis:220px!important;width:220px!important}
.search-field input{padding-right:34px!important}
.filter-btn{background:#64748b!important;border-color:#64748b!important;color:white!important}
.toolbar-end{gap:8px!important}
.toolbar-end .primary,.toolbar-end .outline-blue{min-width:150px!important;height:40px!important}
.company-list{gap:8px!important}
.company-entry{
  min-height:76px!important;
  grid-template-columns:minmax(210px,2fr) minmax(130px,1.1fr) minmax(110px,.9fr) minmax(105px,1fr) minmax(125px,1fr) 88px 100px!important;
  column-gap:16px!important;
  padding:13px 17px!important;
}
.company-entry .label,.invoice-entry .label{
  color:var(--ui-faint)!important;
  font-size:11px!important;
  font-weight:500!important;
  margin-bottom:5px!important;
}
.company-entry .value,.invoice-entry .value{
  color:#29384d!important;
  font-size:13px!important;
  line-height:1.4!important;
  overflow-wrap:anywhere;
}
.company-entry .name-main{
  color:#25354a!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.4!important;
}
.company-entry .name-sub{
  color:var(--ui-muted)!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.company-entry .company-pill{
  min-width:54px;
  padding:5px 11px!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.row-action{min-height:36px!important;font-size:12px!important;border-radius:5px!important}
.page-subline{height:auto!important;overflow:visible!important;margin:0 0 10px!important}
.page-subline span{font-size:12px!important;color:var(--ui-muted)!important}
.large-pager{font-size:13px!important}
/* Visão interna da empresa: painel arejado, hierarquia nítida e tabelas sem corte. */
.company-active .workspace{padding:22px 26px 42px!important}
.company-dashboard-cards{gap:16px!important;margin-bottom:17px!important}
.company-dashboard-card{
  min-height:98px!important;
  height:auto!important;
  padding:16px!important;
  gap:14px!important;
  border-radius:var(--ui-radius)!important;
}
.company-card-icon{flex:0 0 48px!important;width:48px!important;height:48px!important}
.company-card-icon .icon-svg{width:42px!important;height:42px!important}
.company-card-summary{gap:5px!important;white-space:normal!important}
.company-card-summary>span{
  color:var(--ui-muted)!important;
  font-size:13px!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.company-card-summary>strong{
  color:var(--ui-blue)!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:650!important;
}
.company-dashboard-card>button{
  min-height:34px!important;
  height:auto!important;
  font-size:12px!important;
  color:#46566b!important;
  border-radius:5px!important;
}
.company-dashboard-bottom{gap:17px!important}
.company-monthly-block,.company-latest-block{
  min-width:0;
  height:390px!important;
  padding:19px 20px!important;
  border-radius:var(--ui-radius)!important;
}
.company-latest-scroll{height:320px!important}
.company-latest-block table{min-width:600px}
.company-latest-block th{
  color:#26364b!important;
  font-size:13px!important;
  font-weight:650!important;
  padding:12px 10px!important;
}
.company-latest-block td{
  color:#394a60!important;
  font-size:13px!important;
  padding:12px 10px!important;
}
.company-breadcrumb{margin-bottom:16px!important;padding-bottom:14px!important}
.company-admin-context{font-size:12px!important}
.company-flyout-button{
  min-height:48px!important;
  font-size:14px!important;
  line-height:1.35!important;
  color:#34445a!important;
}
.company-flyout-button .icon-svg{flex:0 0 20px}
.module-header{margin-bottom:18px!important}
.module-title h2{font-size:22px!important;font-weight:600!important}
.module-title p{font-size:13px!important;color:var(--ui-muted)!important}
.module-toolbar{gap:8px!important}
.module-toolbar :is(input,select,button){
  height:39px!important;
  min-height:39px!important;
  font-size:13px!important;
}
.module-record{min-height:70px!important;font-size:13px!important}
.module-record small{font-size:11px!important;color:var(--ui-faint)!important}
.module-record span,.module-record b{font-size:13px!important;color:#2c3a4e!important}
.module-tabs button{font-size:13px!important;line-height:1.4!important}
:where(button,a,input,select,textarea):focus-visible{
  outline:3px solid #80baf0!important;
  outline-offset:2px!important;
}
@media(max-width:1250px){
  .company-entry{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    row-gap:12px!important;
  }
}
@media(max-width:1050px){
  .company-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .company-dashboard-bottom{grid-template-columns:1fr!important}
  .company-monthly-block,.company-latest-block{height:auto!important;min-height:365px}
}
@media(max-width:760px){
  .topbar{height:58px!important;padding:0 12px!important}
  .sidebar{top:58px!important;height:calc(100dvh - 58px)!important}
  .workspace,.company-active .workspace{padding:16px 14px 30px!important}
  .breadcrumb{gap:11px!important;margin-bottom:15px!important}
  .breadcrumb h1,.company-breadcrumb h1{font-size:20px!important}
  .breadcrumb p,.company-breadcrumb>span{font-size:12px!important}
  .list-toolbar{align-items:stretch!important}
  .list-toolbar select,.search-field{max-width:none!important;width:100%!important;flex:1 1 100%!important}
  .toolbar-end{width:100%;display:flex}
  .toolbar-end>*{flex:1 1 0;min-width:0!important}
  .company-entry{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:14px!important}
  .company-entry>:first-child{grid-column:1/-1}
  .company-dashboard-cards{grid-template-columns:1fr!important}
  .company-dashboard-card{min-height:84px!important}
  .company-dashboard-bottom{grid-template-columns:1fr!important}
  .company-monthly-block,.company-latest-block{padding:15px!important}
}
@media(max-width:420px){
  .company-entry{grid-template-columns:1fr!important}
  .company-entry>:first-child{grid-column:auto}
  .company-dashboard-card{gap:10px!important;padding:12px!important}
  .company-card-icon{flex-basis:39px!important;width:39px!important}
  .company-card-icon .icon-svg{width:36px!important;height:36px!important}
}

/* Alinhamento da navegação interna com o cabeçalho em todas as alturas. */
#companySideMenu:not(.hidden){
  top:64px!important;
  height:calc(100dvh - 64px)!important;
}
.company-active #companyFlyout{
  top:64px!important;
  height:calc(100dvh - 64px)!important;
}
@media(max-width:760px){
  #companySideMenu:not(.hidden){
    top:58px!important;
    height:calc(100dvh - 58px)!important;
  }
  .company-active #companyFlyout{
    top:58px!important;
    height:calc(100dvh - 58px)!important;
  }
}
