.conta-dropdown { position: relative; }
.conta-dropdown > summary { list-style: none; cursor: pointer; }
.conta-dropdown > summary::-webkit-details-marker { display: none; }
.conta-seta { color: var(--texto-3, #667085); font-size: 10px; margin-left: 3px; transition: transform .16s ease; }
.conta-dropdown[open] .conta-seta { transform: rotate(180deg); }
.conta-dropdown-menu { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; min-width: 190px; padding: 6px;
  border: 1px solid #eaecf0; border-radius: 10px; background: #fff; box-shadow: 0 12px 32px rgba(16, 24, 40, .16); }
.conta-dropdown-menu button { width: 100%; min-height: 40px; display: flex; align-items: center; gap: 10px; padding: 0 10px;
  border: 0; border-radius: 7px; background: transparent; color: #344054; text-align: left; font: 600 13px/1.2 var(--fonte-texto, sans-serif); cursor: pointer; }
.conta-dropdown-menu button:hover, .conta-dropdown-menu button:focus-visible { background: #f2f4f7; outline: none; }
.conta-dropdown-menu button i { width: 16px; color: #667085; }
.at-conta-dropdown > summary { display: flex; align-items: center; gap: 9px; font-size: 13px; white-space: nowrap; }
.at-conta-dropdown > summary b { max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.topo-usuario .conta-dropdown > summary { display: flex; align-items: center; gap: 12px; }
.conta-modal { max-width: 570px; }
.conta-modal .modal-cab { margin-bottom: 22px; }
.conta-modal .modal-cab h2 { margin: 0 0 6px; }
.conta-modal .modal-cab p { margin: 0; color: #667085; font-size: 13px; }
.conta-form { display: grid; gap: 15px; }
.conta-form .campo { display: grid; gap: 6px; }
.conta-form .campo > span { color: #344054; font-size: 12px; font-weight: 700; }
.conta-form input { min-width: 0; width: 100%; height: 42px; padding: 0 12px; border: 1px solid #d0d5dd; border-radius: 7px;
  background: #fff; color: #101828; font: 14px/1.4 var(--fonte-texto, sans-serif); }
.conta-form input:focus { border-color: #528bff; outline: 3px solid rgba(0, 80, 240, .12); }
.conta-form input[readonly] { background: #f9fafb; color: #667085; }
.conta-senha-titulo { margin: 8px 0 -7px; padding-top: 14px; border-top: 1px solid #eaecf0; color: #344054; font-size: 13px; }
.conta-form .modal-rodape { display: flex; justify-content: flex-end; gap: 9px; margin-top: 6px; }
.conta-form-erro { margin: 0; padding: 10px 12px; border-radius: 7px; background: #fef3f2; color: #b42318; font-size: 13px; }
.contas-inativas-lista { display: grid; max-height: 52vh; overflow-y: auto; margin: 4px 0 18px; }
.conta-inativa-linha { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 2px; border-bottom: 1px solid #eaecf0; }
.conta-inativa-linha > div { min-width: 0; display: grid; gap: 4px; }
.conta-inativa-linha b { overflow: hidden; text-overflow: ellipsis; color: #101828; font-size: 13px; }
.conta-inativa-linha small { color: #667085; font-size: 11.5px; }
.contas-inativas-vazio { padding: 10px 0; }
@media (max-width: 620px) {
  .topo-usuario .topo-quem { display: none; }
  .at-conta-dropdown > summary b { max-width: 90px; }
  .conta-modal { padding: 20px; }
  .conta-inativa-linha { align-items: flex-start; }
}