/* ---- RBAC matrix mockup (permissions) ---- */
.feature-page .feature-mock-rbac {
    padding: var(--h-space-5);
}

.feature-page .feature-mock-rbac-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.feature-page .feature-mock-rbac-title {
    font-weight: 700;
    font-size: 14px;
    color: var(--h-navy);
}

.feature-page .feature-mock-rbac-chip {
    font-size: 10.5px;
    font-weight: 700;
    padding: var(--h-space-1) 9px;
    border-radius: 999px;
    background: var(--h-blue-pale);
    color: var(--h-blue);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.feature-page .feature-mock-rbac-grid {
    display: flex;
    flex-direction: column;
}

.feature-page .feature-mock-rbac-row {
    display: grid;
    grid-template-columns: 1fr 90px 90px 90px;
    align-items: center;
    padding: 10px var(--h-space-2);
    border-bottom: 1px solid var(--h-border-color-lightest);
    font-size: 12.5px;
}

.feature-page .feature-mock-rbac-row:last-child {
    border-bottom: none;
}

.feature-page .feature-mock-rbac-row-head {
    font-size: 10.5px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: var(--h-text-muted);
    background: var(--h-gray-50);
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid var(--h-border-color-lightest);
}

.feature-page .feature-mock-rbac-row-head span:not(:first-child) {
    text-align: center;
}

.feature-page .feature-mock-rbac-role {
    color: var(--h-navy);
    font-weight: 600;
}

.feature-page .feature-mock-rbac-v {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}

.feature-page .feature-mock-rbac-v-yes {
    color: var(--h-teal);
}

.feature-page .feature-mock-rbac-v-no {
    color: var(--h-gray-300);
}

.feature-page .feature-mock-rbac-v-partial {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--h-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}