#momfirst-root{
    --mf-ink:#f4fdff;
    --mf-muted:#dbeafe;
    --mf-soft:rgba(8,18,34,.96);
    --mf-panel:rgba(8,18,34,.96);
    --mf-panel-soft:rgba(3,8,18,.98);
    --mf-line:rgba(45,212,191,.34);
    --mf-line-strong:rgba(56,189,248,.42);
    --mf-teal:#2dd4bf;
    --mf-teal-dark:#38bdf8;
    --mf-green:#2f947c;
    --mf-green-soft:rgba(45,212,191,.12);
    --mf-blue-soft:rgba(56,189,248,.12);
    --mf-amber:#b57a00;
    --mf-amber-soft:rgba(245,158,11,.14);
    --mf-rose:#b4232d;
    --mf-rose-soft:rgba(251,113,133,.14);
    --mf-shadow:0 18px 45px rgba(24,44,48,.12);
    --mf-shadow-soft:0 10px 26px rgba(36,49,57,.07);
    background:
        radial-gradient(circle at 8% 0%, rgba(45,212,191,.16), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(167,139,250,.14), transparent 36%),
        linear-gradient(145deg, rgba(8,18,34,.98), rgba(3,8,18,.98)) !important;
    border:0 !important;
    border-radius:18px !important;
    box-shadow:var(--mf-shadow) !important;
    box-sizing:border-box !important;
    color:var(--mf-ink) !important;
    color-scheme:dark !important;
    contain:layout style !important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
    font-size:16px !important;
    isolation:isolate !important;
    line-height:1.55 !important;
    margin:20px auto !important;
    max-width:1120px !important;
    overflow:clip !important;
    padding:0 !important;
}

/* SSA dark-neon final layer for generated MomFirst cards, reports, and trackers. */
#momfirst-root :is(
    section,
    article,
    form,
    fieldset,
    table,
    thead,
    tbody,
    tr,
    td,
    th,
    [class*="card"],
    [class*="panel"],
    [class*="result"],
    [class*="summary"],
    [class*="report"],
    [class*="tracker"],
    [class*="log"],
    [class*="timeline"],
    [class*="metric"],
    [class*="stat"],
    [class*="tile"],
    [aria-live="polite"]
) {
    border-color:rgba(45,212,191,.34) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(45,212,191,.10), transparent 32%),
        linear-gradient(180deg, rgba(8,18,34,.96), rgba(3,8,18,.96)) !important;
    color:#dbeafe !important;
    box-shadow:0 12px 28px rgba(0,0,0,.28) !important;
}

#momfirst-root :is(h1,h2,h3,h4,h5,h6,legend,summary,strong,b) {
    color:#ffffff !important;
    text-shadow:0 0 18px rgba(56,189,248,.24) !important;
}

#momfirst-root :is(p,li,label,span,div,small,em,td,th,output) {
    color:#dbeafe !important;
}

#momfirst-root :is(input,select,textarea) {
    border-color:rgba(56,189,248,.42) !important;
    background:rgba(2,6,23,.84) !important;
    color:#f4fdff !important;
}

#momfirst-root :is(button,.button,.mf-button,input[type="button"],input[type="submit"],a.button) {
    border-color:rgba(45,212,191,.72) !important;
    background:linear-gradient(135deg,#2dd4bf,#38bdf8) !important;
    color:#031018 !important;
    box-shadow:0 10px 24px rgba(34,211,238,.20) !important;
}

#momfirst-root :is(button:disabled,.button:disabled,.mf-button:disabled,input[type="button"]:disabled,input[type="submit"]:disabled) {
    border-color:rgba(148,163,184,.34) !important;
    background:rgba(51,65,85,.72) !important;
    color:rgba(226,232,240,.78) !important;
}

#momfirst-root a:not(.button):not(.mf-button) {
    color:#7dd3fc !important;
}

#momfirst-root,
#momfirst-root *{
    box-sizing:border-box !important;
}

#momfirst-root *{
    letter-spacing:0 !important;
}

#momfirst-root [hidden]{
    display:none !important;
}

#momfirst-root h1,
#momfirst-root h2,
#momfirst-root h3,
#momfirst-root h4,
#momfirst-root p,
#momfirst-root ul,
#momfirst-root ol,
#momfirst-root li,
#momfirst-root figure,
#momfirst-root blockquote{
    margin-top:0 !important;
}

#momfirst-root h1,
#momfirst-root h2,
#momfirst-root h3,
#momfirst-root h4{
    color:var(--mf-ink) !important;
    font-family:inherit !important;
    font-weight:820 !important;
    line-height:1.18 !important;
}

#momfirst-root h1{font-size:30px !important}
#momfirst-root h2{font-size:26px !important}
#momfirst-root h3{font-size:22px !important}
#momfirst-root h4{font-size:16px !important}

#momfirst-root p,
#momfirst-root li,
#momfirst-root label,
#momfirst-root span,
#momfirst-root div{
    color:inherit !important;
    font-family:inherit !important;
}

#momfirst-root p,
#momfirst-root li{
    font-size:16px !important;
    line-height:1.6 !important;
}

#momfirst-root p{
    margin-bottom:14px !important;
    max-width:74ch !important;
}

#momfirst-root ul,
#momfirst-root ol{
    margin:8px 0 0 20px !important;
    padding:0 !important;
}

#momfirst-root li + li{
    margin-top:6px !important;
}

#momfirst-root a{
    color:var(--mf-teal-dark) !important;
    font-weight:740 !important;
    text-decoration:none !important;
}

#momfirst-root a:hover{
    color:var(--mf-teal) !important;
    text-decoration:underline !important;
}

#momfirst-root button,
#momfirst-root .button,
#momfirst-root .mf-button{
    appearance:none !important;
    background:rgba(2,8,18,.96) !important;
    border:1px solid var(--mf-line-strong) !important;
    border-radius:10px !important;
    box-shadow:none !important;
    color:var(--mf-teal-dark) !important;
    cursor:pointer !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    min-height:44px !important;
    padding:11px 16px !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:normal !important;
}

#momfirst-root button:hover,
#momfirst-root .button:hover,
#momfirst-root .mf-button:hover{
    background:rgba(4,18,32,.96) !important;
    border-color:var(--mf-teal) !important;
    color:var(--mf-teal-dark) !important;
}

#momfirst-root .button-primary,
#momfirst-root button.button-primary{
    background:var(--mf-teal) !important;
    border-color:var(--mf-teal) !important;
    color:#fff !important;
}

#momfirst-root .mf-danger-button{
    border-color:rgba(167,54,54,.32) !important;
    color:#8f2f2f !important;
}

#momfirst-root .mf-danger-button:hover{
    background:rgba(90,15,34,.96) !important;
    border-color:#a73636 !important;
    color:#7a2424 !important;
}

#momfirst-root input:not([type="checkbox"]):not([type="radio"]),
#momfirst-root select,
#momfirst-root textarea{
    appearance:none !important;
    background:rgba(2,8,18,.96) !important;
    border:1px solid var(--mf-line-strong) !important;
    border-radius:10px !important;
    box-shadow:none !important;
    color:var(--mf-ink) !important;
    display:block !important;
    font-family:inherit !important;
    font-size:15px !important;
    line-height:1.35 !important;
    min-height:46px !important;
    outline:0 !important;
    padding:11px 13px !important;
    width:100% !important;
}

#momfirst-root select{
    background-image:linear-gradient(45deg,transparent 50%,var(--mf-muted) 50%),linear-gradient(135deg,var(--mf-muted) 50%,transparent 50%) !important;
    background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px !important;
    background-repeat:no-repeat !important;
    background-size:5px 5px,5px 5px !important;
    padding-right:34px !important;
}

#momfirst-root textarea{
    min-height:96px !important;
    resize:vertical !important;
}

#momfirst-root input:focus,
#momfirst-root select:focus,
#momfirst-root textarea:focus,
#momfirst-root button:focus{
    border-color:var(--mf-teal) !important;
    box-shadow:0 0 0 3px rgba(36,122,118,.14) !important;
}

#momfirst-root input[type="checkbox"],
#momfirst-root input[type="radio"]{
    accent-color:var(--mf-teal) !important;
    appearance:auto !important;
    display:inline-block !important;
    flex:0 0 auto !important;
    height:16px !important;
    margin:0 8px 0 0 !important;
    min-height:0 !important;
    padding:0 !important;
    vertical-align:-2px !important;
    width:16px !important;
}

#momfirst-root label{
    color:var(--mf-ink) !important;
    display:block !important;
    font-size:14px !important;
    font-weight:760 !important;
    line-height:1.35 !important;
    margin:0 !important;
}

#momfirst-root label + label,
#momfirst-root label + .mf-actions{
    margin-top:14px !important;
}

#momfirst-root .mf-small-note,
#momfirst-root .mf-field-help{
    color:var(--mf-muted) !important;
    display:block !important;
    font-size:13px !important;
    font-weight:520 !important;
    line-height:1.5 !important;
    margin-top:6px !important;
    max-width:74ch !important;
}

#momfirst-root .mf-loader,
#momfirst-root .mf-fallback{
    background:rgba(2,8,18,.96) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:14px !important;
    box-shadow:var(--mf-shadow-soft) !important;
    padding:18px !important;
}

#momfirst-root .mf-app-shell{
    background:radial-gradient(circle at top left,rgba(42,157,143,.14),transparent 32%),linear-gradient(180deg,#f8fcfb 0%,#eef8f5 100%) !important;
    min-height:720px !important;
    padding:28px !important;
}

#momfirst-root .mf-status{
    color:var(--mf-teal-dark) !important;
    font-size:14px !important;
    font-weight:760 !important;
    margin:0 0 10px !important;
}

#momfirst-root .mf-app-header{
    align-items:center !important;
    background:rgba(4,18,32,.92) !important;
    border:1px solid rgba(36,49,57,.11) !important;
    border-radius:16px !important;
    box-shadow:var(--mf-shadow-soft) !important;
    display:flex !important;
    gap:18px !important;
    justify-content:space-between !important;
    margin:0 0 16px !important;
    padding:18px !important;
}

#momfirst-root .mf-app-kicker{
    color:var(--mf-teal-dark) !important;
    display:block !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.2 !important;
    margin:0 0 4px !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-app-header h2{
    border:0 !important;
    font-size:24px !important;
    margin:0 !important;
    padding:0 !important;
}

#momfirst-root .mf-app-header p{
    color:var(--mf-muted) !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    margin:6px 0 0 !important;
}

#momfirst-root .mf-app-score{
    align-items:center !important;
    background:var(--mf-teal) !important;
    border-radius:14px !important;
    color:#fff !important;
    display:flex !important;
    flex:0 0 auto !important;
    gap:14px !important;
    min-width:154px !important;
    padding:14px 16px !important;
}

#momfirst-root .mf-app-score strong,
#momfirst-root .mf-app-score span{
    color:#fff !important;
    display:block !important;
}

#momfirst-root .mf-app-score strong{
    font-size:34px !important;
    font-weight:850 !important;
    line-height:1 !important;
    margin-right:2px !important;
}

#momfirst-root .mf-app-score span{
    font-size:12px !important;
    font-weight:780 !important;
    line-height:1.25 !important;
    max-width:94px !important;
    padding-left:2px !important;
}

#momfirst-root .mf-app-menu,
#momfirst-root details.mf-calm-details,
#momfirst-root details.mf-section-group,
#momfirst-root details.mf-tool-group,
#momfirst-root details.mf-advanced,
#momfirst-root details.mf-debug-details{
    background:rgba(4,18,32,.88) !important;
    border:1px solid rgba(36,49,57,.12) !important;
    border-radius:12px !important;
    box-shadow:none !important;
    margin:0 !important;
    overflow:hidden !important;
    padding:0 !important;
}

#momfirst-root details + details{
    margin-top:12px !important;
}

#momfirst-root details > summary{
    align-items:center !important;
    background:rgba(2,8,18,.96) !important;
    border:0 !important;
    border-radius:12px !important;
    color:var(--mf-teal-dark) !important;
    cursor:pointer !important;
    display:flex !important;
    font-size:16px !important;
    font-weight:820 !important;
    justify-content:space-between !important;
    line-height:1.3 !important;
    list-style:none !important;
    margin:0 !important;
    min-height:50px !important;
    padding:15px 18px !important;
}

#momfirst-root details > summary::-webkit-details-marker{
    display:none !important;
}

#momfirst-root details > summary::after{
    color:var(--mf-muted) !important;
    content:"Open" !important;
    flex:0 0 auto !important;
    font-size:12px !important;
    font-weight:780 !important;
    margin-left:12px !important;
}

#momfirst-root details[open] > summary{
    border-bottom:1px solid rgba(36,49,57,.1) !important;
    border-radius:12px 12px 0 0 !important;
}

#momfirst-root details[open] > summary::after{
    content:"Close" !important;
}

#momfirst-root details[open] > *:not(summary){
    margin:18px !important;
}

#momfirst-root .mf-app-menu{
    margin-bottom:16px !important;
}

#momfirst-root .mf-page-nav ul{
    display:grid !important;
    gap:8px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}

#momfirst-root .mf-page-nav li{
    margin:0 !important;
    padding:0 !important;
}

#momfirst-root .mf-page-nav a,
#momfirst-root .mf-related-tool-grid a{
    background:rgba(2,8,18,.96) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:10px !important;
    display:block !important;
    min-height:74px !important;
    padding:12px !important;
    text-decoration:none !important;
}

#momfirst-root .mf-page-nav strong,
#momfirst-root .mf-page-nav span,
#momfirst-root .mf-related-tool-grid h4,
#momfirst-root .mf-related-tool-grid p{
    display:block !important;
}

#momfirst-root .mf-page-nav strong,
#momfirst-root .mf-related-tool-grid h4{
    color:var(--mf-teal-dark) !important;
    font-size:15px !important;
    font-weight:820 !important;
    line-height:1.25 !important;
    margin:0 0 5px !important;
    padding:0 !important;
}

#momfirst-root .mf-page-nav span,
#momfirst-root .mf-related-tool-grid p{
    color:var(--mf-muted) !important;
    font-size:13px !important;
    font-weight:560 !important;
    line-height:1.4 !important;
    margin:0 !important;
}

#momfirst-root .mf-tabs{
    background:rgba(4,18,32,.92) !important;
    border:1px solid rgba(36,49,57,.1) !important;
    border-radius:16px !important;
    box-shadow:var(--mf-shadow-soft) !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    margin:0 0 18px !important;
    overflow-x:auto !important;
    padding:10px !important;
    position:sticky !important;
    scrollbar-width:thin !important;
    top:10px !important;
    z-index:20 !important;
    -webkit-overflow-scrolling:touch !important;
}

#momfirst-root .mf-tab{
    border-radius:999px !important;
    flex:0 0 auto !important;
    min-height:44px !important;
    min-width:auto !important;
    padding:10px 15px !important;
}

#momfirst-root .mf-tab.is-active{
    background:var(--mf-teal) !important;
    border-color:var(--mf-teal) !important;
    color:#fff !important;
}

#momfirst-root .mf-tab-panels{
    background:rgba(4,18,32,.88) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:16px !important;
    box-shadow:0 14px 34px rgba(36,49,57,.07) !important;
    min-height:520px !important;
    padding:26px !important;
}

#momfirst-root .mf-tab-panel{
    display:grid !important;
    gap:22px !important;
}

#momfirst-root .mf-tab-panel[hidden]{
    display:none !important;
}

#momfirst-root .mf-tab-panel > * + *{
    margin-top:0 !important;
}

#momfirst-root .mf-input-panel,
#momfirst-root .mf-partner-mode,
#momfirst-root .mf-family-circle,
#momfirst-root .mf-need-now,
#momfirst-root .mf-encouragement,
#momfirst-root .mf-not-behind,
#momfirst-root .mf-summary,
#momfirst-root .mf-checkin-prompt,
#momfirst-root .mf-account-sync,
#momfirst-root .mf-freshness,
#momfirst-root .mf-email-capture,
#momfirst-root .mf-rec{
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(36,49,57,.12) !important;
    border-radius:16px !important;
    box-shadow:var(--mf-shadow-soft) !important;
    padding:22px !important;
}

#momfirst-root .mf-account-sync{
    background:linear-gradient(135deg,#fffdfa,#f1fbf8) !important;
    border-color:rgba(36,122,118,.2) !important;
    border-left:5px solid var(--mf-teal) !important;
    display:grid !important;
    gap:10px !important;
    margin:14px 0 18px !important;
    padding:18px 18px 18px 20px !important;
}

#momfirst-root .mf-account-sync strong{
    color:var(--mf-ink) !important;
    display:block !important;
    font-size:17px !important;
    font-weight:860 !important;
    letter-spacing:0 !important;
    line-height:1.25 !important;
    margin:0 !important;
}

#momfirst-root .mf-account-sync p{
    color:var(--mf-muted) !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.55 !important;
    margin:0 !important;
    max-width:760px !important;
}

#momfirst-root .mf-account-sync-small{
    background:rgba(4,24,21,.96) !important;
    border-left-color:rgba(36,122,118,.45) !important;
    box-shadow:none !important;
    gap:4px !important;
    padding:14px 16px !important;
}

#momfirst-root .mf-account-sync-small strong{
    color:var(--mf-teal-dark) !important;
    font-size:15px !important;
}

#momfirst-root .mf-account-sync-small p{
    font-size:13px !important;
}

#momfirst-root .mf-input-panel{
    display:grid !important;
    gap:20px !important;
}

#momfirst-root .mf-family-circle{
    display:grid !important;
    gap:18px !important;
}

#momfirst-root .mf-family-circle h3,
#momfirst-root .mf-family-circle p{
    margin:0 !important;
}

#momfirst-root .mf-family-circle > p{
    color:var(--mf-muted) !important;
    font-size:15px !important;
    line-height:1.6 !important;
}

#momfirst-root .mf-family-circle textarea{
    min-height:72px !important;
}

#momfirst-root .mf-input-panel > h3,
#momfirst-root .mf-input-panel > .mf-small-note{
    margin:0 !important;
}

#momfirst-root .mf-input-panel > h3 + .mf-small-note{
    margin-top:-10px !important;
}

#momfirst-root .mf-need-now{
    background:linear-gradient(135deg,rgba(36,122,118,.98),rgba(47,148,124,.94)) !important;
    border:0 !important;
    border-radius:18px !important;
    box-shadow:0 22px 48px rgba(36,122,118,.24) !important;
    color:#fff !important;
    padding:28px !important;
}

#momfirst-root .mf-hero-label{
    background:rgba(45,211,218,.16) !important;
    border:1px solid rgba(255,255,255,.28) !important;
    border-radius:999px !important;
    color:#fff !important;
    display:inline-flex !important;
    font-size:12px !important;
    font-weight:850 !important;
    line-height:1.2 !important;
    margin:0 0 10px !important;
    padding:6px 10px !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-need-now h3{
    border:0 !important;
    color:#fff !important;
    font-size:30px !important;
    line-height:1.08 !important;
    margin:0 0 10px !important;
    padding:0 !important;
}

#momfirst-root .mf-need-now > p{
    color:rgba(255,255,255,.92) !important;
    font-size:17px !important;
    font-weight:700 !important;
    line-height:1.45 !important;
    margin:0 0 18px !important;
}

#momfirst-root .mf-need-grid,
#momfirst-root .mf-plan-grid,
#momfirst-root .mf-snapshot-grid,
#momfirst-root .mf-partner-mode-grid,
#momfirst-root .mf-partner-education,
#momfirst-root .mf-score-grid,
#momfirst-root .mf-milestone-list,
#momfirst-root .mf-streak-grid,
#momfirst-root .mf-trust-lanes,
#momfirst-root .mf-privacy-grid,
#momfirst-root .mf-use-guide-grid,
#momfirst-root .mf-related-tool-grid{
    display:grid !important;
    gap:16px !important;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
}

#momfirst-root .mf-need-grid > div,
#momfirst-root .mf-plan-grid > div,
#momfirst-root .mf-snapshot-grid > div,
#momfirst-root .mf-partner-mode-grid > div,
#momfirst-root .mf-partner-education > div,
#momfirst-root .mf-score-grid > article,
#momfirst-root .mf-milestone-list > article,
#momfirst-root .mf-streak-grid > div,
#momfirst-root .mf-trust-card,
#momfirst-root .mf-privacy-card,
#momfirst-root .mf-action-card,
#momfirst-root .mf-guide-card,
#momfirst-root .mf-time-row,
#momfirst-root .mf-trend-row,
#momfirst-root .mf-med-row{
    background:rgba(4,18,32,.84) !important;
    border:1px solid rgba(36,49,57,.11) !important;
    border-radius:12px !important;
    box-shadow:none !important;
    padding:16px !important;
}

#momfirst-root .mf-need-now .mf-need-grid > div,
#momfirst-root .mf-need-now ol li{
    background:rgba(45,211,218,.13) !important;
    border-color:rgba(255,255,255,.22) !important;
    border-radius:14px !important;
}

#momfirst-root .mf-need-now strong,
#momfirst-root .mf-need-now span,
#momfirst-root .mf-need-now li{
    color:#fff !important;
}

#momfirst-root .mf-need-now ol li > span{
    color:rgba(255,255,255,.86) !important;
}

#momfirst-root .mf-need-grid strong,
#momfirst-root .mf-plan-grid strong,
#momfirst-root .mf-snapshot-grid strong,
#momfirst-root .mf-partner-mode-grid strong,
#momfirst-root .mf-partner-education strong,
#momfirst-root .mf-reminder-list strong,
#momfirst-root .mf-time-row strong,
#momfirst-root .mf-trend-row strong,
#momfirst-root .mf-med-row strong{
    color:var(--mf-teal-dark) !important;
    display:block !important;
    font-size:15px !important;
    font-weight:820 !important;
    line-height:1.3 !important;
    margin:0 0 6px !important;
}

#momfirst-root .mf-need-grid span,
#momfirst-root .mf-partner-mode-grid span,
#momfirst-root .mf-partner-education span,
#momfirst-root .mf-reminder-list span,
#momfirst-root .mf-time-row span,
#momfirst-root .mf-trend-row span,
#momfirst-root .mf-med-row span{
    color:var(--mf-muted) !important;
    display:block !important;
    font-size:14px !important;
    line-height:1.45 !important;
}

#momfirst-root .mf-encouragement h3,
#momfirst-root .mf-not-behind h3{
    border:0 !important;
    font-size:22px !important;
    margin:0 0 10px !important;
    padding:0 !important;
}

#momfirst-root .mf-encouragement p,
#momfirst-root .mf-not-behind p{
    color:var(--mf-ink) !important;
    font-size:16px !important;
}

#momfirst-root .mf-not-behind{
    background:var(--mf-amber-soft) !important;
    border-color:#ead9ab !important;
}

#momfirst-root .mf-summary{
    align-items:center !important;
    display:grid !important;
    gap:14px !important;
    grid-template-columns:auto 1fr !important;
}

#momfirst-root .mf-score{
    align-items:center !important;
    background:#edf8f5 !important;
    border:1px solid #cde1df !important;
    border-radius:14px !important;
    color:var(--mf-teal-dark) !important;
    display:grid !important;
    font-size:34px !important;
    font-weight:850 !important;
    justify-items:center !important;
    line-height:1 !important;
    min-width:126px !important;
    padding:12px !important;
}

#momfirst-root .mf-score span,
#momfirst-root .mf-score small{
    color:var(--mf-muted) !important;
    display:block !important;
    font-size:12px !important;
    font-weight:780 !important;
    line-height:1.1 !important;
    margin:0 0 4px !important;
}

#momfirst-root .mf-score small{
    font-size:15px !important;
    margin:4px 0 0 !important;
}

#momfirst-root .mf-label strong{
    color:var(--mf-ink) !important;
    display:block !important;
    font-size:20px !important;
    line-height:1.2 !important;
    margin:0 0 6px !important;
}

#momfirst-root .mf-label p{
    color:var(--mf-muted) !important;
    font-size:14px !important;
    margin:0 !important;
}

#momfirst-root .mf-calm-details .mf-food-rescue,
#momfirst-root .mf-calm-details .mf-milk-support,
#momfirst-root .mf-calm-details .mf-meal-rescue,
#momfirst-root .mf-calm-details .mf-supply-checker,
#momfirst-root .mf-calm-details .mf-help-generator,
#momfirst-root .mf-calm-details .mf-support-network,
#momfirst-root .mf-calm-details .mf-mental-load,
#momfirst-root .mf-calm-details .mf-night-shift,
#momfirst-root .mf-calm-details .mf-trust-hub,
#momfirst-root .mf-calm-details .mf-privacy-trust,
#momfirst-root .mf-calm-details .mf-trust-note,
#momfirst-root .mf-calm-details .mf-resource-library,
#momfirst-root .mf-calm-details .mf-partner-education-cards,
#momfirst-root .mf-calm-details .mf-partner-card{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    margin:0 !important;
    padding:0 !important;
}

#momfirst-root .mf-hydration,
#momfirst-root .mf-profile-fields,
#momfirst-root .mf-checklist,
#momfirst-root .mf-med-manager,
#momfirst-root .mf-symptom-manager,
#momfirst-root .mf-normal-checker,
#momfirst-root .mf-milk-support,
#momfirst-root .mf-meal-rescue,
#momfirst-root .mf-supply-checker,
#momfirst-root .mf-provider-prep,
#momfirst-root .mf-reminder-plan,
#momfirst-root .mf-sleep-summary{
    background:var(--mf-panel-soft) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:12px !important;
    padding:18px !important;
}

#momfirst-root .mf-hydration,
#momfirst-root .mf-profile-fields,
#momfirst-root .mf-checklist,
#momfirst-root .mf-med-manager,
#momfirst-root .mf-symptom-manager,
#momfirst-root .mf-normal-checker,
#momfirst-root .mf-milk-support,
#momfirst-root .mf-meal-rescue,
#momfirst-root .mf-supply-checker,
#momfirst-root .mf-provider-prep,
#momfirst-root .mf-reminder-plan,
#momfirst-root .mf-sleep-summary{
    display:grid !important;
    gap:14px !important;
}

#momfirst-root .mf-input-panel > label,
#momfirst-root .mf-profile-fields > label,
#momfirst-root .mf-hydration > label,
#momfirst-root .mf-checklist > div,
#momfirst-root .mf-med-manager > *,
#momfirst-root .mf-symptom-manager > *,
#momfirst-root .mf-normal-checker > *,
#momfirst-root .mf-baby-log-grid > *,
#momfirst-root .mf-baby-profile > *{
    min-width:0 !important;
}

#momfirst-root .mf-hydration h4,
#momfirst-root .mf-profile-fields h4,
#momfirst-root .mf-checklist h4,
#momfirst-root .mf-med-manager h4,
#momfirst-root .mf-symptom-manager h4,
#momfirst-root .mf-normal-checker h4{
    margin:0 0 10px !important;
    padding:0 !important;
}

#momfirst-root .mf-target,
#momfirst-root .mf-streak{
    color:var(--mf-amber) !important;
    font-weight:820 !important;
    margin-top:8px !important;
}

#momfirst-root .mf-quickadds,
#momfirst-root .mf-actions,
#momfirst-root .mf-form-actions,
#momfirst-root .mf-freshness-actions{
    align-items:center !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin-top:14px !important;
}

#momfirst-root .mf-baby-dashboard{
    display:grid !important;
    gap:28px !important;
}

#momfirst-root .mf-baby-dashboard > h3,
#momfirst-root .mf-baby-dashboard > h4{
    color:var(--mf-ink) !important;
    font-size:24px !important;
    font-weight:880 !important;
    line-height:1.16 !important;
    margin:0 0 2px !important;
}

#momfirst-root .mf-baby-dashboard > .mf-small-note{
    font-size:15px !important;
    line-height:1.6 !important;
    margin:0 !important;
}

#momfirst-root .mf-baby-hero{
    display:grid !important;
    gap:20px !important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
}

#momfirst-root .mf-baby-hero > div{
    background:linear-gradient(135deg,#ffffff 0%,#eefaf8 100%) !important;
    border:1px solid rgba(71,132,124,.24) !important;
    border-radius:16px !important;
    box-shadow:0 14px 30px rgba(32,56,61,.08) !important;
    min-height:164px !important;
    padding:24px !important;
}

#momfirst-root .mf-rhythm-card.is-on-track{
    border-left:5px solid var(--mf-green) !important;
}

#momfirst-root .mf-rhythm-card.is-due-soon{
    background:linear-gradient(135deg,#fffdf5 0%,#fff7df 100%) !important;
    border-left:5px solid var(--mf-amber) !important;
}

#momfirst-root .mf-rhythm-card.is-overdue{
    background:linear-gradient(135deg,#fff7f8 0%,#fff1f2 100%) !important;
    border-color:rgba(180,35,45,.28) !important;
    border-left:5px solid var(--mf-rose) !important;
}

#momfirst-root .mf-rhythm-card.is-empty{
    border-left:5px solid var(--mf-line-strong) !important;
}

#momfirst-root .mf-baby-hero span,
#momfirst-root .mf-baby-summary-grid span{
    color:#607078 !important;
    display:block !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.04em !important;
    line-height:1.25 !important;
    margin-bottom:8px !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-baby-hero strong{
    color:#1f2d35 !important;
    display:block !important;
    font-size:28px !important;
    line-height:1.15 !important;
    margin:0 0 10px !important;
}

#momfirst-root .mf-baby-hero p,
#momfirst-root .mf-baby-insight p,
#momfirst-root .mf-baby-guidance p{
    color:#35454d !important;
    font-size:15px !important;
    line-height:1.65 !important;
    margin:0 !important;
}

#momfirst-root .mf-baby-summary-grid{
    display:grid !important;
    gap:16px !important;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
}

#momfirst-root .mf-baby-summary-grid article{
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(31,83,91,.14) !important;
    border-radius:14px !important;
    padding:20px !important;
}

#momfirst-root .mf-baby-summary-grid strong{
    color:#0d5c5b !important;
    display:block !important;
    font-size:31px !important;
    line-height:1 !important;
    margin:0 0 10px !important;
}

#momfirst-root .mf-feeding-rhythm-line{
    align-items:center !important;
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(31,83,91,.14) !important;
    border-left:5px solid var(--mf-teal) !important;
    border-radius:16px !important;
    box-shadow:0 12px 26px rgba(32,56,61,.06) !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px 16px !important;
    padding:18px 20px !important;
}

#momfirst-root .mf-feeding-rhythm-line span,
#momfirst-root .mf-feeding-rhythm-line strong{
    color:#243139 !important;
    font-size:14px !important;
    line-height:1.35 !important;
    margin:0 !important;
}

#momfirst-root .mf-feeding-rhythm-line > span:first-child{
    color:var(--mf-teal-dark) !important;
    font-size:12px !important;
    font-weight:860 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-feeding-rhythm-line strong{
    font-weight:880 !important;
}

#momfirst-root .mf-baby-actions details[data-mf-baby-section] > summary,
#momfirst-root .mf-baby-dashboard details.mf-section-group > summary,
#momfirst-root .mf-baby-dashboard details.mf-tool-group > summary{
    background:linear-gradient(180deg,#ffffff 0%,#f7fcfb 100%) !important;
    color:#17353a !important;
    font-size:18px !important;
    font-weight:880 !important;
    line-height:1.22 !important;
    min-height:58px !important;
    padding:18px 20px !important;
}

#momfirst-root .mf-baby-actions details[data-mf-baby-section][open] > summary,
#momfirst-root .mf-baby-dashboard details.mf-section-group[open] > summary,
#momfirst-root .mf-baby-dashboard details.mf-tool-group[open] > summary{
    border-bottom-color:rgba(31,83,91,.14) !important;
}

#momfirst-root .mf-baby-insight{
    background:rgba(42,27,8,.96) !important;
    border:1px solid rgba(190,132,0,.24) !important;
    border-left:5px solid #c78900 !important;
    border-radius:14px !important;
    padding:18px 20px !important;
}

#momfirst-root .mf-relax-window{
    background:linear-gradient(135deg,#f7fbff,#f2fbf6) !important;
    border:1px solid rgba(31,83,91,.16) !important;
    border-left:5px solid var(--mf-teal) !important;
    border-radius:16px !important;
    box-shadow:0 14px 30px rgba(32,56,61,.07) !important;
    display:grid !important;
    gap:8px !important;
    padding:18px !important;
}

#momfirst-root .mf-relax-window span{
    color:var(--mf-teal-dark) !important;
    font-size:12px !important;
    font-weight:860 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-relax-window strong{
    color:var(--mf-ink) !important;
    font-size:20px !important;
    line-height:1.25 !important;
}

#momfirst-root .mf-relax-window p{
    color:#35454d !important;
    font-size:15px !important;
    line-height:1.6 !important;
    margin:0 !important;
}

#momfirst-root .mf-relax-window ul{
    display:grid !important;
    gap:6px !important;
    list-style:none !important;
    margin:4px 0 0 !important;
    padding:0 !important;
}

#momfirst-root .mf-relax-window li{
    color:#243139 !important;
    font-size:14px !important;
    font-weight:760 !important;
    margin:0 !important;
    padding-left:18px !important;
    position:relative !important;
}

#momfirst-root .mf-relax-window li:before{
    background:var(--mf-teal) !important;
    border-radius:999px !important;
    content:"" !important;
    height:7px !important;
    left:0 !important;
    position:absolute !important;
    top:.55em !important;
    width:7px !important;
}

#momfirst-root .mf-baby-insight > strong{
    color:#8a5f00 !important;
    display:block !important;
    font-size:15px !important;
    margin-bottom:6px !important;
}

#momfirst-root .mf-mom-baby-summary{
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(31,83,91,.14) !important;
    border-radius:16px !important;
    box-shadow:0 14px 30px rgba(32,56,61,.07) !important;
    display:grid !important;
    gap:16px !important;
    padding:22px !important;
}

#momfirst-root .mf-mom-baby-summary h4,
#momfirst-root .mf-mom-baby-summary p{
    margin:0 !important;
}

#momfirst-root .mf-mom-baby-summary > p{
    color:#35454d !important;
    font-size:15px !important;
    line-height:1.65 !important;
}

#momfirst-root .mf-baby-profile,
#momfirst-root .mf-baby-log-grid{
    display:grid !important;
    gap:20px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

#momfirst-root .mf-baby-log-grid label{
    font-size:15px !important;
    line-height:1.35 !important;
    min-width:0 !important;
}

#momfirst-root .mf-baby-log-grid label:last-child{
    grid-column:1 / -1 !important;
}

#momfirst-root .mf-baby-actions{
    display:grid !important;
    gap:22px !important;
}

#momfirst-root .mf-baby-actions .button{
    margin-top:12px !important;
}

#momfirst-root .mf-baby-quick-log{
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(31,83,91,.14) !important;
    border-radius:16px !important;
    display:grid !important;
    gap:12px !important;
    grid-template-columns:repeat(auto-fit,minmax(92px,1fr)) !important;
    padding:20px !important;
}

#momfirst-root .mf-baby-quick-log .button{
    justify-content:center !important;
    margin:0 !important;
    min-height:44px !important;
    width:100% !important;
}

#momfirst-root .mf-baby-sleep-timer{
    align-items:center !important;
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(31,83,91,.12) !important;
    border-radius:12px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    margin-bottom:18px !important;
    padding:14px !important;
}

#momfirst-root .mf-baby-sleep-timer .mf-small-note{
    flex:1 1 240px !important;
    margin:0 !important;
}

#momfirst-root .mf-baby-timeline{
    display:grid !important;
    gap:10px !important;
}

#momfirst-root .mf-baby-timeline article{
    align-items:start !important;
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(31,83,91,.14) !important;
    border-radius:14px !important;
    display:grid !important;
    gap:16px !important;
    grid-template-columns:minmax(0,1fr) minmax(260px,.8fr) !important;
    padding:16px !important;
}

#momfirst-root .mf-baby-timeline-main strong{
    color:#1f2d35 !important;
    display:block !important;
    font-size:17px !important;
    line-height:1.25 !important;
    margin-bottom:5px !important;
}

#momfirst-root .mf-baby-timeline-main span{
    color:#8a5f00 !important;
    display:block !important;
    font-size:14px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    margin:0 0 8px !important;
}

#momfirst-root .mf-baby-timeline-main p{
    color:#35454d !important;
    font-size:15px !important;
    line-height:1.55 !important;
    margin:0 !important;
}

#momfirst-root .mf-baby-timeline-edit{
    align-items:center !important;
    display:grid !important;
    gap:8px !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
}

#momfirst-root .mf-baby-timeline-edit input{
    min-height:38px !important;
}

#momfirst-root .mf-baby-timeline-edit .button{
    margin:0 !important;
    min-height:38px !important;
    padding:7px 10px !important;
}

#momfirst-root .mf-baby-guidance{
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(31,83,91,.12) !important;
    border-radius:12px !important;
    display:grid !important;
    gap:10px !important;
    padding:18px !important;
}

#momfirst-root .mf-baby-safety{
    background:rgba(2,8,18,.96) !important;
    border:1px solid rgba(31,83,91,.12) !important;
    border-radius:14px !important;
    display:grid !important;
    gap:12px !important;
    padding:18px !important;
}

#momfirst-root .mf-baby-safety h4,
#momfirst-root .mf-baby-safety p{
    margin:0 !important;
}

#momfirst-root .mf-baby-safety > p{
    color:var(--mf-muted) !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.55 !important;
}

#momfirst-root .mf-baby-safety-grid{
    display:grid !important;
    gap:10px !important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
}

#momfirst-root .mf-baby-safety-grid article{
    background:rgba(4,24,21,.96) !important;
    border:1px solid rgba(31,83,91,.1) !important;
    border-radius:12px !important;
    padding:15px !important;
}

#momfirst-root .mf-baby-safety-grid strong{
    color:var(--mf-teal-dark) !important;
    display:block !important;
    font-size:16px !important;
    font-weight:850 !important;
    margin:0 0 8px !important;
}

#momfirst-root .mf-baby-safety-grid p{
    color:#35454d !important;
    font-size:15px !important;
    line-height:1.55 !important;
}

#momfirst-root .mf-food-options,
#momfirst-root .mf-help-options,
#momfirst-root .mf-night-options,
#momfirst-root .mf-supply-checker,
#momfirst-root .mf-checklist{
    display:grid !important;
    gap:8px !important;
}

#momfirst-root .mf-food-options,
#momfirst-root .mf-help-options,
#momfirst-root .mf-night-options{
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
}

#momfirst-root .mf-food-options label,
#momfirst-root .mf-help-options label,
#momfirst-root .mf-night-options label,
#momfirst-root .mf-supply-checker label,
#momfirst-root .mf-checklist label,
#momfirst-root .mf-symptom-manager label{
    align-items:center !important;
    background:rgba(2,8,18,.96) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:10px !important;
    display:flex !important;
    gap:8px !important;
    margin:0 !important;
    padding:10px 11px !important;
}

#momfirst-root .mf-normal-result,
#momfirst-root .mf-night-result,
#momfirst-root .mf-focus-list,
#momfirst-root .mf-email-status,
#momfirst-root .mf-empty{
    color:var(--mf-muted) !important;
    font-size:14px !important;
    line-height:1.5 !important;
    margin-top:10px !important;
}

#momfirst-root .mf-normal-result:not(:empty),
#momfirst-root .mf-night-result:not(:empty),
#momfirst-root .mf-focus-list:not(:empty),
#momfirst-root .mf-email-status:not(:empty){
    background:rgba(2,8,18,.96) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:10px !important;
    padding:10px !important;
}

#momfirst-root .mf-level-emergency,
#momfirst-root .mf-level-urgent,
#momfirst-root .mf-urgent-banner{
    background:var(--mf-rose-soft) !important;
    border:1px solid #f0b7bd !important;
    border-radius:14px !important;
    color:var(--mf-ink) !important;
    padding:16px !important;
}

#momfirst-root .mf-urgent-banner h3{
    color:var(--mf-rose) !important;
    margin:0 0 8px !important;
}

#momfirst-root .mf-level-contact,
#momfirst-root .mf-level-ask{
    background:var(--mf-amber-soft) !important;
    border-color:#ead9ab !important;
}

#momfirst-root .mf-level-common{
    background:var(--mf-green-soft) !important;
    border-color:#cce7d1 !important;
}

#momfirst-root .mf-source-row,
#momfirst-root .mf-life-kit-links{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-top:12px !important;
}

#momfirst-root .mf-source-row a,
#momfirst-root .mf-life-kit-links a{
    background:rgba(2,8,18,.96) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:999px !important;
    display:inline-flex !important;
    font-size:13px !important;
    font-weight:760 !important;
    line-height:1.2 !important;
    padding:7px 10px !important;
}

#momfirst-root .mf-life-kit-links strong{
    color:var(--mf-teal-dark) !important;
    flex:1 0 100% !important;
}

#momfirst-root .mf-resource-grid{
    display:grid !important;
    gap:8px !important;
}

#momfirst-root .mf-report-grid{
    display:grid !important;
    gap:16px !important;
}

#momfirst-root .mf-trend-bar,
#momfirst-root .mf-bar-track{
    background:#e4efed !important;
    border-radius:999px !important;
    height:10px !important;
    overflow:hidden !important;
}

#momfirst-root .mf-trend-fill,
#momfirst-root .mf-bar-fill{
    background:var(--mf-teal) !important;
    border-radius:999px !important;
    display:block !important;
    height:100% !important;
}

#momfirst-root .mf-onboarding{
    background:radial-gradient(circle at top left,rgba(42,157,143,.14),transparent 34%),linear-gradient(180deg,#f8fcfb,#eef8f5) !important;
    padding:18px !important;
}

#momfirst-root .mf-onboarding-card{
    background:rgba(2,8,18,.96) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:18px !important;
    box-shadow:var(--mf-shadow) !important;
    margin:0 auto !important;
    max-width:860px !important;
    padding:24px !important;
}

#momfirst-root .mf-onboarding-grid{
    display:grid !important;
    gap:14px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

#momfirst-root .mf-setup-progress{
    display:grid !important;
    gap:8px !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    margin:18px 0 !important;
}

#momfirst-root .mf-setup-progress span{
    background:#edf8f5 !important;
    border:1px solid var(--mf-line) !important;
    border-radius:999px !important;
    color:var(--mf-muted) !important;
    font-size:13px !important;
    font-weight:800 !important;
    padding:8px 10px !important;
    text-align:center !important;
}

#momfirst-root .mf-setup-progress span.is-active{
    background:var(--mf-teal) !important;
    border-color:var(--mf-teal) !important;
    color:#fff !important;
}

#momfirst-root .mf-setup-step{
    background:var(--mf-panel-soft) !important;
    border:1px solid var(--mf-line) !important;
    border-radius:14px !important;
    padding:16px !important;
}

#momfirst-root pre{
    background:#0f1720 !important;
    border-radius:10px !important;
    color:#f8fafc !important;
    max-height:360px !important;
    overflow:auto !important;
    padding:12px !important;
}

@media (max-width: 782px){
    #momfirst-root{
        border-radius:0 !important;
        margin:0 !important;
        max-width: 100% !important;
        width: 100% !important;
        overflow-x:hidden !important;
    }

    #momfirst-root .mf-app-shell{
        min-height:100svh !important;
        padding:18px 16px 98px !important;
    }

    #momfirst-root .mf-app-header{
        border-radius:14px !important;
        gap:14px !important;
        padding:16px !important;
    }

    #momfirst-root .mf-app-header h2{
        font-size:21px !important;
    }

    #momfirst-root .mf-app-score{
        border-radius:12px !important;
        min-width:110px !important;
        padding:10px !important;
    }

    #momfirst-root .mf-app-score strong{
        font-size:29px !important;
    }

    #momfirst-root .mf-app-score span{
        font-size:11px !important;
        max-width:64px !important;
    }

    #momfirst-root .mf-page-nav ul,
    #momfirst-root .mf-onboarding-grid,
    #momfirst-root .mf-setup-progress,
    #momfirst-root .mf-summary,
    #momfirst-root .mf-need-grid,
    #momfirst-root .mf-plan-grid,
    #momfirst-root .mf-snapshot-grid,
    #momfirst-root .mf-partner-mode-grid,
    #momfirst-root .mf-score-grid,
    #momfirst-root .mf-milestone-list,
    #momfirst-root .mf-streak-grid,
    #momfirst-root .mf-trust-lanes,
    #momfirst-root .mf-privacy-grid,
    #momfirst-root .mf-use-guide-grid,
    #momfirst-root .mf-related-tool-grid,
    #momfirst-root .mf-baby-hero,
    #momfirst-root .mf-baby-summary-grid,
    #momfirst-root .mf-baby-profile,
    #momfirst-root .mf-baby-log-grid,
    #momfirst-root .mf-baby-quick-log,
    #momfirst-root .mf-baby-timeline article,
    #momfirst-root .mf-baby-timeline-edit,
    #momfirst-root .mf-baby-safety-grid,
    #momfirst-root .mf-food-options,
    #momfirst-root .mf-help-options,
    #momfirst-root .mf-night-options{
        grid-template-columns:1fr !important;
    }

    #momfirst-root .mf-tabs{
        border-radius:18px 18px 0 0 !important;
        bottom:0 !important;
        box-shadow:0 -12px 28px rgba(36,49,57,.13) !important;
        left:0 !important;
        margin:0 !important;
        gap:8px !important;
        padding:12px 10px max(12px,env(safe-area-inset-bottom)) !important;
        position:fixed !important;
        right:0 !important;
        top:auto !important;
        width:100% !important;
        z-index:999 !important;
    }

    #momfirst-root .mf-tab{
        font-size:13px !important;
        min-height:42px !important;
        padding:9px 12px !important;
    }

    #momfirst-root .mf-tab-panels{
        border-radius:14px !important;
        min-height:calc(100svh - 250px) !important;
        padding:20px 16px !important;
    }

    #momfirst-root details[open] > *:not(summary){
        margin:16px 0 !important;
    }

    #momfirst-root .mf-input-panel,
    #momfirst-root .mf-baby-hero > div,
    #momfirst-root .mf-baby-summary-grid article,
    #momfirst-root .mf-baby-quick-log,
    #momfirst-root .mf-baby-timeline article,
    #momfirst-root .mf-baby-guidance,
    #momfirst-root .mf-baby-safety,
    #momfirst-root .mf-baby-safety-grid article{
        padding:20px !important;
    }

    #momfirst-root .mf-baby-actions details[data-mf-baby-section] > summary,
    #momfirst-root .mf-baby-dashboard details.mf-section-group > summary,
    #momfirst-root .mf-baby-dashboard details.mf-tool-group > summary{
        font-size:19px !important;
        min-height:56px !important;
        padding:16px 18px !important;
    }

    #momfirst-root .mf-need-now{
        border-radius:16px !important;
        padding:20px !important;
    }

    #momfirst-root .mf-need-now h3{
        font-size:25px !important;
    }

    #momfirst-root .mf-actions > *,
    #momfirst-root .mf-form-actions > *{
        flex:1 1 100% !important;
        width:100% !important;
    }
}

@media (max-width: 460px){
    #momfirst-root{
        font-size:16px !important;
    }

    #momfirst-root .mf-app-shell{
        padding-left:18px !important;
        padding-right:18px !important;
    }

    #momfirst-root .mf-app-header{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    #momfirst-root .mf-app-score{
        justify-content:space-between !important;
        width:100% !important;
    }

    #momfirst-root .mf-onboarding,
    #momfirst-root .mf-onboarding-card{
        border-radius:0 !important;
        padding:18px !important;
    }

    #momfirst-root .mf-baby-hero strong,
    #momfirst-root .mf-baby-summary-grid strong{
        font-size:30px !important;
        margin-bottom:11px !important;
    }

    #momfirst-root .mf-baby-hero span,
    #momfirst-root .mf-baby-summary-grid span{
        font-size:13px !important;
        margin-bottom:9px !important;
    }

    #momfirst-root .mf-baby-timeline-main strong{
        font-size:18px !important;
    }

    #momfirst-root .mf-baby-timeline-main span,
    #momfirst-root .mf-baby-timeline-main p{
        font-size:15px !important;
    }
}

/* Last-word metric layout guard. Kept at EOF so global/dark overrides cannot collapse JS values into labels. */
#momfirst-root .mf-metric-card{
    align-items:flex-start !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    min-width:0 !important;
}

#momfirst-root .mf-metric-card > :where(.mf-metric-label, .mf-metric-value, .mf-metric-note),
#momfirst-root :where(.mf-need-title, .mf-need-detail){
    display:block !important;
    line-height:1.35 !important;
    margin:0 !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
}

#momfirst-root .mf-metric-card > .mf-metric-label,
#momfirst-root .mf-need-title{
    color:#8eeaff !important;
    font-size:12px !important;
    font-weight:860 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-metric-card > .mf-metric-value{
    color:#ffffff !important;
    font-size:clamp(1.25rem, 2.5vw, 1.85rem) !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

#momfirst-root .mf-metric-card > .mf-metric-note,
#momfirst-root .mf-need-detail{
    color:#dbeafe !important;
    font-size:14px !important;
    font-weight:650 !important;
}

#momfirst-root .mf-feeding-rhythm-line .mf-rhythm-metric{
    align-items:flex-start !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
}

#momfirst-root .mf-feeding-rhythm-line .mf-rhythm-metric :where(strong, em){
    display:block !important;
    font-style:normal !important;
    line-height:1.35 !important;
    margin:0 !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
}

/* Final metric-spacing guard: JS-rendered values must never run into labels. */
#momfirst-root :where(.mf-metric-card){
    align-items:flex-start !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    min-width:0 !important;
}

#momfirst-root :where(.mf-metric-label, .mf-metric-value, .mf-metric-note, .mf-need-title, .mf-need-detail){
    display:block !important;
    line-height:1.35 !important;
    margin:0 !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
}

#momfirst-root :where(.mf-metric-label, .mf-need-title){
    color:#8eeaff !important;
    font-size:12px !important;
    font-weight:860 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
}

#momfirst-root :where(.mf-metric-value){
    color:#ffffff !important;
    font-size:clamp(1.25rem, 2.5vw, 1.85rem) !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

#momfirst-root :where(.mf-metric-note, .mf-need-detail){
    color:#dbeafe !important;
    font-size:14px !important;
    font-weight:650 !important;
}

#momfirst-root .mf-need-now ol{
    display:grid !important;
    gap:12px !important;
    margin:12px 0 0 !important;
    padding-left:0 !important;
}

#momfirst-root .mf-need-now ol li{
    display:grid !important;
    gap:6px !important;
    list-style-position:inside !important;
    padding:14px !important;
}

#momfirst-root .mf-feeding-rhythm-line :where(.mf-rhythm-metric){
    align-items:flex-start !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
}

#momfirst-root .mf-feeding-rhythm-line :where(.mf-rhythm-metric strong, .mf-rhythm-metric em){
    display:block !important;
    font-style:normal !important;
    line-height:1.35 !important;
    margin:0 !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
}

#momfirst-root .mf-feeding-rhythm-line :where(.mf-rhythm-metric em){
    color:#dbeafe !important;
    font-size:13px !important;
    font-weight:680 !important;
}
#momfirst-root .mf-saved-reports {
  margin: 18px 0 !important;
  padding: 16px !important;
  border: 1px solid rgba(15, 95, 92, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(4,24,21,.96) !important;
}

#momfirst-root .mf-saved-report-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 12px 0 !important;
  border-top: 1px solid rgba(15, 95, 92, 0.12) !important;
}

#momfirst-root .mf-saved-report-row:first-child {
  border-top: 0 !important;
}

#momfirst-root .mf-saved-report-row p {
  margin: 4px 0 0 !important;
  color: #5d6d70 !important;
  font-size: 0.92rem !important;
}

#momfirst-root .mf-growth-context {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 12px 0 !important;
}

#momfirst-root .mf-growth-context article {
  padding: 14px !important;
  border: 1px solid rgba(15, 95, 92, 0.14) !important;
  border-radius: 8px !important;
  background: rgba(2,8,18,.96) !important;
}

#momfirst-root .mf-growth-context span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #6a7a7d !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

#momfirst-root .mf-growth-context strong {
  display: block !important;
  color: #243238 !important;
  font-size: 1rem !important;
}

#momfirst-root .mf-growth-context p {
  margin: 6px 0 0 !important;
  color: #5d6d70 !important;
}

@media (max-width: 720px) {
  #momfirst-root .mf-saved-report-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  #momfirst-root .mf-growth-context {
    grid-template-columns: 1fr !important;
  }
}

/* SSA dark-neon alignment: preserve MomFirst layout and warnings, update the visual skin. */
#momfirst-root {
    --mf-ink:#f4fdff;
    --mf-muted:#dbeafe;
    --mf-soft:rgba(15,23,42,.92);
    --mf-panel:rgba(8,18,34,.96);
    --mf-panel-soft:rgba(15,23,42,.90);
    --mf-line:rgba(45,212,191,.34);
    --mf-line-strong:rgba(56,189,248,.42);
    --mf-teal:#2dd4bf;
    --mf-teal-dark:#8eeaff;
    --mf-green:#5eead4;
    --mf-green-soft:rgba(45,212,191,.12);
    --mf-blue-soft:rgba(56,189,248,.12);
    --mf-amber:#fbbf24;
    --mf-amber-soft:rgba(251,191,36,.14);
    --mf-rose:#fb7185;
    --mf-rose-soft:rgba(251,113,133,.14);
    --mf-shadow:0 18px 42px rgba(0,0,0,.36);
    --mf-shadow-soft:0 12px 28px rgba(0,0,0,.28);
    color-scheme:dark !important;
    border:1px solid rgba(45,212,191,.42) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(45,212,191,.16), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(167,139,250,.14), transparent 36%),
        linear-gradient(145deg, rgba(8,18,34,.98), rgba(3,8,18,.98)) !important;
    color:#f4fdff !important;
}

#momfirst-root :where(.mf-app-shell, .mf-loader, .mf-fallback, .mf-card, .mf-panel, .mf-section, .mf-widget, .mf-report, .mf-report-card, .mf-summary-card, .mf-checkin-card, .mf-family-card, .mf-family-panel, .mf-baby-card, .mf-baby-panel, .mf-timeline-card, .mf-saved-reports, .mf-saved-report-row, .mf-growth-context article, .mf-tab-panel, .mf-tip-card, .mf-resource-card, .mf-modal, .mf-notice, .mf-empty-state, .mf-table-wrap, .mf-metric, .mf-score-card) {
    border-color:rgba(45,212,191,.34) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(45,212,191,.10), transparent 32%),
        linear-gradient(180deg, rgba(8,18,34,.96), rgba(3,8,18,.96)) !important;
    color:#dbeafe !important;
    box-shadow:var(--mf-shadow-soft) !important;
}

#momfirst-root :where(h1, h2, h3, h4, strong, b, legend, summary, .mf-score, .mf-title, .mf-baby-timeline-main strong, .mf-growth-context strong) {
    color:#ffffff !important;
    text-shadow:0 0 18px rgba(56,189,248,.24) !important;
}

#momfirst-root :where(p, li, label, span, div, small, em, td, th, .mf-small-note, .mf-field-help, .mf-saved-report-row p, .mf-growth-context p, .mf-growth-context span) {
    color:#dbeafe !important;
}

#momfirst-root a {
    color:#8eeaff !important;
    text-decoration-color:rgba(142,234,255,.55) !important;
}

#momfirst-root :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    border-color:rgba(56,189,248,.42) !important;
    background-color:rgba(2,6,23,.84) !important;
    color:#f4fdff !important;
    box-shadow:inset 0 0 0 1px rgba(15,23,42,.44) !important;
}

#momfirst-root select {
    background-image:
        linear-gradient(45deg, transparent 50%, #8eeaff 50%),
        linear-gradient(135deg, #8eeaff 50%, transparent 50%) !important;
}

#momfirst-root :where(input::placeholder, textarea::placeholder) {
    color:rgba(219,234,254,.68) !important;
}

#momfirst-root :where(button, .button, .mf-button, .button-primary, button.button-primary) {
    border-color:rgba(45,212,191,.72) !important;
    background:linear-gradient(135deg, #2dd4bf, #38bdf8) !important;
    color:#031018 !important;
    box-shadow:0 10px 24px rgba(34,211,238,.20) !important;
}

#momfirst-root :where(button:hover, .button:hover, .mf-button:hover) {
    border-color:rgba(142,234,255,.86) !important;
    background:linear-gradient(135deg, #5eead4, #7dd3fc) !important;
    color:#031018 !important;
}

#momfirst-root :where(.mf-danger-button, .mf-warning, .mf-alert, .mf-crisis, .mf-red-flag, .mf-safety-warning) {
    border-color:rgba(251,113,133,.46) !important;
    background:linear-gradient(135deg, rgba(251,113,133,.14), rgba(3,8,18,.96)) !important;
    color:#ffe4e8 !important;
}

#momfirst-root :where(.mf-danger-button:hover) {
    border-color:rgba(251,113,133,.70) !important;
    background:linear-gradient(135deg, rgba(251,113,133,.24), rgba(3,8,18,.96)) !important;
    color:#ffe4e8 !important;
}

#momfirst-root :where(.mf-chip, .mf-pill, .mf-badge, .mf-status, .mf-tag) {
    border-color:rgba(45,212,191,.36) !important;
    background:rgba(45,212,191,.12) !important;
    color:#dffef8 !important;
}

#momfirst-root :where(.mf-app-header, .mf-tabs, .mf-tab-panels, .mf-app-menu, details.mf-calm-details, details.mf-section-group, details.mf-tool-group, details.mf-advanced, details.mf-debug-details, .mf-input-panel, .mf-partner-mode, .mf-family-circle, .mf-encouragement, .mf-not-behind, .mf-summary, .mf-checkin-prompt, .mf-account-sync, .mf-freshness, .mf-email-capture, .mf-rec, .mf-hydration, .mf-profile-fields, .mf-checklist, .mf-med-manager, .mf-symptom-manager, .mf-normal-checker, .mf-milk-support, .mf-meal-rescue, .mf-supply-checker, .mf-provider-prep, .mf-reminder-plan, .mf-sleep-summary, .mf-baby-hero > div, .mf-baby-summary-grid article, .mf-feeding-rhythm-line, .mf-mom-baby-summary, .mf-baby-quick-log, .mf-baby-insight, .mf-relax-window, .mf-baby-guidance, .mf-baby-safety, .mf-baby-safety-grid article, .mf-baby-timeline article, .mf-baby-range-summary article) {
    border-color:rgba(45,212,191,.34) !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(45,212,191,.10), transparent 34%),
        linear-gradient(180deg, rgba(8,18,34,.96), rgba(3,8,18,.96)) !important;
    color:#dbeafe !important;
    box-shadow:var(--mf-shadow-soft) !important;
}

#momfirst-root :where(details > summary, .mf-baby-actions details[data-mf-baby-section] > summary, .mf-baby-dashboard details.mf-section-group > summary, .mf-baby-dashboard details.mf-tool-group > summary) {
    border-color:rgba(45,212,191,.28) !important;
    background:linear-gradient(180deg, rgba(15,23,42,.96), rgba(3,8,18,.96)) !important;
    color:#f4fdff !important;
}

#momfirst-root :where(details[open] > summary) {
    border-bottom-color:rgba(45,212,191,.28) !important;
}

#momfirst-root .mf-tab {
    background:rgba(15,23,42,.86) !important;
    border-color:rgba(45,212,191,.34) !important;
    color:#dbeafe !important;
}

#momfirst-root .mf-tab.is-active {
    background:linear-gradient(135deg, #2dd4bf, #38bdf8) !important;
    border-color:rgba(142,234,255,.86) !important;
    color:#031018 !important;
}

#momfirst-root :where(.mf-baby-hero span, .mf-baby-summary-grid span, .mf-feeding-rhythm-line > span:first-child) {
    color:#8eeaff !important;
}

#momfirst-root :where(.mf-baby-hero p, .mf-baby-insight p, .mf-baby-guidance p, .mf-mom-baby-summary > p, .mf-feeding-rhythm-line span, .mf-feeding-rhythm-line strong) {
    color:#dbeafe !important;
}

#momfirst-root .mf-rhythm-card.is-on-track {
    border-left-color:#5eead4 !important;
}

#momfirst-root .mf-rhythm-card.is-due-soon {
    border-left-color:#fbbf24 !important;
    background:linear-gradient(135deg, rgba(251,191,36,.18), rgba(3,8,18,.96)) !important;
}

#momfirst-root .mf-rhythm-card.is-overdue {
    border-color:rgba(251,113,133,.46) !important;
    border-left-color:#fb7185 !important;
    background:linear-gradient(135deg, rgba(251,113,133,.18), rgba(3,8,18,.96)) !important;
}

/* Final cascade guard: MomFirst must never render white tool/result cards. */
#momfirst-root :where(
    section,
    article,
    aside,
    form,
    fieldset,
    table,
    thead,
    tbody,
    tr,
    td,
    th,
    [aria-live],
    [id*="result"],
    [id*="summary"],
    [class*="card"],
    [class*="panel"],
    [class*="result"],
    [class*="summary"],
    [class*="report"],
    [class*="tracker"],
    [class*="log"],
    [class*="timeline"],
    [class*="metric"],
    [class*="stat"],
    [class*="tile"],
    [class*="insight"],
    [class*="guidance"],
    [class*="rhythm"]
) {
    background:
        radial-gradient(circle at 8% 0%, rgba(45,212,191,.10), transparent 34%),
        linear-gradient(180deg, rgba(8,18,34,.98), rgba(3,8,18,.98)) !important;
    border-color:rgba(45,212,191,.34) !important;
    color:#dbeafe !important;
    box-shadow:var(--mf-shadow-soft) !important;
}

#momfirst-root :where(td, th, table, .mf-table, [class*="table"]) {
    background-color:rgba(8,18,34,.98) !important;
    color:#dbeafe !important;
}

#momfirst-root :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    background-color:rgba(2,6,23,.88) !important;
    border-color:rgba(56,189,248,.42) !important;
    color:#f4fdff !important;
}

#momfirst-root :where(.mf-tab.is-active, button:not(.mf-danger-button), .button, .mf-button, .button-primary) {
    background:linear-gradient(135deg, #2dd4bf, #38bdf8) !important;
    border-color:rgba(45,212,191,.72) !important;
    color:#031018 !important;
}

/* Final UX spacing pass: keep the newborn tracker readable on tired-parent screens. */
#momfirst-root .mf-app-shell{
    padding:34px !important;
}

#momfirst-root .mf-app-header,
#momfirst-root .mf-tab-panels,
#momfirst-root .mf-input-panel,
#momfirst-root .mf-baby-dashboard,
#momfirst-root .mf-mom-baby-summary,
#momfirst-root .mf-baby-guidance,
#momfirst-root .mf-baby-safety,
#momfirst-root .mf-saved-reports{
    padding:24px !important;
}

#momfirst-root .mf-tab-panel,
#momfirst-root .mf-baby-dashboard,
#momfirst-root .mf-baby-actions,
#momfirst-root .mf-mom-baby-summary{
    gap:24px !important;
}

#momfirst-root .mf-tabs{
    gap:12px !important;
    margin-bottom:22px !important;
    padding:12px !important;
}

#momfirst-root .mf-tab{
    padding:11px 17px !important;
}

#momfirst-root .mf-baby-hero,
#momfirst-root .mf-baby-summary-grid,
#momfirst-root .mf-baby-range-summary,
#momfirst-root .mf-growth-context{
    gap:18px !important;
}

#momfirst-root .mf-baby-hero > div,
#momfirst-root .mf-baby-summary-grid article,
#momfirst-root .mf-baby-range-summary article,
#momfirst-root .mf-growth-context article,
#momfirst-root .mf-baby-timeline article,
#momfirst-root .mf-baby-safety-grid article{
    padding:22px !important;
}

#momfirst-root .mf-baby-summary-grid strong,
#momfirst-root .mf-baby-range-summary strong,
#momfirst-root .mf-growth-context strong{
    line-height:1.12 !important;
    margin-bottom:11px !important;
    word-break:normal !important;
}

#momfirst-root .mf-baby-summary-grid span,
#momfirst-root .mf-baby-range-summary span,
#momfirst-root .mf-growth-context span{
    display:block !important;
    line-height:1.35 !important;
}

#momfirst-root .mf-feeding-rhythm-line{
    align-items:stretch !important;
    display:grid !important;
    gap:12px !important;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
    padding:20px !important;
}

#momfirst-root .mf-feeding-rhythm-line > span,
#momfirst-root .mf-feeding-rhythm-line > strong{
    align-items:flex-start !important;
    background:rgba(15,23,42,.54) !important;
    border:1px solid rgba(45,212,191,.24) !important;
    border-radius:12px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
    justify-content:center !important;
    min-height:62px !important;
    padding:10px 12px !important;
}

#momfirst-root .mf-feeding-rhythm-line .mf-rhythm-label{
    color:#8eeaff !important;
    font-size:12px !important;
    font-weight:860 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-feeding-rhythm-line strong{
    color:#ffffff !important;
    display:inline-block !important;
    line-height:1.2 !important;
    margin:0 !important;
}

#momfirst-root .mf-baby-log-grid,
#momfirst-root .mf-baby-profile{
    gap:18px 20px !important;
}

#momfirst-root .mf-baby-log-grid label,
#momfirst-root .mf-baby-profile label{
    align-items:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
}

#momfirst-root .mf-baby-sleep-timer,
#momfirst-root .mf-actions,
#momfirst-root .mf-form-actions{
    align-items:center !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
}

#momfirst-root .mf-baby-sleep-timer .mf-small-note{
    flex:1 1 100% !important;
}

#momfirst-root .mf-baby-timeline{
    gap:14px !important;
}

#momfirst-root .mf-baby-timeline article{
    gap:18px !important;
    grid-template-columns:minmax(0,1fr) minmax(260px,auto) !important;
}

#momfirst-root .mf-baby-timeline-main{
    min-width:0 !important;
}

#momfirst-root .mf-baby-timeline-main p{
    overflow-wrap:break-word !important;
}

#momfirst-root .mf-baby-timeline-edit{
    gap:10px !important;
    grid-template-columns:minmax(165px,1fr) auto auto auto !important;
}

#momfirst-root .mf-rhythm-card.is-due-soon::before,
#momfirst-root .mf-rhythm-card.is-overdue::before{
    border-radius:999px !important;
    display:inline-flex !important;
    font-size:12px !important;
    font-weight:860 !important;
    letter-spacing:.04em !important;
    margin:0 0 8px !important;
    padding:5px 9px !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-rhythm-card.is-due-soon::before{
    background:rgba(251,191,36,.18) !important;
    color:#fde68a !important;
    content:"Due soon";
}

#momfirst-root .mf-rhythm-card.is-overdue::before{
    background:rgba(251,113,133,.18) !important;
    color:#ffe4e8 !important;
    content:"Overdue";
}

@media (max-width: 782px){
    #momfirst-root .mf-app-shell{
        padding:20px 18px 112px !important;
    }

    #momfirst-root .mf-app-header,
    #momfirst-root .mf-tab-panels,
    #momfirst-root .mf-input-panel,
    #momfirst-root .mf-baby-dashboard,
    #momfirst-root .mf-mom-baby-summary,
    #momfirst-root .mf-baby-guidance,
    #momfirst-root .mf-baby-safety,
    #momfirst-root .mf-saved-reports{
        padding:20px !important;
    }

    #momfirst-root .mf-tab-panel,
    #momfirst-root .mf-baby-dashboard,
    #momfirst-root .mf-baby-actions,
    #momfirst-root .mf-mom-baby-summary{
        gap:20px !important;
    }

    #momfirst-root .mf-feeding-rhythm-line,
    #momfirst-root .mf-baby-timeline article,
    #momfirst-root .mf-baby-timeline-edit{
        grid-template-columns:1fr !important;
    }
}

@media (max-width: 460px){
    #momfirst-root .mf-app-shell{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    #momfirst-root .mf-baby-hero > div,
    #momfirst-root .mf-baby-summary-grid article,
    #momfirst-root .mf-baby-range-summary article,
    #momfirst-root .mf-growth-context article,
    #momfirst-root .mf-baby-timeline article,
    #momfirst-root .mf-baby-safety-grid article{
        padding:18px !important;
    }
}

/* Last-word metric layout guard. Kept at EOF so global/dark overrides cannot collapse JS values into labels. */
#momfirst-root .mf-metric-card{
    align-items:flex-start !important;
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    min-width:0 !important;
}

#momfirst-root .mf-metric-card > :where(.mf-metric-label, .mf-metric-value, .mf-metric-note),
#momfirst-root :where(.mf-need-title, .mf-need-detail){
    display:block !important;
    line-height:1.35 !important;
    margin:0 !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
}

#momfirst-root .mf-metric-card > .mf-metric-label,
#momfirst-root .mf-need-title{
    color:#8eeaff !important;
    font-size:12px !important;
    font-weight:860 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-metric-card > .mf-metric-value{
    color:#ffffff !important;
    font-size:clamp(1.25rem, 2.5vw, 1.85rem) !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
}

#momfirst-root .mf-metric-card > .mf-metric-note,
#momfirst-root .mf-need-detail{
    color:#dbeafe !important;
    font-size:14px !important;
    font-weight:650 !important;
}

#momfirst-root .mf-feeding-rhythm-line .mf-rhythm-metric{
    align-items:flex-start !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
}

#momfirst-root .mf-feeding-rhythm-line .mf-rhythm-metric :where(strong, em){
    display:block !important;
    font-style:normal !important;
    line-height:1.35 !important;
    margin:0 !important;
    overflow-wrap:break-word !important;
    white-space:normal !important;
}

#momfirst-root .mf-trend-metrics{
    display:grid !important;
    gap:14px !important;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
}

/* Final readability guard for generated label/value pairs.
   This prevents dashboard values from rendering as "Hydration146 oz" or
   "0.0 ozbottle-fed" when global dark-neon rules force inline inheritance. */
#momfirst-root .mf-small-note,
#momfirst-root .mf-field-help{
    line-height:1.6 !important;
    overflow-wrap:normal !important;
    white-space:normal !important;
    word-break:normal !important;
}

#momfirst-root .mf-baby-hero{
    align-items:stretch !important;
    display:grid !important;
    gap:16px !important;
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
}

#momfirst-root .mf-baby-hero > div{
    align-content:start !important;
    display:grid !important;
    gap:7px !important;
    min-width:0 !important;
}

#momfirst-root .mf-baby-hero > div > :where(span,strong,p){
    display:block !important;
    line-height:1.4 !important;
    margin:0 !important;
    min-width:0 !important;
    overflow-wrap:normal !important;
    white-space:normal !important;
    word-break:normal !important;
}

#momfirst-root .mf-baby-hero > div > span{
    color:#8eeaff !important;
    font-size:12px !important;
    font-weight:860 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-baby-hero > div > strong{
    color:#ffffff !important;
    font-size:16px !important;
    font-weight:900 !important;
}

#momfirst-root .mf-feeding-rhythm-line{
    align-items:stretch !important;
    display:grid !important;
    gap:12px !important;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr)) !important;
}

#momfirst-root .mf-feeding-rhythm-line > .mf-rhythm-label,
#momfirst-root .mf-feeding-rhythm-line > .mf-rhythm-metric{
    align-items:flex-start !important;
    background:rgba(15,23,42,.58) !important;
    border:1px solid rgba(45,212,191,.28) !important;
    border-radius:12px !important;
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    justify-content:center !important;
    min-height:64px !important;
    min-width:0 !important;
    padding:11px 13px !important;
}

#momfirst-root .mf-feeding-rhythm-line > .mf-rhythm-label{
    color:#8eeaff !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:.03em !important;
    text-transform:uppercase !important;
}

#momfirst-root .mf-feeding-rhythm-line .mf-rhythm-metric > :where(strong,em){
    display:block !important;
    line-height:1.35 !important;
    margin:0 !important;
    min-width:0 !important;
    overflow-wrap:normal !important;
    white-space:normal !important;
    word-break:normal !important;
}

#momfirst-root .mf-feeding-rhythm-line .mf-rhythm-metric > strong{
    color:#ffffff !important;
    font-size:17px !important;
    font-weight:900 !important;
}

#momfirst-root .mf-feeding-rhythm-line .mf-rhythm-metric > em{
    color:#dbeafe !important;
    font-size:13px !important;
    font-style:normal !important;
    font-weight:700 !important;
}

#momfirst-root .mf-need-grid{
    display:grid !important;
    gap:18px !important;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
}

#momfirst-root .mf-need-grid ol,
#momfirst-root .mf-need-grid ul{
    display:grid !important;
    gap:10px !important;
}

#momfirst-root .mf-need-grid ol > li{
    display:grid !important;
    gap:5px !important;
    line-height:1.45 !important;
    padding-left:2px !important;
}

#momfirst-root .mf-need-title,
#momfirst-root .mf-need-detail{
    display:block !important;
    line-height:1.4 !important;
    margin:0 !important;
    overflow-wrap:normal !important;
    white-space:normal !important;
    word-break:normal !important;
}

#momfirst-root .mf-summary{
    align-items:center !important;
    display:grid !important;
    gap:18px !important;
    grid-template-columns:minmax(120px,auto) minmax(0,1fr) !important;
}

#momfirst-root .mf-score{
    align-items:center !important;
    display:grid !important;
    gap:5px !important;
    justify-items:center !important;
    min-width:118px !important;
    padding:14px !important;
}

#momfirst-root .mf-score > :where(span,strong,small){
    display:block !important;
    line-height:1.15 !important;
    margin:0 !important;
    white-space:normal !important;
}

#momfirst-root .mf-score-value{
    color:#ffffff !important;
    font-size:clamp(2rem, 4vw, 3rem) !important;
    font-weight:950 !important;
}

#momfirst-root .mf-plan-grid > div{
    display:grid !important;
    gap:10px !important;
}

#momfirst-root .mf-plan-label{
    display:block !important;
    line-height:1.35 !important;
    margin:0 !important;
}

#momfirst-root .mf-metric-body{
    display:block !important;
    width:100% !important;
}

#momfirst-root .mf-life-kit-links{
    display:grid !important;
    gap:10px !important;
}

#momfirst-root .mf-life-kit-link-list{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

@media (max-width: 640px){
    #momfirst-root .mf-summary{
        grid-template-columns:1fr !important;
    }
}

@media (max-width: 640px){
    body :where(.entry-content, .wp-block-post-content, .ssa-neon-content-shell, .ct-container, .ct-container-full, .content-area, .site-main, main):has(#momfirst-root){
        width:100% !important;
        max-width:none !important;
        padding-left:0 !important;
        padding-right:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        overflow:visible !important;
    }

    #momfirst-root{
        width: 100dvw !important;
        max-width: 100dvw !important;
        margin-left:calc(50% - 50dvw) !important;
        margin-right:calc(50% - 50dvw) !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
        border-left-width:0 !important;
        border-right-width:0 !important;
        border-radius:0 !important;
        overflow-x:hidden !important;
    }

    #momfirst-root *,
    #momfirst-root *::before,
    #momfirst-root *::after{
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
    }

    #momfirst-root :where(h1,h2,h3,h4,h5,h6,p,li,label,span,small,strong,b,em,div,summary,td,th,output){
        overflow-wrap:break-word !important;
        word-break:normal !important;
        white-space:normal !important;
    }

    #momfirst-root :where(
        .mf-baby-hero,
        .mf-feeding-rhythm-line,
        .mf-need-grid,
        .mf-trend-metrics,
        .mf-plan-grid,
        .mf-stat-grid,
        .mf-metric-grid,
        .mf-card-grid,
        [class*="-grid"],
        [class*="__grid"]
    ){
        grid-template-columns:minmax(0,1fr) !important;
    }

    #momfirst-root :where(.mf-score, .mf-rhythm-label, .mf-rhythm-metric, .mf-metric-card, .mf-need-title, .mf-need-detail){
        min-width:0 !important;
        width:100% !important;
    }

    #momfirst-root :where(button, .button, .mf-button, input[type="button"], input[type="submit"], a.button){
        max-width:100% !important;
        white-space:normal !important;
    }

    #momfirst-root table{
        display:block !important;
        width:100% !important;
        overflow-x:auto !important;
        -webkit-overflow-scrolling:touch;
    }
}

/* True-final native form control guard. Higher specificity than the legacy white input rules above. */
body #momfirst-root#momfirst-root input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
body #momfirst-root#momfirst-root select,
body #momfirst-root#momfirst-root textarea {
    appearance:none !important;
    -webkit-appearance:none !important;
    background:
        linear-gradient(180deg, rgba(2,6,23,.94), rgba(8,18,34,.96)) !important;
    background-color:rgba(2,6,23,.94) !important;
    border:1px solid rgba(56,189,248,.52) !important;
    box-shadow:
        inset 0 0 0 1px rgba(15,23,42,.62),
        0 0 0 1px rgba(45,212,191,.08) !important;
    color:#f8feff !important;
    -webkit-text-fill-color:#f8feff !important;
    caret-color:#2dd4bf !important;
    opacity:1 !important;
}

body #momfirst-root#momfirst-root input:not([type="checkbox"]):not([type="radio"]):not([type="range"])::placeholder,
body #momfirst-root#momfirst-root textarea::placeholder {
    color:rgba(219,234,254,.68) !important;
    -webkit-text-fill-color:rgba(219,234,254,.68) !important;
    opacity:1 !important;
}

body #momfirst-root#momfirst-root select {
    background-image:
        linear-gradient(45deg, transparent 50%, #8eeaff 50%),
        linear-gradient(135deg, #8eeaff 50%, transparent 50%),
        linear-gradient(180deg, rgba(2,6,23,.94), rgba(8,18,34,.96)) !important;
    background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px,0 0 !important;
    background-repeat:no-repeat !important;
    background-size:5px 5px,5px 5px,100% 100% !important;
    color:#f8feff !important;
    -webkit-text-fill-color:#f8feff !important;
}

body #momfirst-root#momfirst-root option {
    background:#020617 !important;
    color:#f8feff !important;
}

body #momfirst-root#momfirst-root input:-webkit-autofill,
body #momfirst-root#momfirst-root textarea:-webkit-autofill,
body #momfirst-root#momfirst-root select:-webkit-autofill {
    -webkit-box-shadow:0 0 0 1000px #020617 inset !important;
    -webkit-text-fill-color:#f8feff !important;
    caret-color:#2dd4bf !important;
}

body #momfirst-root#momfirst-root input[type="date"]::-webkit-calendar-picker-indicator,
body #momfirst-root#momfirst-root input[type="time"]::-webkit-calendar-picker-indicator,
body #momfirst-root#momfirst-root input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter:invert(1) brightness(1.35) saturate(1.2) !important;
    opacity:.9 !important;
}

body #momfirst-root#momfirst-root input[type="checkbox"],
body #momfirst-root#momfirst-root input[type="radio"] {
    appearance:none !important;
    -webkit-appearance:none !important;
    background:rgba(2,6,23,.92) !important;
    border:1px solid rgba(56,189,248,.52) !important;
    box-shadow:inset 0 0 0 1px rgba(15,23,42,.62) !important;
    color:#031018 !important;
    accent-color:#2dd4bf !important;
}

body #momfirst-root#momfirst-root input[type="checkbox"] {
    border-radius:4px !important;
}

body #momfirst-root#momfirst-root input[type="radio"] {
    border-radius:999px !important;
}

body #momfirst-root#momfirst-root input[type="checkbox"]:checked,
body #momfirst-root#momfirst-root input[type="radio"]:checked {
    background:#2dd4bf !important;
    border-color:#8eeaff !important;
    box-shadow:0 0 0 2px rgba(45,212,191,.20) !important;
}

body #momfirst-root#momfirst-root input[type="checkbox"]:checked::before {
    content:"";
    display:block;
    width:5px;
    height:9px;
    margin:1px 0 0 5px;
    border:solid #031018;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
}

body #momfirst-root#momfirst-root input[type="radio"]:checked::before {
    content:"";
    display:block;
    width:6px;
    height:6px;
    margin:4px;
    border-radius:999px;
    background:#031018;
}

body #momfirst-root#momfirst-root button:not(.mf-danger-button),
body #momfirst-root#momfirst-root .button:not(.mf-danger-button),
body #momfirst-root#momfirst-root .mf-button:not(.mf-danger-button),
body #momfirst-root#momfirst-root input[type="button"],
body #momfirst-root#momfirst-root input[type="submit"],
body #momfirst-root#momfirst-root a.button {
    background:linear-gradient(135deg,#2dd4bf,#38bdf8) !important;
    border-color:rgba(45,212,191,.72) !important;
    color:#031018 !important;
    -webkit-text-fill-color:#031018 !important;
    box-shadow:0 10px 24px rgba(34,211,238,.20) !important;
}

/* True-final MomFirst component surface guard. Higher specificity than legacy white card rules. */
body #momfirst-root#momfirst-root :is(
    .mf-loader,
    .mf-fallback,
    .mf-app-shell,
    details,
    details > summary,
    .mf-page-nav a,
    .mf-related-tool-grid a,
    .mf-baby-summary-grid article,
    .mf-feeding-rhythm-line,
    .mf-mom-baby-summary,
    .mf-baby-quick-log,
    .mf-baby-sleep-timer,
    .mf-baby-timeline article,
    .mf-baby-hero > div,
    .mf-baby-range-summary article,
    .mf-growth-context article,
    .mf-baby-safety-grid article,
    .mf-input-panel,
    .mf-tab-panels,
    .mf-app-header,
    .mf-app-menu,
    .mf-tabs,
    .mf-summary,
    .mf-checkin-prompt,
    .mf-account-sync,
    .mf-freshness,
    .mf-email-capture,
    .mf-rec,
    .mf-hydration,
    .mf-profile-fields,
    .mf-checklist,
    .mf-med-manager,
    .mf-symptom-manager,
    .mf-normal-checker,
    .mf-milk-support,
    .mf-meal-rescue,
    .mf-supply-checker,
    .mf-provider-prep,
    .mf-reminder-plan,
    .mf-sleep-summary,
    .mf-baby-guidance,
    .mf-baby-safety,
    .mf-baby-dashboard,
    .mf-family-circle,
    .mf-partner-mode,
    .mf-encouragement,
    .mf-not-behind,
    [class*="-card"],
    [class*="-panel"],
    [class*="-summary"],
    [class*="-grid"],
    [class*="-tile"],
    [class*="-section"],
    [class*="-result"],
    [class*="-results"],
    [class*="-tracker"],
    [class*="-timeline"],
    [class*="-metric"],
    [class*="-stat"],
    [class*="-insight"],
    [class*="-guidance"],
    [class*="-warning"],
    [class*="-notice"]
) {
    background:
        radial-gradient(circle at 8% 0%, rgba(45,212,191,.10), transparent 34%),
        linear-gradient(180deg, rgba(8,18,34,.98), rgba(3,8,18,.98)) !important;
    border-color:rgba(45,212,191,.38) !important;
    color:#dbeafe !important;
    box-shadow:0 12px 28px rgba(0,0,0,.28) !important;
}

body #momfirst-root#momfirst-root :is(
    .mf-loader,
    .mf-fallback,
    .mf-app-shell,
    details,
    details > summary,
    .mf-page-nav a,
    .mf-related-tool-grid a,
    .mf-baby-summary-grid article,
    .mf-feeding-rhythm-line,
    .mf-mom-baby-summary,
    .mf-baby-quick-log,
    .mf-baby-sleep-timer,
    .mf-baby-timeline article,
    .mf-baby-hero > div,
    .mf-baby-range-summary article,
    .mf-growth-context article,
    .mf-baby-safety-grid article,
    .mf-input-panel,
    .mf-tab-panels,
    .mf-app-header,
    .mf-app-menu,
    .mf-tabs,
    .mf-summary,
    .mf-checkin-prompt,
    .mf-account-sync,
    .mf-freshness,
    .mf-email-capture,
    .mf-rec,
    .mf-hydration,
    .mf-profile-fields,
    .mf-checklist,
    .mf-med-manager,
    .mf-symptom-manager,
    .mf-normal-checker,
    .mf-milk-support,
    .mf-meal-rescue,
    .mf-supply-checker,
    .mf-provider-prep,
    .mf-reminder-plan,
    .mf-sleep-summary,
    .mf-baby-guidance,
    .mf-baby-safety,
    .mf-baby-dashboard,
    .mf-family-circle,
    .mf-partner-mode,
    .mf-encouragement,
    .mf-not-behind,
    [class*="-card"],
    [class*="-panel"],
    [class*="-summary"],
    [class*="-grid"],
    [class*="-tile"],
    [class*="-section"],
    [class*="-result"],
    [class*="-results"],
    [class*="-tracker"],
    [class*="-timeline"],
    [class*="-metric"],
    [class*="-stat"],
    [class*="-insight"],
    [class*="-guidance"],
    [class*="-warning"],
    [class*="-notice"]
) :where(h1,h2,h3,h4,h5,h6,p,li,label,span,small,strong,b,em,div,summary,td,th,output) {
    color:#f8feff !important;
    opacity:1 !important;
}
/* SSA dark-neon hard stop for legacy pale momfirst widgets. */
body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) {
  --ssa-neon-bg: #050b12;
  --ssa-neon-surface: rgba(5, 14, 24, 0.98);
  --ssa-neon-surface-2: rgba(8, 26, 40, 0.96);
  --ssa-neon-border: rgba(45, 211, 218, 0.56);
  --ssa-neon-text: #f4fbff;
  --ssa-neon-muted: #cfefff;
  --ssa-neon-accent: #2ed3da;
  background: linear-gradient(135deg, var(--ssa-neon-bg), #061927) !important;
  border-color: var(--ssa-neon-border) !important;
  color: var(--ssa-neon-text) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) :is(section, article, aside, fieldset, details, summary, table, thead, tbody, tfoot, tr, td, th, label, legend, [aria-live], [role="tabpanel"], [role="group"], [class*="card"], [class*="Card"], [class*="panel"], [class*="Panel"], [class*="box"], [class*="Box"], [class*="tile"], [class*="Tile"], [class*="widget"], [class*="Widget"], [class*="result"], [class*="Result"], [class*="summary"], [class*="Summary"], [class*="output"], [class*="Output"], [class*="metric"], [class*="Metric"], [class*="stat"], [class*="Stat"], [class*="notice"], [class*="Notice"], [class*="warning"], [class*="Warning"], [class*="callout"], [class*="Callout"], [class*="option"], [class*="Option"], [class*="question"], [class*="Question"], [class*="field"], [class*="Field"], [class*="group"], [class*="Group"], [class*="item"], [class*="Item"], [class*="row"], [class*="Row"], [class*="form"], [class*="Form"], [class*="input"], [class*="Input"], [class*="history"], [class*="History"], [class*="dashboard"], [class*="Dashboard"], [class*="profile"], [class*="Profile"], [class*="prompt"], [class*="Prompt"], [class*="intro"], [class*="Intro"], [class*="body"], [class*="Body"]) {
  background: linear-gradient(135deg, var(--ssa-neon-surface), var(--ssa-neon-surface-2)) !important;
  border-color: var(--ssa-neon-border) !important;
  box-shadow: 0 0 0 1px rgba(45, 211, 218, 0.16), 0 18px 44px rgba(0, 0, 0, 0.34) !important;
  color: var(--ssa-neon-text) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  background: rgba(3, 10, 18, 0.98) !important;
  border-color: var(--ssa-neon-border) !important;
  color: var(--ssa-neon-text) !important;
  -webkit-text-fill-color: var(--ssa-neon-text) !important;
  box-shadow: inset 0 0 0 1px rgba(45, 211, 218, 0.14) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--ssa-neon-accent) !important;
  background-color: rgba(3, 10, 18, 0.98) !important;
  border-color: var(--ssa-neon-border) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) input::placeholder,
body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) {
  --ssa-neon-bg: #050b12;
  --ssa-neon-surface: rgba(5, 14, 24, 0.98);
  --ssa-neon-surface-2: rgba(8, 26, 40, 0.96);
  --ssa-neon-border: rgba(45, 211, 218, 0.56);
  --ssa-neon-text: #f4fbff;
  --ssa-neon-muted: #cfefff;
  --ssa-neon-accent: #2ed3da;
  background: linear-gradient(135deg, var(--ssa-neon-bg), #061927) !important;
  border-color: var(--ssa-neon-border) !important;
  color: var(--ssa-neon-text) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) :is(section, article, aside, fieldset, details, summary, table, thead, tbody, tfoot, tr, td, th, label, legend, [aria-live], [role="tabpanel"], [role="group"], [class*="card"], [class*="Card"], [class*="panel"], [class*="Panel"], [class*="box"], [class*="Box"], [class*="tile"], [class*="Tile"], [class*="widget"], [class*="Widget"], [class*="result"], [class*="Result"], [class*="summary"], [class*="Summary"], [class*="output"], [class*="Output"], [class*="metric"], [class*="Metric"], [class*="stat"], [class*="Stat"], [class*="notice"], [class*="Notice"], [class*="warning"], [class*="Warning"], [class*="callout"], [class*="Callout"], [class*="option"], [class*="Option"], [class*="question"], [class*="Question"], [class*="field"], [class*="Field"], [class*="group"], [class*="Group"], [class*="item"], [class*="Item"], [class*="row"], [class*="Row"], [class*="form"], [class*="Form"], [class*="input"], [class*="Input"], [class*="history"], [class*="History"], [class*="dashboard"], [class*="Dashboard"], [class*="profile"], [class*="Profile"], [class*="prompt"], [class*="Prompt"], [class*="intro"], [class*="Intro"], [class*="body"], [class*="Body"]) {
  background: linear-gradient(135deg, var(--ssa-neon-surface), var(--ssa-neon-surface-2)) !important;
  border-color: var(--ssa-neon-border) !important;
  box-shadow: 0 0 0 1px rgba(45, 211, 218, 0.16), 0 18px 44px rgba(0, 0, 0, 0.34) !important;
  color: var(--ssa-neon-text) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  background: rgba(3, 10, 18, 0.98) !important;
  border-color: var(--ssa-neon-border) !important;
  color: var(--ssa-neon-text) !important;
  -webkit-text-fill-color: var(--ssa-neon-text) !important;
  box-shadow: inset 0 0 0 1px rgba(45, 211, 218, 0.14) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--ssa-neon-accent) !important;
  background-color: rgba(3, 10, 18, 0.98) !important;
  border-color: var(--ssa-neon-border) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) textarea::placeholder {
  color: rgba(207, 239, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(207, 239, 255, 0.72) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) :is(button:not(.mf-danger-button), .button:not(.mf-danger-button), .btn:not(.mf-danger-button), [role="button"]:not(.mf-danger-button), input[type="button"], input[type="submit"], input[type="reset"], a.button, a.btn, [class*="-btn"]:not(.mf-danger-button), [class*="-button"]:not(.mf-danger-button), [class*="Button"]:not(.mf-danger-button)) {
  background: linear-gradient(135deg, #33f7ff, #21c6d3 55%, #1498ff) !important;
  border-color: rgba(84, 245, 255, 0.82) !important;
  color: #021018 !important;
  -webkit-text-fill-color: #021018 !important;
  box-shadow: 0 0 18px rgba(45, 211, 218, 0.28), 0 12px 28px rgba(0, 0, 0, 0.32) !important;
  text-shadow: none !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) :is(h1, h2, h3, h4, h5, h6, p, li, label, span, small, strong, b, em, legend, summary, td, th, output, div) {
  color: var(--ssa-neon-text) !important;
}

body :is(
  #momfirst-root#momfirst-root,
  [class^="mf-"][class^="mf-"],
  [class*=" mf-"][class*=" mf-"]
) a:not(.button):not(.btn) {
  color: #7ff7ff !important;
}

/* MomFirst final mobile polish: keep postpartum tools readable, dark, and roomy. */
body #momfirst-root#momfirst-root {
  width: min(100%, 1180px) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  overflow-x: clip !important;
  color-scheme: dark !important;
}

body #momfirst-root#momfirst-root,
body #momfirst-root#momfirst-root .mf-app-shell,
body #momfirst-root#momfirst-root .mf-tab-panels {
  background:
    radial-gradient(circle at 8% 0%, rgba(45, 211, 218, 0.10), transparent 32%),
    linear-gradient(180deg, #061522 0%, #020711 100%) !important;
}

body #momfirst-root#momfirst-root .mf-app-shell {
  display: grid !important;
  gap: 22px !important;
  min-height: 100dvh !important;
  padding: clamp(22px, 4vw, 42px) !important;
}

body #momfirst-root#momfirst-root .mf-app-header,
body #momfirst-root#momfirst-root .mf-account-sync,
body #momfirst-root#momfirst-root .mf-tabs,
body #momfirst-root#momfirst-root .mf-tab-panels,
body #momfirst-root#momfirst-root .mf-need-now,
body #momfirst-root#momfirst-root .mf-encouragement,
body #momfirst-root#momfirst-root .mf-not-behind,
body #momfirst-root#momfirst-root .mf-summary,
body #momfirst-root#momfirst-root details.mf-calm-details,
body #momfirst-root#momfirst-root details.mf-section-group,
body #momfirst-root#momfirst-root details.mf-tool-group,
body #momfirst-root#momfirst-root .mf-input-panel,
body #momfirst-root#momfirst-root .mf-rec {
  border: 1px solid rgba(45, 211, 218, 0.42) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(45, 211, 218, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(8, 24, 36, 0.98), rgba(2, 8, 18, 0.98)) !important;
  box-shadow: 0 0 0 1px rgba(45, 211, 218, 0.12), 0 18px 42px rgba(0, 0, 0, 0.34) !important;
  color: #f4fbff !important;
}

body #momfirst-root#momfirst-root .mf-tab-panel,
body #momfirst-root#momfirst-root .mf-baby-dashboard,
body #momfirst-root#momfirst-root .mf-baby-actions,
body #momfirst-root#momfirst-root .mf-mom-baby-summary,
body #momfirst-root#momfirst-root .mf-input-panel {
  display: grid !important;
  gap: clamp(18px, 2.4vw, 30px) !important;
}

body #momfirst-root#momfirst-root .mf-need-now,
body #momfirst-root#momfirst-root .mf-encouragement,
body #momfirst-root#momfirst-root .mf-not-behind,
body #momfirst-root#momfirst-root .mf-summary,
body #momfirst-root#momfirst-root .mf-account-sync {
  padding: clamp(20px, 3vw, 32px) !important;
}

body #momfirst-root#momfirst-root .mf-need-now h3,
body #momfirst-root#momfirst-root .mf-encouragement h3,
body #momfirst-root#momfirst-root .mf-not-behind h3 {
  margin: 0 0 12px !important;
  line-height: 1.18 !important;
  overflow-wrap: break-word !important;
}

body #momfirst-root#momfirst-root .mf-need-now > p,
body #momfirst-root#momfirst-root .mf-encouragement p,
body #momfirst-root#momfirst-root .mf-not-behind p,
body #momfirst-root#momfirst-root .mf-summary p {
  margin: 0 !important;
  line-height: 1.75 !important;
  color: #e8f8ff !important;
}

body #momfirst-root#momfirst-root .mf-need-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.4vw, 24px) !important;
  margin-top: 18px !important;
}

body #momfirst-root#momfirst-root .mf-need-grid > div {
  min-width: 0 !important;
  padding: clamp(16px, 2.2vw, 24px) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(3, 12, 24, 0.98), rgba(2, 7, 16, 0.98)) !important;
}

body #momfirst-root#momfirst-root .mf-need-list,
body #momfirst-root#momfirst-root .mf-action-list {
  display: grid !important;
  gap: 12px !important;
  margin: 14px 0 0 !important;
  padding-left: 1.45rem !important;
}

body #momfirst-root#momfirst-root .mf-need-list li,
body #momfirst-root#momfirst-root .mf-action-list li {
  padding: 12px 14px !important;
  border: 1px solid rgba(45, 211, 218, 0.24) !important;
  border-radius: 14px !important;
  background: rgba(2, 8, 18, 0.72) !important;
  line-height: 1.55 !important;
  overflow-wrap: break-word !important;
}

body #momfirst-root#momfirst-root .mf-need-list li::marker,
body #momfirst-root#momfirst-root .mf-action-list li::marker {
  color: #f8feff !important;
  font-weight: 850 !important;
}

body #momfirst-root#momfirst-root .mf-need-text {
  display: grid !important;
  grid-template-columns: minmax(7.5rem, max-content) minmax(0, 1fr) !important;
  gap: 6px 12px !important;
  align-items: baseline !important;
}

body #momfirst-root#momfirst-root .mf-need-title {
  color: #ffffff !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

body #momfirst-root#momfirst-root .mf-need-detail {
  color: #d9f6ff !important;
  display: block !important;
  line-height: 1.55 !important;
  overflow-wrap: break-word !important;
}

body #momfirst-root#momfirst-root :is(label, legend, summary, p, li, span, small, strong, b, em, div, h1, h2, h3, h4, h5, h6) {
  max-width: 100% !important;
  overflow-wrap: break-word !important;
}

body #momfirst-root#momfirst-root label {
  line-height: 1.45 !important;
}

body #momfirst-root#momfirst-root label:has(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"])),
body #momfirst-root#momfirst-root label:has(select),
body #momfirst-root#momfirst-root label:has(textarea) {
  display: grid !important;
  gap: 8px !important;
}

body #momfirst-root#momfirst-root label:has(input[type="checkbox"]),
body #momfirst-root#momfirst-root label:has(input[type="radio"]) {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
}

body #momfirst-root#momfirst-root :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea) {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  border: 1px solid rgba(84, 245, 255, 0.62) !important;
  border-radius: 12px !important;
  background: rgba(2, 8, 18, 0.98) !important;
  color: #f8feff !important;
  -webkit-text-fill-color: #f8feff !important;
  box-shadow: inset 0 0 0 1px rgba(45, 211, 218, 0.16), 0 0 18px rgba(45, 211, 218, 0.08) !important;
}

body #momfirst-root#momfirst-root :is(input::placeholder, textarea::placeholder) {
  color: rgba(216, 246, 255, 0.74) !important;
  -webkit-text-fill-color: rgba(216, 246, 255, 0.74) !important;
}

body #momfirst-root#momfirst-root select {
  color-scheme: dark !important;
}

body #momfirst-root#momfirst-root .mf-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
}

body #momfirst-root#momfirst-root :is(button:not(.mf-danger-button), .button:not(.mf-danger-button), .mf-button:not(.mf-danger-button), a.button, input[type="button"], input[type="submit"]) {
  min-width: 0 !important;
  min-height: 44px !important;
  padding: 11px 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #34f6ff, #2dd4bf 56%, #38bdf8) !important;
  color: #021018 !important;
  -webkit-text-fill-color: #021018 !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}

body #momfirst-root#momfirst-root .mf-dashboard-link {
  text-decoration: none !important;
}

body #momfirst-root#momfirst-root .mf-privacy-actions {
  display: grid !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

body #momfirst-root#momfirst-root :is(.mf-danger-button, button.mf-danger-button, .button.mf-danger-button) {
  min-height: 44px !important;
  border: 1px solid rgba(255, 107, 107, 0.72) !important;
  border-radius: 999px !important;
  background: rgba(52, 10, 22, 0.92) !important;
  color: #ffe9ee !important;
  -webkit-text-fill-color: #ffe9ee !important;
  box-shadow: 0 0 18px rgba(255, 107, 107, 0.18) !important;
  font-weight: 850 !important;
  white-space: normal !important;
}

body #momfirst-root#momfirst-root :is(.mf-danger-button:hover, button.mf-danger-button:hover, .button.mf-danger-button:hover) {
  background: rgba(90, 15, 34, 0.96) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body #momfirst-root#momfirst-root .mf-summary {
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr) !important;
  gap: clamp(16px, 2vw, 24px) !important;
}

@media (max-width: 820px) {
  body #momfirst-root#momfirst-root .mf-need-grid {
    grid-template-columns: 1fr !important;
  }

  body #momfirst-root#momfirst-root .mf-tabs {
    position: static !important;
    border-radius: 16px !important;
    margin: 0 !important;
    overflow-x: auto !important;
  }
}

@media (max-width: 640px) {
  body #momfirst-root#momfirst-root {
    width: 100% !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
  }

  body #momfirst-root#momfirst-root .mf-app-shell {
    gap: 20px !important;
    padding: 18px 14px 28px !important;
  }

  body #momfirst-root#momfirst-root .mf-app-header,
  body #momfirst-root#momfirst-root .mf-account-sync,
  body #momfirst-root#momfirst-root .mf-tabs,
  body #momfirst-root#momfirst-root .mf-tab-panels,
  body #momfirst-root#momfirst-root .mf-need-now,
  body #momfirst-root#momfirst-root .mf-encouragement,
  body #momfirst-root#momfirst-root .mf-not-behind,
  body #momfirst-root#momfirst-root .mf-summary,
  body #momfirst-root#momfirst-root details.mf-calm-details,
  body #momfirst-root#momfirst-root details.mf-section-group,
  body #momfirst-root#momfirst-root details.mf-tool-group,
  body #momfirst-root#momfirst-root .mf-input-panel,
  body #momfirst-root#momfirst-root .mf-rec {
    border-radius: 14px !important;
  }

  body #momfirst-root#momfirst-root .mf-tab-panels {
    padding: 16px 12px !important;
  }

  body #momfirst-root#momfirst-root .mf-need-now,
  body #momfirst-root#momfirst-root .mf-encouragement,
  body #momfirst-root#momfirst-root .mf-not-behind,
  body #momfirst-root#momfirst-root .mf-summary,
  body #momfirst-root#momfirst-root .mf-account-sync {
    padding: 18px 14px !important;
  }

  body #momfirst-root#momfirst-root .mf-need-text {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }

  body #momfirst-root#momfirst-root .mf-need-list,
  body #momfirst-root#momfirst-root .mf-action-list {
    padding-left: 1.2rem !important;
  }

  body #momfirst-root#momfirst-root .mf-need-list li,
  body #momfirst-root#momfirst-root .mf-action-list li {
    padding: 12px !important;
  }

  body #momfirst-root#momfirst-root .mf-actions {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body #momfirst-root#momfirst-root :is(button:not(.mf-danger-button), .button:not(.mf-danger-button), .mf-button:not(.mf-danger-button), a.button, input[type="button"], input[type="submit"]) {
    width: 100% !important;
    justify-content: center !important;
  }

  body #momfirst-root#momfirst-root .mf-summary {
    grid-template-columns: 1fr !important;
  }
}

@media screen {
  body #momfirst-root#momfirst-root :is(
    .mf-app-shell,
    .mf-tab-panels,
    .mf-input-panel,
    .mf-rec,
    .mf-tool-group,
    .mf-section-group,
    .mf-calm-details,
    .mf-metric-card,
    .mf-profile-summary,
    .mf-privacy-trust,
    .mf-privacy-card,
    .mf-partner-mode,
    .mf-partner-card,
    .mf-partner-education,
    .mf-partner-education > div,
    .mf-family-card,
    .mf-baby-card,
    .mf-baby-log-card,
    .mf-report-card,
    .mf-report-preview,
    .mf-report-archive,
    .mf-email-capture,
    .mf-normal-result,
    .mf-resource-card,
    .mf-trend-card,
    .mf-wake-card,
    .mf-supply-card,
    .mf-support-card,
    .mf-milestone-card
  ) {
    background: radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.1), transparent 34%), rgba(2, 8, 18, 0.96) !important;
    border-color: rgba(45, 212, 191, 0.34) !important;
    color: #f4fdff !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28) !important;
  }

  body #momfirst-root#momfirst-root :is(
    .mf-app-shell,
    .mf-tab-panels,
    .mf-input-panel,
    .mf-rec,
    .mf-tool-group,
    .mf-section-group,
    .mf-calm-details,
    .mf-metric-card,
    .mf-profile-summary,
    .mf-privacy-trust,
    .mf-privacy-card,
    .mf-partner-mode,
    .mf-partner-card,
    .mf-partner-education,
    .mf-partner-education > div,
    .mf-family-card,
    .mf-baby-card,
    .mf-baby-log-card,
    .mf-report-card,
    .mf-report-preview,
    .mf-report-archive,
    .mf-email-capture,
    .mf-normal-result,
    .mf-resource-card,
    .mf-trend-card,
    .mf-wake-card,
    .mf-supply-card,
    .mf-support-card,
    .mf-milestone-card
  ) :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, small, summary, label, div) {
    color: #f4fdff !important;
    -webkit-text-fill-color: #f4fdff !important;
  }

  body #momfirst-root#momfirst-root :is(.mf-small-note, .mf-muted, .mf-card-subtitle, .mf-help-text) {
    color: #dbeafe !important;
    -webkit-text-fill-color: #dbeafe !important;
  }

  body #momfirst-root#momfirst-root :is(.mf-level-common, .mf-level-watch) {
    background: rgba(4, 24, 32, 0.96) !important;
    border-color: rgba(56, 189, 248, 0.34) !important;
  }

  body #momfirst-root#momfirst-root :is(.mf-level-urgent, .mf-level-emergency, .mf-urgent-banner) {
    background: radial-gradient(circle at 8% 0%, rgba(251, 113, 133, 0.16), transparent 34%), rgba(52, 10, 22, 0.96) !important;
    border-color: rgba(251, 113, 133, 0.52) !important;
    color: #fff1f2 !important;
  }

  body #momfirst-root#momfirst-root :is(.mf-level-urgent, .mf-level-emergency, .mf-urgent-banner) :is(h1, h2, h3, h4, p, li, span, strong, div) {
    color: #fff1f2 !important;
    -webkit-text-fill-color: #fff1f2 !important;
  }
}

body #momfirst-root#momfirst-root .mf-tab-panel:not(.is-active),
body #momfirst-root#momfirst-root .mf-tab-panel[hidden] {
  display: none !important;
}