/* Administration - Role management and Employee Login management.
   Fixed-px like the rest of the suite: zoom scales the screen, it never rearranges it. */

.rbac-screen {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.rbac-role-list {
    width: 280px;
    flex: 0 0 280px;
    max-height: 560px;
}

.rbac-role-detail {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* -- permission matrix ---------------------------------------------------- */

.rbac-matrix {
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid #b9cbd9;
    border-radius: 3px;
}

.rbac-matrix-module {
    padding: 5px 8px;
    font-weight: 700;
    font-size: 12px;
    color: #14304d;
    background: #e4edf5;
    border-bottom: 1px solid #b9cbd9;
    border-top: 1px solid #b9cbd9;
}

.rbac-matrix-module:first-child { border-top: none; }

.rbac-matrix-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 8px;
    border-bottom: 1px solid #e5edf3;
    font-size: 12px;
}

.rbac-matrix-row:nth-child(even) { background: #f7fafc; }

.rbac-matrix-screen {
    flex: 0 0 260px;
    color: #34506a;
}

.rbac-matrix-cells {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.rbac-matrix-cell {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #14304d;
    white-space: nowrap;
}

/* -- employee login management -------------------------------------------- */

.rbac-user-list {
    width: 460px;
    flex: 0 0 460px;
    max-height: 560px;
}