.admin-master-toolbar {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--border);
    background: #f8fbfd;
}

.admin-create {
    position: relative;
}

.admin-create summary,
.admin-actions summary {
    cursor: pointer;
    list-style: none;
}

.admin-create summary::-webkit-details-marker,
.admin-actions summary::-webkit-details-marker {
    display: none;
}

.admin-create[open] {
    flex: 1;
}

.admin-inline-form {
    display: flex;
    gap: .75rem;
    align-items: flex-end;
    padding: .9rem;
    margin-top: .65rem;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: white;
    box-shadow: var(--shadow);
}

.admin-inline-form label {
    display: flex;
    flex: 1;
    min-width: 180px;
    flex-direction: column;
    gap: .3rem;
    color: var(--text-muted);
    font-size: .75rem;
    font-weight: 700;
}

.admin-inline-form input,
.admin-inline-form select {
    min-width: 180px;
    border: 1px solid #cbd6df;
    border-radius: 8px;
    padding: .55rem .65rem;
    background: white;
    color: var(--text-primary);
}

.admin-master-section > h3 {
    margin: 0;
    padding: 1rem 1.25rem .55rem;
    font-size: 1rem;
    color: var(--qe-primary-dark);
}

.admin-master-section + .admin-master-section {
    border-top: 1px solid var(--border);
}

.admin-actions {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    justify-content: flex-end;
}

.admin-actions summary {
    padding: .42rem .7rem;
    border: 1px solid var(--qe-primary);
    border-radius: 8px;
    color: var(--qe-primary);
    font-weight: 700;
}

.admin-actions details[open] {
    min-width: 440px;
}

.admin-inline-form.compact {
    flex-wrap: wrap;
    margin-top: .4rem;
}

.inactive-row {
    background: #f6f7f8;
    color: var(--text-muted);
}

@media (max-width: 800px) {
    .admin-master-toolbar,
    .admin-inline-form,
    .admin-actions {
        flex-direction: column;
    }

    .admin-actions details[open] {
        min-width: 260px;
    }
}

/* v12 Role Management */
.role-management-note {
    margin: 1rem 1.25rem;
    padding: .9rem 1rem;
    border: 1px solid #cfe0f3;
    border-radius: 12px;
    background: #f4f9ff;
    display: flex;
    gap: .75rem;
    align-items: flex-start;
}
.role-management-note p { margin: .18rem 0 0; color: var(--text-muted); font-size: .84rem; }
.role-note-icon { width: 28px; height: 28px; border-radius: 50%; background: #dceeff; color: var(--qe-primary); display: grid; place-items: center; font-weight: 800; flex: 0 0 auto; }
.role-management-table td:first-child { min-width: 260px; }
.role-management-table td:first-child small { display: block; margin-top: .22rem; color: var(--text-muted); max-width: 420px; line-height: 1.35; }
.role-code { display: inline-flex; padding: .25rem .5rem; border-radius: 7px; background: #eef3f8; color: #41566b; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .77rem; font-weight: 700; }
.workflow-pill { display: inline-flex; padding: .28rem .55rem; border-radius: 999px; background: #edf4ff; color: var(--qe-primary-dark); font-size: .76rem; font-weight: 750; }
.role-create[open] { min-width: min(760px, 80vw); }
.role-master-form { margin-top: .7rem; padding: 1rem; border: 1px solid var(--border); background: #fff; border-radius: 14px; box-shadow: var(--shadow); }
.role-form-title h3 { margin: 0; color: var(--qe-primary-dark); }
.role-form-title p { margin: .2rem 0 .9rem; color: var(--text-muted); font-size: .82rem; }
.role-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.role-form-grid label { display: flex; flex-direction: column; gap: .35rem; font-size: .75rem; font-weight: 750; color: var(--text-primary); }
.role-form-grid .span-2 { grid-column: span 2; }
.role-form-grid input, .role-form-grid select, .role-form-grid textarea { width: 100%; border: 1px solid #c9d5e1; border-radius: 9px; padding: .65rem .72rem; background: #fff; color: var(--text-primary); }
.role-form-grid small { color: var(--text-muted); font-weight: 500; line-height: 1.35; }
.role-edit-details { position: relative; }
.role-edit-details > summary { cursor: pointer; list-style: none; }
.role-edit-details > summary::-webkit-details-marker { display: none; }
.role-edit-details[open] .role-master-form { position: absolute; z-index: 40; right: 0; top: 2.6rem; width: min(680px, 76vw); max-height: 72vh; overflow: auto; }
.role-active-toggle { justify-content: center; }
@media (max-width: 800px) { .role-form-grid { grid-template-columns: 1fr; } .role-form-grid .span-2 { grid-column: auto; } .role-edit-details[open] .role-master-form { position: fixed; inset: 10vh 1rem auto 1rem; width: auto; } }
