/* Approved fluid-story successor. Scoped product treatment; inherited marketing copy/type remains. */
.native-stage-viewport{position:relative;overflow-anchor:none;isolation:isolate}.native-stage-viewport>.native-composition{position:relative}.native-stage-viewport>.native-outgoing{position:absolute;inset:0 auto auto 0;width:100%;z-index:2;pointer-events:none}.native-demo .native-composition{overflow-anchor:none}.native-demo .native-secondary{position:relative}
#change.native-demo.signature{background:linear-gradient(122deg,#F9FBFF 0%,#F4F8FC 58%,#F5F2F8 100%);color:#202938;isolation:isolate}#change.signature::before{z-index:-1;background:radial-gradient(ellipse at 85% 65%,#DEE8F85C,transparent 65%),linear-gradient(90deg,#4668AF05 1px,transparent 1px);background-size:auto,160px 100%}#change.native-demo.signature .native-intro h2{color:#202938}#change.native-demo.signature .native-intro p{color:#59677B}#change.native-demo.signature .native-controls,#change.native-demo.signature .native-reset,#change.native-demo.signature .native-playback{color:#59677B}#change.native-demo.signature .native-playback:disabled{color:#59677B}#change.native-demo.signature .native-phases button{color:#59677B}#change.native-demo.signature .native-phases button[aria-selected=true]{color:#542E65;border-bottom-color:#76578F}#change.native-demo.signature .native-phases button:hover{color:#542E65}#change.native-demo.signature .native-progress{color:#202938}#change.native-demo.signature .native-disclosure{color:#617187}#change.native-demo.signature .native-playback,#change.native-demo.signature .native-reset{text-decoration-color:#BFCBDC}
#sources .native-context{border-left:2px solid #42AFC4;padding-left:10px}#change .native-context{border-left:2px solid #76578F;padding-left:10px}#change .native-outcome>.native-context{margin-left:14px;padding-left:10px}#change .native-secondary .browser-window{box-shadow:0 2px 4px #20334D0C,0 12px 24px #44355918}#change .native-message:not(:has(.avatar.kambra))>.message-avatar .avatar{background:#FFF0EA;color:#995741}.hero-plan .event-plan{box-shadow:0 2px 4px #20334D13,0 15px 32px -8px #245BE82C;border-top-color:#42AFC4}.hero-stage::after{content:'';pointer-events:none;position:absolute;inset:8% 12% 4% 8%;z-index:-1;background:radial-gradient(ellipse at 18% 30%,#42AFC41C,transparent 58%),radial-gradient(ellipse at 65% 75%,#245BE80D,transparent 60%)}
.native-demo .native-processing{position:relative;display:flex;align-items:center;gap:10px;overflow:hidden;padding:12px 0 15px;margin:5px 0;color:#59677B;min-height:60px;border-top:1px solid #E4EAF2}.native-processing>div{display:flex;flex-direction:column;gap:4px}.native-processing small{font-size:12px}.native-processing>div>span{font-size:14px}.work-process-mark{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:#202938;color:#FFF;border-radius:50%;font-size:14px}.native-processing>i{position:absolute;height:2px;bottom:1px;left:0;width:30%;background:linear-gradient(90deg,transparent,#42AFC4,transparent);animation:work-sweep 1.4s ease-in-out infinite}@keyframes work-sweep{from{transform:translateX(-100%)}to{transform:translateX(430%)}}
.access .party-rail button{gap:8px}.access .party-rail button::before{content:''!important;display:block;position:static!important;width:5px!important;height:5px!important;border-radius:50%;background:#7E8D9F;flex:none}.access .party-rail button[data-party=owner]::before{background:#245BE8}.access .party-rail button[data-party=production]::before{background:#76578F}.access .party-rail button[data-party=venue]::before{background:#42AFC4}.access .party-rail button[data-party=caterer]::before{background:#D78267}.access .party-rail button[aria-selected=true]{border-bottom-color:#42AFC4}.access .projection{border-left:2px solid #42AFC4}
/* Crisp shared handset geometry, with a fixed screen and an independently scrolling conversation. */
kambra-device.phoneFrame{--phone-width:clamp(220px,15.5vw,244px);--bezel:7px;--radius:calc(var(--phone-width)*.15);position:relative;width:var(--phone-width);max-width:100%;aspect-ratio:393/852;box-sizing:border-box;padding:var(--bezel);border:1px solid #67717F;border-radius:var(--radius);background:linear-gradient(115deg,#77818D,#222A34 8%,#111720 50%,#485260 98%);box-shadow:0 2px 4px #13243C35,0 20px 32px -9px #20334D35,inset 0 1px 1px #FFFFFF80;display:flex;transform:none;transition:box-shadow 240ms}kambra-device.phoneFrame:hover{transform:none}kambra-device.phoneFrame::before{content:'';position:absolute;width:3px;left:-3px;top:19%;height:10%;border-radius:2px 0 0 2px;background:linear-gradient(#7D8794 0 20%,transparent 20% 35%,#7D8794 35% 100%)}kambra-device.phoneFrame::after{content:'';position:absolute;right:-3px;top:28%;height:10%;width:3px;border-radius:0 2px 2px 0;background:#636F7F}
kambra-device .phoneFrame__screen{width:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #111820;border-radius:calc(var(--radius) - var(--bezel) - 1px);background:#FFF;color:#202938}kambra-device .phoneFrame__status{height:43px;box-sizing:border-box;flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 16px 0;position:relative;color:#171B21;font-size:12px;font-weight:600}kambra-device .phoneFrame__island{position:absolute;left:34%;top:10px;width:32%;height:21px;border-radius:20px;background:#080B0F}kambra-device .phoneFrame__island i{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:#111D31;box-shadow:inset 0 0 0 1px #172745}kambra-device .phoneFrame__signals{display:flex;align-items:center;gap:2px}kambra-device .phoneFrame__signals svg{width:30px;height:12px}kambra-device .phoneFrame__battery{position:relative;display:inline-block;width:17px;height:9px;border:1px solid #272E36;border-radius:2px;padding:1px;box-sizing:border-box}kambra-device .phoneFrame__battery::before{content:'';display:block;height:100%;background:#272E36;border-radius:.5px}kambra-device .phoneFrame__battery::after{content:'';position:absolute;right:-3px;top:2px;width:1.5px;height:3px;border-radius:0 1px 1px 0;background:#606975}kambra-device .phoneFrame__content{flex:1;min-height:0;display:flex;flex-direction:column}kambra-device .phoneFrame__home{height:4px;width:34%;margin:9px auto 7px;background:#171B21;border-radius:5px;flex:none}kambra-device .sms-thread{display:flex;flex:1;flex-direction:column;min-height:0}kambra-device .sms-contact{position:relative;display:flex;justify-content:center;align-items:center;min-height:69px;padding:3px 12px 7px;box-sizing:border-box;border-bottom:1px solid #E7E8EB;background:#FAFAFC;color:#202938;text-align:center;flex:none}kambra-device .sms-contact-person{display:flex;flex-direction:column;align-items:center;gap:3px}kambra-device .sms-contact .contact-k{display:flex;align-items:center;justify-content:center;width:29px;height:29px;margin:0;background:linear-gradient(145deg,#999FA7,#767D87);border:0;color:#FFF;border-radius:50%;font-size:16px;font-weight:500}kambra-device .sms-contact strong{font-size:12px;line-height:1.5;font-weight:500;color:#202938}kambra-device .sms-contact strong>span{color:#8A929D;margin-left:2px}kambra-device .sms-back{position:absolute;left:12px;top:26px;display:flex;align-items:center;color:#1671D9;font-size:28px;line-height:1}kambra-device .sms-back svg{width:23px;height:23px}kambra-device .sms-video{position:absolute;right:14px;top:26px;color:#1671D9}kambra-device .sms-video svg{width:22px;height:22px}
kambra-device .sms-chat{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#D2D8DF transparent;padding:14px 11px 10px;box-sizing:border-box;outline-offset:-3px;background:#FFF}kambra-device .sms-stamp{font-size:12px;line-height:1.5;color:#76808D;text-align:center;margin:0 0 13px}kambra-device .device-recipient{font-size:12px;line-height:1.5;color:#617187;text-align:center;margin:0 0 8px}kambra-device :is(.sms-bubble,.sms-reply){font-size:14px;line-height:1.48;padding:9px 11px;max-width:94%;width:fit-content;box-sizing:border-box;overflow-wrap:anywhere;box-shadow:none;animation:none;margin:0;background:#E9E9EB;color:#202938;border-radius:17px 17px 17px 5px}kambra-device .sms-reply{background:#207D38;color:#FFF;border-radius:17px 17px 5px 17px;margin:0 0 0 auto;max-width:90%}kambra-device .device-conversation>.sms-bubble,kambra-device .device-conversation>.sms-reply{margin-bottom:11px}kambra-device .sms-sender{display:block;font-size:12px;line-height:1.5;color:#617187;margin:0 3px 3px}kambra-device .sent .sms-sender{text-align:right}kambra-device .ios-line{max-width:100%;margin:0 0 12px}kambra-device .ios-line time{display:block;font-size:12px;line-height:1.5;margin:12px 0 8px;text-align:center}kambra-device .sms-compose{height:34px;min-height:34px;flex:none;display:flex;gap:8px;align-items:center;justify-content:space-between;border:0;border-radius:0;padding:0;margin:2px 10px 0;background:transparent;color:#868D97;font-size:14px}kambra-device .sms-compose>div{display:flex;align-items:center;justify-content:space-between;border:1px solid #D3D7DE;border-radius:20px;padding:5px 10px;flex:1;min-width:0;height:29px;box-sizing:border-box}kambra-device .sms-plus{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#F1F2F5;font-size:22px;line-height:1;color:#828B96}kambra-device .sms-compose svg{height:17px;width:17px;color:#929AA4}.native-demo .phone-scene{max-width:none;width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.native-demo .native-device{--phone-width:310px;max-width:100%;margin:0 auto}.native-demo .phone-context{font-size:12px;line-height:1.5;color:#617187;text-align:center;margin:14px 0 0}
/* The supplied image stays explicitly illustrative, in a single editorial break. */
.editorial-interlude{background:#FFF}.editorial-interlude .outcome-window{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.8fr);gap:28px 48px;align-items:center;margin:0;height:auto;overflow:visible;box-shadow:none;border:0;border-radius:0}.editorial-interlude .activation-image{position:static;display:block;width:100%;height:400px;object-fit:cover;object-position:50% 53%;border-radius:5px;transform:none!important;filter:none}.editorial-interlude .outcome-notation{position:static;padding:0;background:transparent;box-shadow:none;border:0;max-width:none;border-radius:0}.editorial-interlude .outcome-notation strong{font-size:clamp(27px,3vw,39px);letter-spacing:-1.1px;line-height:1.2;font-weight:450;color:#202938}.editorial-interlude .outcome-window figcaption{position:static;grid-column:1 / -1;padding:0;border:0;box-shadow:none;background:transparent;color:#617187;font-size:12px;line-height:1.5}.editorial-interlude .outcome-window .crop-mark{display:none}
@media(min-width:741px){#change .native-primary{padding-right:3px}#change .native-secondary{padding-top:38px}#change .native-composition[data-secondary=false]{min-height:420px}}
@media(max-width:1000px) and (min-width:741px){.native-demo .native-device{--phone-width:270px}kambra-device .phoneFrame__status{padding-left:13px;padding-right:13px}.editorial-interlude .outcome-window{gap:22px 30px}.editorial-interlude .activation-image{height:340px}}
@media(max-width:740px){kambra-device.smsFragment{display:block;position:relative;width:100%;max-width:100%;height:auto;aspect-ratio:auto;padding:0;border:1px solid #D5DEE9;border-radius:7px;background:#FFF;box-shadow:0 2px 4px #20334D0C,0 9px 22px #20334D14}kambra-device.smsFragment::before,kambra-device.smsFragment::after{display:none}kambra-device.smsFragment .phoneFrame__screen{border:0;border-radius:6px;background:#FFF}kambra-device.smsFragment .phoneFrame__status,kambra-device.smsFragment .phoneFrame__home{display:none}kambra-device.smsFragment .sms-contact{min-height:65px;justify-content:center;text-align:center;padding:7px 14px}kambra-device.smsFragment .sms-contact-person{flex-direction:row;gap:8px}kambra-device.smsFragment .sms-back{display:block;top:24px}kambra-device.smsFragment .sms-video{top:24px}kambra-device.smsFragment .contact-k{display:flex;width:28px;height:28px;line-height:1;margin:0}kambra-device.smsFragment .sms-contact strong{font-size:14px}kambra-device.smsFragment .sms-chat{overflow:visible;padding:14px 13px 10px}kambra-device.smsFragment .sms-compose{display:flex;margin:0 13px 13px;font-size:14px}kambra-device.smsFragment .sms-bubble,kambra-device.smsFragment .sms-reply{font-size:14px;line-height:1.55;max-width:93%}.native-demo .native-device{width:100%;max-width:100%}#change .native-secondary{padding-top:0}#change .native-composition[data-secondary=false]{min-height:0}.editorial-interlude .outcome-window{display:flex;flex-direction:column;align-items:stretch;gap:22px}.editorial-interlude .activation-image{height:300px;object-position:57% 50%}.editorial-interlude .outcome-notation strong{font-size:30px;line-height:1.2}.editorial-interlude .outcome-window figcaption{font-size:12px}.native-processing>div>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.native-stage-viewport *,.native-processing>i,kambra-device{animation:none!important;transition:none!important}.native-processing>i{display:none}}
/* Override the inherited generic blue message variant on these shared carrier-SMS surfaces. */
kambra-device.phoneFrame .sms-bubble,kambra-device.smsFragment .sms-bubble{background:#E9E9EB;color:#202938;border-radius:17px 17px 17px 5px}kambra-device.phoneFrame .sms-reply,kambra-device.smsFragment .sms-reply{background:#207D38;color:#FFF;border-radius:17px 17px 5px 17px}
/* One bounded creative review: private Messages attribution and small identity/role anchors. */
kambra-device .sms-sender{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}.event-identity{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:5px;background:#245BE8;color:#FFF;font-size:12px;font-weight:550;letter-spacing:0;line-height:1}.hero-plan .app-bar .event-identity{margin-left:0}.access-event-title{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.access .event-identity{background:#16778A}.native-demo .record-shell>header{justify-content:flex-start;gap:10px}.native-demo .record-shell>header>span:last-child{margin-left:auto}.access .party-rail button[data-party=agency]::before{background:#245BE8}.access .party-rail button[data-party=client]::before{background:#76578F}.access .party-rail button[data-party=venue]::before{background:#42AFC4}.access .party-rail button[data-party=supplier]::before{background:#D78267}.access .party-rail button[data-party=crew]::before{background:#207D38}.native-demo[data-playing=false] .native-processing>i{animation-play-state:paused}
@media(max-width:740px){.access .party-rail{gap:3px 10px}.access .party-rail button{gap:5px;padding-left:0;padding-right:0}.access .projection .surface-top{gap:7px}.hero-plan .app-bar{gap:7px}.hero-plan .app-bar .event-identity{width:24px;height:24px;font-size:12px}}
@media(max-width:360px){.access .party-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;row-gap:0}.access .party-rail button{justify-self:start;justify-content:flex-start}.hero-plan .app-bar .breadcrumb{display:none}.hero-plan .app-bar{gap:6px}}
.native-demo .native-playback,.access .party-cycle-toggle,.access .party-rail button{min-width:44px}
