.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.accounts-heading-actions, .accounts-toolbar, .accounts-selection, #contas-acoes-lote { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.accounts-heading-actions { justify-content: flex-end; }
.account-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.account-stat { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; padding: 14px; text-align: left; background: var(--placa); }
.account-stat b { font: 600 24px var(--mono); }
.account-stat span { font-size: 11px; color: var(--tinta-fraca); }
.account-stat.ativo { border-color: var(--acento); background: var(--placa-alta); }
.account-stat[data-filtro="suspensa"] b { color: var(--parada); }
.account-stat[data-filtro="precisa-login"] b { color: var(--atencao); }
.account-stat[data-filtro="ativa"] b { color: var(--viva); }
.accounts-tools { margin-bottom: 18px; border: 1px solid var(--linha); border-radius: var(--raio-g); background: var(--placa); }
.accounts-tools > summary { padding: 13px 16px; cursor: pointer; color: var(--tinta-fraca); font-size: 13px; }
.accounts-tools[open] > summary { border-bottom: 1px solid var(--linha); }
.accounts-tools .topo-contas { margin: 16px; }
.accounts-toolbar { margin-bottom: 12px; }
.accounts-search { flex: 1 1 240px; }
.accounts-search input { width: 100%; }
.accounts-toolbar #visao-contas { margin-left: auto; }
.accounts-selection { margin-bottom: 12px; }
.accounts-delete { color: var(--parada); }
.accounts-message { color: var(--tinta-fraca); overflow-wrap: anywhere; }
.accounts-message:empty { display: none; }
.accounts-message.falha { color: var(--parada); }
#lista-contas.lista-contas { grid-template-columns: 3px 26px 32px minmax(145px, 1fr) minmax(180px, 1.4fr) max-content; }
#lista-contas .conta { min-height: 84px; height: auto; padding-block: 12px; }
#lista-contas .conta-estado { flex-direction: column; align-items: flex-start; gap: 7px; }
#lista-contas .motivo { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; overflow-wrap: anywhere; }
#lista-contas .conta-id .usuario { font: 600 13px var(--mono); }
@media (max-width: 1100px) {
  .account-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #lista-contas.lista-contas { grid-template-columns: 3px 24px 32px minmax(0, 1fr); }
  #lista-contas .conta { grid-template-rows: auto auto auto; padding-right: 12px; }
  #lista-contas .conta .trilha { grid-row: 1 / 4; }
  #lista-contas .conta .marca-sel { grid-column: 2; grid-row: 1; }
  #lista-contas .conta .avatar { grid-column: 3; grid-row: 1; }
  #lista-contas .conta .conta-id { grid-column: 4; grid-row: 1; }
  #lista-contas .conta .conta-estado { grid-column: 3 / -1; grid-row: 2; margin-block: 8px; }
  #lista-contas .conta .conta-acoes { grid-column: 3 / -1; grid-row: 3; }
}