/* ========================================================================== 
   EWER USER ADMINISTRATION UX v1 — scoped, professional and responsive
   Applies only to #editUserModal and #newUserModal.
   ========================================================================== */


body.user-admin-modal-open {
    overflow: hidden !important;
}

#editUserModal:not(.hidden),
#newUserModal:not(.hidden) {
    position: fixed !important;
    inset: 0 !important;
    width: 100dvw !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: clamp(0.75rem, 2vw, 1.5rem) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: auto !important;
    z-index: 1000001 !important;
    background: rgba(15, 23, 42, 0.70) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

#editUserModal:not(.hidden) > .modal,
#newUserModal:not(.hidden) > .modal {
    max-height: calc(100dvh - clamp(1.5rem, 4vw, 3rem)) !important;
    margin: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

#editUserModal:not(.hidden) > .modal > .modal-body,
#newUserModal:not(.hidden) > .modal > .modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#editUserModal,
#newUserModal {
    --ewer-modal-width: 64rem;
    --ua-surface: var(--bg-white, #ffffff);
    --ua-surface-soft: var(--bg-main, #f8fafc);
    --ua-border: var(--border-color, #e2e8f0);
    --ua-text: var(--text-primary, #0f172a);
    --ua-muted: var(--text-secondary, #64748b);
    --ua-primary: var(--primary, #4f46e5);
    --ua-primary-soft: #eef2ff;
    --ua-danger: #dc2626;
    --ua-success: #15803d;
}

#newUserModal {
    --ewer-modal-width: 58rem;
}

#editUserModal > .modal {
    width: min(100%, 64rem) !important;
    max-width: 64rem !important;
}

#newUserModal > .modal {
    width: min(100%, 58rem) !important;
    max-width: 58rem !important;
}

#editUserModal > .modal,
#newUserModal > .modal {
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    border-radius: 1.25rem !important;
    background: var(--ua-surface) !important;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.30), 0 10px 30px rgba(15, 23, 42, 0.16) !important;
}

#editUserModal .modal-header,
#newUserModal .modal-header {
    min-height: 5.5rem;
    padding: 1.25rem 1.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    background: linear-gradient(135deg, var(--ua-surface) 0%, var(--ua-surface-soft) 100%) !important;
    border-bottom: 1px solid var(--ua-border) !important;
}

.user-admin-heading {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.user-admin-heading-icon {
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 0.9rem;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: linear-gradient(135deg, var(--ua-primary), #2563eb);
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.24);
    font-size: 1.15rem;
}

.user-admin-heading-copy {
    min-width: 0;
}

.user-admin-eyebrow {
    display: block;
    margin-bottom: 0.15rem;
    color: var(--ua-primary);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-transform: uppercase;
}

#editUserModal .modal-header h3,
#newUserModal .modal-header h3 {
    margin: 0 !important;
    color: var(--ua-text) !important;
    font-size: clamp(1.15rem, 2vw, 1.45rem) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em;
}

.user-admin-subtitle {
    margin: 0.3rem 0 0;
    color: var(--ua-muted);
    font-size: 0.82rem;
    line-height: 1.45;
}

#editUserModal .btn-close,
#newUserModal .btn-close {
    flex: 0 0 2.5rem;
    width: 2.5rem !important;
    height: 2.5rem !important;
    border: 1px solid var(--ua-border) !important;
    border-radius: 0.8rem !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    color: var(--ua-muted) !important;
    background: var(--ua-surface) !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
    transition: transform 160ms ease, border-color 160ms ease, color 160ms ease, background 160ms ease;
}

#editUserModal .btn-close:hover,
#newUserModal .btn-close:hover {
    color: var(--ua-danger) !important;
    border-color: rgba(220, 38, 38, 0.30) !important;
    background: #fef2f2 !important;
    transform: translateY(-1px);
}

.user-admin-tabs {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 1.5rem !important;
    display: flex !important;
    gap: 0.35rem !important;
    background: var(--ua-surface) !important;
    border-bottom: 1px solid var(--ua-border) !important;
}

.user-admin-tab {
    min-height: 3.25rem;
    padding: 0.75rem 1rem !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.5rem;
    color: var(--ua-muted) !important;
    background: transparent !important;
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

.user-admin-tab:hover {
    color: var(--ua-primary) !important;
    background: var(--ua-primary-soft) !important;
}

.user-admin-tab[aria-selected="true"] {
    color: var(--ua-primary) !important;
    border-bottom-color: var(--ua-primary) !important;
    background: transparent !important;
}

#editUserModal .modal-body,
#newUserModal .modal-body {
    padding: 1.35rem 1.5rem 0 !important;
    background: var(--ua-surface-soft) !important;
    scrollbar-gutter: stable;
}

.user-admin-form {
    display: grid;
    gap: 1rem;
}

.user-admin-section {
    overflow: hidden;
    border: 1px solid var(--ua-border);
    border-radius: 1rem;
    background: var(--ua-surface);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.045);
}

.user-admin-section-header {
    padding: 1rem 1.1rem 0.85rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border-bottom: 1px solid var(--ua-border);
    background: linear-gradient(180deg, var(--ua-surface) 0%, var(--ua-surface-soft) 100%);
}

.user-admin-section-icon {
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 0.65rem;
    display: grid;
    place-items: center;
    color: var(--ua-primary);
    background: var(--ua-primary-soft);
    font-size: 0.82rem;
}

.user-admin-section-title {
    margin: 0;
    color: var(--ua-text);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.25;
}

.user-admin-section-description {
    margin: 0.2rem 0 0;
    color: var(--ua-muted);
    font-size: 0.74rem;
    line-height: 1.4;
}

.user-admin-section-body {
    padding: 1.1rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.user-admin-field--wide,
.user-admin-access-toggle {
    grid-column: 1 / -1;
}

#editUserModal .form-group,
#newUserModal .form-group {
    min-width: 0;
    margin: 0 !important;
}

#editUserModal .form-label,
#newUserModal .form-label {
    margin-bottom: 0.45rem !important;
    display: block;
    color: var(--ua-text) !important;
    font-size: 0.78rem !important;
    font-weight: 750 !important;
    letter-spacing: 0.01em;
}

#editUserModal .form-input,
#editUserModal .form-select,
#newUserModal .form-input,
#newUserModal .form-select {
    min-height: 3rem !important;
    padding: 0.72rem 0.9rem !important;
    border: 1px solid var(--ua-border) !important;
    border-radius: 0.75rem !important;
    color: var(--ua-text) !important;
    background: var(--ua-surface) !important;
    font-size: 0.88rem !important;
    line-height: 1.35;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

#editUserModal .form-input:hover,
#editUserModal .form-select:hover,
#newUserModal .form-input:hover,
#newUserModal .form-select:hover {
    border-color: #94a3b8 !important;
}

#editUserModal .form-input:focus,
#editUserModal .form-select:focus,
#newUserModal .form-input:focus,
#newUserModal .form-select:focus {
    outline: none !important;
    border-color: var(--ua-primary) !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.14) !important;
}

#editUserModal .form-input:disabled {
    color: #475569 !important;
    background: #f1f5f9 !important;
    cursor: not-allowed;
}

.user-admin-field-hint {
    margin: 0.4rem 0 0;
    color: var(--ua-muted);
    font-size: 0.7rem;
    line-height: 1.4;
}

#editUserModal .password-wrapper,
#newUserModal .password-wrapper {
    position: relative;
}

#editUserModal .password-wrapper .form-input,
#newUserModal .password-wrapper .form-input {
    padding-right: 3rem !important;
}

#editUserModal .password-toggle,
#newUserModal .password-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 0.85rem !important;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    display: grid !important;
    place-items: center;
    color: var(--ua-muted);
    border-radius: 0.55rem;
    cursor: pointer;
}

#editUserModal .password-toggle:hover,
#newUserModal .password-toggle:hover {
    color: var(--ua-primary);
    background: var(--ua-primary-soft);
}

.user-admin-access-toggle {
    min-height: 4.5rem;
    padding: 0.9rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem;
    border: 1px solid var(--ua-border);
    border-radius: 0.85rem !important;
    background: var(--ua-surface-soft) !important;
}

.user-admin-access-toggle .font-bold {
    color: var(--ua-text);
    font-size: 0.84rem;
}

.user-admin-access-toggle .text-xs {
    margin-top: 0.2rem;
    color: var(--ua-muted) !important;
    line-height: 1.35;
}

#editUserModal .checkbox-container {
    flex: 0 0 auto;
    min-height: 2.35rem;
    padding: 0.45rem 0.75rem 0.45rem 2.15rem;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(21, 128, 61, 0.20);
    border-radius: 999px;
    color: var(--ua-success);
    background: #f0fdf4;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.user-admin-actions {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin: 0 -1.5rem !important;
    padding: 1rem 1.5rem !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important;
    gap: 0.75rem;
    border-top: 1px solid var(--ua-border);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 -10px 24px rgba(15, 23, 42, 0.05);
}

.user-admin-actions::before {
    content: "Changes are recorded in the audit trail";
    margin-right: auto;
    color: var(--ua-muted);
    font-size: 0.7rem;
}

.user-admin-actions .btn {
    min-height: 2.75rem;
    padding: 0.7rem 1rem !important;
    border-radius: 0.75rem !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
}

.user-admin-actions .btn-primary,
.user-admin-actions .btn-success {
    min-width: 9rem;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--ua-primary), #2563eb) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px rgba(79, 70, 229, 0.22);
}

.user-admin-actions .btn-primary:hover,
.user-admin-actions .btn-success:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(79, 70, 229, 0.28);
}

.user-admin-activity-intro {
    margin-bottom: 1rem;
}

.user-admin-activity-intro h4 {
    margin: 0;
    color: var(--ua-text);
    font-size: 1rem;
}

.user-admin-activity-intro p {
    margin: 0.3rem 0 0;
    color: var(--ua-muted);
    font-size: 0.76rem;
}

#editUserTabActivity .activity-stats {
    gap: 0.9rem !important;
    margin-bottom: 1rem !important;
}

#editUserTabActivity .activity-stats > div {
    min-height: 5rem;
    padding: 1rem !important;
    border: 1px solid var(--ua-border);
    border-radius: 0.9rem !important;
    background: var(--ua-surface) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

#editUserActivityFeed {
    max-height: 22rem !important;
    border: 1px solid var(--ua-border) !important;
    border-radius: 0.9rem !important;
    background: var(--ua-surface) !important;
}

#editUserActivityFeed > * {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--ua-border);
}

#editUserActivityFeed > *:last-child {
    border-bottom: 0;
}

.user-admin-security-actions {
    margin: 1rem 0 0 !important;
    padding: 1rem;
    display: flex;
    justify-content: flex-end;
    border: 1px solid rgba(220, 38, 38, 0.14);
    border-radius: 0.9rem;
    background: #fff7f7;
}

.user-admin-security-actions .btn {
    min-height: 2.5rem;
    border-radius: 0.7rem !important;
    font-weight: 750;
}

html.dark #editUserModal,
html.dark #newUserModal {
    --ua-primary-soft: rgba(99, 102, 241, 0.14);
}

html.dark #editUserModal .btn-close:hover,
html.dark #newUserModal .btn-close:hover,
html.dark .user-admin-security-actions {
    background: rgba(127, 29, 29, 0.18) !important;
}

html.dark #editUserModal .form-input:disabled {
    color: #cbd5e1 !important;
    background: rgba(30, 41, 59, 0.85) !important;
}

html.dark .user-admin-actions {
    background: rgba(15, 23, 42, 0.94);
}

@media (max-width: 760px) {
    #editUserModal,
    #newUserModal {
        --ewer-modal-width: 100%;
    }

    #editUserModal > .modal,
    #newUserModal > .modal {
        width: 100% !important;
        max-width: 100% !important;
    }

    #editUserModal .modal-header,
    #newUserModal .modal-header {
        min-height: auto;
        padding: 1rem !important;
    }

    .user-admin-heading-icon {
        flex-basis: 2.6rem;
        width: 2.6rem;
        height: 2.6rem;
    }

    .user-admin-tabs {
        padding: 0 0.75rem !important;
        overflow-x: auto;
    }

    #editUserModal .modal-body,
    #newUserModal .modal-body {
        padding: 1rem 1rem 0 !important;
    }

    .user-admin-section-body {
        grid-template-columns: minmax(0, 1fr);
        padding: 1rem;
    }

    .user-admin-field--wide,
    .user-admin-access-toggle {
        grid-column: auto;
    }

    .user-admin-actions {
        margin: 0 -1rem !important;
        padding: 0.85rem 1rem !important;
    }

    .user-admin-actions::before {
        display: none;
    }
}

@media (max-width: 520px) {
    .user-admin-subtitle,
    .user-admin-eyebrow {
        display: none;
    }

    .user-admin-access-toggle {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .user-admin-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .user-admin-actions .btn {
        width: 100%;
        min-width: 0;
    }
}


/* ========================================================================== 
   EWER USER ADMINISTRATION DIALOGS v2
   ========================================================================== */
body.user-admin-decision-open {
    overflow: hidden !important;
}

#userAdminDecisionModal.user-admin-decision-overlay:not(.hidden) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000020 !important;
    display: grid !important;
    place-items: center !important;
    width: 100dvw !important;
    height: 100dvh !important;
    padding: clamp(1rem, 3vw, 2rem) !important;
    box-sizing: border-box !important;
    overflow: auto !important;
    background: rgba(15, 23, 42, 0.72) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.user-admin-decision-dialog {
    --dialog-accent: #b45309;
    --dialog-accent-soft: #fff7ed;
    --dialog-accent-border: #fed7aa;
    position: relative;
    width: min(100%, 34rem);
    max-height: calc(100dvh - 2rem);
    overflow: auto;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 1.35rem;
    background: var(--bg-white, #ffffff);
    box-shadow: 0 32px 90px rgba(15, 23, 42, 0.34), 0 12px 30px rgba(15, 23, 42, 0.18);
    animation: userAdminDialogIn 180ms ease-out;
}

.user-admin-decision-dialog[data-tone="danger"] {
    --dialog-accent: #b91c1c;
    --dialog-accent-soft: #fef2f2;
    --dialog-accent-border: #fecaca;
}

.user-admin-decision-dialog[data-tone="success"] {
    --dialog-accent: #15803d;
    --dialog-accent-soft: #f0fdf4;
    --dialog-accent-border: #bbf7d0;
}

.user-admin-decision-dialog[data-tone="info"] {
    --dialog-accent: #1d4ed8;
    --dialog-accent-soft: #eff6ff;
    --dialog-accent-border: #bfdbfe;
}

@keyframes userAdminDialogIn {
    from { opacity: 0; transform: translateY(8px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.user-admin-decision-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    color: #64748b;
    background: #f8fafc;
    cursor: pointer;
    transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

.user-admin-decision-close:hover {
    color: #0f172a;
    background: #e2e8f0;
    transform: rotate(4deg);
}

.user-admin-decision-heading {
    padding: 1.5rem 4rem 1.1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.user-admin-decision-icon {
    flex: 0 0 3.25rem;
    width: 3.25rem;
    height: 3.25rem;
    display: grid;
    place-items: center;
    border: 1px solid var(--dialog-accent-border);
    border-radius: 1rem;
    color: var(--dialog-accent);
    background: var(--dialog-accent-soft);
    font-size: 1.25rem;
}

.user-admin-decision-eyebrow {
    display: block;
    margin-bottom: .18rem;
    color: var(--dialog-accent);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.user-admin-decision-heading h3 {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.18rem, 3vw, 1.5rem);
    line-height: 1.25;
    letter-spacing: -.025em;
}

.user-admin-decision-body {
    padding: 1.35rem 1.5rem 1.4rem;
}

.user-admin-decision-message {
    margin: 0;
    color: #334155;
    font-size: .94rem;
    line-height: 1.65;
}

.user-admin-decision-identity {
    margin-top: 1rem;
    padding: .9rem 1rem;
    display: flex;
    align-items: center;
    gap: .8rem;
    border: 1px solid #e2e8f0;
    border-radius: .9rem;
    background: #f8fafc;
}

.user-admin-decision-avatar {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border-radius: .75rem;
    color: #475569;
    background: #e2e8f0;
}

.user-admin-decision-identity strong,
.user-admin-decision-identity span {
    display: block;
}

.user-admin-decision-identity strong {
    color: #0f172a;
    font-size: .88rem;
}

#userAdminDecisionIdentityMeta {
    margin-top: .15rem;
    color: #64748b;
    font-size: .74rem;
    overflow-wrap: anywhere;
}

.user-admin-decision-supporting {
    margin-top: 1rem;
    padding: .85rem 1rem;
    border: 1px solid var(--dialog-accent-border);
    border-radius: .85rem;
    color: #475569;
    background: var(--dialog-accent-soft);
    font-size: .79rem;
    line-height: 1.55;
}

.user-admin-decision-verification {
    margin-top: 1.1rem;
}

.user-admin-decision-verification label {
    display: block;
    margin-bottom: .45rem;
    color: #334155;
    font-size: .78rem;
    font-weight: 800;
}

#userAdminDecisionInput {
    width: 100%;
    min-height: 3rem;
    padding: .75rem .9rem;
    border: 1px solid #cbd5e1;
    border-radius: .75rem;
    color: #0f172a;
    background: #ffffff;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#userAdminDecisionInput:focus {
    outline: 0;
    border-color: var(--dialog-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--dialog-accent) 16%, transparent);
}

.user-admin-decision-input-hint {
    display: block;
    margin-top: .38rem;
    color: #64748b;
    font-size: .7rem;
}

.user-admin-decision-actions {
    padding: 1rem 1.5rem 1.25rem;
    display: flex;
    justify-content: flex-end;
    gap: .7rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}

.user-admin-decision-actions .btn {
    min-height: 2.75rem;
    padding: .7rem 1rem;
    border-radius: .75rem;
    font-size: .8rem;
    font-weight: 800;
}

.user-admin-decision-confirm {
    color: #ffffff !important;
    border: 1px solid transparent !important;
    background: var(--dialog-accent) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--dialog-accent) 24%, transparent);
}

.user-admin-decision-confirm:disabled {
    opacity: .45;
    cursor: not-allowed;
    box-shadow: none;
}

.user-admin-decision-confirm:not(:disabled):hover {
    transform: translateY(-1px);
}

html.dark .user-admin-decision-dialog,
html.dark .user-admin-decision-heading,
html.dark .user-admin-decision-actions {
    background: #0f172a;
    border-color: #334155;
}

html.dark .user-admin-decision-heading h3,
html.dark .user-admin-decision-identity strong,
html.dark #userAdminDecisionInput {
    color: #f8fafc;
}

html.dark .user-admin-decision-message,
html.dark .user-admin-decision-verification label {
    color: #cbd5e1;
}

html.dark .user-admin-decision-identity,
html.dark #userAdminDecisionInput,
html.dark .user-admin-decision-close {
    background: #1e293b;
    border-color: #334155;
}

@media (max-width: 560px) {
    #userAdminDecisionModal.user-admin-decision-overlay:not(.hidden) {
        padding: .75rem !important;
    }

    .user-admin-decision-dialog {
        width: 100%;
        border-radius: 1rem;
    }

    .user-admin-decision-heading {
        padding: 1.2rem 3.5rem 1rem 1.1rem;
        align-items: flex-start;
    }

    .user-admin-decision-icon {
        flex-basis: 2.7rem;
        width: 2.7rem;
        height: 2.7rem;
        border-radius: .8rem;
    }

    .user-admin-decision-body {
        padding: 1.1rem;
    }

    .user-admin-decision-actions {
        padding: .9rem 1.1rem 1.1rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .user-admin-decision-actions .btn {
        width: 100%;
    }

    .user-admin-decision-actions .btn.hidden + .btn {
        grid-column: 1 / -1;
    }
}