﻿.client-card {
    background: var(--rz-base-default);
    border-radius: 22px;
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: .25s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.04), 0 10px 24px rgba(0,0,0,.06);
    animation: fadeUp .35s ease;
    height: 100%;
}

    .client-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 40px rgba(0,0,0,.08);
    }

.client-card__top {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.client-card__avatar {
    flex-shrink: 0;
}

    .client-card__avatar img {
        border: 3px solid rgba(var(--rz-primary-rgb), .12);
        box-shadow: 0 6px 16px rgba(0,0,0,.08);
    }

.client-card__info {
    display: flex;
    flex-direction: column;
    gap: .18rem;
    min-width: 0;
}

.client-card__label {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-weight: 800;
    color: var(--rz-text-secondary-color);
}

.client-card__label--mt {
    margin-top: .55rem;
}

.client-card__name {
    font-size: 1.08rem;
    font-weight: 800;
    color: var(--rz-text-color);
    line-height: 1.2;
}

.client-card__meta {
    font-size: .92rem;
    color: var(--rz-text-secondary-color);
    line-height: 1.25;
    word-break: break-word;
}

.client-card__divider {
    height: 1px;
    background: linear-gradient( to right, rgba(var(--rz-primary-rgb), .18), transparent 90% );
}

.client-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.client-action-btn {
    border-radius: 999px !important;
    min-height: 40px;
    padding-inline: 1rem !important;
    font-weight: 700;
}
