/* ===== SESSIONS PAGE ===== */

.session-card {
    max-width: 720px;
    margin: 0 auto;
}

/* клиент видит активную сессию */

.session-client-header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
}

.session-avatar-lg {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.session-client-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.session-client-title {
    font-weight: 600;
    color: var(--rlv-text-main, #111827);
}

:root[data-theme="dark"] .session-client-title {
    color: rgba(255, 255, 255, 0.96);
}

:root[data-theme="dark"] .session-title {
    color: rgba(255, 255, 255, 0.96);
}

.session-client-name {
    font-size: 0.95rem;
}

.session-meta-row {
    margin-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 0.9rem;
}

.session-meta-label {
    font-weight: 500;
    color: var(--rlv-text-soft);
}

.session-meta-value {
    color: var(--rlv-text-main, #111827);
}

:root[data-theme="dark"] .session-meta-value {
    color: rgba(255, 255, 255, 0.9);
}

.session-actions-row {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
}

.session-join-btn {
    min-width: 220px;
}

/* когда нет активной сессии */

.session-empty-title {
    font-weight: 500;
    margin-bottom: 4px;
}

.session-empty-text {
    font-size: 0.9rem;
}

/* терапевт: форма старта сессии */

.session-title {
    margin-bottom: 4px;
}

.session-hint {
    margin-bottom: 12px;
}

.session-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
}

.session-buttons-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 6px;
}

.session-start-btn {
    min-width: 220px;
}

.session-back-btn {
    min-width: 120px;
}

/* адаптив */

@media (max-width: 768px) {
    .session-client-header {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .session-client-main {
        align-items: center;
    }

    .session-actions-row {
        justify-content: center;
    }

    .session-buttons-row {
        flex-direction: column;
        align-items: stretch;
    }

    .session-buttons-row .rz-button {
        width: 100%;
        justify-content: center;
    }
}