/* team-thread.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}}
/* 1. Your whole team, one Gina */
.gm-team{container-type:inline-size;max-width:780px;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}
.tt-card{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:18px;box-shadow:var(--gm-shadow);overflow:hidden}
.tt-head{display:flex;align-items:center;gap:1em;padding:1em 1.2em;border-bottom:1px solid var(--gm-line)}
.tt-title{font-weight:700;font-size:1.05em;letter-spacing:-.01em;line-height:1.2}
.tt-title span{color:var(--gm-blue);margin-right:.15em}
.gm[data-theme=ink] .tt-title span{color:var(--gm-blue-3)}
.tt-sub{display:flex;align-items:center;gap:.4em;color:var(--gm-mut);font-size:.8em;margin-top:.2em}
.tt-sub svg{width:1.25em;height:1.25em;flex:none}
.tt-stack{margin-left:auto;display:flex;align-items:center}
.tt-stack .tt-p{margin-left:-.4em;position:relative;display:inline-flex;transition:transform .5s var(--gm-ease),opacity .4s,margin .5s var(--gm-ease)}
.tt-stack .gm-av{box-shadow:0 0 0 2.5px var(--gm-surface)}
.tt-sub em{font-style:normal}
.tt-stack .tt-p:first-child{margin-left:0}
.tt-stack .tt-p.is-off{transform:scale(.3);opacity:0;margin-left:-2em}
.tt-dot{position:absolute;right:-2px;bottom:-2px;width:.6em;height:.6em;border-radius:50%;background:var(--gm-ok);box-shadow:0 0 0 2px var(--gm-surface)}
.tt-body{display:grid;grid-template-columns:11.5em 1fr}
.tt-side{border-right:1px solid var(--gm-line);padding:1em .9em;background:var(--gm-surface-2)}
.tt-side h4{margin:0 0 .8em;font-size:.74em;font-weight:600;color:var(--gm-mut);letter-spacing:.01em}
.tt-side ul{list-style:none;margin:0;padding:0;display:grid;gap:.7em}
.tt-side li{display:flex;align-items:center;gap:.6em;font-size:.84em;transition:opacity .4s,transform .5s var(--gm-ease)}
.tt-side li.is-off{opacity:.35}
.tt-side li.is-off .tt-dot{background:var(--gm-line)}
.tt-side li>.tt-p{position:relative;display:inline-flex}
.tt-side li .gm-av{font-size:.84em}
.tt-side b{display:block;font-weight:600;line-height:1.15}
.tt-side small{display:block;color:var(--gm-mut);font-size:.86em;line-height:1.25;min-height:1.25em;transition:color .3s}
.tt-side small.is-typing{color:var(--gm-blue)}
.gm[data-theme=ink] .tt-side small.is-typing{color:var(--gm-blue-3)}
.tt-main{display:flex;flex-direction:column;min-width:0}
.tt-list{height:21em;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:.4em 1.2em .2em;transition:opacity .45s;-webkit-mask-image:linear-gradient(transparent,#000 3.5em);mask-image:linear-gradient(transparent,#000 3.5em)}
.tt-list.is-out{opacity:0}
.tt-msg{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--gm-ease),opacity .4s .08s;flex:none}
.tt-msg.in{grid-template-rows:1fr;opacity:1}
.tt-msg>div{min-height:0;overflow:hidden}
.tt-row{display:flex;gap:.7em;padding:.55em 0;transform:translateY(8px);transition:transform .55s var(--gm-ease)}
.tt-msg.in .tt-row{transform:none}
.tt-row .gm-av{font-size:.9em}
.tt-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2em .5em;font-size:.84em}
.tt-meta b{font-weight:600}
.tt-meta time{font-family:var(--gm-mono);font-size:.86em;color:var(--gm-mut)}
.tt-row p{margin:.1em 0 0;font-size:.95em;line-height:1.45;max-width:46ch}
.tt-chip{display:inline-flex;align-items:center;gap:.4em;font-size:.74em;font-weight:600;padding:.3em .75em;border-radius:999px;background:rgba(194,116,10,.12);color:var(--gm-wait);margin-top:.5em;transition:background .35s,color .35s}
.tt-chip i{width:.5em;height:.5em;border-radius:50%;background:currentColor}
.tt-chip.is-sent{background:var(--gm-ok-soft);color:var(--gm-ok)}
.tt-sys{display:flex;align-items:center;gap:.6em;font-size:.78em;color:var(--gm-mut);padding:.7em 0}
.tt-sys::before,.tt-sys::after{content:"";height:1px;flex:1;background:var(--gm-line)}
.gm-av--agent{background:var(--gm-surface)!important;color:var(--gm-blue);border:1.5px dashed var(--gm-blue)}
.gm[data-theme=ink] .gm-av--agent{color:var(--gm-blue-3);border-color:var(--gm-blue-3)}
.tt-agent{display:inline-flex;align-items:center;font-size:.86em;font-weight:500;padding:.1em .55em;border-radius:999px;background:var(--gm-blue-soft);color:var(--gm-blue)}
.gm[data-theme=ink] .tt-agent{color:var(--gm-blue-3)}
.tt-result{margin-top:.5em;display:flex;align-items:center;gap:.7em;padding:.65em .85em;border:1px solid var(--gm-line);border-radius:12px;background:var(--gm-surface-2);max-width:26em}
.tt-result svg{flex:none;width:1.6em;height:1.6em;color:var(--gm-ok)}
.tt-result b{display:block;font-size:.9em;font-weight:600}
.tt-result span{display:block;font-size:.8em;color:var(--gm-mut)}
.tt-typing{height:1.9em;padding:0 1.2em;font-size:.78em;color:var(--gm-mut);display:flex;align-items:center;gap:.5em;opacity:0;transition:opacity .25s}
.tt-typing.on{opacity:1}
.tt-compose{margin:.2em 1em 1em;padding:.75em 1em;border:1px solid var(--gm-line);border-radius:12px;font-size:.84em;color:var(--gm-mut);display:flex;justify-content:space-between;align-items:center}
.tt-compose i{font-style:normal;font-family:var(--gm-mono);font-size:.82em;padding:.25em .6em;border-radius:6px;background:var(--gm-blue);color:#fff}
@container (max-width:600px){
  .gm-team .tt-body{grid-template-columns:1fr}
  .gm-team .tt-side{display:none}
  .gm-team .tt-list{height:23em;padding-inline:.9em}
  .gm-team .tt-head{padding:.85em .9em}
  .gm-team .tt-sub em{display:none}
  .gm-team .tt-compose{margin-inline:.8em}
  .gm-team .tt-typing{padding-inline:.9em}
}
@container (max-width:420px){.gm-team .tt-card{font-size:13.5px}.gm-team .tt-stack .gm-av{font-size:.82em}}
/* reserve height before the script mounts (no layout shift) */
.gm-team:not(.gm-ready){min-height:465px}
@media (max-width:700px){.gm-team:not(.gm-ready){min-height:450px}}