/* Responsive web composition, using the inherited October13 materials and type. */
.native-demo{--native-ink:#202938;--native-muted:#59677B;--native-rule:#DFE5ED;--native-blue:#245BE8;color:var(--native-ink)}
.native-demo .native-intro{min-height:175px;margin-bottom:25px}.native-demo .native-intro h2{max-width:940px}.native-demo .native-intro p{max-width:860px}.native-demo .native-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.native-phases{display:flex;gap:5px;flex-wrap:wrap}.native-phases button,.native-playback,.native-reset{font:inherit;font-size:14px;font-weight:520;min-height:44px;border:0;background:transparent;color:inherit;padding:10px 14px;cursor:pointer;border-radius:5px}.native-phases button{border-bottom:2px solid transparent;border-radius:3px 3px 0 0}.native-phases button[aria-selected=true]{color:#245BE8;border-color:#245BE8;background:#EDF3FF}.native-phases button:hover{background:#EDF3FF}.native-playback{border:1px solid #C5CFDD;white-space:nowrap}.native-playback:disabled{opacity:.65;cursor:default}.native-demo button:focus-visible{outline:3px solid #42AFC4;outline-offset:3px}.native-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,34%);align-items:start;gap:22px;min-height:480px}.native-composition[data-secondary=false]{grid-template-columns:minmax(0,1fr)}.native-primary,.native-secondary{min-width:0}.native-secondary{padding-top:70px}.native-demo .native-sequence-footer{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:20px;min-height:68px}.native-progress{font-size:14px;line-height:1.65;max-width:850px;margin:0}.native-disclosure{font-size:12px;line-height:1.6;color:#617187;margin:6px 0 0}.native-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.coordination-anchor{scroll-margin-top:110px}.native-demo.signature .native-intro{min-height:155px}.native-demo.signature .native-phases button[aria-selected=true]{background:#FFFFFF;color:#202938;border-color:#42AFC4}.native-demo.signature .native-phases button:hover{background:#FFFFFF16}.native-demo.signature .native-phases button[aria-selected=true]:hover{background:#FFFFFF}.native-demo.signature .native-playback{border-color:#64748B}.native-demo.signature .native-disclosure{color:#AFBBD0}.native-demo.signature .native-progress{color:#D6E0EF}
.native-demo .browser-window,.native-demo .native-outcome,.native-demo .record-shell,.native-demo .phone-scene{color:var(--native-ink);border:1px solid #D5DEE9;border-radius:12px;background:#FFF;box-shadow:0 3px 7px #20334D1F,0 18px 36px -7px #20334D32;overflow:hidden;font-size:14px;line-height:1.55;text-align:left;transform:none}.native-demo :is(h3,h4,p,dl,dd){margin:0}.native-demo h3{font-size:19px;line-height:1.3;font-weight:560;letter-spacing:-.3px}.native-demo h4{font-size:14px;line-height:1.5;font-weight:650}.native-demo small,.native-demo time{font-size:12px;line-height:1.5;color:#617187}.native-demo svg{width:17px;height:17px;flex-shrink:0;vertical-align:middle}.native-demo .avatar{width:27px;height:27px;font-size:11px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#E2EFF1;color:#266373;flex-shrink:0}.native-demo .avatar.kambra{background:#202938;color:#FFF}.native-demo .avatar.lilac{background:#ECE7F1;color:#542E65}.native-demo .avatar.purple{background:#E8E0F1;color:#542E65}.native-demo .pill{display:inline-block;border-radius:4px;padding:4px 7px;font-size:12px;line-height:1.5;color:#59677B;background:#EEF2F6;font-weight:550}.native-demo .pill.revision{background:#F0ECF5;color:#542E65}.native-demo .pill.confirmed,.native-demo .monday-status.confirmed{color:#087E58;background:#E8F6EF}.native-demo .pill.pending,.native-demo .monday-status.pending{color:#885400;background:#FFF2D9}.native-demo .pill.reported,.native-demo .monday-status.reported{color:#2050CD;background:#EBF1FF}.native-demo .chrome-tabs{height:29px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#EEF1F5}.native-demo .chrome-dot{height:6px;width:6px;border-radius:50%;background:#C6CED8}.native-demo .chrome-tab{display:flex;align-items:center;gap:7px;min-width:0;margin-left:12px;font-size:10px;max-width:80%;color:#59677B}.native-demo .chrome-tab>span:nth-last-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.native-demo .tab-favicon{height:13px;width:auto;max-width:25px;object-fit:contain}.native-demo .chrome-address{height:35px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--native-rule);padding:0 12px;color:#617187}.native-demo .chrome-address>div{display:flex;align-items:center;gap:7px;flex:1;background:#F5F7FA;border-radius:15px;padding:3px 12px;font-size:11px}.native-demo .chrome-address .avatar{width:21px;height:21px;font-size:10px}.native-demo .native-context{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;margin:0 0 18px;font-size:12px;color:#617187}.native-demo .native-context strong{font-size:12px;font-weight:600;color:#59677B}.native-demo .native-proposed{font-size:12px;color:#617187;font-weight:400;margin-left:auto}.native-demo :is(.gemini-header,.gmail-header,.monday-top,.hubspot-top){display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #E8EDF3;min-height:57px}.native-demo .gemini-brand,.native-demo .gmail-brand{display:flex;align-items:center;gap:7px;font-size:21px;letter-spacing:-.5px}.native-demo .gemini-mark{height:23px;width:23px;object-fit:contain}.native-demo .gmail-mark{height:18px;width:25px;object-fit:contain}.native-demo .monday-logo{height:20px;width:100px;object-fit:contain;object-position:left center}.native-demo .gemini-thread-title{padding:18px 25px 3px;font-size:14px;color:#59677B}.native-demo .gemini-conversation{padding:18px 25px;min-height:280px}.native-demo .resource-context{display:flex;gap:11px;padding:13px 0 19px;color:#59677B;border-bottom:1px solid #E9EEF4;margin-bottom:18px}.native-demo .resource-context>div{display:flex;gap:7px 16px;flex-wrap:wrap}.native-demo .resource-context strong{font-size:12px;font-weight:500}.native-demo .native-message{display:flex;gap:10px;margin:0 0 20px}.native-demo .native-message-content{min-width:0;flex:1}.native-demo .native-message header{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:12px}.native-demo .native-message p{font-size:14px;line-height:1.65;white-space:pre-line}.native-demo .gemini-composer-zone{padding:0 25px 20px}.native-demo .gemini-composer{background:#F0F4F9;border:1px solid #E1E8F0;border-radius:20px;padding:14px 17px;color:#617187}.native-demo .composer-copy{font-size:14px;padding-bottom:16px}.native-demo .composer-controls{display:flex;align-items:center;gap:14px;font-size:12px}.native-demo .composer-controls>span{display:flex;align-items:center;gap:7px}.native-demo .composer-controls>span:last-child{margin-left:auto}.native-demo .native-facts{display:flex;flex-wrap:wrap;gap:13px 24px;padding:0 0 20px}.native-demo .native-facts dt{font-size:12px;color:#617187}.native-demo .native-facts dd{font-size:14px;margin-top:3px;font-weight:550}.native-demo .attachment-tile,.native-demo .native-artifact{display:flex;gap:10px;align-items:center;border:1px solid #DFE5ED;padding:12px;border-radius:6px;background:#FAFCFF;margin-top:13px;font-size:12px}.native-demo .attachment-tile strong,.native-demo .native-artifact strong{font-size:12px;overflow-wrap:anywhere;display:block}.native-demo .native-artifact span,.native-demo .attachment-tile small{display:block}.native-demo .native-open{padding:13px 0;border-top:1px solid #E4EAF2;margin-top:18px;font-size:12px;display:flex;flex-wrap:wrap;gap:5px 12px;color:#885400}.native-demo .native-open strong{font-weight:600}.native-demo .native-open span{font-size:14px}.native-demo .native-outcome>header{display:flex;align-items:center;gap:10px;padding:14px 17px;border-bottom:1px solid #DFE5ED}.native-demo .native-outcome>header>span:last-child{margin-left:auto;font-size:12px;color:#617187}.native-demo .native-outcome>.native-context{padding:13px 17px 0;margin-bottom:10px}.native-demo .native-outcome>h3,.native-demo .native-outcome>article{margin:15px 17px}.native-demo .mail-from{display:flex;justify-content:space-between;gap:8px;font-size:12px}.native-demo .mail-recipient{display:block;margin:4px 0 12px}.native-demo .email-outcome article p{font-size:14px;line-height:1.65}.native-demo .monday-crop-title{padding:6px 17px 15px}.native-demo .monday-crop-title small{display:block;margin-bottom:4px}.native-demo .monday-crop-row,.native-demo .monday-crop-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:13px 17px;border-top:1px solid #E4EAF2}.native-demo .monday-crop-row>div,.native-demo .monday-crop-fields>div{display:flex;flex-direction:column;gap:7px;min-width:0}.native-demo .monday-crop-fields strong{font-size:14px;font-weight:500}.native-demo .native-outcome>.native-artifact,.native-demo .native-outcome>.native-open{margin:0 17px 15px}.native-demo .supplier-outcome>.native-messages{padding:5px 17px 0}.native-demo .supplier-outcome .native-message{margin-bottom:16px}.native-demo .supplier-outcome .message-avatar{display:none}
.native-demo .gmail-toolbar{display:flex;align-items:center;gap:19px;padding:12px 22px;color:#617187}.native-demo .gmail-toolbar>span{flex:1}.native-demo .gmail-subject{display:flex;gap:12px;align-items:center;padding:13px 23px 20px}.native-demo .gmail-subject>span{font-size:10px;padding:2px 5px;background:#EBEFF3;color:#59677B}.native-demo .gmail-thread>.native-context{margin:0 23px 15px}.native-demo .gmail-thread-content{padding:0 23px 18px}.native-demo .gmail-email{display:flex;gap:12px;margin-top:18px}.native-demo .gmail-email>section{flex:1;min-width:0}.native-demo .gmail-email header{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:3px}.native-demo .gmail-email header time{margin-left:auto}.native-demo .gmail-email p{font-size:14px;line-height:1.7;margin:20px 0 30px;white-space:pre-line}.native-demo .gmail-reply-controls{display:flex;gap:12px;margin:25px 0 3px;font-size:12px;color:#59677B}.native-demo .gmail-reply-controls span{display:flex;align-items:center;gap:9px;border:1px solid #C8D3E0;border-radius:20px;padding:7px 14px}.native-demo .monday-main{padding:22px}.native-demo .board-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.native-demo .board-title svg:last-child{margin-left:auto}.native-demo .board-description{font-size:12px;color:#617187}.native-demo .monday-views{display:flex;gap:18px;border-bottom:1px solid #DFE5ED;margin:15px 0 18px;font-size:12px;color:#59677B}.native-demo .monday-views>span{padding:8px 0;display:flex;gap:6px;align-items:center}.native-demo .monday-views .active{border-bottom:2px solid #245BE8}.native-demo .monday-group{display:flex;gap:10px;align-items:center;color:#76578F;margin:0 0 10px;font-size:14px}.native-demo .monday-table-wrap{min-width:0}.native-demo .monday-table{border-top:1px solid #DFE5ED}.native-demo .monday-row{display:grid;grid-template-columns:17px minmax(100px,1.3fr) minmax(80px,.8fr) minmax(95px,1fr) minmax(75px,.7fr);border:1px solid #DFE5ED;border-top:0;align-items:stretch;font-size:12px;background:#FFF}.native-demo .monday-row>span,.native-demo .monday-row>div{padding:10px 8px;border-right:1px solid #E7ECF2;min-width:0;overflow-wrap:anywhere;display:flex;align-items:center}.native-demo .monday-row>span:first-child{padding:10px 3px;color:#A1ADBC}.native-demo .monday-row>span:last-child{display:none}.native-demo .monday-row.header{background:#F7F9FC;color:#617187;font-size:10px}.native-demo .monday-item-title{flex-direction:column;align-items:flex-start!important;gap:2px}.native-demo .monday-item-title strong{font-weight:500;font-size:14px}.native-demo .native-owner{gap:6px}.native-demo .native-owner .avatar{display:none}.native-demo .monday-status{font-size:12px;line-height:1.45;text-align:center;justify-content:center}.native-demo .monday-row.focus-row{box-shadow:inset 3px 0 #245BE8;background:#F8FAFF}.native-demo .production-assistant{margin-top:22px;border:1px solid #D8E1EB;border-radius:7px}.native-demo .production-assistant>header{display:flex;gap:9px;align-items:center;background:#F5F8FC;padding:12px}.native-demo .production-assistant>header strong,.native-demo .production-assistant>header span{display:block;font-size:12px}.native-demo .production-assistant>header span{color:#617187}.native-demo .production-assistant>.native-messages{padding:15px 13px 0}.native-demo .production-assistant .native-message:last-child{margin-bottom:15px}.native-demo .hubspot-top{background:#253C50;color:#FFF;padding:14px 18px}.native-demo .hubspot-top .native-proposed{color:#C8D5E0}.native-demo .hubspot-top>span:not(.hubspot-reference-mark){font-size:12px}.native-demo .hubspot-reference-mark{display:inline-block;width:16px;height:16px;border:3px solid #FF7A59;border-radius:50%;position:relative;margin-right:2px;flex-shrink:0}.native-demo .hubspot-reference-mark:before{content:'';position:absolute;height:9px;width:3px;background:#FF7A59;left:7px;top:-9px;transform:rotate(35deg);transform-origin:bottom}.native-demo .hubspot-reference-mark:after{content:'';position:absolute;width:5px;height:5px;background:#FF7A59;border-radius:50%;top:-10px;left:10px}.native-demo .hubspot-content{display:grid;grid-template-columns:180px minmax(0,1fr)}.native-demo .hubspot-contact{background:#F8FAFC;border-right:1px solid #DFE5ED;padding:19px 16px}.native-demo .hubspot-back{font-size:12px;color:#526B83}.native-demo .sponsor-role-avatar{border-radius:50%;width:40px;height:40px;background:#DFE8F0;display:flex;align-items:center;justify-content:center;color:#526B83;margin:20px 0 10px}.native-demo .hubspot-contact h3{font-size:17px}.native-demo .hubspot-contact>p{font-size:12px;color:#617187;margin:9px 0 20px}.native-demo .hubspot-contact dt{font-size:12px;color:#617187;margin-top:14px}.native-demo .hubspot-contact dd{font-size:14px;margin-top:4px}.native-demo .hubspot-activity{padding:0 20px 20px}.native-demo .hubspot-tabs{display:flex;gap:15px;font-size:12px;color:#617187;border-bottom:1px solid #DFE5ED;margin-bottom:18px}.native-demo .hubspot-tabs>span{padding:14px 0}.native-demo .hubspot-tabs .active{border-bottom:2px solid #FF7A59}.native-demo .hubspot-activity>header{display:flex;flex-direction:column;gap:12px;align-items:start;margin:0 0 15px}.native-demo .hubspot-timeline>article{display:flex;align-items:start;gap:12px;padding:16px 0;border-bottom:1px solid #E2E8F0}.native-demo .hubspot-timeline>article>svg{color:#FF7A59;margin-top:4px}.native-demo .hubspot-timeline p{font-size:14px;line-height:1.6;margin-top:6px}.native-demo .hubspot-timeline small{display:block;margin-top:8px}.native-demo .phone-scene{max-width:365px;margin:auto}.native-demo .iphone-hardware{padding:7px;background:#202938;border-radius:22px}.native-demo .iphone-screen{background:#FFF;border-radius:16px;overflow:hidden}.native-demo .ios-status{display:flex;justify-content:space-between;padding:9px 18px 0;font-size:11px;min-height:26px}.native-demo .messages-titlebar{padding:8px 13px 11px;border-bottom:1px solid #E4E7EB;display:flex;align-items:center;justify-content:space-between}.native-demo .messages-titlebar>span{color:#1672C2;display:flex;align-items:center;font-size:11px}.native-demo .messages-titlebar>span i{font-style:normal}.native-demo .messages-titlebar>div{display:flex;flex-direction:column;align-items:center;gap:4px}.native-demo .messages-titlebar strong{font-size:12px;display:flex;align-items:center}.native-demo .messages-titlebar .avatar{width:25px;height:25px}.native-demo .sms-service-label{font-size:12px;text-align:center;color:#718095;margin:15px 0 5px}.native-demo .sms-event-context{font-size:12px;text-align:center;color:#617187;padding:0 10px 12px}.native-demo .ios-messages{padding:0 13px 16px}.native-demo .ios-line{max-width:92%;margin:0 0 13px}.native-demo .ios-line.sent{margin-left:auto}.native-demo .sms-sender{display:block;font-size:10px;color:#617187;margin:0 3px 3px}.native-demo .sent .sms-sender{text-align:right}.native-demo .ios-bubble{padding:10px 13px;font-size:14px;line-height:1.5;background:#E9E9EB;border-radius:17px 17px 17px 5px;color:#202938;overflow-wrap:anywhere}.native-demo .sent .ios-bubble{background:#248A3D;color:white;border-radius:17px 17px 5px 17px}.native-demo .ios-line time{display:block;text-align:center;margin:15px 0 8px}.native-demo .ios-compose{display:flex;gap:11px;align-items:center;padding:4px 13px 16px;color:#617187}.native-demo .ios-compose>div{flex:1;display:flex;align-items:center;justify-content:space-between;border:1px solid #D5DDE7;border-radius:20px;font-size:12px;padding:6px 12px}.native-demo .home-indicator{height:4px;background:#202938;width:95px;margin:0 auto 5px;border-radius:5px}.native-demo .record-shell>header{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #DFE5ED}.native-demo .record-shell>header>span:last-child{font-size:12px;color:#617187}.native-demo .kambra-wordmark{font-size:25px;letter-spacing:-1px;font-weight:650}.native-demo .record-shell>.native-context{margin:18px 25px}.native-demo .record-main{padding:5px 25px 25px}.native-demo .record-main>h3{font-size:26px;margin-bottom:12px}.native-demo .record-summary{font-size:14px;line-height:1.6;color:#59677B;margin-bottom:20px}.native-demo .closeout-rows>article{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #E4EAF2}.native-demo .closeout-rows p{font-size:14px;line-height:1.6;margin:5px 0}.native-demo .closeout-rows small{display:block}.native-demo .closeout-rows .pill{flex-shrink:0}.native-demo .native-reset{white-space:nowrap;padding-top:0}
@media(min-width:1000px){.native-composition[data-secondary=false]>.native-primary{max-width:960px;width:100%;margin:auto}.native-demo.signature .native-composition{min-height:510px}.native-secondary .browser-window .chrome-address{display:none}.native-secondary .gemini-header{padding:13px}.native-secondary .gemini-thread-title{padding:14px 15px 0}.native-secondary .gemini-conversation{padding:14px 15px;min-height:0}.native-secondary .gemini-composer-zone{padding:0 15px 15px}.native-secondary .gemini-brand{font-size:18px}.native-secondary .native-proposed{font-size:10px}.native-secondary .monday-main{padding:15px}.native-secondary .monday-row{grid-template-columns:13px 1fr 1fr}.native-secondary .monday-row>span:nth-child(3),.native-secondary .monday-row>span:nth-child(5){display:none}.native-secondary .monday-row>span:nth-child(4){font-size:12px}.native-secondary .monday-top .avatar{display:none}.native-secondary .board-title h3{font-size:16px}.native-secondary .monday-top{padding:13px}.native-secondary .production-assistant .message-avatar{display:none}.native-secondary .production-assistant .native-message p{font-size:13px}.native-secondary .native-context{gap:6px}.native-secondary .native-outcome .monday-logo{width:85px}}
@media(max-width:1000px){.native-composition{grid-template-columns:minmax(0,1fr) minmax(280px,35%);gap:16px}.native-demo .hubspot-content{grid-template-columns:145px minmax(0,1fr)}.native-demo .hubspot-contact{padding:16px 12px}.native-demo .native-intro{min-height:210px}.native-demo .monday-row{grid-template-columns:14px 1.2fr .8fr 1fr}.native-demo .monday-row>span:nth-child(5){display:none}.native-demo .monday-row>span:nth-child(3){display:none}.native-demo .monday-row{grid-template-columns:14px 1.2fr 1fr .7fr}.native-demo .monday-row>span:nth-child(5){display:flex}.native-demo .native-secondary .monday-row{grid-template-columns:13px 1fr 1fr}.native-demo .native-secondary .monday-row>span:nth-child(5){display:none}.native-demo .monday-main{padding:17px}.native-demo .native-secondary{padding-top:45px}}
@media(max-width:740px){.native-demo .native-intro,.native-demo.signature .native-intro{min-height:0;margin-bottom:25px}.native-demo .native-intro h2{font-size:31px;line-height:1.16}.native-demo .native-intro p{font-size:16px;line-height:1.65}.native-demo .native-controls{display:block;margin-bottom:22px}.native-demo .native-phases{gap:4px;margin-bottom:12px}.native-demo .native-phases button{font-size:13px;padding:10px 11px}.native-demo .native-playback{font-size:13px;padding:9px 16px}.native-demo .native-composition{display:flex;flex-direction:column;min-height:0;gap:22px}.native-demo .native-primary,.native-demo .native-secondary{width:100%;padding:0}.native-demo .native-sequence-footer{display:block;margin-top:20px;min-height:0}.native-demo .native-progress{font-size:14px;line-height:1.6}.native-demo .native-reset{margin:12px 0 0;padding:8px 0}.native-demo .native-disclosure{font-size:12px;margin-top:10px}.native-demo .browser-window,.native-demo .native-outcome,.native-demo .record-shell{border-radius:9px}.native-demo .chrome-tabs{height:25px;padding:0 10px}.native-demo .chrome-tab{font-size:9px;margin-left:7px}.native-demo .chrome-address{display:none}.native-demo :is(.gemini-header,.gmail-header,.monday-top,.hubspot-top){padding:13px 15px;gap:9px}.native-demo .native-proposed{font-size:12px;max-width:84px;text-align:right;line-height:1.4}.native-demo .gemini-header>.avatar,.native-demo .gmail-header>.avatar,.native-demo .monday-top>.avatar,.native-demo .hubspot-top>.avatar{display:none}.native-demo .gemini-brand,.native-demo .gmail-brand{font-size:20px}.native-demo .gemini-thread-title{padding:16px 16px 0}.native-demo .gemini-conversation{padding:15px 16px;min-height:220px}.native-demo .native-context{gap:6px 10px;margin-bottom:15px}.native-demo .native-context strong,.native-demo .native-context>span,.native-demo .pill{font-size:12px}.native-demo .resource-context{font-size:12px}.native-demo .resource-context>div{display:block}.native-demo .resource-context strong{display:block;margin-bottom:7px}.native-demo .native-message{gap:8px}.native-demo .native-message p,.native-demo .email-outcome article p{font-size:14px;line-height:1.65}.native-demo .native-message .avatar{width:24px;height:24px}.native-demo .native-message header{flex-wrap:wrap;font-size:12px}.native-demo .gemini-composer-zone{padding:0 15px 15px}.native-demo .gemini-composer{border-radius:15px}.native-demo .gmail-toolbar{gap:16px;padding:12px 15px}.native-demo .gmail-subject{padding:12px 15px 18px}.native-demo .gmail-subject h3{font-size:18px}.native-demo .gmail-thread>.native-context{margin:0 15px 15px}.native-demo .gmail-thread-content{padding:0 15px 17px}.native-demo .gmail-email{gap:8px}.native-demo .gmail-email>div{display:none}.native-demo .gmail-email header{gap:8px;flex-wrap:wrap;font-size:12px}.native-demo .gmail-email header svg{display:none}.native-demo .gmail-email p{font-size:14px;margin:18px 0}.native-demo .native-facts{gap:12px 20px}.native-demo .native-outcome>.native-context{padding:13px 15px 0}.native-demo .native-outcome>header{padding:13px 15px}.native-demo .monday-logo{width:95px;height:19px}.native-demo .monday-main{padding:17px 14px}.native-demo .board-title h3{font-size:18px}.native-demo .monday-row,.native-demo .native-secondary .monday-row{grid-template-columns:minmax(85px,1fr) minmax(84px,1fr) minmax(70px,.8fr);font-size:12px}.native-demo .monday-row>span:first-child{display:none}.native-demo .monday-row>span:nth-child(3){display:none}.native-demo .monday-row>span:nth-child(5),.native-demo .native-secondary .monday-row>span:nth-child(5){display:flex}.native-demo .monday-row>span,.native-demo .monday-row>div{padding:10px 6px}.native-demo .monday-item-title strong{font-size:14px}.native-demo .monday-status{font-size:12px}.native-demo .monday-row.header{font-size:10px}.native-demo .monday-crop-fields,.native-demo .monday-crop-row{padding:14px 15px;gap:12px}.native-demo .monday-crop-row{grid-template-columns:1fr}.native-demo .monday-crop-title{padding:8px 15px 14px}.native-demo .monday-crop-title h3{font-size:19px}.native-demo .production-assistant .message-avatar{display:none}.native-demo .hubspot-content{display:block}.native-demo .hubspot-contact{padding:15px;border-bottom:1px solid #DFE5ED;border-right:0}.native-demo .hubspot-contact .sponsor-role-avatar,.native-demo .hubspot-back,.native-demo .hubspot-contact>p{display:none}.native-demo .hubspot-contact h3{font-size:18px}.native-demo .hubspot-contact dl{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px}.native-demo .hubspot-contact dt{font-size:12px;margin:0}.native-demo .hubspot-contact dd{font-size:12px;margin:0;font-weight:550}.native-demo .hubspot-contact dt:nth-of-type(1),.native-demo .hubspot-contact dd:nth-of-type(1),.native-demo .hubspot-contact dt:nth-of-type(2),.native-demo .hubspot-contact dd:nth-of-type(2){display:none}.native-demo .hubspot-activity{padding:0 15px 17px}.native-demo .hubspot-tabs{gap:16px;font-size:12px}.native-demo .hubspot-top>span:nth-child(3){display:none}.native-demo .hubspot-timeline>article{gap:8px}.native-demo .hubspot-timeline p{font-size:14px}.native-demo .phone-scene{max-width:none}.native-demo .iphone-hardware{padding:0;background:#FFF;border-radius:0}.native-demo .iphone-screen{border-radius:0}.native-demo .ios-status,.native-demo .home-indicator{display:none}.native-demo .messages-titlebar{padding:12px 15px}.native-demo .messages-titlebar>div{flex-direction:row;gap:8px}.native-demo .messages-titlebar>span i{font-size:12px}.native-demo .ios-messages{padding:0 15px 15px}.native-demo .ios-bubble{font-size:14px;line-height:1.6}.native-demo .sms-sender{font-size:12px}.native-demo .ios-compose{padding-bottom:16px}.native-demo .record-shell>header{padding:17px 15px}.native-demo .record-shell>.native-context{margin:17px 15px}.native-demo .record-main{padding:3px 15px 20px}.native-demo .record-main>h3{font-size:23px}.native-demo .closeout-rows>article{gap:10px}.native-demo .closeout-rows strong{font-size:14px}.native-demo .closeout-rows p{font-size:14px}.native-demo .native-composition[data-secondary=false]>.native-primary{max-width:100%}}
@media(max-width:360px){.native-demo .native-intro h2{font-size:29px}.native-demo .native-phases button{font-size:12px;padding:10px}.native-demo .monday-row,.native-demo .native-secondary .monday-row{grid-template-columns:1fr 1fr}.native-demo .monday-row>span:nth-child(5),.native-demo .native-secondary .monday-row>span:nth-child(5){display:none}.native-demo .monday-crop-fields{grid-template-columns:1fr}.native-demo .native-context{flex-wrap:wrap}.native-demo .closeout-rows>article{display:block}.native-demo .closeout-rows .pill{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.native-demo *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-motion=reduce] .native-demo *{animation:none!important;transition:none!important}

.native-demo .native-message{background:transparent;border-radius:0;padding:0}

/* Scoped contrast and compact affected work evidence. */
.native-demo.signature .native-intro h2{color:#F0F3FB}.native-demo.signature .native-intro p{color:#AFBBD0}.native-demo.signature .native-controls,.native-demo.signature .native-reset{color:#F0F3FB}.native-demo.signature .native-playback{color:#F0F3FB}.native-demo.signature .native-playback:disabled{color:#D4DEED;opacity:1}
.native-demo .native-approval-evidence{border-top:1px solid #DFE5ED;margin-top:15px;padding-top:14px;font-size:12px;line-height:1.55}.native-demo .native-approval-evidence>strong{font-size:12px}.native-demo .native-approval-evidence p{font-size:12px;line-height:1.55;margin-top:9px}.native-demo .native-approval-evidence b{font-weight:600}
@media(min-width:741px){.native-demo .native-secondary .monday-row{grid-template-columns:13px minmax(85px,1fr) minmax(65px,.8fr) minmax(55px,.6fr)}.native-demo .native-secondary .monday-row>span:nth-child(3){display:none}.native-demo .native-secondary .monday-row>span:nth-child(5){display:flex}.native-demo .native-secondary .monday-row>span:nth-child(6){display:none}.native-demo .native-secondary .monday-row.header{font-size:9px}.native-demo .native-secondary .monday-row>span,.native-demo .native-secondary .monday-row>div{padding:9px 6px}.native-demo .native-secondary .monday-item-title strong{font-size:13px}.native-demo .native-intro{min-height:150px}.native-demo .gemini-thread-title{padding-top:14px}.native-demo .gemini-conversation{min-height:200px;padding-top:15px;padding-bottom:9px}.native-demo .gemini-composer-zone{padding-bottom:16px}.native-demo .gemini-composer{padding:10px 15px}.native-demo .composer-copy{padding-bottom:9px}.native-demo .native-message{margin-bottom:16px}.native-demo .native-secondary{padding-top:45px}}

.native-demo .monday-status,.native-demo .monday-crop-row .pill{font-size:14px}.native-demo .native-approval-evidence p{font-size:14px}

#sources,#change{scroll-margin-top:30px}#channels{scroll-margin-top:145px}
@media(max-width:360px){.native-demo .monday-row,.native-demo .native-secondary .monday-row{grid-template-columns:minmax(70px,1.1fr) minmax(74px,1fr) minmax(48px,.6fr)}.native-demo .monday-row>span:nth-child(5),.native-demo .native-secondary .monday-row>span:nth-child(5){display:flex}}

/* Exact Monday PNG artwork has intrinsic empty space; expose its original aspect ratio at native size. */
.native-demo .monday-logo{width:145px;height:auto;max-height:none;clip-path:inset(29% 6% 20% 6%);margin:-14px -9px -14px -8px;object-fit:contain}.native-demo .native-secondary .monday-logo{width:140px;height:auto}
.native-demo .monday-row [data-field=time]{font-size:14px;font-variant-numeric:tabular-nums}
@media(max-width:740px){.native-demo .monday-logo,.native-demo .native-secondary .monday-logo{width:116px;height:auto;margin:-11px -7px -11px -6px}}
.native-demo .native-secondary .monday-row>[data-field=status],.native-demo .native-secondary .monday-item-title strong{font-size:14px}
/* The inherited document already reserves100px for sticky navigation. Avoid adding that offset twice. */
#sources,#change{scroll-margin-top:-95px}#channels{scroll-margin-top:0}
@media(max-width:740px){#sources,#change{scroll-margin-top:-62px}}
@media(min-width:741px) and (max-height:850px){.native-demo .native-intro,.native-demo.signature .native-intro{min-height:0;margin-bottom:18px}.native-demo .native-controls{margin-bottom:18px}.native-demo .native-secondary{padding-top:20px}.native-demo .native-secondary .board-title{margin-bottom:10px}.native-demo .native-secondary .native-context{margin-bottom:10px}.native-demo .native-secondary .monday-views{margin:8px 0 12px}.native-demo .native-secondary .monday-row>span,.native-demo .native-secondary .monday-row>div{padding-top:8px;padding-bottom:8px}}