/* ==========================================================================
   COSY Icon Set — crisp monochrome SVG icons that inherit currentColor.
   Usage:  <span class="cosy-icon icon-speech" aria-hidden="true"></span>
   The element's color (inherited from text color) fills the icon shape via
   mask, so the same icon reads white on dark panels and dark on light cards.
   ========================================================================== */

.cosy-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}

/* speech bubble (🗣️) */
.icon-speech {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-6l-5 4v-4H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm3 4a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7zm0 4a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2H7z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-6l-5 4v-4H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm3 4a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7zm0 4a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2H7z'/%3E%3C/svg%3E");
}

/* film clapperboard (🎬) */
.icon-film {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6zm2.5-1.2L7 7.2 5.4 8 4 6.6V6c0-.4.3-.7.6-.9l.9.5zm3-1l1.5 2.4-1.6.8-1.5-2.4 1.6-.8zm3 0l1.5 2.4-1.6.8-1.5-2.4 1.6-.8zm3 0l1.5 2.4-1.6.8-1.5-2.4 1.6-.8zM5 10h14v8H5v-8z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6zm2.5-1.2L7 7.2 5.4 8 4 6.6V6c0-.4.3-.7.6-.9l.9.5zm3-1l1.5 2.4-1.6.8-1.5-2.4 1.6-.8zm3 0l1.5 2.4-1.6.8-1.5-2.4 1.6-.8zm3 0l1.5 2.4-1.6.8-1.5-2.4 1.6-.8zM5 10h14v8H5v-8z'/%3E%3C/svg%3E");
}

/* microphone (🎤) */
.icon-mic {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a3 3 0 0 1 3 3v6a3 3 0 0 1-6 0V5a3 3 0 0 1 3-3zm-7 9a7 7 0 0 0 6 6.9V21h-2a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-3.1A7 7 0 0 0 19 11a1 1 0 1 0-2 0 5 5 0 0 1-10 0 1 1 0 1 0-2 0z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a3 3 0 0 1 3 3v6a3 3 0 0 1-6 0V5a3 3 0 0 1 3-3zm-7 9a7 7 0 0 0 6 6.9V21h-2a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2h-2v-3.1A7 7 0 0 0 19 11a1 1 0 1 0-2 0 5 5 0 0 1-10 0 1 1 0 1 0-2 0z'/%3E%3C/svg%3E");
}

/* dice (🎲) */
.icon-dice {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H5zm2.5 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-3.5 3.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-3.5 3.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 2h14a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H5zm2.5 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-3.5 3.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-3.5 3.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z'/%3E%3C/svg%3E");
}

/* open book (📖) */
.icon-book {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16a1 1 0 0 1-1.7.7C9.5 18.8 8 18 6 18H5a2 2 0 0 1-2-2V4zm2 0v12h1c1.5 0 2.9.4 4 1.1V4a.5.5 0 0 0-.5-.5H5.5A.5.5 0 0 0 5 4zm9-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-1c-2 0-3.5.8-5.3 2.7A1 1 0 0 1 11 20V4a2 2 0 0 1 2-2zm.5 1.5A.5.5 0 0 0 14 4v13.1c1.1-.7 2.5-1.1 4-1.1h1V4a.5.5 0 0 0-.5-.5h-4z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16a1 1 0 0 1-1.7.7C9.5 18.8 8 18 6 18H5a2 2 0 0 1-2-2V4zm2 0v12h1c1.5 0 2.9.4 4 1.1V4a.5.5 0 0 0-.5-.5H5.5A.5.5 0 0 0 5 4zm9-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-1c-2 0-3.5.8-5.3 2.7A1 1 0 0 1 11 20V4a2 2 0 0 1 2-2zm.5 1.5A.5.5 0 0 0 14 4v13.1c1.1-.7 2.5-1.1 4-1.1h1V4a.5.5 0 0 0-.5-.5h-4z'/%3E%3C/svg%3E");
}

/* globe (🌍) */
.icon-globe {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1 2.1A8 8 0 0 0 4.3 8H7c.6-1.6 1.4-3 2.4-4.1.5-.5 1-1 1.6-1.3zM4.1 10a8 8 0 0 0 0 4H7a14 14 0 0 1 0-4H4.1zm.2 6A8 8 0 0 0 11 19.9c-.6-.4-1.1-.9-1.6-1.4C8.5 17.4 7.8 16 7.2 14H4.3zM12 19.9c.6-.4 1.1-.9 1.6-1.4C14.6 17.4 15.4 16 16 14h2.7A8 8 0 0 1 12 19.9zM16 12a14 14 0 0 0 0-4h2.9a8 8 0 0 1 0 4H16zm-1-6c-.6-1.6-1.4-3-2.4-4.1A8 8 0 0 1 19.7 8H17z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1 2.1A8 8 0 0 0 4.3 8H7c.6-1.6 1.4-3 2.4-4.1.5-.5 1-1 1.6-1.3zM4.1 10a8 8 0 0 0 0 4H7a14 14 0 0 1 0-4H4.1zm.2 6A8 8 0 0 0 11 19.9c-.6-.4-1.1-.9-1.6-1.4C8.5 17.4 7.8 16 7.2 14H4.3zM12 19.9c.6-.4 1.1-.9 1.6-1.4C14.6 17.4 15.4 16 16 14h2.7A8 8 0 0 1 12 19.9zM16 12a14 14 0 0 0 0-4h2.9a8 8 0 0 1 0 4H16zm-1-6c-.6-1.6-1.4-3-2.4-4.1A8 8 0 0 1 19.7 8H17z'/%3E%3C/svg%3E");
}

/* magnifier / search (🔎) */
.icon-search {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 1 0 4.9 14.3l5.4 5.4a1 1 0 0 0 1.4-1.4l-5.4-5.4A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 1 0 4.9 14.3l5.4 5.4a1 1 0 0 0 1.4-1.4l-5.4-5.4A8 8 0 0 0 10 2zm0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12z'/%3E%3C/svg%3E");
}

/* puzzle piece (🧩) */
.icon-puzzle {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3a2 2 0 0 1 4 0c0 .3-.1.6-.1 1 0 .8.7 1.5 1.5 1.5H17a2 2 0 0 1 2 2v2.6c0 .8.7 1.4 1.5 1.4.4 0 .7-.1 1-.1a2 2 0 0 1 0 4c-.3 0-.6-.1-1-.1-.8 0-1.5.7-1.5 1.5V19a2 2 0 0 1-2 2h-2.6c-.8 0-1.5.7-1.5 1.5 0 .4.1.7.1 1a2 2 0 0 1-4 0c0-.3.1-.6.1-1 0-.8-.7-1.5-1.5-1.5H5a2 2 0 0 1-2-2v-2.6c0-.8.7-1.5 1.5-1.5.4 0 .7.1 1 .1a2 2 0 0 0 0-4c-.3 0-.6.1-1 .1C3.7 9 3 8.3 3 7.5V5a2 2 0 0 1 2-2h2.6C8.3 3 9 2.3 9 1.5c0-.4-.1-.7-.1-1A2 2 0 0 1 9 3z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3a2 2 0 0 1 4 0c0 .3-.1.6-.1 1 0 .8.7 1.5 1.5 1.5H17a2 2 0 0 1 2 2v2.6c0 .8.7 1.4 1.5 1.4.4 0 .7-.1 1-.1a2 2 0 0 1 0 4c-.3 0-.6-.1-1-.1-.8 0-1.5.7-1.5 1.5V19a2 2 0 0 1-2 2h-2.6c-.8 0-1.5.7-1.5 1.5 0 .4.1.7.1 1a2 2 0 0 1-4 0c0-.3.1-.6.1-1 0-.8-.7-1.5-1.5-1.5H5a2 2 0 0 1-2-2v-2.6c0-.8.7-1.5 1.5-1.5.4 0 .7.1 1 .1a2 2 0 0 0 0-4c-.3 0-.6.1-1 .1C3.7 9 3 8.3 3 7.5V5a2 2 0 0 1 2-2h2.6C8.3 3 9 2.3 9 1.5c0-.4-.1-.7-.1-1A2 2 0 0 1 9 3z'/%3E%3C/svg%3E");
}

/* balance scale (⚖️) */
.icon-scale {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a1 1 0 0 1 1 1v1h4a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-1v3.3l2.9 5.2A2 2 0 0 1 17 18h-2a2 2 0 0 1-2-2.5l2-3.7V6h-2v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6H4a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1h3zm-6 6l-2.9 5.2A2 2 0 0 0 5 18h2a2 2 0 0 0 1.9-2.8L6 8z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a1 1 0 0 1 1 1v1h4a1 1 0 0 1 1 1 1 1 0 0 1-1 1h-1v3.3l2.9 5.2A2 2 0 0 1 17 18h-2a2 2 0 0 1-2-2.5l2-3.7V6h-2v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6H4a1 1 0 0 1 0-2h4V3a1 1 0 0 1 1-1h3zm-6 6l-2.9 5.2A2 2 0 0 0 5 18h2a2 2 0 0 0 1.9-2.8L6 8z'/%3E%3C/svg%3E");
}

/* people / group (👥) */
.icon-people {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm7 2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM2 19a7 7 0 0 1 14 0 1 1 0 0 1-2 0 5 5 0 0 0-10 0 1 1 0 0 1-2 0zm13.5-6a1 1 0 0 1 .5 1.3 5 5 0 0 1 4 4.9 1 1 0 1 1-2 .2 3 3 0 0 0-2.4-2.7A7 7 0 0 0 15 13a1 1 0 0 1 .5-2z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm7 2a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM2 19a7 7 0 0 1 14 0 1 1 0 0 1-2 0 5 5 0 0 0-10 0 1 1 0 0 1-2 0zm13.5-6a1 1 0 0 1 .5 1.3 5 5 0 0 1 4 4.9 1 1 0 1 1-2 .2 3 3 0 0 0-2.4-2.7A7 7 0 0 0 15 13a1 1 0 0 1 .5-2z'/%3E%3C/svg%3E");
}

/* target (🎯) */
.icon-target {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 3a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm0 3a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm0 2a3 3 0 1 1 0 6 3 3 0 0 1 0-6z'/%3E%3C/svg%3E");
}

/* chat bubble (💬) */
.icon-chat {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2zm3 5a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7zm0 4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H7z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2zm3 5a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7zm0 4a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2H7z'/%3E%3C/svg%3E");
}

/* sparkle / star (✨) */
.icon-sparkle {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.8 5.2L19 9l-5.2 1.8L12 16l-1.8-5.2L5 9l5.2-1.8L12 2zm6 10l.9 2.6L21 16l-2.6.9L18 19l-.9-2.1L15 16l2.1-.9L18 12zM6 14l.7 2L9 17l-2.3 1L6 20l-.7-2L3 17l2.3-1L6 14z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.8 5.2L19 9l-5.2 1.8L12 16l-1.8-5.2L5 9l5.2-1.8L12 2zm6 10l.9 2.6L21 16l-2.6.9L18 19l-.9-2.1L15 16l2.1-.9L18 12zM6 14l.7 2L9 17l-2.3 1L6 20l-.7-2L3 17l2.3-1L6 14z'/%3E%3C/svg%3E");
}