#bemiddeling-demo .as-stage{height:458px}.resolution-story-stage{--resolution-soft:color-mix(in oklch, var(--secondary) 45%, var(--background));--resolution-ink:var(--foreground);background:linear-gradient(180deg, var(--resolution-soft), var(--background) 24%);min-height:458px;color:var(--foreground);padding:18px 22px;overflow:hidden}.resolution-story-stage[data-step="0"]{padding-bottom:16px}.resolution-story-conversation-head{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding-bottom:12px;display:flex}.resolution-story-conversation-icon{border:1px solid color-mix(in oklch, var(--primary) 18%, var(--border));background:var(--background);width:31px;height:31px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.resolution-story-conversation-head>span:nth-child(2){gap:4px;min-width:0;display:grid}.resolution-story-conversation-head strong{font-size:10px;font-weight:500;line-height:1.4}.resolution-story-conversation-head>span>span{color:var(--muted-foreground);font-size:10px;line-height:1.5}.resolution-story-case{border:1px solid var(--border);color:var(--muted-foreground);border-radius:4px;margin-left:auto;padding:3px 5px;font-size:10px}.resolution-story-scene-title{margin-top:14px}.resolution-story-scene-title>span{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:1px;font-size:10px}.resolution-story-stage .resolution-story-scene-title h3{font-family:var(--font-display);letter-spacing:-.5px;max-width:29ch;margin:7px 0 16px;font-size:19px;font-weight:500;line-height:1.35}.resolution-story-message{align-items:flex-start;gap:9px;margin-bottom:15px;animation:.8s cubic-bezier(.16,1,.3,1) both resolution-story-bubble-settle;display:flex}.resolution-story-avatar{background:var(--secondary);width:27px;height:27px;color:var(--foreground);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:500;display:grid}.resolution-story-message article{border:1px solid var(--border);background:var(--background);min-width:0;max-width:calc(100% - 49px);box-shadow:0 4px 11px color-mix(in oklch, var(--foreground) 3%, transparent);border-radius:3px 13px 13px;padding:13px 14px}.resolution-story-sender{color:var(--muted-foreground);align-items:center;gap:5px;font-size:10px;font-weight:500;line-height:1.4;display:flex}.resolution-story-stage .resolution-story-message p{color:var(--foreground);margin:8px 0 0;font-size:12px;line-height:1.75}.resolution-story-message-meta{color:var(--muted-foreground);align-items:center;gap:4px;margin-top:12px;font-size:10px;display:flex}.resolution-story-message-meta>svg{color:var(--primary)}.resolution-story-customer{padding-right:17px}.resolution-story-context-card{border:1px solid var(--border);background:var(--resolution-soft);border-radius:9px;align-items:center;gap:11px;margin:17px 8px 0 36px;padding:14px 12px;animation:.9s cubic-bezier(.16,1,.3,1) .75s both resolution-story-bubble-settle;display:flex}.resolution-story-context-card>svg{color:var(--primary);flex-shrink:0}.resolution-story-context-card>div{gap:4px;min-width:0;display:grid}.resolution-story-context-card>div>span{color:var(--muted-foreground);font-size:10px}.resolution-story-context-card strong{font-size:11px;font-weight:500;line-height:1.5}.resolution-story-stage .resolution-story-context-card p{color:var(--muted-foreground);margin:1px 0 0;font-size:10px;line-height:1.6}.resolution-story-open-question{color:var(--muted-foreground);align-items:center;gap:6px;margin:17px 0 0 37px;font-size:10px;line-height:1.7;animation:.9s cubic-bezier(.16,1,.3,1) 1.2s both resolution-story-bubble-settle;display:flex}.resolution-story-question-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:5px;height:5px}.resolution-story-open-question>svg{color:var(--primary);flex-shrink:0;margin-left:auto}.resolution-story-short article{padding-block:11px}.resolution-story-stage .resolution-story-short p{font-size:11px;line-height:1.7}.resolution-story-merchant{justify-content:flex-end;padding-left:17px;animation-delay:.85s}.resolution-story-merchant .resolution-story-avatar{color:var(--background);background:var(--foreground)}.resolution-story-merchant article{background:var(--resolution-soft);border-color:color-mix(in oklch, var(--primary) 15%, var(--border));border-radius:13px 3px 13px 13px}.resolution-story-merchant .resolution-story-sender{color:var(--foreground)}.resolution-story-stage .resolution-story-merchant p{font-size:11px}.resolution-story-bridge{color:var(--primary);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:17px 20px 0;animation:.9s cubic-bezier(.16,1,.3,1) 1.55s both resolution-story-bubble-settle;display:grid}.resolution-story-bridge>span{background:color-mix(in oklch, var(--primary) 24%, var(--border));transform-origin:50%;height:1px;animation:1.2s cubic-bezier(.16,1,.3,1) 1.55s both resolution-story-line-grow}.resolution-story-stage .resolution-story-bridge p{text-align:center;color:var(--muted-foreground);grid-column:1/-1;margin:2px 0 0;font-size:10px;line-height:1.7}.resolution-story-stage[data-step="2"] .resolution-story-scene-title h3{margin-bottom:16px}.resolution-story-proposal{border:1px solid color-mix(in oklch, var(--primary) 25%, var(--border));background:radial-gradient(ellipse at 100% 0%, color-mix(in oklch, var(--primary) 10%, transparent), transparent 75%), var(--resolution-soft);border-radius:11px;grid-template-columns:39px minmax(0,1fr);gap:7px 11px;padding:16px 18px 15px;animation:1s cubic-bezier(.16,1,.3,1) both resolution-story-card-settle;display:grid;position:relative}.resolution-story-proposal-kicker{color:var(--muted-foreground);grid-column:1/-1;align-items:center;gap:5px;font-size:10px;display:flex}.resolution-story-proposal-icon{border:1px solid color-mix(in oklch, var(--primary) 20%, var(--border));background:var(--background);width:39px;height:39px;color:var(--primary);border-radius:11px;grid-area:2/1/4;align-self:center;place-items:center;margin:6px 0;display:grid}.resolution-story-stage .resolution-story-proposal h4{font-family:var(--font-display);letter-spacing:-.6px;grid-column:2;margin:6px 0 0;font-size:22px;font-weight:500;line-height:1.2}.resolution-story-stage .resolution-story-proposal p{color:var(--muted-foreground);grid-column:2;max-width:32ch;margin:0;font-size:11px;line-height:1.7}.resolution-story-proposal-detail{border-top:1px solid color-mix(in oklch, var(--primary) 16%, var(--border));grid-column:1/-1;align-items:center;gap:8px;margin-top:11px;padding-top:10px;display:flex}.resolution-story-proposal-detail>svg{color:var(--primary);flex-shrink:0}.resolution-story-proposal-detail>span{color:var(--foreground);gap:4px;font-size:10px;display:grid}.resolution-story-proposal-detail strong{color:var(--muted-foreground);font-size:10px;font-weight:400;line-height:1.5}.resolution-story-pending{background:var(--background);border:1px solid var(--border);color:var(--foreground);border-radius:20px;grid-column:1/-1;justify-self:start;align-items:center;gap:5px;margin-top:11px;padding:5px 8px;font-size:10px;display:inline-flex}.resolution-story-pending>svg{color:var(--muted-foreground)}.resolution-story-outcome-rail{justify-content:space-between;align-items:flex-start;gap:9px;padding:12px 4px 0;animation:.9s cubic-bezier(.16,1,.3,1) 1.1s both resolution-story-bubble-settle;display:flex}.resolution-story-outcome-rail>span{color:var(--muted-foreground);justify-items:center;gap:6px;font-size:10px;display:grid}.resolution-story-outcome-rail>span>svg{box-sizing:content-box;color:var(--primary);border:1px solid color-mix(in oklch, var(--primary) 25%, var(--border));background:var(--secondary);border-radius:50%;padding:4px}.resolution-story-outcome-rail>span[data-pending=true]>svg{color:var(--muted-foreground);background:var(--background);border-style:dashed}.resolution-story-outcome-rail>i{background:var(--border);flex:1;height:1px;margin-top:10px}.resolution-story-stage[data-manual=true] *,.resolution-story-stage[data-reduced-motion=true] *{animation:none}@keyframes resolution-story-bubble-settle{0%{transform:translateY(10px)}to{transform:none}}@keyframes resolution-story-card-settle{0%{transform:translateY(12px)rotate(-.7deg)}to{transform:none}}@keyframes resolution-story-line-grow{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@media (width<=950px){.resolution-story-stage .resolution-story-scene-title h3{font-size:18px}}@media (width<=600px){#bemiddeling-demo .as-stage{height:500px}.resolution-story-stage{min-height:500px;padding:17px 15px}.resolution-story-message article{padding-inline:12px}.resolution-story-context-card{margin-left:36px;margin-right:0}.resolution-story-customer{padding-right:4px}.resolution-story-merchant{padding-left:4px}.resolution-story-proposal{padding-inline:15px}}@media (width<=370px){#bemiddeling-demo .as-stage{height:600px}.resolution-story-stage{min-height:600px;padding-inline:12px}.resolution-story-conversation-head{gap:7px}.resolution-story-case{display:none}.resolution-story-context-card{gap:8px;padding-inline:9px}.resolution-story-stage .resolution-story-message p{font-size:11px}}@media (prefers-reduced-motion:reduce){.resolution-story-stage *,.resolution-story-stage{transition:none!important;animation:none!important}}