#akashic-health-records-patient-portal-root .ahr-call {
    --call-speaker: #2fa36b;
}

#akashic-health-records-patient-portal-root .ahr-video-tile {
    position: relative;
    min-height: 0;
    overflow: hidden;
    border-radius: 0.5rem;
}

#akashic-health-records-patient-portal-root .ahr-video-tile[data-speaking] {
    outline: 2.5px solid var(--call-speaker);
    outline-offset: -2.5px;
}

#akashic-health-records-patient-portal-root .ahr-video-tile__name {
    position: absolute;
    left: 0.625rem;
    bottom: 0.5625rem;
    max-width: calc(100% - 1.25rem);
    overflow: hidden;
    padding: 0.1875rem 0.625rem;
    border-radius: 0.375rem;
    background-color: color-mix(in srgb, var(--paper) 60%, transparent);
    color: var(--ink-strong);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The tile's own buttons sit on the call's dark paper. The base button colour rule is id-scoped, so a text
   utility cannot reach them; this rule matches its weight and draws them in the call's light ink. */
#akashic-health-records-patient-portal-root button.ahr-video-tile__control {
    color: var(--ink-strong);
}

#akashic-health-records-patient-portal-root .ahr-video-tile--small .ahr-video-tile__name {
    left: 0.4375rem;
    bottom: 0.375rem;
    padding: 0.125rem 0.4375rem;
    font-size: 0.6875rem;
}