/* Correções de acessibilidade, campo e consistência operacional. */
.profile-secure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}
.profile-secure-grid>div{display:contents}
.inactive-option{color:var(--cinza-500)}
.field>.field-label{font-size:12px;font-weight:800;color:var(--cinza-700);text-transform:uppercase;letter-spacing:.035em}

/*
 * Exibição proporcional da marca PNG original.
 * O asset /logo-usiminas.png permanece inalterado. Como ele possui margens
 * transparentes internas, a imagem é centralizada em um contêiner com
 * overflow para aproveitar somente esse espaço vazio, sem recortar letras.
 */
.header-brand{
  width:122px;
  min-width:122px;
  height:44px;
  padding:0;
  overflow:hidden;
  justify-content:center;
}
.header-brand img{
  display:block;
  width:150px;
  max-width:none;
  height:auto;
  max-height:none;
  flex:0 0 auto;
}

/* Mantém a forma horizontal compacta do login e amplia apenas o PNG interno. */
.login-logo-card{
  width:min(285px,76%);
  height:90px;
  padding:0 10px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.login-logo-card img{
  display:block;
  width:300px;
  max-width:none;
  height:auto;
  max-height:none;
  flex:0 0 auto;
}

.sidebar-logo{
  height:58px;
  padding:0 10px;
  overflow:hidden;
}
.sidebar-logo img{
  display:block;
  width:176px;
  max-width:none;
  height:auto;
  max-height:none;
  flex:0 0 auto;
}

@media(max-width:1199px){
  .btn-sm,.tab,.header-brand,.list-item-actions .btn,.table-actions .btn{min-height:44px}
  .bottom-link{min-height:62px}
  .quick-card,.new-choice-card{min-height:96px}
  .toggle-row{min-height:48px}

  /* O trilho mantém 25px, mas o botão possui área interativa real de 44px. */
  .toggle{width:44px;min-width:44px;height:44px;min-height:44px;background:transparent}
  .toggle::before{content:"";position:absolute;left:0;top:9.5px;width:44px;height:25px;border-radius:99px;background:var(--cinza-300);transition:.16s}
  .toggle::after{top:12.5px}
  .toggle.active{background:transparent}
  .toggle.active::before{background:var(--verde-claro)}
}

@media(max-width:419px){
  .header-brand{width:116px;min-width:116px}
  .header-brand img{width:142px}
  .login-logo-card{width:min(240px,calc(100% - 72px));height:76px;padding:0 8px}
  .login-logo-card img{width:250px}
}

@media(prefers-contrast:more){
  .input,.select,.textarea,.btn-outline,.btn-secondary,.card{border-width:2px}
  .field-hint,.header-copy p,.section-title p{color:var(--cinza-700)}
}