/* The staff site's shared styles, on top of the website's app.css. Linked only on the staff host (App.razor). */

.cv-breadcrumb {
    display: flex;
    gap: 6px;
    margin-bottom: 4px;
    color: var(--colorNeutralForeground3);
}

.cv-breadcrumb a {
    color: var(--colorNeutralForeground3);
    text-decoration: none;
}

.cv-breadcrumb a:hover {
    color: var(--colorBrandForegroundLink);
    text-decoration: underline;
}

.cv-staff-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-bottom: 16px;
}

.cv-staff-title h1 {
    margin: 0;
}

.cv-staff-facts {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 6px 20px;
    margin-inline: 0;
    margin-top: 0;
}

.cv-staff-facts dt {
    color: var(--colorNeutralForeground3);
}

.cv-staff-facts dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.cv-staff-actions {
    margin-top: 12px;
}

.cv-staff-list {
    margin: 0;
    padding-left: 20px;
    display: grid;
    gap: 6px;
}

.cv-staff-roles {
    margin: 8px 0 16px;
}

.cv-staff-filters fluent-field {
    margin-block: 0;
}

.cv-staff-subtitle {
    margin: 24px 0 4px;
}

/* Table rows wrap long text (MultiLine), but a status badge stays on one line. */
.cv-grid-scroll fluent-badge {
    white-space: nowrap;
}