/* ==========================================================
   WINNING LINE AI DASHBOARD
   ========================================================== */

.wla-brand-badge {
    width: 46px;
    height: 46px;
    min-width: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #f3b62d,
            #d99b11
        );

    color: #102f4d;

    font-size: 16px;
    font-weight: 1000;
    letter-spacing: -0.4px;

    box-shadow:
        0 6px 18px
        rgba(0,0,0,.16);
}


/* ----------------------------------------------------------
   HEADER
   ---------------------------------------------------------- */

.site-header-inner {
    gap: 24px;
}

.brand {
    min-width: 0;
}

.brand > div:last-child {
    min-width: 0;
}






/* ----------------------------------------------------------
   DASHBOARD GRIDS
   ---------------------------------------------------------- */

.performance-grid {
    display: grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(190px, 1fr)
        );

    gap: 16px;
}

.performance-stat {
    min-width: 0;

    overflow: hidden;

    padding: 20px;

    border-radius: 14px;
}


/* ----------------------------------------------------------
   DASHBOARD VALUES
   ---------------------------------------------------------- */

.performance-stat .number,
.wla-dashboard-value {

    display: block;

    width: 100%;
    max-width: 100%;

    overflow-wrap: anywhere;
    word-break: break-word;

    white-space: normal;

    line-height: 1.25;

    font-size: clamp(
        17px,
        1.65vw,
        25px
    );

    font-weight: 900;
}

.wla-email-value {

    font-size: clamp(
        14px,
        1.3vw,
        19px
    );

    letter-spacing: -0.15px;
}


/* ----------------------------------------------------------
   MEMBERSHIP GRID
   Give email enough breathing room
   ---------------------------------------------------------- */

.section:first-of-type .performance-grid {

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );
}


/* ----------------------------------------------------------
   TODAY GRID
   ---------------------------------------------------------- */

.section:nth-of-type(2) .performance-grid {

    grid-template-columns:
        repeat(
            4,
            minmax(0, 1fr)
        );
}


/* ----------------------------------------------------------
   TABLE
   ---------------------------------------------------------- */

.table-wrap {
    overflow-x: auto;
}

.table-wrap table {
    width: 100%;
    min-width: 620px;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 900px) {

    .section:first-of-type .performance-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

    .section:nth-of-type(2) .performance-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}


@media (max-width: 620px) {

    .site-header-inner {
        flex-wrap: wrap;
    }

    .main-nav {
        order: 3;

        width: 100%;
    }

    

    .section:first-of-type .performance-grid,
    .section:nth-of-type(2) .performance-grid {

        grid-template-columns:
            1fr;
    }

    .performance-stat {
        padding: 17px;
    }

    .wla-email-value {
        font-size: 15px;
    }

}


/* ==========================================================
   WINNING LINE AI DASHBOARD - COMPACT FONT PASS
   ========================================================== */









.performance-stat {
    padding: 16px !important;
}

.performance-stat .number,
.wla-dashboard-value {
    font-size: 18px !important;
    line-height: 1.25 !important;
}

.wla-email-value {
    font-size: 15px !important;
    line-height: 1.3 !important;
}

.performance-stat .label {
    font-size: 12px !important;
    line-height: 1.3 !important;
}















@media (max-width: 620px) {

    

    

    .performance-stat .number,
    .wla-dashboard-value {
        font-size: 17px !important;
    }

    .wla-email-value {
        font-size: 14px !important;
    }
}