.wj{--wj-red:#c0392b;--wj-coral:#ff8a7a;background:var(--color-white);border:2px solid var(--color-ink);box-shadow:-12px 12px 0 var(--color-brand-green);border-radius:2rem;padding:clamp(1.25rem,.75rem + 2vw,2.5rem);position:relative}.wj-sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.wj-q{font-size:clamp(1.375rem,1.1rem + 1vw,2rem);font-weight:900;line-height:1.2}.wj-paths{grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin-top:1rem;display:grid}.wj-paths button{border:2px solid var(--color-ink);background:var(--color-white);min-block-size:4.25rem;font:inherit;text-align:start;color:var(--color-ink);cursor:pointer;border-radius:1rem;align-content:start;gap:.125rem;padding:.75rem 1rem;transition:transform .2s,box-shadow .2s,background-color .2s;display:grid}.wj-paths button strong{font-size:1.0625rem;font-weight:900;line-height:1.25}.wj-paths button span{font-size:var(--text-caption);color:var(--color-muted);line-height:1.4}.wj-paths button:hover{box-shadow:-4px 4px 0 var(--color-ink);transform:translate(2px,-2px)}.wj-paths button[aria-checked=true]{background:var(--color-ink);color:var(--color-white);box-shadow:-5px 5px 0 var(--color-brand-green)}.wj-paths button[aria-checked=true] span{color:#ffffffb3}.wj-att{border:1.5px solid var(--color-border-input);border-radius:var(--radius-full);align-items:center;gap:.375rem;margin-top:.875rem;padding:.25rem;transition:opacity .2s;display:inline-flex}.wj-att.is-off{opacity:.4}.wj-att-label{font-size:var(--text-small);color:var(--color-muted);padding-inline:.625rem .25rem;font-weight:700}.wj-att button{border-radius:var(--radius-full);min-block-size:2.5rem;font:inherit;font-size:var(--text-small);cursor:pointer;background:0 0;border:0;padding:.25rem 1rem;font-weight:800}.wj-att button[aria-checked=true]{background:var(--color-brand-green)}.wj-att button:disabled{cursor:not-allowed}.wj-stage{grid-template-columns:minmax(0,1.55fr) minmax(16rem,.75fr);align-items:start;gap:1.5rem;margin-top:1.75rem;display:grid}.wj-now-wrap{gap:1.25rem;display:grid}.wj-when{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-brand-green);font-weight:800;font-size:var(--text-small);font-variant-numeric:tabular-nums;padding:.25rem .75rem;display:inline-block}.wj-headline{margin-top:.75rem;font-size:clamp(1.5rem,1.1rem + 1.5vw,2.375rem);font-weight:900;line-height:1.15}.wj-chain{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.wj-cause{border:2px solid var(--color-ink);background:var(--color-white);font-size:var(--text-small);border-radius:1rem;padding:.875rem 1rem;line-height:1.5;position:relative}.wj-cause:not(:last-child):after{content:"←";z-index:1;border-radius:var(--radius-full);background:var(--color-ink);block-size:1.5rem;inline-size:1.5rem;color:var(--color-brand-green);place-items:center;font-size:.8125rem;font-weight:900;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:-.75rem;translate:-50% -50%}[dir=rtl] .wj-cause:not(:last-child):after{translate:50% -50%}[dir=ltr] .wj-cause:not(:last-child):after{content:"→"}[dir=ltr] .wj-cause:not(:last-child){padding-inline-end:1.5rem}[dir=ltr] .wj-play-icon:before{border-inline-end:0;border-inline-start:.6875rem solid var(--color-ink);margin-inline:0 -.125rem}.wj-cause-label{font-size:var(--text-caption);color:var(--color-green-text);margin-bottom:.25rem;font-weight:900}.wj-cause ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.wj-cause li{font-weight:600}.c-customer{background:#ece5dd}.c-journey{background:var(--color-surface-tint)}.c-business{background:var(--color-ink);color:var(--color-white)}.c-business .wj-cause-label{color:var(--color-brand-green)}.wj-controls{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.wj-step{border-radius:var(--radius-full);border:2px solid var(--color-ink);background:var(--color-white);block-size:3rem;inline-size:3rem;font:inherit;cursor:pointer;font-size:1.25rem;font-weight:900}.wj-step:hover{background:var(--color-brand-green)}.wj-play{border-radius:var(--radius-full);background:var(--color-ink);min-block-size:3rem;color:var(--color-white);font:inherit;cursor:pointer;box-shadow:-4px 4px 0 var(--color-brand-green);border:0;align-items:center;gap:.625rem;padding:.375rem 1.375rem .375rem .5rem;font-weight:800;transition:translate .15s,box-shadow .15s;display:inline-flex}.wj-play:hover{box-shadow:-6px 6px 0 var(--color-brand-green);translate:2px -2px}.wj-play-icon{border-radius:var(--radius-full);background:var(--color-brand-green);place-items:center;block-size:2.25rem;inline-size:2.25rem;display:grid}.wj-play-icon:before{content:"";border-block:.4375rem solid #0000;border-inline-end:.6875rem solid var(--color-ink);margin-inline-end:-.125rem}.wj-play[aria-pressed=true] .wj-play-icon:before{background:linear-gradient(90deg, var(--color-ink) 0 35%, transparent 35% 65%, var(--color-ink) 65%);border:0;block-size:.75rem;inline-size:.6875rem;margin:0}.wj-steps{flex-wrap:wrap;gap:.25rem;margin:0;margin-inline-start:auto;padding:0;list-style:none;display:flex}.wj-dot{cursor:pointer;background:0 0;border:0;place-items:center;block-size:1.5rem;inline-size:1.5rem;padding:0;display:grid}.wj-dot:before{content:"";border-radius:var(--radius-full);background:var(--color-border);block-size:.625rem;inline-size:.625rem;transition:transform .2s,background-color .2s}.wj-dot.is-past:before{background:var(--color-green-text)}.wj-dot.is-on:before{background:var(--color-brand-green);box-shadow:0 0 0 2px var(--color-ink);transform:scale(1.6)}.wj-phone{background:var(--color-ink);border-radius:1.75rem;margin:0;padding:.75rem;box-shadow:0 30px 50px -30px #09202799}.wj-phone-head{color:var(--color-white);font-weight:700;font-size:var(--text-small);align-items:center;gap:.5rem;padding:.25rem .5rem .75rem;display:flex}.wj-phone-head small{color:var(--color-brand-green);margin-inline-start:auto}.wj-avatar{border-radius:var(--radius-full);background:var(--color-brand-green);block-size:1.75rem;inline-size:1.75rem;color:var(--color-ink);font-size:var(--text-caption);place-items:center;font-weight:900;display:grid}.wj-chat{background:#ece5dd;border-radius:1.125rem;align-content:end;gap:.5rem;min-block-size:20rem;margin:0;padding:.75rem;list-style:none;display:grid}.wj-bubble{max-inline-size:90%;font-size:var(--text-small);border-radius:.875rem;gap:.125rem;padding:.5rem .75rem;line-height:1.45;display:grid;box-shadow:0 1px #09202714}.wj-bubble.out{background:var(--color-white);border-start-start-radius:.25rem;justify-self:start}.wj-bubble.in{background:#d9fdd3;border-start-end-radius:.25rem;justify-self:end;font-weight:600}.wj-bubble time{color:var(--color-muted);justify-self:end;font-size:.6875rem}.wj-sys{border-radius:var(--radius-full);color:var(--color-ink);text-align:center;background:#ffffffbf;justify-self:center;padding:.25rem .75rem;font-size:.75rem;font-weight:800}.wj-timeline{border-top:2px dashed var(--color-border);margin-top:2rem;padding-top:1.5rem}.wj-grid{grid-template-columns:7.5rem repeat(var(--days), minmax(0, 1fr));grid-template-rows:auto repeat(3,auto);gap:.5rem;display:grid}.wj-lane-label{grid-column:1;grid-row:var(--row);font-size:var(--text-small);align-self:start;padding-top:.875rem;font-weight:900}.wj-day{display:contents}.wj-day-head{grid-column:var(--c);border-bottom:3px solid var(--color-border);grid-row:1;align-items:baseline;gap:.375rem;padding-bottom:.5rem;transition:border-color .3s,opacity .3s;display:flex}.wj-day-head strong{font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:900}.wj-day-head span{font-size:var(--text-caption);color:var(--color-muted);font-weight:700}.wj-gap{color:var(--color-border-input);letter-spacing:.1em;font-weight:900}.wj-day.is-today .wj-day-head{border-color:var(--color-brand-green)}.wj-day.is-today .wj-day-head strong{color:var(--color-green-text)}.wj-cell{grid-column:var(--c);grid-row:var(--row);align-content:start;gap:.375rem;min-block-size:2.5rem;margin:0;padding:.25rem 0;list-style:none;display:grid}.wj-cell.lane-messages{border-block:1px dashed var(--color-border);padding-block:.5rem}.wj-item{border:2px solid var(--color-ink);background:var(--color-white);border-radius:.75rem;align-items:flex-start;gap:.375rem;padding:.4375rem .5rem;font-size:.8125rem;line-height:1.3;transition:opacity .4s,background-color .3s,border-color .3s,transform .3s;display:flex}.wj-item-text{gap:.0625rem;min-inline-size:0;display:grid}.wj-item strong{font-weight:800}.wj-status{color:var(--color-muted);font-size:.75rem;font-weight:700}.wj-icon{border-radius:var(--radius-full);background:var(--color-surface-soft);flex-shrink:0;place-items:center;block-size:1.25rem;inline-size:1.25rem;font-size:.6875rem;font-weight:900;display:grid}.wj-item.is-hidden{visibility:hidden;opacity:0}.wj-item.lane-customer{background:#ece5dd}.wj-item.lane-business{border-radius:var(--radius-full);border-width:1.5px}.wj-item.tone-planned{border-style:dashed;border-color:var(--color-border-input);opacity:.85}.wj-item.tone-sent .wj-icon{background:var(--color-brand-green)}.wj-item.tone-sent .wj-status{color:var(--color-green-text)}.wj-item.tone-stopped{background:var(--color-surface-soft);border-color:var(--color-ink)}.wj-item.tone-stopped strong{text-decoration:line-through 2px var(--wj-red);color:var(--color-muted)}.wj-item.tone-stopped .wj-icon{background:var(--color-ink);color:var(--color-brand-green)}.wj-item.tone-stopped .wj-status{color:var(--color-ink)}.wj-item.tone-moved{background:#fff6e0;border-style:dashed;border-color:#a86b00}.wj-item.tone-moved strong{text-decoration:line-through 1.5px #a86b00}.wj-item.tone-moved .wj-icon{color:var(--color-white);background:#a86b00}.wj-item.tone-event .wj-icon{background:var(--color-ink);color:var(--color-brand-green)}.wj-item.tone-crm{background:var(--color-ink);color:var(--color-white)}.wj-item.tone-crm .wj-icon{background:var(--color-brand-aqua);color:var(--color-ink)}.wj-item.tone-crm .wj-status{color:#ffffffa6}.wj-item.tone-task .wj-icon{background:var(--color-brand-aqua)}.wj-item.track-prep:not(.tone-planned):not(.tone-stopped){border-color:#00a59a;box-shadow:inset 0 0 0 1px #00a59a}.wj-item.track-post:not(.tone-planned):not(.tone-stopped){border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.wj.is-enhanced .wj-day.is-ahead .wj-day-head{opacity:.55}@media (prefers-reduced-motion:no-preference){.wj-item.just-changed{animation:.6s cubic-bezier(.2,.8,.2,1.3) both wj-pop}.wj-item.just-changed.tone-stopped .wj-icon{animation:.5s cubic-bezier(.2,.8,.2,1.6) .15s both wj-stamp}.wj-now .wj-headline,.wj-now .wj-chain{animation:.45s cubic-bezier(.2,.7,.2,1) both wj-in}.wj-now .wj-chain{animation-delay:80ms}}@keyframes wj-pop{0%{transform:scale(.94)}60%{transform:scale(1.04)}}@keyframes wj-stamp{0%{opacity:0;transform:scale(2.4)rotate(-25deg)}}@keyframes wj-in{0%{opacity:0;translate:0 .5rem}}.wj-outcome{background:var(--color-ink);color:var(--color-white);border-radius:1.25rem;grid-template-columns:auto minmax(0,1fr);gap:.25rem 1.5rem;margin-top:1.75rem;padding:1.25rem 1.5rem;transition:opacity .4s;display:grid}.wj-outcome-label{border-radius:var(--radius-full);background:var(--color-brand-green);color:var(--color-ink);grid-row:span 2;align-self:center;padding:.375rem .875rem;font-weight:900}.wj-outcome-head{font-size:clamp(1.125rem,1rem + .5vw,1.5rem);font-weight:900}.wj-outcome ul{font-size:var(--text-small);color:#fffc;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.wj-outcome li:before{content:"✓";color:var(--color-brand-green);margin-inline-end:.375rem;font-weight:900}.wj.is-enhanced:not(.is-end) .wj-outcome{opacity:.35}.wj-note{font-size:var(--text-caption);color:var(--color-muted);margin-top:1rem}.wj-all{font-size:var(--text-small);margin-top:.75rem}.wj-all summary{cursor:pointer;align-items:center;min-block-size:44px;font-weight:700;display:flex}.wj-all ol{gap:.75rem;margin:.5rem 0 0;padding-inline-start:1.25rem;display:grid}.wj-all li p+p{color:var(--color-muted)}@media (width<=1100px){.wj-chain{grid-template-columns:1fr 1fr}.wj-cause:nth-child(2):after{display:none}}@media (width<=900px){.wj{box-shadow:-6px 6px 0 var(--color-brand-green);border-radius:1.5rem;padding:1rem}.wj-paths{grid-template-columns:1fr 1fr}.wj-paths button{min-block-size:4rem;padding:.625rem .75rem}.wj-stage{grid-template-columns:1fr}.wj-phone{order:2}.wj-chat{min-block-size:0}.wj-steps{inline-size:100%;margin-inline-start:0}.wj-grid{display:block}.wj-lane-label{display:none}.wj-day{border-inline-start:3px solid var(--color-border);padding-block-end:1rem;padding-inline-start:1.25rem;display:block;position:relative}.wj-day.is-today{border-color:var(--color-brand-green)}.wj-day-head{border:0;padding-bottom:.375rem}.wj-cell{min-block-size:0;padding:0}.wj-cell.lane-messages{border:0;padding:.375rem 0}.wj-cell:empty{display:none}.wj-item{font-size:.875rem}.wj-item.is-hidden{display:none}.wj-outcome{grid-template-columns:1fr}.wj-outcome-label{grid-row:auto;justify-self:start}.wj-outcome ul{flex-direction:column}}@media (width<=480px){.wj-chain{grid-template-columns:1fr}.wj-cause:not(:last-child):after,[dir=rtl] .wj-cause:not(:last-child):after,[dir=ltr] .wj-cause:not(:last-child):after,.wj-cause:nth-child(2):after{content:"↓";inset-block:auto -.75rem;inset-inline:auto;display:grid;left:50%;translate:-50% 50%}.wj-controls{justify-content:space-between}.wj-play{flex:1;justify-content:center}}