/* dash_clean.css · calmer Franchisee Dashboard (Nov 10, 2026)
   The social side lives in the Community; the dashboard is only for the business: today's actions, progress, what's next.
   Loads after the other styles. Uses the portal's own colors, so dark mode still works. */

/* streak & points: a quiet card instead of the bright gradient banner */
.pl-today{margin-top:14px !important;max-width:960px;margin-left:auto !important;margin-right:auto !important;background:var(--card) !important;color:var(--cream) !important;border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.04) !important;border-radius:18px !important;padding:16px 18px !important}
.pl-today:after{display:none}
.pl-today .badge{background:var(--accent-soft,rgba(22,163,74,.1)) !important;width:46px !important;height:46px !important;flex-basis:46px !important;font-size:24px !important;border-radius:14px !important}
.pl-today .t b{font-size:16px !important}.pl-today .t span,.pl-today .lvl{color:var(--dim);opacity:1 !important}
.pl-today .pts b{color:#f28705}.pl-today .pts span{color:var(--dim);opacity:1 !important}
.pl-bar{background:var(--track-bg,rgba(0,0,0,.07)) !important;height:6px !important}
.pl-bar i{background:linear-gradient(90deg,#16a34a,#f28705) !important}
.pl-today .acts button{background:var(--row-bg,rgba(0,0,0,.035)) !important;color:var(--cream) !important;border:1px solid var(--border) !important;min-height:52px !important;font-weight:700 !important;box-shadow:none !important}
.pl-today .acts button:hover{border-color:#16a34a !important}
.pl-today .acts button.done{background:var(--accent-soft,rgba(22,163,74,.1)) !important;color:#16a34a !important}
.pl-today .acts button.hot{animation:none;border-color:#f28705 !important}

/* "Up next": the course, your level and the next webinar in one tidy list */
#dashNext{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:4px 18px;margin:0 auto 16px;max-width:960px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
#dashNext:empty,#dashNext.none{display:none}
#dashNext>.dn-h{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:12px 0 2px}
#dashNext>div:not(.dn-h){margin:0 !important}
#dashNext>div:not(.dn-h):not(:empty){border-top:1px solid var(--border)}
#dashNext>.dn-h+div:not(:empty){border-top:none}
#dashNext .ac-hero,#dashNext .ld-dash,#dashNext .wb-next{background:none !important;border:none !important;border-radius:0 !important;box-shadow:none !important;margin:0 !important;padding:12px 0 !important}
#dashNext .ac-hero .ic,#dashNext .ld-dash .i{font-size:24px !important}
#dashNext .ld-dash .x b,#dashNext .wb-next .x b,#dashNext .ac-hero b{font-size:15px !important}
#dashNext .wb-next img,#dashNext .wb-next .ph{width:72px !important}
#dashNext .ld-btn,#dashNext .ac-hero .btn,#dashNext .wb-next .btn,#dashNext .wb-next button{min-height:38px !important;font-size:13.5px !important;padding:0 16px !important}
@media (max-width:640px){#dashNext{padding:2px 14px}}