/* Corner v23 — Wensity ring, one Slack launch, Dani Lee, no colored button glow. */

/* 6 · Closed starts in ink and travels to #0071e3, the way Trust treats “Undo always.” */
.h21-h1 em,
.cta21-h em{
  font-style:normal;
  background-image:linear-gradient(100deg,#1d1d1f 0%,#1d1d1f 46%,#0071e3 62%,#0071e3 100%);
  background-size:260% 100%;
  background-position:100% 50%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  animation:closedInk 2.8s cubic-bezier(.22,1,.36,1) .3s forwards;
}
.h21-h1 .h1-echo em{
  animation:none;
  background:none;
  -webkit-text-fill-color:#0071e3;
  color:#0071e3;
}
@keyframes closedInk{ to{ background-position:0% 50%; } }
html[data-theme="dark"] .h21-h1 em,
html[data-theme="dark"] .cta21-h em{
  background-image:linear-gradient(100deg,#f5f5f7 0%,#f5f5f7 46%,#0071e3 62%,#0071e3 100%);
  -webkit-text-fill-color:transparent;
}

/* 5 · Step marks.
   Idle and suggested-unselected: 1.5px gray outline, no fill.
   Running / verifying: Wensity ring, 12 spokes, 1.5px, transparent, no disc.
   Selected (before a run) and done: solid #0071e3 and a white check. No glow. */
.act-box:not(.act-lock){
  position:relative;width:18px !important;height:18px !important;border-radius:50% !important;
  border:0 !important;background:transparent !important;
  box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.28) !important;
  filter:none !important;color:rgba(0,0,0,.28);
}
.act-box:not(.act-lock)::before,
.act-box:not(.act-lock)::after{
  display:none !important;content:none !important;animation:none !important;border:0 !important;
}
html[data-theme="dark"] .act-box:not(.act-lock){
  background:transparent !important;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.38) !important;
}
.w-ring{position:absolute;inset:0;color:inherit;opacity:0;pointer-events:none}
.w-ring i{
  position:absolute;left:50%;top:0;width:1.5px;height:28%;margin-left:-.75px;
  border-radius:999px;background:currentColor;box-shadow:none;filter:none;
  transform-origin:50% 178.5%;
  transform:rotate(calc(var(--i) * 30deg));
  opacity:calc(.22 + var(--i) * .045);
}
.act.is-active .act-row:has(.act-check) .act-box,
.act.st-verifying .act-row:has(.act-check) .act-box,
.act.is-active .act-box,
.act.st-verifying .act-box{
  background:transparent !important;box-shadow:none !important;filter:none !important;color:#0071e3 !important;
}
.act.is-pending .act-row:has(.act-check) .act-box{
  background:transparent !important;
  box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.28) !important;
}
/* Beat the dark checked-disc rule (html + :checked, specificity 0,6,1). */
html[data-theme="dark"] .act.is-active .act-row:has(.act-check) .act-box,
html[data-theme="dark"] .act.st-verifying .act-row:has(.act-check) .act-box,
html[data-theme="dark"] .act.is-active .act-box,
html[data-theme="dark"] .act.st-verifying .act-box{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  color:rgba(255,255,255,.82) !important;
}
html[data-theme="dark"] .act.is-pending .act-row:has(.act-check) .act-box,
html[data-theme="dark"] .act.is-pending .act-box{
  background:transparent !important;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.38) !important;
}
.act.is-active .w-ring,.act.st-verifying .w-ring{opacity:1}
.act.is-active .w-ring i,.act.st-verifying .w-ring i{
  animation:wensity-spinner-line 840ms linear infinite;
  animation-delay:calc(var(--i) * -70ms);
}
@keyframes wensity-spinner-line{ 0%{opacity:1} 100%{opacity:.2} }
@media (prefers-reduced-motion: reduce){
  .act.is-active .w-ring i,.act.st-verifying .w-ring i{animation:none;opacity:.9}
}
.w-check{position:absolute;inset:0;width:18px;height:18px;opacity:0}
.w-check path{stroke-dasharray:16;stroke-dashoffset:16}
.act.is-done .act-row:has(.act-check) .act-box,
.act.is-done .act-box,
.act:not(.is-active):not(.is-pending):not(.st-verifying):not(.is-skipped) .act-row:has(.act-check:checked) .act-box{
  background:#0071e3 !important;box-shadow:none !important;filter:none !important;
}
.act.is-done .w-ring,
.act:not(.is-active):not(.is-pending):not(.st-verifying) .act-row:has(.act-check:checked) .w-ring{opacity:0}
.act.is-done .w-check,
.act:not(.is-active):not(.is-pending):not(.st-verifying) .act-row:has(.act-check:checked) .w-check{opacity:1}
.act.is-done .w-check path,
.act:not(.is-active):not(.is-pending):not(.st-verifying) .act-row:has(.act-check:checked) .w-check path{
  stroke-dashoffset:0;transition:stroke-dashoffset .35s cubic-bezier(.22,1,.36,1);
}
.act-x{
  position:absolute;right:8px;top:50%;transform:translateY(-50%);
  width:22px;height:22px;border:0;border-radius:50%;background:transparent;color:#86868b;
  cursor:pointer;font-size:14px;line-height:1;
}
[dir="rtl"] .act-x{right:auto;left:8px}
.act{position:relative}

/* 7 · buttons and pills: neutral shadow, blur ≤ 8px, no colored halo */
button,.btn,a.btn,.chip-hold,.do-halo,.doit-dark,.handled,.theme-toggle,.lang-toggle a,
.approve-btn,.chip,.chip.pulse,.b20-pill,.uc-tab,.wa-another,.ss-add-btn,.day21-arrow,.mj-replay,.o20-orb{
  animation:none !important;
}
.do-halo,.doit-dark,.approve-btn,.chip,.chip.pulse,.b20-pill,.btn,a.btn,.chip-hold,.handled,.wa-another,.ss-add-btn{
  box-shadow:0 1px 2px rgba(0,0,0,.08) !important;
}
html[data-theme="dark"] .do-halo,
html[data-theme="dark"] .doit-dark,
html[data-theme="dark"] .approve-btn,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .b20-pill,
html[data-theme="dark"] .btn{
  box-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}
.approve-banner{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 1px 2px rgba(0,0,0,.06), 0 4px 8px -6px rgba(0,0,0,.12) !important;
}
.approve-btn.do-halo{
  background:transparent;padding:0;border-radius:0;width:auto;height:auto;
}
.approve-btn .chip-do{height:36px;width:auto;display:block}
html[data-theme="dark"] .approve-btn .chip-do{display:none}
html[data-theme="dark"] .approve-btn .doit-dark{display:inline-flex}

/* 9 · volume: layered neutral elevation, a little glass, no blue pool */
.h21-win{
  box-shadow:
    0 0 0 1px rgba(0,0,0,.06),
    0 1px 2px rgba(0,0,0,.04),
    0 12px 24px -12px rgba(0,0,0,.12),
    0 28px 48px -28px rgba(0,0,0,.16) !important;
}
.h21-card .glance-surface.h21-gs,
.glance-surface{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 0 0 1px rgba(0,0,0,.06),
    0 1px 2px rgba(0,0,0,.04),
    0 16px 32px -16px rgba(0,0,0,.14),
    0 32px 56px -32px rgba(0,0,0,.12) !important;
}
html[data-theme="dark"] .h21-win,
html[data-theme="dark"] .h21-card .glance-surface.h21-gs,
html[data-theme="dark"] .h21-tile,
html[data-theme="dark"] .glance-surface{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    0 1px 2px rgba(0,0,0,.3),
    0 18px 36px -16px rgba(0,0,0,.5) !important;
}
.h21-tile{
  box-shadow:
    0 0 0 1px rgba(0,0,0,.06),
    0 1px 2px rgba(0,0,0,.04),
    0 8px 16px -8px rgba(0,0,0,.12) !important;
}
.h21-tile-ok{box-shadow:none !important}

/* 8 · tool chips in their own lane, left of the Slack window, 8px apart */
@media (min-width:1100px){
  html:not([dir="rtl"]) .h21-win{left:196px !important;width:700px}
  html[dir="rtl"] .h21-win{left:auto !important;right:196px !important;width:700px}
  html:not([dir="rtl"]) .h21-tiles{
    left:0;right:auto;top:24px;bottom:auto;width:184px;height:auto;
    display:flex;flex-direction:column;gap:8px;padding:0;
  }
  html[dir="rtl"] .h21-tiles{
    left:auto;right:0;top:24px;width:184px;height:auto;
    display:flex;flex-direction:column;gap:8px;
  }
  .h21-tiles .h21-tile{
    position:relative !important;left:auto !important;right:auto !important;top:auto !important;
    width:100% !important;margin:0;
  }
  .h21-tile-tx em{max-width:108px}
}
.h21-tile-ok{box-shadow:none !important}
#hero[data-stage="2"] .h21-win,
#hero[data-stage="3"] .h21-win{opacity:.34}
#hero[data-stage="4"] .h21-win{opacity:1}
.gw-side{background:#f3f3f5}
html[data-theme="dark"] .gw-side{background:#16181d}
.gw-logo b{letter-spacing:-.02em}

/* Slack reply preview — Sali's message, then a Notion page card */
.gw-artifact .gw-art-body{
  display:block;-webkit-line-clamp:unset;overflow:visible;white-space:normal;
  margin:2px 0 8px;font-size:14px;line-height:1.4;color:#1f1f1f;
}
.gw-slack{display:flex;gap:10px;align-items:flex-start}
.gw-slack .gw-mav{
  width:32px;height:32px;border-radius:50%;flex:none;background:#1d1d1f;color:#fff;
  display:grid;place-items:center;font:600 11px/1 var(--ui,Inter),sans-serif;
}
.gw-slack-body{min-width:0}
.gw-slack .gw-from{margin:0 0 2px}
.gw-notion{
  display:inline-flex;align-items:center;gap:8px;max-width:100%;
  padding:7px 10px;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.08);
  font:600 13px/1.2 var(--ui,Inter),sans-serif;color:#1d1d1f;
}
.gw-notion-ic{width:16px;height:16px;flex:none;color:#111;display:grid;place-items:center}
.gw-notion-ic svg{width:16px;height:16px;display:block}
html[data-theme="dark"] .gw-artifact .gw-art-body{color:#e8e8ed}
html[data-theme="dark"] .gw-notion{background:#121212;border-color:#2e2e2e;color:#e8e8ed}
html[data-theme="dark"] .gw-notion-ic{color:#e8e8ed}

/* WhatsApp footer: readable row, Do It at the real size, no mini ring */
.wa21-glance.glance-surface{transform:none !important}
@media (min-width:761px){
  html:not([dir="rtl"]) .wa21-glance.glance-surface{width:500px !important}
  html[dir="rtl"] .wa21-glance.glance-surface{width:292px !important}
}
.wa21-glance .chip{font-size:13px;gap:8px;align-items:center}
html:not([dir="rtl"]) .wa21-glance .chip{flex-wrap:nowrap}
html[dir="rtl"] .wa21-glance .chip{flex-wrap:wrap}
.wa21-glance .chip-txt{font-size:13px;line-height:1.35}
.wa21-glance .chip-hold{font-size:12.5px;padding:6px 8px}
.wa21-glance .gplus-ico{display:none !important}
.wa21-glance .chip-do,
.wa21-glance .demo-doit .chip-do,
.wa21-glance .approve-btn .chip-do{height:32px !important;width:auto !important}

/* WhatsApp · live composer, no before column */
.wa21-input{
  flex:1;border:0;background:transparent;font:inherit;color:inherit;
  min-width:0;outline:none;padding:0;
}
.wa-another{
  margin-left:10px;border:0;border-radius:980px;padding:6px 12px;
  background:#f2f2f4;color:#1d1d1f;font:600 12.5px/1 var(--ui,Inter),sans-serif;cursor:pointer;
}
html[data-theme="dark"] .wa-another{background:#1c1e24;color:#f5f5f7}
.surf-rail{display:block}
.demo-hint{display:flex;align-items:center;flex-wrap:wrap;gap:8px}

/* meeting summary types; the caret does not blink */
.gd-caret{display:none !important;animation:none !important}
#meet-summary{min-height:1.4em}

/* trust and the closing band must not share a fill */
.v21 #get-glance{background:#f5f5f7 !important}
html[data-theme="dark"] .v21 #get-glance{background:#10141c !important}

/* beam hub and lit tiles: depth without a blue pool or spinning halo */
.b20-halo{display:none !important;opacity:0 !important;animation:none !important}
.b20-head,.b20-comet,html[data-theme="dark"] .b20-head,html[data-theme="dark"] .b20-comet{filter:none !important}
.b20{
  background:linear-gradient(180deg,#fafbfc 0%,#f3f4f7 100%) !important;
  box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,.04), 0 18px 36px -24px rgba(0,0,0,.18) !important;
}
.b20-core,.b20-core.is-recv{
  border-color:rgba(0,0,0,.08) !important;
  box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,.06), 0 8px 16px -10px rgba(0,0,0,.16) !important;
}
.b20-tile.is-on{
  border-color:rgba(0,0,0,.12) !important;
  box-shadow:inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,.06), 0 8px 16px -10px rgba(0,0,0,.12) !important;
}
.b20-ok,html[data-theme="dark"] .b20-ok{box-shadow:none !important}
html[data-theme="dark"] .b20{
  background:linear-gradient(170deg,#10141c 0%,#070b14 100%) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 1px 2px rgba(0,0,0,.3), 0 18px 36px -16px rgba(0,0,0,.5) !important;
}
html[data-theme="dark"] .b20-core,
html[data-theme="dark"] .b20-core.is-recv{
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 8px 16px -10px rgba(0,0,0,.5) !important;
}
html[data-theme="dark"] .b20-tile.is-on{
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 1px 2px rgba(0,0,0,.3) !important;
}

/* a little more body on the day and trust cards */
.day21-card,.pillar,.surf-card{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 1px 2px rgba(0,0,0,.04),
    0 12px 28px -16px rgba(0,0,0,.12);
}