.ali-wrap.svelte-1t83f37 {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 5px 10px;
    background: var(--color-surface-bright, #fff);
    border: 1px solid var(--color-border, #e8e6dd);
    border-radius: 999px;
    text-decoration: none;
    color: var(--color-on-surface, #2c2c2c);
    font-size: 11.5px;
    cursor: pointer;
    transition: border-color 120ms, background 120ms;
    position: relative;
  }
  .ali-wrap.svelte-1t83f37:hover {
    background: var(--color-bg, #faf9f5);
    border-color: var(--color-accent, #1d4ed8);
  }
  .ali-wrap.ali-active.svelte-1t83f37 {
    border-color: rgba(201, 99, 66, 0.4);
    background: rgba(201, 99, 66, 0.05);
  }
  .ali-wrap.ali-err.svelte-1t83f37 {
    border-color: rgba(196, 87, 26, 0.5);
    background: rgba(196, 87, 26, 0.06);
  }
  .ali-dots.svelte-1t83f37 { display: inline-flex; gap: 3px; }
  .ali-dot.svelte-1t83f37 {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--color-border, #d8d5cc);
    transition: transform 120ms;
  }
  .ali-dot-running.svelte-1t83f37 {
    animation: svelte-1t83f37-aliPulse 1.2s ease-in-out infinite;
  }
  .ali-dot-error.svelte-1t83f37 {
    animation: svelte-1t83f37-aliBlink 0.8s ease-in-out infinite;
  }
  @keyframes svelte-1t83f37-aliPulse {
    0%, 100% { opacity: 0.45; transform: scale(1); }
    50%      { opacity: 1; transform: scale(1.35); }
  }
  @keyframes svelte-1t83f37-aliBlink {
    0%, 100% { opacity: 1; }
    50%      { opacity: 0.35; }
  }
  .ali-label.svelte-1t83f37 {
    font-weight: 500;
    color: var(--color-on-surface-dim, #6f6e69);
    white-space: nowrap;
  }
  .ali-active.svelte-1t83f37 .ali-label:where(.svelte-1t83f37) { color: var(--color-accent, #1d4ed8); font-weight: 600; }
  .ali-err.svelte-1t83f37 .ali-label:where(.svelte-1t83f37) { color: var(--color-error, #c4571a); font-weight: 600; }

  /* Tooltip popover */
  .ali-tip.svelte-1t83f37 {
    position: absolute; top: calc(100% + 8px); right: 0;
    min-width: 280px; max-width: 360px;
    padding: 10px 12px;
    background: var(--color-surface-bright, #fff);
    border: 1px solid var(--color-border, #e8e6dd);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.04);
    z-index: 200;
    font-size: 12px;
  }
  .ali-tip-head.svelte-1t83f37 {
    font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
    color: var(--color-on-surface-dim, #6f6e69);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--color-border, #f0eee6);
    margin-bottom: 6px;
  }
  .ali-tip-row.svelte-1t83f37 {
    display: grid;
    grid-template-columns: 12px 1fr auto;
    gap: 8px; align-items: center;
    padding: 4px 0;
    font-size: 11.5px;
  }
  .ali-tip-dot.svelte-1t83f37 { width: 7px; height: 7px; border-radius: 50%; }
  .ali-tip-name.svelte-1t83f37 { color: var(--color-on-surface, #2c2c2c); font-weight: 500; }
  .ali-tip-status.svelte-1t83f37 {
    font-size: 10px; text-transform: uppercase; letter-spacing: 0.05em;
    color: var(--color-on-surface-dim, #6f6e69);
  }
  .ali-tip-foot.svelte-1t83f37 {
    margin-top: 8px; padding-top: 6px;
    border-top: 1px solid var(--color-border, #f0eee6);
    font-size: 10.5px; color: var(--color-on-surface-dim, #6f6e69);
    text-align: center;
  }

  @media (max-width: 900px) {
    .ali-label.svelte-1t83f37 { display: none; }
  }