/* lead-pipeline.css - Talk To Gina motion kit */
.gm{--gm-surface:var(--bone-50,#FBF8F2);--gm-surface-2:var(--bone-100,#F7F3EC);--gm-line:var(--bone-border,#E4DDD3);--gm-text:var(--text-on-light,#14181F);--gm-mut:var(--text-on-light-mut,#55606E);--gm-blue:var(--cobalt-600,#1D4ED8);--gm-blue-2:var(--cobalt-700,#1740B0);--gm-blue-3:var(--cobalt-300,#7CA0F0);--gm-blue-soft:var(--cobalt-50,#EEF3FF);--gm-ok:var(--signal-approved,#0E9F6E);--gm-ok-soft:rgba(14,159,110,.12);--gm-wait:var(--signal-waiting,#C2740A);--gm-shadow:0 8px 30px rgba(11,14,20,.12);--gm-ease:cubic-bezier(.16,1,.3,1);--gm-soft:cubic-bezier(.4,0,.2,1);--gm-mono:var(--font-mono,'Geist Mono',ui-monospace,monospace);position:relative;width:100%;font-family:var(--font-body,'Outfit',system-ui,-apple-system,sans-serif);color:var(--gm-text);line-height:1.45;-webkit-font-smoothing:antialiased}.gm[data-theme=ink]{--gm-surface:var(--ink-700,#141A24);--gm-surface-2:var(--ink-800,#0D1117);--gm-line:var(--ink-600,#1E2530);--gm-text:var(--text-on-dark,#F4F6FA);--gm-mut:var(--text-on-dark-mut,#A6AEBD);--gm-blue-soft:rgba(124,160,240,.13);--gm-ok-soft:rgba(14,159,110,.2);--gm-shadow:0 12px 40px rgba(0,0,0,.35)}.gm *,.gm *::before,.gm *::after{box-sizing:border-box}.gm-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.gm-av{flex:none;display:inline-grid;place-items:center;width:2em;height:2em;border-radius:.6em;font-weight:700;font-size:1em;color:#fff;background:var(--gm-mut)}.gm-av--gina{background:linear-gradient(135deg,var(--gm-blue),var(--gm-blue-2))}.gm-btn{display:inline-flex;align-items:center;gap:.4em;font-weight:600;font-size:.86em;line-height:1;font-family:inherit;cursor:default;padding:.62em 1.05em;border-radius:999px;border:1px solid var(--gm-line);background:transparent;color:var(--gm-text);transition:transform .15s var(--gm-soft),background .2s,box-shadow .2s,border-color .2s}.gm-btn--p{background:var(--gm-blue);border-color:var(--gm-blue);color:#fff}.gm-btn.is-press{transform:scale(.93);box-shadow:0 0 0 5px color-mix(in srgb,var(--gm-blue) 22%,transparent)}.gm-wave{display:inline-block;width:1.9em;height:.9em;vertical-align:middle;color:var(--gm-blue)}.gm-wave path{stroke-dasharray:40;animation:gm-wave 1.1s linear infinite}@keyframes gm-wave{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}.gm-dots{display:inline-flex;gap:3px;vertical-align:middle}.gm-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;animation:gm-dot 1s infinite}.gm-dots i:nth-child(2){animation-delay:.15s}.gm-dots i:nth-child(3){animation-delay:.3s}@keyframes gm-dot{30%{opacity:1;transform:translateY(-2px)}}.gm-paused,.gm-paused *,.gm-paused *::before,.gm-paused *::after{animation-play-state:paused!important}.gm-static *,.gm-static *::before,.gm-static *::after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.gm *,.gm *::before,.gm *::after{transition:none!important;animation:none!important}}
/* 4. Leads live in your inbox -> one pipeline */
.gm-leads{container-type:inline-size;max-width:1080px;margin-inline:auto;font-size:15px}
.gm .gm-alt{margin:0;color:var(--gm-mut)}
.gm.gm-ready .gm-alt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-stage{position:relative;transition:opacity .5s}
.lp-stage.is-out{opacity:0}
.lp-scatter{position:relative;height:11em;margin-bottom:1.2em}
.lp-scatter::after{content:"";position:absolute;left:50%;bottom:-1.1em;width:1px;height:1em;background:var(--gm-line)}
.lp-chip{position:absolute;z-index:2;width:14em;display:flex;gap:.6em;align-items:flex-start;padding:.65em .8em;background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:12px;box-shadow:var(--gm-shadow);font-size:.86em;opacity:0;transform:translateY(12px) rotate(var(--r,0deg));transition:opacity .45s,transform .5s var(--gm-ease)}
.lp-chip.in{opacity:1;transform:rotate(var(--r,0deg));animation:lp-float 5s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
.lp-chip.fly{animation:none;transition:transform .75s cubic-bezier(.6,0,.2,1),opacity .2s .62s}
.lp-chip.gone{opacity:0}
@keyframes lp-float{50%{translate:0 -5px}}
.lp-src{flex:none;width:1.9em;height:1.9em;border-radius:.55em;display:grid;place-items:center;background:var(--gm-blue-soft);color:var(--gm-blue)}
.gm[data-theme=ink] .lp-src{color:var(--gm-blue-3)}
.lp-src svg{width:1.1em;height:1.1em}
.lp-chip b,.lp-card b{display:block;font-weight:600;font-size:.94em;line-height:1.25}
.lp-chip span.t,.lp-card span.t{display:block;color:var(--gm-mut);font-size:.86em;line-height:1.3}
.lp-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8em;align-items:start}
.lp-col{background:var(--gm-surface-2);border:1px solid var(--gm-line);border-radius:16px;padding:.7em;min-height:17.5em}
.lp-col h4{display:flex;align-items:center;justify-content:space-between;margin:.1em .2em .7em;font-size:.84em;font-weight:600}
.lp-col h4 span{font:500 .82em var(--gm-mono);color:var(--gm-mut);background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:999px;padding:.1em .55em;transition:color .3s}
.lp-col h4 span.bump{color:var(--gm-blue)}
.lp-list{display:flex;flex-direction:column;gap:.5em}
.lp-card{display:flex;gap:.6em;align-items:flex-start;padding:.65em .75em;background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:12px;font-size:.84em;position:relative}
.lp-card.slot{visibility:hidden}
.lp-card.land{animation:lp-land .45s var(--gm-ease)}
@keyframes lp-land{from{box-shadow:0 0 0 3px color-mix(in srgb,var(--gm-blue) 30%,transparent)}}
.lp-card .lp-src{width:1.7em;height:1.7em}
.lp-card>div{min-width:0;flex:1}
.lp-card.ghost{opacity:.75}
.lp-draft{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--gm-ease)}
.lp-card.open .lp-draft{grid-template-rows:1fr}
.lp-draft>div{min-height:0;overflow:hidden}
.lp-draft p{margin:.55em 0 .55em;padding:.55em .65em;border-radius:8px;background:var(--gm-blue-soft);font-size:.95em;line-height:1.4}
.lp-draft .gm-btn{font-size:.82em;padding:.5em .85em}
.lp-flag{display:inline-flex;align-items:center;gap:.4em;margin-top:.35em;font-size:.8em;font-weight:600;color:var(--gm-blue)}
.gm[data-theme=ink] .lp-flag{color:var(--gm-blue-3)}
.lp-flag.w{color:var(--gm-wait)}
.lp-flag.ok{color:var(--gm-ok)}
.lp-flag:empty{display:none}
.lp-row{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}
@container (max-width:700px){
  .gm-leads .lp-board{grid-template-columns:1fr;gap:.55em}
  .gm-leads .lp-col{min-height:0;display:grid;grid-template-columns:5.2em 1fr;align-items:start;padding:.55em}
  .gm-leads .lp-col h4{flex-direction:column;align-items:flex-start;gap:.3em;margin:.3em .2em}
  .gm-leads .lp-list{flex-direction:row;flex-wrap:wrap;gap:6px}
  .gm-leads .lp-card.ghost .t{display:none}
  .gm-leads .lp-card{width:calc(50% - 3px);font-size:.78em;padding:.55em .6em}
  .gm-leads .lp-card .lp-src{display:none}
  .gm-leads .lp-card.open{width:100%}
  .gm-leads .lp-chip{width:12em;font-size:.78em}
  .gm-leads .lp-scatter{height:13.5em}
  .gm-leads .lp-chip:nth-child(1){left:0!important;top:0!important}
  .gm-leads .lp-chip:nth-child(2){left:auto!important;right:0;top:4%!important}
  .gm-leads .lp-chip:nth-child(3){left:3%!important;top:43%!important}
  .gm-leads .lp-chip:nth-child(4){left:auto!important;right:2%;top:47%!important}
  .gm-leads .lp-srcs{font-size:.7em;gap:.35em}
}
.lp-srcs{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;flex-wrap:wrap;gap:.5em;font-size:.78em;color:var(--gm-mut)}
.lp-srcs span{display:inline-flex;align-items:center;gap:.4em;padding:.35em .8em;border:1px dashed var(--gm-line);border-radius:999px;background:var(--gm-surface-2)}
.lp-srcs svg{width:1.1em;height:1.1em}
/* reserve height before the script mounts (no layout shift) */
.gm-leads:not(.gm-ready){min-height:564px}
@media (max-width:700px){.gm-leads:not(.gm-ready){min-height:700px}}