.company-users-panel { margin: 26px 0; padding-top: 24px; border-top: 1px solid var(--line); }
/* Na aba "Acessos" (2026-08-04) o painel é o único conteúdo — sem nada
   acima para separar visualmente. */
[data-config-panel="acessos"] .company-users-panel:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.company-users-panel .panel-heading { align-items: center; }
.company-users-list { display: grid; gap: 9px; }
.company-user-row { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(140px, .8fr) minmax(100px, .5fr) auto; align-items: center; gap: 14px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.company-user-person { display: flex; align-items: center; gap: 10px; min-width: 0; }
.company-user-person > div { min-width: 0; }
.company-user-person strong, .company-user-person small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.company-user-person strong { color: var(--ink); font-size: 13px; }
.company-user-person small, .company-user-contact { color: var(--muted); font-size: 10px; }
.company-user-role { width: fit-content; border-radius: var(--radius-pill); padding: 5px 9px; background: var(--blue-soft); color: var(--blue); font-size: 10px; font-weight: 800; }
.company-user-status { color: var(--green); font-size: 10px; font-weight: 800; }
.company-user-status.inactive { color: var(--muted); }
.company-users-message { min-height: 18px; margin: 10px 0 0; color: var(--muted); font-size: 11px; }
.company-users-message.error { color: var(--red); }
.company-users-message.success { color: var(--green); }
.company-user-dialog { text-align: left; }
.company-user-dialog .form-grid { margin-top: 16px; }
.company-user-dialog .form-actions { margin-top: 18px; }

html[data-access-role="hr"] [data-page="configuracoes"],
html[data-access-role="accounting"] [data-page="jornadas"],
html[data-access-role="accounting"] [data-page="aprovacoes"],
html[data-access-role="accounting"] [data-page="calendario"],
html[data-access-role="accounting"] [data-page="configuracoes"],
html[data-access-role="accounting"] #createButton,
html[data-access-role="accounting"] #newEmployeeButton,
html[data-access-role="accounting"] [data-edit-id],
html[data-access-role="accounting"] [data-edit-schedule-id] { display: none !important; }

@media (max-width: 780px) {
  .company-user-row { grid-template-columns: 1fr auto; }
  .company-user-contact { grid-column: 1 / -1; }
}