/* =========================================================
   LegalMatch — user_cs.css
   개발 측 사용자 포털 스타일 (CS/기능 UI)

   · 로드 순서: main.css → user.css → user_cs.css
   · user.css는 디자이너 전용 — 수정하지 말 것
   ========================================================= */

/* ── 마이페이지 대시보드 ── */
.my-dashboard__greeting {
    flex: 1 1 280px;
    max-width: 520px;
}

.my-dashboard__stats {
    display: flex;
    gap: 8px;
    flex: 1 1 360px;
    justify-content: flex-end;
}

.my-dashboard__stat {
    flex: 1 1 0;
    min-width: 0;
}

.my-dashboard__stat--credits,
.my-dashboard__stat--bookings {
    flex: 0.85 1 0;
    max-width: 130px;
}

.my-dashboard__stat--support {
    flex: 1.5 1 0;
    min-width: 140px;
    max-width: 220px;
}

.my-dashboard__stat-amount {
    font-size: clamp(0.95rem, 2.2vw, 1.25rem);
    white-space: nowrap;
    letter-spacing: -0.02em;
}

.my-dashboard__support-card {
    color: #1b2435;
}

.my-dashboard__support-card p {
    color: #334155;
}

.my-dashboard__quick-menu {
    padding-left: 4px;
}

.my-dashboard__quick-menu ul li a {
    padding-left: 8px;
    padding-right: 4px;
}

@media (max-width: 768px) {
    .my-dashboard__stats {
        width: 100%;
        justify-content: stretch;
    }

    .my-dashboard__stat--credits,
    .my-dashboard__stat--bookings,
    .my-dashboard__stat--support {
        flex: 1 1 0;
        max-width: none;
    }
}