
/* Only the two approved stage-three bot screens; inherited fonts, colours and controls come from the baseline. */
#mama-baby-mvp .mb-stage3-bot{display:block;height:auto;min-height:0}
#mama-baby-mvp .mb-stage3-site-head{position:relative;width:100%;margin:0 auto 8px;min-height:60px}
#mama-baby-mvp .mb-stage3-site-head .mb-title{width:max-content;margin:0 auto}
#mama-baby-mvp .mb-stage3-header-bee{position:absolute;right:0;top:0;width:64px;height:60px;object-fit:contain;pointer-events:none}
#mama-baby-mvp .mb-stage3-bot .mb-plan-workspace{height:max(620px,calc(100dvh - 192px));min-height:0;margin:0 auto}
#mama-baby-mvp .mb-stage3-bot .mb-bot-shell{min-height:0}
#mama-baby-mvp .mb-stage3-bot .mb-plan-page-head{flex:0 0 auto;width:100%;padding:14px 20px 12px;margin:0;border-bottom:1px solid rgba(108,77,125,.12);background:rgba(244,238,246,.48)}
#mama-baby-mvp .mb-stage3-bot .mb-plan-page-title-row{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:16px}
#mama-baby-mvp .mb-stage3-bot .mb-stage3-character{display:block;position:static;transform:none;width:220px;height:146px;grid-column:1;grid-row:1}
#mama-baby-mvp .mb-stage3-character img{filter:none;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
#mama-baby-mvp .mb-stage3-bot .mb-plan-page-title{font-size:clamp(30px,3.3vw,42px);grid-column:2;grid-row:1}
#mama-baby-mvp .mb-stage3-bot .mb-plan-page-subtitle{font-size:18px;line-height:1.4;margin:4px 0 0}
#mama-baby-mvp .mb-stage3-bot .mb-bot-history{padding:14px 18px}
#mama-baby-mvp .mb-stage3-bot .mb-bot-message{width:82%;max-width:82%;padding:10px 14px;font-size:16px;margin-right:auto}
#mama-baby-mvp .mb-stage3-bot .mb-bot-message+.mb-bot-message{margin-top:9px}
#mama-baby-mvp .mb-stage3-bot .mb-stage3-user{margin-left:auto;margin-right:0;background:rgba(168,192,214,.2);border-radius:20px 6px 20px 20px}
#mama-baby-mvp .mb-stage3-bot .mb-stage3-error{color:var(--mb-body);background:rgba(229,217,237,.45);line-height:1.55;min-height:0}
#mama-baby-mvp .mb-stage3-typing{display:flex;gap:9px;align-items:center;min-height:32px;margin-top:12px}
#mama-baby-mvp .mb-stage3-typing span{display:block;width:12px;height:12px;border-radius:50%;background:#806e78}
#mama-baby-mvp .mb-stage3-typing:not([hidden]) span{animation:mb-stage3-dot-bounce 1.2s ease-in-out infinite}
#mama-baby-mvp .mb-stage3-typing:not([hidden]) span:nth-child(2){animation-delay:.16s}
#mama-baby-mvp .mb-stage3-typing:not([hidden]) span:nth-child(3){animation-delay:.32s}
@keyframes mb-stage3-dot-bounce{0%,65%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-5px);opacity:1}}
@media(prefers-reduced-motion:reduce){#mama-baby-mvp .mb-stage3-typing:not([hidden]) span{animation:none}}
#mama-baby-mvp .mb-stage3-quick{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px;flex:0 0 auto}
#mama-baby-mvp .mb-stage3-quick .mb-bot-send{min-width:0;min-height:44px;padding:7px 12px;font-size:14px}
#mama-baby-mvp .mb-stage3-disclaimer{flex:0 0 auto;margin:0;padding:0 14px 9px;text-align:center;color:#806e78;font-size:12px;line-height:1.4;background:rgba(255,253,251,.9)}
#mama-baby-mvp .mb-stage3-footer{margin:10px auto 0;text-align:center;color:var(--mb-muted);font-size:11px;line-height:1.6}
#mama-baby-mvp .mb-stage3-footer p{margin:0}
#mama-baby-mvp .mb-stage3-footer a{color:inherit}
@media(max-width:720px){
#mama-baby-mvp .mb-stage3-site-head{min-height:44px}
#mama-baby-mvp .mb-stage3-site-head .mb-title{font-size:34px}
#mama-baby-mvp .mb-stage3-header-bee{width:38px;height:40px}
#mama-baby-mvp .mb-stage3-bot .mb-plan-workspace{height:auto}
#mama-baby-mvp .mb-stage3-bot .mb-bot-shell{height:auto}
#mama-baby-mvp .mb-stage3-bot .mb-plan-page-head{padding:12px}
#mama-baby-mvp .mb-stage3-bot .mb-plan-page-title-row{grid-template-columns:100px minmax(0,1fr);gap:8px}
#mama-baby-mvp .mb-stage3-bot .mb-stage3-character{width:100px;height:104px}
#mama-baby-mvp .mb-stage3-bot .mb-plan-page-title{font-size:28px}
#mama-baby-mvp .mb-stage3-bot .mb-plan-page-subtitle{font-size:16px}
#mama-baby-mvp .mb-stage3-bot .mb-bot-history{min-height:190px;max-height:320px;padding:12px}
#mama-baby-mvp .mb-stage3-quick{padding:8px}
#mama-baby-mvp .mb-stage3-quick .mb-bot-send{padding:7px 9px}
}
