/* CRM / 23 October: product-native UI, paced scenes and compact demonstrations. */
.column-total{font-size:13px;font-weight:600;white-space:nowrap;margin-left:auto;color:inherit;font-variant-numeric:tabular-nums}.row-0 .column-plus{display:none}.row-0 .column-head{gap:6px}.row-0 .column-head h3{font-size:13px}.row-1 .success .column-head,.automation .success .column-head{background:#73f639!important;color:#111!important}.row-1 .success .tt-column__count{color:#111}
.task-receiver{--land:0;--arrival-height:180px;margin-bottom:calc(-1 * (1 - var(--land)) * (var(--arrival-height) + 10px));z-index:2}.task-receiver:before{inset:-8px;border:1px solid #73f639;background:#73f63924;transform:scale(calc(1.1 - var(--approach,0)*.1));box-shadow:0 0 20px #73f63930}.task-receiver~.tt-card{position:relative;z-index:1}
.story-complete{position:absolute!important;left:7px!important;top:8px!important;right:auto!important;bottom:auto!important}.calendar-prep,.calendar-followup{padding-left:36px!important}.story-complete input:checked+span{background:#0c0e13!important}.story-complete input:checked+span:after{border-color:#73f639!important}.cal-block:has(.story-complete input:checked) .cal-block__title{text-decoration:line-through}
.row-3{padding-top:35px;min-height:0}.chat-story-heading{text-align:center;max-width:870px;margin:0 auto 42px}.chat-story-heading h2{font-size:clamp(30px,3.4vw,52px)}.chat-story-heading p{max-width:700px;margin:20px auto 0}.task-detail-crop{max-width:1120px;grid-template-columns:minmax(0,1fr) 310px;gap:36px}.detail-fold{padding:12px 0}.detail-discussion{padding-top:18px}.detail-aside{gap:18px;padding-top:12px}.detail-aside .team-member{margin:9px 0}.team-member small{display:block;color:#8b8b8b;font-size:10px;margin-top:2px}.detail-agents img{width:36px;height:36px}.detail-agents img:first-of-type{margin-left:0}.task-detail-crop .tt-feed__scroll{min-height:0!important;height:auto!important;padding:18px!important}.detail-slot{padding:10px!important}.detail-documents .tt-documents__row{padding-block:8px}.detail-discussion .tt-feed__list{gap:16px}.story-reactions{margin-top:9px}.story-reactions .source-tag--toggle{display:inline-flex;gap:5px;padding:4px 9px;border-radius:18px;background:#f0f0f0;font-size:12px}.tt-feed__scroll,.agent-discussion .tt-feed__window{overflow:visible!important;overscroll-behavior:auto!important}.detail-discussion .tt-feed__window{overflow:visible!important}.detail-discussion .source-segments button,[data-profile],[data-discussion]{cursor:default!important;pointer-events:none}
/* The selected avatar keeps its silhouette; a soft neck of glass follows hover. */
.agent-preset{position:relative;isolation:isolate;outline:none!important}.agent-preset img{position:relative;z-index:1;transition:transform .55s cubic-bezier(.2,1.5,.2,1);transform:translate(var(--avatar-x,0px),var(--avatar-y,0px))}.agent-preset:before{content:'';position:absolute;inset:3%;border-radius:50%;background:#e9f0e4;filter:blur(5px);transform:scale(.94) translate(calc(var(--avatar-x,0px) * -.55),calc(var(--avatar-y,0px) * -.55));transition:transform .5s,opacity .3s;opacity:0}.agent-preset:hover:before{opacity:1;transform:scale(1.04)}.agent-preset:hover{transform:translateY(-4px)}.agent-choose{gap:42px}.agent-choose>p{margin-top:15px}.agent-profile{padding:20px 30px}.native-instruction{overflow:visible;max-height:none!important;font-size:14px;line-height:1.6}.native-instruction p{margin-bottom:13px}.native-instruction strong{font-weight:600}.instruction-actions svg{display:block;width:20px;height:20px}.instruction-actions .static-segments span{display:grid;place-items:center;min-width:34px}.agent-team{gap:55px}.team-access>.team-member{margin-bottom:9px}.team-access>.field-caption:not(:first-child){margin-top:15px}.agent-discussion .tt-feed__scroll{height:350px;padding:22px;display:flex;align-items:flex-end}.agent-discussion .tt-feed__list{width:100%}.team-reactions{height:calc(var(--reaction-progress,0) * 34px);min-height:0;margin-top:calc(var(--reaction-progress,0) * 10px);overflow:visible}.team-reaction{align-self:flex-start}.agent-steps{gap:8px;max-width:340px;margin:20px auto 0}.agent-steps button{width:60px;height:20px;padding:8px 0;position:relative;background:none}.agent-steps button:before,.agent-steps button>span{content:'';position:absolute;left:0;top:9px;height:2px;width:100%;background:repeating-linear-gradient(90deg,#d5d5d5 0 6px,transparent 6px 9px)}.agent-steps button>span{background:#111;transform:scaleX(var(--step-fill,0));transform-origin:left}.agent-steps button[aria-current]:after{display:none}
/* Horizontal showcases have their own controls, never intercept vertical scrolling. */
.showcase-group{padding-top:80px;padding-bottom:75px}.showcase-nav{width:max-content;max-width:100%;margin:0 auto 40px}.showcase-nav button{padding:11px 24px;font-size:14px;white-space:nowrap}.showcase-panels{position:relative;min-width:0}.showcase-panel{margin:0!important;padding:0!important;min-height:0!important}.showcase-panel[hidden]{display:none!important}.showcase-panel.is-entering{animation:panel-enter .5s cubic-bezier(.2,.7,.2,1) backwards}.showcase-panel .scene-heading{margin-bottom:42px}.showcase-paging{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:30px;color:#888;font-size:12px}.showcase-paging button{height:38px;width:48px;border-radius:14px;background:linear-gradient(145deg,#fff,#f4f4f4);border:1px solid #eee;box-shadow:inset 0 2px 2px white,0 2px 4px #0000000d;color:#111;font-size:19px}.showcase-paging button:disabled{opacity:.25;cursor:default}@keyframes panel-enter{from{opacity:0;transform:translateX(var(--slide-enter,25px))}to{opacity:1;transform:none}}
.automation-layout{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:42px;align-items:center}.automation-target{display:flex;align-items:center;gap:12px;justify-content:space-between;font-size:12px;color:#777;margin-bottom:15px}.automation-target b{background:#73f639;padding:7px 15px;border-radius:8px;color:#111;font-weight:500}.automation-settings .tt-auto{padding:20px;gap:18px}.automation-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible}.automation-stage .tt-card{font-size:13px;padding:12px;gap:10px}.automation-stage .tt-card__title{font-size:14px}.automation-stage .column-head{font-size:13px}.automation-workspace{width:100%}.auto-slot{min-height:220px}.automation .interaction-status{min-height:30px}.planning-surface{max-width:1050px;margin:auto}
/* Native workflows: project color tint, deadline diamonds, occupation dots. */
.flow-dates{margin-bottom:0;min-height:50px;align-items:center;border-bottom:1px solid #e5e5e5}.flow-row{min-height:76px;border-bottom:1px solid #eee}.flow-lane{height:76px}.flow-source,.flow-dependent{--cal-project:#8c7bea;top:25px;height:20px;border-radius:6px;border:0;background:color-mix(in srgb,var(--cal-project) 22%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cal-project) 55%,transparent);overflow:visible;padding:0;min-width:0}.flow-source{--cal-project:#8c7bea}.flow-dependent{--cal-project:#8c7bea}.flow-source>i,.flow-dependent>i{display:none}.flow-deadline-diamond{position:absolute;right:-5px;top:5px;width:10px;height:10px;background:var(--cal-project);transform:rotate(45deg)}.flow-slot-dot{position:absolute;bottom:17px;width:5px;height:5px;border-radius:50%;background:#8c7bea}.flow-name{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.flow-name svg{width:15px;height:15px;color:#888}.flow-name strong{flex:1;min-width:70px}.flow-name small{width:100%}.dependency-link>path{stroke:#8a8a8a;stroke-width:1.5}.workflow.conflict .flow-dependent{background:#e9e4fa;border:0;box-shadow:inset 0 0 0 1.5px #eb5757,0 0 0 2px #eb575724}.workflow.conflict .dependency-link>path{stroke:#eb5757}.flow-feedback{min-height:50px}.time-deadline:before,.time-deadline i{background:#111}
#editor .editor-copy{text-align:center;margin-bottom:32px}.editor-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.editor-pane{min-width:0}.editor-pane>h3{font-size:12px;font-weight:400;color:#777;margin:0 0 12px}.editor-pane .source-text-modes{display:none!important}.editor-pane .source-text-workspace{min-width:0}.editor-pane .source-text-content{height:470px!important}.editor-pane .source-markdown-preview{line-height:1.75}.editor-pane .source-text-header{display:none}.calls-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}.call-summary{padding:15px 0}.call-recording{display:flex;gap:14px;align-items:center}.call-recording>div{flex:1}.call-recording strong{font-size:15px;font-weight:500}.call-recording small{display:block;color:#999;font-size:12px;margin-top:5px}.call-symbol{width:42px;height:42px;background:#f4f4f4;border-radius:14px;display:grid;place-items:center}.call-recording button{width:38px;height:38px;border-radius:50%;border:1px solid #ddd;font-size:12px}.call-wave{height:65px;display:flex;align-items:center;justify-content:space-between;gap:4px;margin:20px 0}.call-wave i{height:var(--wave);width:4px;border-radius:4px;background:#73f639;opacity:.75}.call-summary.is-playing .call-wave i{animation:call-wave .7s ease-in-out infinite alternate;animation-delay:calc(var(--wave) * -20ms / 1px)}@keyframes call-wave{to{transform:scaleY(.3)}}.call-transcript{border-left:2px solid #ddd;padding-left:18px;font-size:14px;line-height:1.6;margin-bottom:30px}.call-transcript time{font-size:11px;color:#999}.call-transcript p{margin-top:7px;color:#555}.call-result h3{font-size:20px;font-weight:500;margin:12px 0}.call-result p{font-size:14px;line-height:1.6;color:#666}.call-action{display:flex;gap:10px;align-items:center;border-top:1px solid #eee;padding:15px 0;font-size:13px}.call-action:first-of-type{margin-top:20px}.call-action>span:nth-child(2){flex:1}.call-action small{display:block;color:#888;font-size:11px;margin-top:5px}.call-check{width:18px;height:18px;border:1px solid #ddd;border-radius:50%}.call-action img{width:27px;height:27px}
.closing-charms{display:flex;justify-content:center;gap:22px;margin-top:45px}.closing-charm{position:relative;width:150px;height:165px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(135deg,#ffffffb0,#ffffff27 55%,#ffffff80);border:1px solid #fff;backdrop-filter:blur(4px) saturate(1.4);box-shadow:inset 2px 3px 3px #fff,inset -2px -3px 4px #85968b38,inset 0 0 0 4px #ffffff3d,5px 15px 25px -13px #18351b40,0 0 0 1px #324c3524;color:#111;transform:rotate(-7deg);transform-origin:50% 0;transition:transform .6s cubic-bezier(.2,1.6,.3,1)}.closing-charm:nth-child(2){transform:rotate(7deg)}.closing-charm:hover{transform:rotate(0) translateY(-5px)}.closing-charm>svg{width:42px;height:42px}.closing-charm>span:last-child{font-size:20px;font-weight:500}.closing-mount{position:absolute;top:-5px;left:40%;width:20%;height:10px;border-radius:4px;border:1px solid #dce4de;background:linear-gradient(#fff,#e6ebe7);box-shadow:0 2px 2px #16382024}
@media(min-width:1100px) and (min-height:720px){.journey-row:not(.row-3){display:block;min-height:108svh;padding:0}.journey-stage{position:sticky;top:15svh;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.9fr);gap:7%;align-items:center;min-height:70svh}.row-1 .journey-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.22fr)}.row-1 .journey-copy{grid-column:1;grid-row:1}.row-1 .product-surface{grid-column:2;grid-row:1}}
@media(max-width:1099px){.journey-stage{display:contents}.task-detail-crop{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.automation-layout{grid-template-columns:1fr;max-width:850px;margin:auto}.automation-settings{max-width:600px;width:100%;margin:auto}.agent-team{gap:28px}}
@media(max-width:760px){.journey-row .chat-story-heading{max-width:100%;padding:0;text-align:left;margin-bottom:25px}.task-detail-crop{grid-template-columns:1fr;gap:25px}.detail-aside{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;font-size:12px}.detail-dates,.detail-slots{grid-column:span 2}.detail-aside .team-member{font-size:12px}.row-3{padding-top:15px}.row-0 .column-head h3{font-size:11px}.column-total{font-size:11px}.row-0 .column-head{flex-wrap:wrap;padding:8px}.column-total{width:100%;margin:0}.calendar-prep,.calendar-followup{padding-left:25px!important}.story-complete{left:4px!important}.story-complete>span{width:16px!important;height:16px!important}.story-complete>span:after{left:5px!important;top:3px!important;width:4px!important;height:7px!important}.agent-presets{row-gap:37px}.preset-name{font-size:10px;margin-top:8px}.agent-choose{gap:30px}.agent-choose>p{font-size:12px;margin-top:8px}.agent-profile{padding:13px}.native-instruction{font-size:11px;line-height:1.5;padding:12px}.native-instruction p{margin-bottom:10px}.agent-canvas{height:520px}.agent-profile-line{margin-bottom:12px}.agent-team{gap:20px;padding:0 10px}.team-access>.team-member{font-size:12px;margin-bottom:7px}.team-access .team-member small{display:inline;margin-left:5px;font-size:9px}.team-context h3{font-size:22px}.team-context p{font-size:12px}.team-access>.field-caption:not(:first-child){margin-top:12px}.agent-discussion .tt-feed__scroll{height:380px;padding:16px 12px}.agent-steps{margin-top:15px}.agents-sticky{top:75px}.agents-sticky .scene-heading{margin-bottom:20px}.showcase-group{padding-top:55px;padding-bottom:45px}.showcase-nav{margin-bottom:30px;max-width:100%;width:100%;display:flex}.showcase-nav button{padding:10px 9px;font-size:12px;flex:1}.showcase-panel .scene-heading{margin-bottom:28px}.showcase-panel h2{font-size:30px}.automation-layout{gap:25px}.automation-settings .tt-auto{padding:14px}.automation-stage .tt-card{padding:9px;gap:7px}.automation-stage .tt-card__title{font-size:12px}.automation-board{min-width:0}.automation-stage .column-head{font-size:12px}.automation-target{font-size:11px}.automation-settings .tt-auto__head strong{font-size:12px}.flow-row,.flow-dates{grid-template-columns:112px 1fr}.flow-dates{grid-template-columns:112px repeat(6,1fr)}.flow-name strong{font-size:10px}.flow-name svg{width:12px;height:12px}.editor-split{grid-template-columns:1fr;gap:25px}.editor-pane .source-text-content{height:370px!important}.calls-section{grid-template-columns:1fr;gap:28px}.call-recording strong{font-size:14px}.call-result h3{font-size:19px}.closing-charm{width:125px;height:140px;border-radius:26px}.closing-charms{gap:17px}.closing-charm>span:last-child{font-size:18px}}
@media(prefers-reduced-motion:reduce){.showcase-panel.is-entering,.call-summary.is-playing .call-wave i{animation:none}.agent-preset img,.closing-charm{transition:none}}
.source-people-trigger{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:36px;color:#111;font-size:16px;margin-bottom:14px}.source-people-trigger__group{display:inline-flex;align-items:center;gap:7px}.source-people-trigger .human-photo{width:28px;height:28px}.source-people-trigger .avatar-stack{display:inline-flex;align-items:center}.source-people-trigger .avatar-stack img+img{margin-left:-8px;border:2px solid white}.source-people-trigger .ring{outline:2px solid #73f639;outline-offset:2px}.team-access>.source-people-trigger{margin:8px 0 22px}
@media(max-width:760px){.source-people-trigger{font-size:13px;gap:9px}.source-people-trigger .human-photo{width:25px;height:25px}.agent-presets{row-gap:20px}}
.showcase-nav{display:flex}.automation-settings .tt-auto__line{flex-wrap:wrap}.automation-settings select[hidden]{display:none!important}.automation-settings .tt-auto__label{flex:0 0 58px}.automation-settings #rule-action{max-width:100%}.automation-settings .tt-auto{gap:18px}.automation-settings .tt-auto__head{flex-wrap:wrap}.automation-settings .tt-auto__head strong{flex:1;min-width:140px}.editor-pane>h3{display:none}.editor-pane .source-markdown-preview :is(h1,h2,h3){font-family:inherit!important;letter-spacing:normal!important}.editor-pane input[type=checkbox]{accent-color:#111}.agent-preset img{transition:transform 420ms linear(0,.48 12%,.88 24%,1.08 38%,1.03 60%,.99 80%,1)}.agent-preset:is(:hover,:focus-visible) img{animation:avatar-gel 520ms ease-out both}.agent-preset:is(:hover,:focus-visible):before{opacity:1;transform:scale(1.06)}@keyframes avatar-gel{0%{transform:scale(1)}38%{transform:scale(1.17,1.09)}68%{transform:scale(1.107,1.143)}100%{transform:scale(1.125)}}
@media(prefers-reduced-motion:reduce){.agent-preset:is(:hover,:focus-visible) img{animation:none}}
.calls-section>*{min-width:0}.call-recording>div{min-width:0}.call-wave{min-width:0}.call-wave i{flex:0 1 4px}.closing-charm{text-decoration:none}.dependency-link marker path{stroke:context-stroke;fill:none}
@media(max-width:380px) and (min-height:700px){.agents-sticky h2{font-size:25px;line-height:1.2}.agents-sticky .scene-heading{margin-bottom:17px}.agents-sticky{top:72px}}
@media(min-width:1100px) and (max-height:820px){.showcase-group{padding-top:45px}.showcase-nav{margin-bottom:26px}.showcase-panel .scene-heading h2{font-size:42px}.showcase-panel .scene-heading p{font-size:16px;margin-top:18px}.showcase-panel .scene-heading{margin-bottom:30px}}
/* SourceCheck from the platform work-controls, retaining native input semantics. */
.source-check.slot-complete{display:inline-grid;place-items:center;flex:none;width:18px;height:18px;border:1.5px solid #d1d5db;border-radius:999px;background:#fff;color:transparent;cursor:var(--ds-cursor-pointer,pointer);transition:background-color 160ms cubic-bezier(.32,.72,0,1),border-color 160ms cubic-bezier(.32,.72,0,1),transform 160ms cubic-bezier(.32,.72,0,1)}.source-check.slot-complete input{position:absolute;inset:-4px;opacity:0;margin:0;width:24px;height:24px;cursor:inherit}.source-check.slot-complete svg{width:12px;height:12px}.source-check.slot-complete:hover{border-color:#0b0d14}.source-check.slot-complete:active{transform:scale(.88)}.source-check.slot-complete:has(input:checked){border-color:#0b0d14;background:#0b0d14;color:#73f639}.source-check.slot-complete:has(input:focus-visible){outline:2px solid #73f639;outline-offset:2px}
@media(max-width:380px) and (min-height:700px){.agents-sticky h2{font-size:22px}}
@media(max-width:380px) and (min-height:700px){.agents-section .agents-sticky .scene-heading h2{font-size:22px;line-height:1.2}}

.source-text-fullscreen .source-markdown-preview :is(h1,h2,h3){font-family:inherit!important;letter-spacing:normal!important}