.participant-stage-profile,
.participant-stage-completion,
.participant-pre-interview {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.participant-stage-profile {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 18px;
    border: 1px solid var(--tenant-border, #d9e2ec);
    border-radius: 18px;
    background: linear-gradient(135deg, var(--tenant-surface, #fff), var(--tenant-soft-surface, #f5f8fb));
    box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.participant-stage-profile__eyebrow,
.participant-stage-completion__eyebrow,
.participant-pre-interview__eyebrow {
    display: block;
    color: var(--tenant-primary, #1c8fbd);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.participant-stage-profile h2,
.participant-stage-completion h2,
.participant-pre-interview h2 {
    margin: 4px 0 0;
    color: var(--tenant-heading, #10243e);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 750;
}

.participant-stage-profile p,
.participant-stage-completion p,
.participant-pre-interview p {
    margin: 5px 0 0;
    color: var(--tenant-content-text, #5a6b82);
    font-size: 13px;
    line-height: 1.55;
}

.participant-stage-profile__features {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
    max-width: 50%;
}

.participant-stage-profile__features span {
    border: 1px solid color-mix(in srgb, var(--tenant-primary, #1c8fbd) 24%, white);
    border-radius: 999px;
    background: color-mix(in srgb, var(--tenant-primary, #1c8fbd) 8%, white);
    color: var(--tenant-primary, #166f94);
    padding: 6px 10px;
    font-size: 11px;
    font-weight: 700;
}

.participant-stage-completion {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 16px;
    padding: 20px;
    border: 1px solid #b9ead1;
    border-radius: 20px;
    background: linear-gradient(135deg, #f3fff9, #fff);
    box-shadow: 0 12px 30px rgba(16, 185, 129, .08);
}

.participant-stage-completion__icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: #d8f7e7;
    color: #087a48;
    font-size: 26px;
    font-weight: 900;
}

.participant-stage-completion__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 10px;
    margin: 16px 0 0;
}

.participant-stage-completion__facts div {
    padding: 11px 12px;
    border: 1px solid #dce9e4;
    border-radius: 13px;
    background: rgba(255, 255, 255, .78);
}

.participant-stage-completion__facts dt {
    color: #6b7a86;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.participant-stage-completion__facts dd {
    margin: 4px 0 0;
    color: #12382a;
    font-size: 12px;
    font-weight: 750;
}

.participant-stage-completion__actions,
.participant-pre-interview__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.participant-pre-interview {
    scroll-margin-top: 88px;
    overflow: hidden;
    border: 1px solid var(--tenant-border, #d9e2ec);
    border-radius: 20px;
    background: var(--tenant-surface, #fff);
    box-shadow: 0 14px 36px rgba(15, 23, 42, .07);
}

.participant-pre-interview__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--tenant-border, #e3e9ef);
    background: var(--tenant-soft-surface, #f7fafc);
}

.participant-pre-interview__status {
    flex: 0 0 auto;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
}

.participant-pre-interview__status.is-complete {
    background: #dcfce7;
    color: #166534;
}

.participant-pre-interview__status.is-pending {
    background: #fff4ce;
    color: #8a4b00;
}

.participant-pre-interview__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .8fr);
    gap: 0;
}

.participant-pre-interview__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 20px;
}

.participant-pre-interview__form .ac-form-field:has(textarea) {
    grid-column: 1 / -1;
}

.participant-pre-interview__documents {
    padding: 20px;
    border-left: 1px solid var(--tenant-border, #e3e9ef);
    background: var(--tenant-soft-surface, #f8fafc);
}

.participant-pre-interview__documents-head h3 {
    margin: 0;
    color: var(--tenant-heading, #10243e);
    font-size: 14px;
    font-weight: 780;
}

.participant-pre-interview__upload {
    display: block;
    margin-top: 12px;
    padding: 13px;
    border: 1px dashed color-mix(in srgb, var(--tenant-primary, #1c8fbd) 35%, #cbd5e1);
    border-radius: 14px;
    background: var(--tenant-surface, #fff);
}

.participant-pre-interview__upload > span,
.participant-pre-interview__upload > small {
    display: block;
}

.participant-pre-interview__upload strong {
    color: var(--tenant-heading, #10243e);
    font-size: 12px;
}

.participant-pre-interview__upload em {
    margin-left: 5px;
    color: #b45309;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
}

.participant-pre-interview__upload small {
    margin-top: 3px;
    color: var(--tenant-content-text, #64748b);
    font-size: 10px;
    line-height: 1.4;
}

.participant-pre-interview__upload input[type="file"] {
    width: 100%;
    margin-top: 9px;
    font-size: 11px;
}

.participant-pre-interview__uploaded {
    display: grid;
    gap: 7px;
    margin-top: 14px;
}

.participant-pre-interview__uploaded div {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 2px 7px;
    padding: 9px 10px;
    border-radius: 11px;
    background: #edfdf4;
    color: #166534;
}

.participant-pre-interview__uploaded span {
    grid-row: 1 / 3;
    font-weight: 900;
}

.participant-pre-interview__uploaded strong,
.participant-pre-interview__uploaded small {
    min-width: 0;
    overflow-wrap: anywhere;
}

.participant-pre-interview__uploaded strong { font-size: 11px; }
.participant-pre-interview__uploaded small { font-size: 10px; color: #47745b; }

.participant-pre-interview__footer {
    margin-top: 0;
    padding: 14px 20px;
    border-top: 1px solid var(--tenant-border, #e3e9ef);
    background: var(--tenant-soft-surface, #f8fafc);
}

.participant-pre-interview__footer > div:first-child {
    flex: 1 1 360px;
}

.participant-pre-interview__footer strong,
.participant-pre-interview__footer span {
    display: block;
}

.participant-pre-interview__footer strong {
    color: var(--tenant-heading, #10243e);
    font-size: 11px;
}

.participant-pre-interview__footer span {
    margin-top: 2px;
    color: var(--tenant-content-text, #64748b);
    font-size: 10px;
}

@media (max-width: 1000px) {
    .participant-stage-profile { flex-direction: column; }
    .participant-stage-profile__features { justify-content: flex-start; max-width: none; }
    .participant-stage-completion__facts { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
    .participant-pre-interview__grid { grid-template-columns: 1fr; }
    .participant-pre-interview__documents { border-left: 0; border-top: 1px solid var(--tenant-border, #e3e9ef); }
}

@media (max-width: 640px) {
    .participant-stage-completion { grid-template-columns: 1fr; }
    .participant-stage-completion__facts,
    .participant-pre-interview__form { grid-template-columns: 1fr; }
    .participant-pre-interview__form .ac-form-field:has(textarea) { grid-column: auto; }
    .participant-pre-interview__header { flex-direction: column; }
}

.assessment-interview-source-dossier,
.assessment-interview-media {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.assessment-interview-source-dossier__grid,
.assessment-interview-media__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
    gap: 16px;
}

.assessment-interview-source-dossier__grid h3,
.assessment-interview-media__layout h3 {
    margin: 0 0 10px;
    color: var(--tenant-heading, #10243e);
    font-size: 12px;
    font-weight: 800;
}

.assessment-interview-source-dossier__answer,
.assessment-interview-source-dossier__document,
.assessment-interview-media__item {
    margin-top: 8px;
    padding: 12px;
    border: 1px solid var(--tenant-border, #dfe7ee);
    border-radius: 13px;
    background: var(--tenant-surface, #fff);
}

.assessment-interview-source-dossier__answer span {
    color: var(--tenant-content-text, #64748b);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.assessment-interview-source-dossier__answer p {
    margin: 5px 0 0;
    color: var(--tenant-heading, #10243e);
    font-size: 12px;
    line-height: 1.55;
}

.assessment-interview-source-dossier__document {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.assessment-interview-source-dossier__document strong,
.assessment-interview-source-dossier__document small,
.assessment-interview-media__item strong,
.assessment-interview-media__item small {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.assessment-interview-source-dossier__document strong,
.assessment-interview-media__item strong {
    color: var(--tenant-heading, #10243e);
    font-size: 12px;
}

.assessment-interview-source-dossier__document small,
.assessment-interview-media__item small {
    margin-top: 2px;
    color: var(--tenant-content-text, #64748b);
    font-size: 10px;
}

.assessment-interview-media__upload {
    display: grid;
    align-content: start;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--tenant-border, #dfe7ee);
    border-radius: 14px;
    background: var(--tenant-soft-surface, #f8fafc);
}

.assessment-interview-media__list {
    display: grid;
    align-content: start;
    gap: 10px;
}

.assessment-interview-media__item {
    margin-top: 0;
}

.assessment-interview-media__item header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.assessment-interview-media__item > p {
    margin: 10px 0 0;
    color: var(--tenant-content-text, #64748b);
    font-size: 11px;
    line-height: 1.5;
}

.assessment-interview-media__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 11px;
}

.assessment-interview-media__transcript {
    margin-top: 12px;
    border-top: 1px solid var(--tenant-border, #e2e8f0);
    padding-top: 10px;
}

.assessment-interview-media__transcript summary {
    cursor: pointer;
    color: var(--tenant-primary, #166f94);
    font-size: 11px;
    font-weight: 800;
}

.assessment-interview-media__transcript blockquote {
    margin: 8px 0 0;
    padding: 9px 11px;
    border-left: 3px solid var(--tenant-primary, #1c8fbd);
    border-radius: 0 9px 9px 0;
    background: var(--tenant-soft-surface, #f8fafc);
}

.assessment-interview-media__transcript blockquote span {
    color: var(--tenant-content-text, #64748b);
    font-size: 9px;
    font-weight: 800;
}

.assessment-interview-media__transcript blockquote p {
    margin: 4px 0 0;
    color: var(--tenant-heading, #10243e);
    font-size: 11px;
    line-height: 1.5;
}

@media (max-width: 980px) {
    .assessment-interview-source-dossier__grid,
    .assessment-interview-media__layout {
        grid-template-columns: 1fr;
    }
}