/* Client Portal: the client bar under the top bar, and the message thread. */

.client-bar {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1.25rem;
    padding: .8rem 1rem;
    border: 1px solid var(--ahp-border);
    border-left: 4px solid var(--ahp-app);
    border-radius: 10px;
    background: #fff;
}

.client-avatar {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--ahp-app);
    color: #fff;
    font-weight: 600;
}

.client-message {
    max-width: 80%;
    padding: .75rem 1rem;
    border-radius: 12px;
}

.client-message.from-agency { background: #f1f4f9; }
.client-message.from-client { margin-left: auto; background: color-mix(in srgb, var(--ahp-app) 12%, white); }