/**
 * Homepage – Responsive fixes
 * Targets the "Call History Overview" dashboard card and surrounding hero.
 */

.kixie-front-page {
    overflow-x: hidden;
}

/* Dashboard card: keep content inside viewport */
.kixie-front-page .bg-card {
    max-width: 100%;
    overflow: hidden;
}

/* Card header: stack title + time buttons on narrow screens */
.kixie-front-page .bg-card > .flex.items-center.justify-between:first-child {
    flex-wrap: wrap;
    gap: 0.75rem;
}

/* Stats numbers: force 1rem on mobile */
@media (max-width: 768px) {
    .kixie-front-page .text-2xl.font-bold {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }
}

/* Call history list rows: wrap on narrow screens */
.kixie-front-page #call-history-list .flex.items-center.justify-between {
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Right side of call rows: allow wrapping */
.kixie-front-page #call-history-list .flex.items-center.gap-4 {
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
}