/* Ajustes específicos das telas (usuarios). O padrão comum fica em css/apr-padrao.css. */

/* Editar usuário: nome do usuário no subtítulo, numa linha, com reticências (nome completo no tooltip) */
.apr-usuario-subtitulo {
    display: block;
    max-width: min(100%, 720px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Empresas: nome numa linha só, com reticências; o CNPJ alinha com o texto da caixa */
.apr-empresa-opcao {
    min-width: 0;
}
.apr-empresa-opcao .mud-input-control,
.apr-empresa-opcao .mud-checkbox {
    max-width: 100%;
    min-width: 0;
}
.apr-empresa-opcao .mud-checkbox > :last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.apr-empresa-opcao .apr-empresa-cnpj,
.apr-perfil-descricao {
    display: block;
    padding-left: 42px;
    margin-top: -6px;
}

/* Chip com o nome da empresa no título "Dados do colaborador" */
.mud-chip.apr-chip-empresa {
    max-width: 280px;
    margin: 0;
}
.mud-chip.apr-chip-empresa .mud-chip-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 24px;
}

/* Data de admissão: o botão de limpar só aparece com o mouse em cima ou com o foco (o valor fica inteiro) */
.apr-campo-data .mud-input-clear-button {
    visibility: hidden;
}
.apr-campo-data:hover .mud-input-clear-button,
.apr-campo-data:focus-within .mud-input-clear-button {
    visibility: visible;
}

/* Várias empresas no Novo usuário: nome da empresa acima da linha de dados dela */
.apr-colaborador-empresa {
    display: flex;
    align-items: center;
    color: var(--mud-palette-text-secondary);
}

/* Requisitos da senha: 8 px abaixo dos campos (o mesmo recuo do texto de ajuda) e ícone centrado no rótulo */
.apr-senha-requisitos { padding-top: 0 !important; margin-top: -4px; }
.apr-senha-requisitos .password-requirements > .mud-typography {
    display: flex;
    align-items: center;
    gap: 4px;
}
.apr-senha-requisitos .password-requirements > .mud-typography .mud-icon-root { margin-right: 0 !important; }

/* Perfis de acesso: grade própria com colunas de pelo menos 380 px (2 colunas no formulário de até 1280 px),
   para a descrição do perfil caber em até 2 linhas. A descrição ocupa a coluna toda, sem limite de largura. */
.apr-perfis-grade {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr));
    gap: 4px 24px;
}
.apr-perfil-opcao { min-width: 0; padding: 4px 0; }
.apr-perfil-opcao .apr-perfil-descricao { max-width: none; }

/* Perfis com acesso administrativo (Super Administrador, Administrador): grupo separado e destacado.
   A caixa fica dentro do recuo do painel (sem margem negativa); por dentro, o título e a frase começam na
   coluna das caixas de seleção (o quadrado do MudCheckBox começa 12 px dentro do item: 9 de padding + 3 do ícone). */
.apr-perfis-admin {
    margin: 16px 0 0;
    padding: 16px 16px 16px 12px;
    border: 1px solid var(--mud-palette-warning);
    border-left-width: 4px;
    border-radius: 6px;
}
.apr-perfis-admin-titulo {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-left: 12px;
    font-weight: 600;
    font-size: .875rem;
    color: var(--mud-palette-warning-darken);
}
.apr-perfis-admin .apr-perfis-admin-frase { padding-left: 12px; }

/* Switch "Usuário ativo": ajuda alinhada com o rótulo do switch */
.apr-usuario-ativo-ajuda { padding-left: 58px; margin-top: -6px; text-wrap: pretty; }

/* Empresas vinculadas: Empresa 40 %, Matrícula 180 px, Situação e Ações logo depois; a sobra fica numa coluna vazia
   no fim da linha (as divisórias continuam até a borda e os dados ficam juntos). */
.apr-usuario-empresas .mud-table-cell.apr-coluna-sobra { padding: 0; }