/* =====================================================
   PATIENT ANALOG - CUSTOM ICON SYSTEM
   Hand-crafted biotech icons - non-generic, distinctive
   Created: Jan 30, 2026
   ===================================================== */

/* Icon wrapper base styles */
.pa-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  position: relative;
}

.pa-icon svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 3px currentColor);
  transition: filter 0.3s ease, transform 0.3s ease;
}

.pa-icon:hover svg {
  filter: drop-shadow(0 0 8px currentColor);
  transform: scale(1.1);
}

/* Glow pulse animation */
@keyframes iconPulse {
  0%, 100% { filter: drop-shadow(0 0 3px currentColor); }
  50% { filter: drop-shadow(0 0 10px currentColor); }
}

.pa-icon--pulse svg {
  animation: iconPulse 2s ease-in-out infinite;
}

/* Spin animation for loading/process icons */
@keyframes iconSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.pa-icon--spin svg {
  animation: iconSpin 3s linear infinite;
}

/* Color variants */
.pa-icon--cyan { color: #00ffff; }
.pa-icon--gold { color: #ffd700; }
.pa-icon--emerald { color: #00ff88; }
.pa-icon--red { color: #ff3366; }
.pa-icon--white { color: #ffffff; }

/* =====================================================
   INLINE SVG ICON DEFINITIONS
   These replace standard emojis with custom designs
   ===================================================== */

/*
   Usage: <span class="pa-icon pa-icon--cyan" data-icon="microscope"></span>
   Or with JS auto-replacement of emoji characters
*/