/* =========================================================
   DEWPOINT DASHBOARD
   BOOKING DEMOGRAPHICS + TODAY AT A GLANCE
   FINAL THEME OVERRIDES
   ========================================================= */


/* ---------------------------------------------------------
   1) BOOKING DEMOGRAPHICS
   --------------------------------------------------------- */

/* Card scope */
.shell:not(.player-shell) .owner-dashboard .booking-demographics,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics,
.shell:not(.player-shell) .owner-dashboard .demographics-card,
.shell:not(.player-shell) .owner-dashboard-redesign .demographics-card{
    --green: var(--dp-accent) !important;
    --lime: var(--dp-accent-2) !important;
}

/* Donut / ring */
.shell:not(.player-shell) .owner-dashboard .booking-demographics .donut,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .donut,
.shell:not(.player-shell) .owner-dashboard .demographics-card .donut,
.shell:not(.player-shell) .owner-dashboard-redesign .demographics-card .donut,
.shell:not(.player-shell) .owner-dashboard .booking-demographics [class*="donut"],
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics [class*="donut"],
.shell:not(.player-shell) .owner-dashboard .booking-demographics [class*="ring"],
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics [class*="ring"]{
    background:
        conic-gradient(
            var(--dp-accent) 0deg,
            var(--dp-accent) var(--donut-angle, 0deg),
            color-mix(in srgb, var(--dp-accent) 18%, white) var(--donut-angle, 0deg),
            color-mix(in srgb, var(--dp-accent) 18%, white) 360deg
        ) !important;
}

/* If empty-state ring still appears pale green, force a soft theme ring */
.shell:not(.player-shell) .owner-dashboard .booking-demographics .donut:before,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .donut:before,
.shell:not(.player-shell) .owner-dashboard .demographics-card .donut:before,
.shell:not(.player-shell) .owner-dashboard-redesign .demographics-card .donut:before{
    background:#fff !important;
}

/* Donut center % text */
.shell:not(.player-shell) .owner-dashboard .booking-demographics .donut b,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .donut b,
.shell:not(.player-shell) .owner-dashboard .booking-demographics .donut strong,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .donut strong,
.shell:not(.player-shell) .owner-dashboard .booking-demographics .donut .value,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .donut .value,
.shell:not(.player-shell) .owner-dashboard .demographics-card .donut b,
.shell:not(.player-shell) .owner-dashboard-redesign .demographics-card .donut b{
    color:var(--dp-accent-text) !important;
}

/* Legend dots */
.shell:not(.player-shell) .owner-dashboard .booking-demographics i,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics i,
.shell:not(.player-shell) .owner-dashboard .booking-demographics .dot,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .dot,
.shell:not(.player-shell) .owner-dashboard .booking-demographics .legend-dot,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .legend-dot,
.shell:not(.player-shell) .owner-dashboard .demographics-card i,
.shell:not(.player-shell) .owner-dashboard-redesign .demographics-card i{
    background:var(--dp-accent) !important;
    color:var(--dp-accent) !important;
}

/* Secondary legend dot (new players) */
.shell:not(.player-shell) .owner-dashboard .booking-demographics .new-players i,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .new-players i,
.shell:not(.player-shell) .owner-dashboard .booking-demographics .new-players .dot,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .new-players .dot,
.shell:not(.player-shell) .owner-dashboard .booking-demographics .legend-item:last-child i,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .legend-item:last-child i{
    background:color-mix(in srgb, var(--dp-accent) 25%, white) !important;
    color:color-mix(in srgb, var(--dp-accent) 25%, white) !important;
}

/* Small values / counts inside demographics */
.shell:not(.player-shell) .owner-dashboard .booking-demographics .count,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .count,
.shell:not(.player-shell) .owner-dashboard .booking-demographics .metric-value,
.shell:not(.player-shell) .owner-dashboard-redesign .booking-demographics .metric-value,
.shell:not(.player-shell) .owner-dashboard .demographics-card .count,
.shell:not(.player-shell) .owner-dashboard-redesign .demographics-card .count{
    color:var(--dp-accent-text) !important;
}


/* ---------------------------------------------------------
   2) TODAY AT A GLANCE
   --------------------------------------------------------- */

.shell:not(.player-shell) .owner-dashboard .today-at-a-glance,
.shell:not(.player-shell) .owner-dashboard-redesign .today-at-a-glance,
.shell:not(.player-shell) .owner-dashboard .today-glance,
.shell:not(.player-shell) .owner-dashboard-redesign .today-glance{
    --green: var(--dp-accent) !important;
    --lime: var(--dp-accent-2) !important;
}

/* Icon boxes */
.shell:not(.player-shell) .owner-dashboard .today-at-a-glance article > span,
.shell:not(.player-shell) .owner-dashboard-redesign .today-at-a-glance article > span,
.shell:not(.player-shell) .owner-dashboard .today-glance article > span,
.shell:not(.player-shell) .owner-dashboard-redesign .today-glance article > span,
.shell:not(.player-shell) .owner-dashboard .today-at-a-glance .icon,
.shell:not(.player-shell) .owner-dashboard-redesign .today-at-a-glance .icon,
.shell:not(.player-shell) .owner-dashboard .today-glance .icon,
.shell:not(.player-shell) .owner-dashboard-redesign .today-glance .icon,
.shell:not(.player-shell) .owner-dashboard .summary-card > span,
.shell:not(.player-shell) .owner-dashboard-redesign .summary-card > span{
    color:var(--dp-accent-text) !important;
    background:var(--dp-theme-soft) !important;
    border:1px solid color-mix(in srgb, var(--dp-accent) 18%, white) !important;
}

/* Numbers and values */
.shell:not(.player-shell) .owner-dashboard .today-at-a-glance b,
.shell:not(.player-shell) .owner-dashboard-redesign .today-at-a-glance b,
.shell:not(.player-shell) .owner-dashboard .today-at-a-glance strong,
.shell:not(.player-shell) .owner-dashboard-redesign .today-at-a-glance strong,
.shell:not(.player-shell) .owner-dashboard .today-glance b,
.shell:not(.player-shell) .owner-dashboard-redesign .today-glance b,
.shell:not(.player-shell) .owner-dashboard .today-glance strong,
.shell:not(.player-shell) .owner-dashboard-redesign .today-glance strong{
    color:var(--dp-accent-text) !important;
}

/* If any mini-icons are SVGs */
.shell:not(.player-shell) .owner-dashboard .today-at-a-glance svg,
.shell:not(.player-shell) .owner-dashboard-redesign .today-at-a-glance svg,
.shell:not(.player-shell) .owner-dashboard .today-glance svg,
.shell:not(.player-shell) .owner-dashboard-redesign .today-glance svg{
    color:var(--dp-accent-text) !important;
    stroke:currentColor !important;
    fill:none !important;
}


/* ---------------------------------------------------------
   3) REVENUE SNAPSHOT VALUES
   --------------------------------------------------------- */

.shell:not(.player-shell) .owner-dashboard .revenue-snapshot .value,
.shell:not(.player-shell) .owner-dashboard-redesign .revenue-snapshot .value,
.shell:not(.player-shell) .owner-dashboard .revenue-snapshot strong,
.shell:not(.player-shell) .owner-dashboard-redesign .revenue-snapshot strong,
.shell:not(.player-shell) .owner-dashboard .revenue-snapshot b,
.shell:not(.player-shell) .owner-dashboard-redesign .revenue-snapshot b{
    color:var(--dp-accent-text) !important;
}