.account-create { max-width: 560px; }
.account-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.account-actions form { margin: 0; }
.account-create .help-block { overflow-wrap: anywhere; }
.account-auth { background: #d2d6de; }
.account-auth .login-box { width: 360px; max-width: calc(100% - 32px); margin: 7vh auto 0; }
.account-auth .login-logo { overflow-wrap: anywhere; }
.account-auth-title { font-size: 22px; margin: 0 0 16px; }
.account-auth-back { margin: 16px 0 0; }
.account-auth input { font-size: 16px; }
.account-auth :focus-visible { outline: 2px solid #3c8dbc; outline-offset: 2px; }
.theme-dark .account-auth { background: #17212c; color: #e6edf3; }
.theme-dark .account-auth .login-box-body { background: #243447; color: #e6edf3; }
.theme-dark .account-auth .login-logo a,
.theme-dark .account-auth a { color: #8dccf5; }
.theme-dark .account-auth .form-control { background: #17212c; border-color: #7b8fa5; color: #e6edf3; }
.theme-dark .account-auth .help-block,
.theme-dark .account-auth .product-brand { color: #b8c7d7 !important; }
.users-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; }
.users-toolbar .box-title { flex: 1; margin: 0; text-align: left; font-size: 16px; }
.users-table-wrap { padding: 0; overflow-x: auto; }
.users-table { margin-bottom: 0; table-layout: fixed; }
.users-table > thead > tr > th { padding: 12px 16px; font-size: 12px; color: #64748b; border-bottom-width: 1px; }
.users-table > tbody > tr > td { padding: 16px; vertical-align: middle; overflow-wrap: anywhere; }
.users-table th:first-child { width: 34%; }
.users-table th:nth-child(2) { width: 36%; }
.users-table th:nth-child(3) { width: 18%; }
.users-table .users-action-heading { width: 12%; }
.users-identity strong { display: block; font-weight: 600; }
.users-account-type { display: block; margin-top: 3px; color: #64748b; font-size: 12px; }
.users-email { display: block; color: #64748b; margin-top: 4px; font-size: 13px; }
.users-permission-list { margin: 0; padding: 0; list-style: none; }
.users-permission-list li { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 8px; }
.users-permission-list li + li { margin-top: 6px; }
.users-role, .users-permission-note { color: #64748b; font-size: 12px; }
.users-permission-note { display: block; margin-top: 3px; }
.users-admin { font-weight: 500; }
.users-state-label { display: inline-block; font-size: 12px; white-space: nowrap; }
.users-state-label::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #8994a2; vertical-align: middle; }
.users-state-label.is-active::before { background: #23835b; }
.users-state small { display: block; color: #64748b; margin-top: 5px; font-size: 12px; }
.users-row-action, .users-action-heading { text-align: right; }
.users-empty { text-align: center; }
.user-modal .modal-dialog { width: 520px; max-width: calc(100% - 24px); margin: 28px auto; }
.user-modal .modal-title { font-size: 18px; line-height: 1.5; overflow-wrap: anywhere; }
.user-modal .modal-body { max-height: calc(100vh - 230px); overflow-y: auto; padding: 20px; }
.user-modal .modal-header, .user-modal .modal-footer { padding: 14px 20px; }
.user-modal .form-group:last-child, .user-modal .help-block:last-child { margin-bottom: 0; }
.user-modal .help-block { font-size: 12px; overflow-wrap: anywhere; }
.user-modal .close { min-width: 28px; min-height: 28px; }
.user-permission-fields { border: 0; padding: 16px 0 0; margin-top: 20px; border-top: 1px solid #e5e7eb; min-width: 0; }
.user-permission-fields legend { float: left; width: 100%; border: 0; margin: 0 0 14px; font-size: 14px; font-weight: 600; }
.user-permission-fields legend + * { clear: both; }
.user-ledger-role label { font-weight: 400; }
.user-create-ledgers { min-width: 0; border: 0; padding: 0; margin: 0 0 16px; }
.user-create-ledgers legend { border: 0; margin: 0 0 8px; font-size: 14px; font-weight: 600; }
.user-create-ledgers .checkbox label { overflow-wrap: anywhere; }
.user-create-ledgers .checkbox input { margin-top: 3px; }
.user-modal-operations { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 20px; border-top: 1px solid #e5e7eb; background: #f8fafc; }
.user-modal-operations form { margin: 0; }
.user-modal [hidden] { display: none !important; }
.theme-dark .users-account-type, .theme-dark .users-email, .theme-dark .users-role, .theme-dark .users-permission-note, .theme-dark .users-state small { color: #adb7ca; }
.theme-dark .user-modal .help-block { color: #adb7ca; }
.theme-dark .user-permission-fields, .theme-dark .user-modal-operations { border-color: #3e4258; }
.theme-dark .user-modal-operations { background: #20222e; }
.user-modal :focus-visible { outline: 2px solid #3c8dbc; outline-offset: 2px; }
.users-mobile-state { display: none; }
@media (max-width: 767px) {
  .users-toolbar { padding: 12px; }
  .users-table { min-width: 0; }
  .users-table th:first-child { width: 42%; }
  .users-table th:nth-child(2) { width: 38%; }
  .users-table .users-action-heading { width: 20%; }
  .users-table th:nth-child(3), .users-table .users-state { display: none; }
  .users-mobile-state { display: block; margin-top: 6px; }
  .users-mobile-state small { display: block; margin-top: 3px; color: #64748b; font-size: 12px; }
  .users-email { font-size: 12px; }
  .users-table > thead > tr > th, .users-table > tbody > tr > td { padding: 12px 8px; }
  .user-modal .modal-dialog { margin: 12px auto; }
  .user-modal .modal-body { max-height: calc(100vh - 210px); }
  .user-modal input, .user-modal select { font-size: 16px; }
}

.theme-dark .users-mobile-state small { color: #adb7ca; }
html.theme-dark .user-modal .modal-body, html.theme-dark .user-modal label, html.theme-dark .user-modal legend { color: #e1e4f0; }
.users-table{table-layout:auto}.users-table th:first-child,.users-table th:nth-child(2),.users-table th:nth-child(3),.users-table .users-action-heading{width:auto}.users-table td{min-width:90px}
@media(max-width:767px){.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block!important;width:auto!important}.users-table tr{padding:10px 16px;border-bottom:1px solid #ccd4df}.users-table tbody tr td{padding:6px 0!important;border:0;overflow-wrap:anywhere}.users-table td:before{content:attr(data-label);display:inline-block;min-width:110px;font-weight:600}.users-table .users-permission-list{display:inline-block;vertical-align:top}.users-row-action{text-align:left}}