@charset "utf-8";

.mk-hero-profiles-row { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 20px !important; padding-top: 18px !important; border-top: 1px solid rgba(255, 255, 255, 0.15) !important; }

.mk-hero-cooking-label { font-size: 0.72rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; color: rgba(255, 255, 255, 0.75) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.75) !important; white-space: nowrap !important; }

.mk-hero-profile-pills { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; justify-content: center !important; }

.mk-hero-profile-pills .prs-pill, .mk-hero-profile-pills [class*="prs-pill"], #rdProfilePillsKids .prs-pill, #rdProfilePillsKids > * { background: rgb(255, 255, 255) !important; border: 2px solid rgb(18, 33, 58) !important; border-radius: 50% !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 1.2rem !important; cursor: pointer !important; color: rgb(18, 33, 58) !important; -webkit-text-fill-color: rgb(18, 33, 58) !important; padding: 0px !important; flex-shrink: 0 !important; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px !important; transition: transform 0.15s !important; }

#rdProfilePillsKids .prs-pill:hover, #rdProfilePillsKids > :hover { transform: scale(1.08) !important; }

.mk-hero-manage-btn { background: rgb(18, 33, 58) !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; border-radius: 50px !important; padding: 7px 16px !important; font-size: 0.75rem !important; font-weight: 700 !important; cursor: pointer !important; font-family: inherit !important; white-space: nowrap !important; }

.mk-hero-manage-btn:hover { background: rgb(27, 46, 74) !important; }

.mk-hero-greeting { display: flex !important; align-items: center !important; gap: 12px !important; justify-content: center !important; margin-top: 12px !important; flex-wrap: wrap !important; }

.mk-hero-greeting-title { font-weight: 800 !important; font-size: 0.92rem !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }

.mk-hero-greeting-goals { font-size: 0.74rem !important; color: rgba(255, 255, 255, 0.7) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.7) !important; margin-top: 2px !important; }

.mk-hero-all-kids-btn { background: rgba(255, 255, 255, 0.12) !important; color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50px !important; padding: 5px 12px !important; font-size: 0.72rem !important; font-weight: 700 !important; cursor: pointer !important; font-family: inherit !important; }

#page-dashboard .mk-welcome { background: rgb(18, 33, 58) !important; border-radius: 22px !important; padding: 24px !important; color: rgb(255, 255, 255) !important; }

#page-dashboard .mk-welcome h2, #page-dashboard .mk-welcome p, #page-dashboard #mkWelcomeGreeting { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; }

#page-dashboard .mk-welcome p { color: rgba(255, 255, 255, 0.72) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important; }

#page-dashboard .mk-stat { background: rgba(255, 255, 255, 0.12) !important; border-radius: 14px !important; padding: 10px 16px !important; text-align: center !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; }

#page-dashboard .mk-stat-n { color: rgb(255, 255, 255) !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; font-weight: 800 !important; font-size: 1.3rem !important; }

#page-dashboard .mk-stat-l { color: rgba(255, 255, 255, 0.65) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.65) !important; font-size: 0.72rem !important; }

#page-dashboard .mk-welcome .tts-inline-btn { background: rgba(255, 255, 255, 0.15) !important; border-color: rgba(255, 255, 255, 0.3) !important; color: rgb(255, 255, 255) !important; }