/* CA Skills Lab — Claude.ai-style overrides */

/* ── Thin icons ── */
/* Lucide sets stroke-width="2" as an SVG presentation attribute.
   CSS stroke-width with !important overrides SVG presentation attributes per spec. */
svg[stroke-width] {
  stroke-width: 1.25 !important;
}

/* Also cover any child paths that might inherit or set their own */
html body svg path,
html body svg line,
html body svg circle,
html body svg rect,
html body svg polyline,
html body svg polygon,
html body svg ellipse {
  stroke-width: inherit;
}

/* ── Profile/skill icons loaded as <img> SVG: muted grey tint ── */
[class*="ChatProfile"] img,
[class*="chat-profile"] img,
[role="option"] img,
[role="menuitem"] img {
  opacity: 0.55;
  filter: grayscale(1);
  width: 1.1rem !important;
  height: 1.1rem !important;
}

/* ── Action buttons: hide empty label text, icon-only style ── */
[class*="action"] span:empty,
button[class*="action"] span:empty {
  display: none !important;
}

/* Action pill — minimal, match native toolbar buttons */
[class*="MessageAction"],
[class*="message-action"],
button[class*="action-button"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0.2rem !important;
  min-width: unset !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: hsl(var(--border));
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--muted-foreground));
}