.outbound-window{width:100%;max-width:500px;padding:24px;border:1px solid #ffffffdb;border-radius:20px;background:#fcfdfa;box-shadow:0 22px 60px #153b3526;color:#274439;overflow:hidden;--outbound-assigned:1;--outbound-progress:1;--outbound-expanded:1;--outbound-results:1;--outbound-bookings-reveal:1;--outbound-success:#d5e6cb;--outbound-accent:#90ae80;--outbound-pale:#eff5e9;--outbound-ink:#4b6840;--outbound-full-height:316px;--outbound-compact-height:142px;--request-step:56px}
.outbound-toolbar{display:flex;align-items:center;gap:10px;font-size:14px;line-height:24px;margin-bottom:20px;color:#5c7365}
.outbound-toolbar>img{width:24px;height:24px;object-fit:contain}
.outbound-scenes{position:relative;height:calc(var(--outbound-compact-height) + var(--outbound-expanded)*(var(--outbound-full-height) - var(--outbound-compact-height)))}
.outbound-scene{height:100%}
.outbound-scene:not([data-outbound-scene=results]){display:none}
.outbound-motion-ready .outbound-scene{display:block;position:absolute;inset:0;opacity:var(--outbound-opacity,0);pointer-events:none}
.outbound-scene h4{font-size:21px;font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0 0 20px;color:#244236}
.outbound-request-list{height:calc(var(--outbound-queue-rows,3)*var(--request-step) - 7px);position:relative;overflow:hidden;margin-bottom:20px}
.outbound-request{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:10px;height:calc(var(--request-step) - 7px);padding:6px 11px;border:1px solid #e4ebdf;border-radius:8px;background:#f2f5ef;transform:translateY(calc(var(--request-position,0)*var(--request-step)));opacity:var(--request-opacity,0)}
.outbound-request>svg{width:16px;height:16px;flex:none;color:#819778}
.outbound-request>span{font-size:14px;line-height:1.3;color:#4e6757}
.outbound-assignment{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px;line-height:22px;color:#75866f}
.outbound-assignee{height:44px;position:relative;flex:0 1 70%;border:1px solid #dbe4d6;border-radius:9px;background:white;overflow:hidden}
.outbound-assignee>span{position:absolute;inset:0;display:flex;gap:9px;align-items:center;padding:0 13px;font-size:14px}
.outbound-assignee b{margin-left:auto;font-weight:400}
.outbound-unassigned{color:#9aa399;opacity:calc(1 - var(--outbound-assigned))}
.outbound-assigned{opacity:var(--outbound-assigned);background:var(--outbound-pale);color:var(--outbound-ink)}
.outbound-ring-origin{width:20px;height:20px;flex:none;margin-left:auto}
.outbound-handoff-ring{position:absolute;left:0;top:0;width:21px;height:21px;z-index:2;pointer-events:none;opacity:var(--outbound-handoff,0)}
.outbound-handoff-ring i{position:absolute;inset:0;border:1.5px solid #d4dece;border-top-color:var(--outbound-accent);border-right-color:var(--outbound-accent);border-radius:50%;animation:outbound-spin .75s linear infinite;animation-play-state:paused}
.is-playing .outbound-handoff-ring i{animation-play-state:running}
.outbound-plan-row:first-child[data-state=working] .outbound-plan-spinner{opacity:calc(1 - var(--outbound-handoff,0))}
.outbound-assigned img{width:20px;height:20px;object-fit:contain}
.outbound-plan{display:grid;gap:18px;margin-top:29px}
.outbound-plan-row{position:relative;display:flex;align-items:center;gap:13px;min-height:50px;opacity:var(--task-reveal,1);transform:translateY(calc((1 - var(--task-reveal,1))*9px))}
.outbound-plan-row:not(:first-child):before{content:"";position:absolute;left:10px;top:-26px;height:34px;border-left:1px dashed #bdcbb5}
.outbound-plan-icon{position:relative;width:21px;height:21px;flex:none;color:#73936a}
.outbound-plan-ring,.outbound-plan-spinner,.outbound-plan-check{position:absolute;inset:0;border-radius:50%}
.outbound-plan-ring{border:1px solid #d4dece;opacity:calc(1 - var(--task-done,0))}
.outbound-plan-spinner{border:1.5px solid transparent;border-top-color:var(--outbound-accent);border-right-color:var(--outbound-accent);opacity:0;animation:outbound-spin .75s linear infinite;animation-play-state:paused}
.is-playing .outbound-plan-spinner{animation-play-state:running}
.outbound-plan-row[data-state=working] .outbound-plan-spinner{opacity:1}
.outbound-plan-row[data-state=done] .outbound-plan-spinner{opacity:calc(1 - var(--task-done,1))}
.outbound-plan-check{display:grid;place-items:center;opacity:var(--task-done,0);background:var(--outbound-success);color:var(--outbound-ink);font-size:13px;font-weight:600}
.outbound-plan-row strong{flex:1;min-width:0;font-size:15px;line-height:1.4;font-weight:400;letter-spacing:-.02em}
.outbound-plan-row>small{font-size:12px;line-height:1.4;flex:none;max-width:105px;text-align:center;color:var(--outbound-ink);opacity:var(--task-done,0);padding:5px 9px;border-radius:6px;background:var(--outbound-pale)}
.outbound-progress{height:5px;background:#e8eee1;margin-top:28px;overflow:hidden;border-radius:3px}
.outbound-progress>i{display:block;width:100%;height:100%;background:var(--outbound-accent);transform-origin:left;transform:scaleX(var(--outbound-progress))}
.outbound-value{padding-top:4px}
.outbound-value h4{font-size:16px;line-height:1.4;margin:0 0 13px;color:#527047;letter-spacing:0}
.outbound-value strong{display:block;margin:0 0 10px;font-family:Newsreader,Georgia,serif;font-size:58px;font-weight:400;font-variant-numeric:lining-nums tabular-nums;line-height:1;letter-spacing:-.03em;color:#365336}
.outbound-value small{font-size:12px;line-height:1.5;color:#798a70;display:block}
.outbound-results{margin-top:25px;padding-top:22px;border-top:1px solid #e1e8d9;opacity:var(--outbound-results,1);transform:translateY(calc((1 - var(--outbound-results,1))*6px))}
.outbound-booked{display:flex;align-items:center;gap:10px}
.outbound-booked-check{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:var(--outbound-success);color:var(--outbound-ink);font-size:16px;font-weight:600;transform:scale(calc(.85 + var(--outbound-bookings-reveal,1)*.15))}
.outbound-booked strong{font-size:35px;line-height:1;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;min-width:1.1em}
.outbound-booked>span:last-child{font-size:15px;line-height:1.25;color:#36543b}
.outbound-booking-bar{display:grid;grid-template-columns:2fr 1fr;gap:4px;height:5px;margin:19px 0 12px;overflow:hidden;border-radius:3px;background:#eaf2e3}
.outbound-booking-bar i{background:var(--outbound-accent);transform:scaleX(var(--outbound-bookings-reveal,1));transform-origin:left}
.outbound-booking-bar i:last-child{background:var(--outbound-pale)}
.outbound-booking-breakdown{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;font-size:12px;line-height:1.4;color:#62765b}
.outbound-booking-breakdown>span{display:flex;align-items:baseline;gap:6px}
.outbound-booking-breakdown strong{font-size:16px;font-weight:500;line-height:1.2;color:#375431}
@keyframes outbound-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.outbound-window{padding:21px}.outbound-assignee>span{font-size:13px}.outbound-plan-row{gap:10px}.outbound-plan-row strong{font-size:14px}}
@media(max-width:800px){.feature-deck .feature-panel[data-feature=outbound]{grid-template-rows:250px 1fr}.outbound-window{padding:18px 20px;border-radius:17px;max-width:480px;--outbound-full-height:278px;--outbound-compact-height:133px;--request-step:53px}.outbound-toolbar{margin-bottom:16px}.outbound-scene h4{font-size:19px;margin-bottom:16px}.outbound-request-list{margin-bottom:14px}.outbound-assignee{height:38px}.outbound-value h4{font-size:15px;margin-bottom:12px}.outbound-value strong{font-size:52px}.outbound-results{margin-top:20px;padding-top:18px}.outbound-booked strong{font-size:31px}.outbound-booking-bar{margin-top:15px}.outbound-plan{gap:15px;margin-top:21px}.outbound-progress{margin-top:22px}}
@media(max-width:600px){.feature-deck [data-feature=outbound] .feature-story h3{font-size:28px}.feature-deck [data-feature=outbound] .feature-story-copy{margin-top:18px;margin-bottom:0}.outbound-window{padding:16px 14px}.outbound-toolbar{gap:8px}.outbound-request{gap:8px;padding:4px 8px}.outbound-request>svg{width:14px;height:14px}.outbound-request>span{font-size:13px}.outbound-assignment{gap:10px;font-size:13px}.outbound-assignee{flex-basis:72%}.outbound-assignee>span{padding:0 8px;font-size:12px}.outbound-plan-row{gap:9px}.outbound-plan-row strong{font-size:14px}.outbound-plan-row>small{max-width:87px;font-size:11px;padding:5px 7px}.outbound-value small{font-size:11px}.outbound-value strong{font-size:50px}.outbound-booked{gap:8px}.outbound-booked>span:last-child{font-size:13px}.outbound-booking-breakdown{font-size:11px;gap:8px}.outbound-booking-breakdown>span{gap:5px}}
@media(max-height:620px){.feature-deck [data-feature=outbound] .outbound-canvas{min-height:490px}}
@media(max-height:620px) and (max-width:800px){.feature-deck [data-feature=outbound] .outbound-canvas{min-height:420px}}
@media(max-width:360px){.feature-deck .feature-panel[data-feature=outbound]{grid-template-rows:auto 1fr}.feature-deck [data-feature=outbound] .outbound-canvas{min-height:420px}.outbound-window{--outbound-full-height:306px;--outbound-compact-height:142px}.outbound-plan-row>small{max-width:78px}.outbound-assignee{flex-basis:67%}.outbound-assignee>span{font-size:11px;gap:5px}}
@media(prefers-reduced-motion:reduce){.outbound-window *{animation:none!important;transition:none!important}}