/* ===========================================================================
   Premium Visual Signature — v2.1
   No naming. The Woodle mark's *finish* encodes premium tier and activity.
     flat mark            = standard
     gradient-lit mark    = premium available        (A2 "Lit Mark")
     sequential pulse     = premium working
     corner-notch seal    = premium-certified output (B4 "Seal")
   Re-themes per vertical automatically via the live --accent-* tokens.
   =========================================================================== */

/* --- Lit Mark (A2): gradient fill is set inline; this adds the glow --- */
.wc-mark.lit{filter:drop-shadow(0 0 5px oklch(from var(--accent-500) l c h/.55))}
.wc-mark.lit.glow-s{filter:drop-shadow(0 0 3px oklch(from var(--accent-500) l c h/.45))}
.wc-mark.lit.glow-l{filter:drop-shadow(0 0 12px oklch(from var(--accent-500) l c h/.72))}

/* --- Working state: the three shapes light in sequence (dot -> block -> bar) --- */
.wc-mark.lit.thinking circle{animation:lm-pulse 1.7s infinite}
.wc-mark.lit.thinking .lm-blk{animation:lm-pulse 1.7s infinite .22s}
.wc-mark.lit.thinking .lm-bar{animation:lm-pulse 1.7s infinite .44s}
@keyframes lm-pulse{0%,72%,100%{opacity:.30}22%,46%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .wc-mark.lit.thinking circle,.wc-mark.lit.thinking rect{animation:none;opacity:1}
}

/* --- The Seal (B4): corner-notch certificate for premium OUTPUTS --- */
.wc-seal-host{position:relative}
.wc-seal{position:absolute;top:0;right:0;width:0;height:0;z-index:4;
  border-top:var(--seal-sz,30px) solid var(--accent-500);
  border-left:var(--seal-sz,30px) solid transparent;
  border-top-right-radius:8px;
  filter:drop-shadow(0 1px 2px oklch(from var(--accent-700) l c h/.4))}
.wc-seal .wc-seal-mark{position:absolute;right:3px;fill:#fff;display:block;
  top:calc(var(--seal-sz,30px) * -1 + 3px)}

/* compact inline seal — for dense rows/tables where a corner notch is too loud */
.wc-seal-inline{display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:5px;background:var(--accent-500);
  vertical-align:-4px;margin-left:7px;flex-shrink:0;
  box-shadow:0 0 0 1px oklch(from var(--accent-500) l c h/.25)}
.wc-seal-inline .wc-mark{fill:#fff}