/* One Rosi in the call. Notices carry type and action, never a second avatar. */
.unified-notice{position:fixed;z-index:12;display:grid;grid-template-columns:minmax(0,1fr);gap:0;box-sizing:border-box;padding:33px 24px 18px;border:1px solid #e8ecdf;border-radius:27px;background:#fff;box-shadow:0 3px 8px #25341405,0 18px 48px #25341412;font-family:system-ui,-apple-system,sans-serif;color:#262d20;animation:notice-arrive .26s ease-out}
.unified-notice::before{content:"";position:absolute;top:16px;left:calc(50% - 24px);width:48px;height:4px;border-radius:4px;background:#c8f547}
.notice-copy{min-width:0;text-align:center;padding:4px 0 0}
.notice-copy small{display:block;font-size:9px;line-height:1.5;letter-spacing:1.1px;color:#7f8874;font-weight:650;margin:0 auto 12px}
.notice-copy strong{display:block;font-size:25px;line-height:1.12;letter-spacing:-.85px;margin:0;text-wrap:balance}
.notice-copy p{font-size:13px;line-height:1.55;margin:12px 3px 0;color:#727a67;text-wrap:balance}
.notice-mobile-copy{display:none}
.notice-close{position:absolute;top:0;right:0;width:44px;height:44px;display:grid;place-items:center;font-size:21px;border:0;border-radius:50%;background:none;color:#89917f;cursor:pointer;padding:0}
.notice-close:hover{color:#3d4a2a;background:#f5f7ef}
.notice-actions{display:flex;flex-direction:column;gap:2px;margin-top:22px;align-items:stretch}
.notice-primary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;border:1px solid #b6df39;border-radius:16px;background:linear-gradient(165deg,#d2fc63,#bdf030);color:#293b13;font:650 13px/1.2 system-ui;padding:10px 13px;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffba,0 2px 0 #a2c83738,0 4px 8px #6078280d;transition:transform .14s ease,box-shadow .14s ease}
.notice-primary svg{box-sizing:content-box;width:19px;height:19px;padding:3px;border-radius:8px;background:#ffffff30;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.notice-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffffba,0 3px 0 #a2c83738,0 6px 12px #60782814}
.notice-primary:active{transform:translateY(1px)}
.notice-later{min-height:44px;border:0;background:none;color:#7e8871;font:12px system-ui;padding:8px;cursor:pointer}
.unified-notice[data-kind=whatsapp] .notice-primary{background:linear-gradient(150deg,#35dc83,#18c868);border-color:#1abd65;color:#073b21;box-shadow:inset 0 1px 0 #ffffff75,0 2px 0 #0d9b3930,0 5px 9px #118d3410}
.unified-notice[data-kind=instagram] .notice-primary{background:linear-gradient(110deg,#7948c9,#bc337e,#bb415a);border-color:#953b86;color:#fff;box-shadow:inset 0 1px 0 #ffffff50,0 2px 0 #9b38673a,0 5px 9px #85206610}
.notice-hint{margin:1px 0 0;text-align:center;font:italic 10px/1.5 system-ui;color:#828b76}
.unified-notice button:focus-visible{outline:3px solid #657f42;outline-offset:2px}
@keyframes notice-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
/* Exactly the existing 60px status lane: no smaller Rosi, no moved call controls. */
.notice-strip{grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;column-gap:6px;height:60px;padding:7px 2px 7px 12px;border-radius:20px;border-color:#e5eadb;background:linear-gradient(110deg,#fff,#fbfdf5);box-shadow:0 3px 13px #4357260d,0 1px 2px #4357260b}
.notice-strip::before{display:none}
.notice-strip .notice-copy{padding:0}
.notice-strip .notice-copy small,.notice-strip .notice-wide-copy,.notice-strip .notice-hint,.notice-strip .notice-later{display:none}
.notice-strip .notice-mobile-copy{display:inline}
.notice-strip .notice-copy strong{font-size:13px;line-height:1.18;margin:0;letter-spacing:-.3px;font-weight:710;text-wrap:balance}
.notice-strip .notice-copy p{display:block;font-size:10px;line-height:1.2;margin:4px 0 0;color:#7b826f;text-wrap:balance}
.notice-strip .notice-actions{grid-column:2;grid-row:1;margin:0;display:block}
.notice-strip .notice-primary{font-size:11px;min-height:44px;max-width:142px;padding:7px 10px;gap:7px;border-radius:13px}
.notice-strip .notice-primary>span{max-width:99px;text-align:center}
.notice-strip .notice-primary svg{width:17px;height:17px;padding:1px;border-radius:6px}
.notice-strip .notice-close{position:static;grid-column:3;grid-row:1;width:44px;height:44px;align-self:center;border-radius:12px;font-size:21px}
.notice-strip-active .controls .phase{visibility:hidden}.notice-strip-active .controls>button{transform:translateY(44px)}.notice-strip-active .controls+button{margin-top:8px!important;transform:translateY(44px)}.notice-strip-active .conversation{overflow:visible!important}.notice-strip-active #app #stage{height:var(--notice-stage-height)!important;min-height:var(--notice-stage-height)!important;flex:0 0 var(--notice-stage-height)!important}.notice-strip-active #app .controls #primary-action,.notice-strip-active #app .controls #hangup{transform:translateY(44px)!important}.notice-strip-active #app .controls{overflow:visible!important}
@media(max-width:380px){.notice-strip{padding-left:9px;column-gap:4px}.notice-strip .notice-copy strong{font-size:12px}.notice-strip .notice-copy p{font-size:9.5px}.notice-strip .notice-primary{max-width:129px;padding-inline:8px;gap:5px}}
@media(prefers-reduced-motion:reduce){.unified-notice{animation:none}.notice-primary{transition:none}}

/* Main: keep active call actions in their qualified positions. */
.notice-strip-active #app .controls>button,.notice-strip-active #app .controls #primary-action,.notice-strip-active #app .controls #hangup{transform:none!important}