/* =========================================================
   MICHELEBORN JS — ICONS
   Thin inline SVG icons; no external icon library required.
   ========================================================= */

.ui-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.category-tab,
.run-button,
.output-title > span:first-child,
.footer-links a,
.cookie-preferences {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.category-tab .ui-icon { width: 15px; height: 15px; opacity: .72; }
.category-tab.active .ui-icon { opacity: 1; }

.run-button .run-icon { width: 14px; height: 14px; transition: transform .2s ease; }
.run-button:hover .run-icon { transform: translateX(2px); }

.output-icon { width: 14px; height: 14px; opacity: .8; }

.footer-links a { justify-content: space-between; }
.footer-links .external-icon { width: 13px; height: 13px; opacity: .55; transition: transform .2s ease, opacity .2s ease; }
.footer-links a:hover .external-icon { transform: translate(2px,-2px); opacity: 1; }

.cookie-preferences .settings-icon { width: 15px; height: 15px; transition: transform .3s ease; }
.cookie-preferences:hover .settings-icon { transform: rotate(8deg); }

@media (max-width: 650px) {
  .category-tab { gap: 5px; }
  .category-tab .ui-icon { width: 14px; height: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .run-icon, .external-icon, .settings-icon { transition: none !important; transform: none !important; }
}