/* Assigned actor role boundary v3.5.4
   Loaded after the shared Assessment UI layers. No build step required. */

.assigned-actor-capability-strip {
    display: grid;
    grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 2.2fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--ui-border, #cbd5e1);
    border-radius: .75rem;
    background: var(--ui-surface, #fff);
}

.assigned-actor-capability-strip h2 {
    margin: .15rem 0 .25rem;
    font-size: 1rem;
    line-height: 1.25;
}

.assigned-actor-capability-strip p {
    margin: 0;
    max-width: 56rem;
    color: var(--ui-muted, #64748b);
    font-size: .875rem;
}

.assigned-actor-capability-strip__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .45rem;
}

.assigned-actor-capability-strip__item {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .35rem .65rem;
    border: 1px solid var(--ui-border, #cbd5e1);
    border-radius: .6rem;
    background: var(--ui-soft, #f8fafc);
    color: var(--ui-text, #0f172a);
    font-size: .78rem;
    font-weight: 700;
}

.assigned-actor-capability-strip__item svg {
    width: .9rem;
    height: .9rem;
    color: var(--ui-accent, #4f46e5);
}

.assessment-workday__panel--wide {
    grid-column: 1 / -1;
}

.assigned-actor-nav[data-assigned-actor-role="psychologist"] .assigned-actor-nav__mark,
.assigned-actor-nav[data-assigned-actor-role="psychologue"] .assigned-actor-nav__mark {
    background: #eef2ff;
    color: #4338ca;
}

.assigned-actor-nav[data-assigned-actor-role="proctor"] .assigned-actor-nav__mark,
.assigned-actor-nav[data-assigned-actor-role="tester"] .assigned-actor-nav__mark {
    background: #ecfeff;
    color: #0e7490;
}

.assigned-actor-nav[data-assigned-actor-role="observer"] .assigned-actor-nav__mark {
    background: #f8fafc;
    color: #334155;
}

@media (max-width: 980px) {
    .assigned-actor-capability-strip {
        grid-template-columns: 1fr;
    }

    .assigned-actor-capability-strip__items {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .assigned-actor-capability-strip {
        padding: .75rem;
    }

    .assigned-actor-capability-strip__item {
        flex: 1 1 calc(50% - .45rem);
        justify-content: center;
    }
}