.month-overview {
            grid-template-columns: minmax(0, 1fr) minmax(310px, 360px);
        }

        .month-overview-stats {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .month-overview-stats span {
            position: relative;
            display: block;
            min-height: 92px;
            padding: 14px;
            overflow: hidden;
            text-align: left;
            border: 1px solid rgba(104, 91, 199, 0.1);
        }

        .month-overview-stats span::after {
            position: absolute;
            right: -12px;
            bottom: -24px;
            width: 64px;
            height: 64px;
            content: "";
            background: currentColor;
            border-radius: 50%;
            opacity: 0.07;
        }

        .month-overview-stats em {
            display: block;
            margin-bottom: 8px;
            font-style: normal;
            font-size: 20px;
        }

        .month-overview-stats strong {
            display: block;
            margin-bottom: 3px;
            font-size: 24px;
            line-height: 1;
        }

        .month-overview-stats small {
            display: block;
            color: var(--muted);
            font-size: 11px;
            line-height: 1.35;
        }

        .month-stat-good {
            color: #328c5d;
            background: rgba(115, 177, 44, 0.15) !important;
            border-color: rgba(157, 220, 76, 0.28) !important;
        }

        .month-stat-bad {
            color: #c9692c;
            background: rgba(221, 105, 44, 0.13) !important;
            border-color: rgba(255, 138, 67, 0.25) !important;
        }

        .month-stat-phase {
            color: #ffd018;
            background: rgba(255, 208, 24, 0.1) !important;
            border-color: rgba(255, 208, 24, 0.25) !important;
        }

        .month-stat-event {
            color: #536bc2;
            background: rgba(101, 125, 205, 0.13) !important;
            border-color: rgba(143, 164, 236, 0.25) !important;
        }

        .month-insights {
            margin-top: 18px;
        }

        .month-insights-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
        }

        .month-insight-card {
            padding: 18px;
            background: rgba(104, 91, 199, 0.055);
            border: 1px solid var(--border-soft);
            border-radius: 18px;
        }

        .month-insight-card h3 {
            margin: 0 0 8px;
            font-size: 17px;
        }

        .month-insight-card p {
            margin: 0 0 13px;
            color: var(--muted);
            font-size: 13px;
            line-height: 1.55;
        }

        .month-date-links {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
        }

        .month-date-link {
            display: inline-flex;
            align-items: center;
            min-height: 34px;
            padding: 7px 10px;
            color: var(--text);
            text-decoration: none;
            background: rgba(104, 91, 199, 0.075);
            border: 1px solid var(--border-soft);
            border-radius: 999px;
            font-size: 12px;
            font-weight: 800;
            transition: transform 0.16s ease, border-color 0.16s ease;
        }

        .month-date-link:hover {
            transform: translateY(-1px);
            border-color: rgba(255, 208, 24, 0.45);
        }

        .month-date-link small {
            margin-left: 5px;
            color: var(--muted);
            font-size: 10px;
            font-weight: 600;
        }

        .month-insight-empty {
            color: var(--muted-dark);
            font-size: 12px;
        }

        @media (max-width: 900px) {
            .month-overview {
                grid-template-columns: 1fr;
            }

            .month-overview-stats {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }

            .month-insights-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 680px) {
            .month-overview-stats {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .month-overview-stats span {
                min-height: 84px;
                padding: 12px;
            }

            .month-overview-stats strong {
                font-size: 21px;
            }
        }

/* Светлая тема обзора месяца */
.month-overview-stats span,
.month-insight-card,
.month-date-link {
    color: var(--text);
    background: rgba(248, 249, 255, 0.96);
    border-color: rgba(104, 91, 199, 0.14);
}

.month-overview-stats small,
.month-insight-card p,
.month-date-link small,
.month-insight-empty {
    color: var(--muted);
}

.month-stat-good {
    color: #267750;
    background: rgba(78, 184, 126, 0.11) !important;
    border-color: rgba(52, 151, 96, 0.22) !important;
}

.month-stat-bad {
    color: #a55027;
    background: rgba(239, 143, 83, 0.11) !important;
    border-color: rgba(201, 105, 44, 0.22) !important;
}

.month-stat-phase {
    color: #896315;
    background: rgba(247, 196, 82, 0.14) !important;
    border-color: rgba(219, 164, 49, 0.24) !important;
}

.month-stat-event {
    color: #4e5fa9;
    background: rgba(103, 123, 204, 0.1) !important;
    border-color: rgba(91, 112, 194, 0.2) !important;
}