/*LINKS*/
.btn-variant-grey-default    { background: #F8FAFC; color: #475569; border: 1px solid #E2E8F0; border-radius: 5px; width: 32px; height: 32px; padding: 6px; box-shadow: none; display: flex; align-items: center; justify-content: center;}
.btn-variant-grey-hover      { background: #F1F5F9; color: #334155; border: 1px solid #CBD5E1; border-radius: 5px; width: 32px; height: 32px; padding: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); display: flex; align-items: center; justify-content: center;}
.btn-variant-grey-click      { background: #E2E8F0; color: #1E293B; border: 1px solid #94A3B8; border-radius: 5px; width: 32px; height: 32px; padding: 6px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center;}
.btn-variant-grey-disabled   { background: #F8FAFC; color: #CBD5E1; border: 1px solid #F1F5F9; border-radius: 5px; width: 32px; height: 32px; padding: 6px; box-shadow: none; cursor: not-allowed; display: flex; align-items: center; justify-content: center;}


/* PRIMARY LINK */
.link-primary {
  color: #4F46E5;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all 0.2s ease;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px 0;
}
.link-primary:hover {
  color: #3730A3;
  text-decoration-color: #3730A3;
  text-decoration-thickness: 1px;
}
.link-primary:active,
.link-primary:focus {
  color: #312E81;
  text-decoration-color: #312E81;
  outline: 2px solid #4F46E5;
  outline-offset: 2px;
}
.link-primary:disabled {
  color: #9CA3AF;
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.6;
}

/* SECONDARY LINK */
.link-secondary {
  color: #6B7280;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.2s ease;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px 0;
}
.link-secondary:hover {
  color: #374151;
  text-decoration: underline;
  text-decoration-color: #374151;
}
.link-secondary:active,
.link-secondary:focus {
  color: #1F2937;
  text-decoration: underline;
  outline: 2px solid #6B7280;
  outline-offset: 2px;
}
.link-secondary:disabled {
  color: #D1D5DB;
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.6;
}

/* DANGER/ERROR LINK */
.link-danger {
  color: #DC2626;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all 0.2s ease;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px 0;
}
.link-danger:hover {
  color: #B91C1C;
  text-decoration-color: #B91C1C;
}
.link-danger:active,
.link-danger:focus {
  color: #991B1B;
  text-decoration-color: #991B1B;
  outline: 2px solid #DC2626;
  outline-offset: 2px;
}
.link-danger:disabled {
  color: #FCA5A5;
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.6;
}

/* SUCCESS LINK */
.link-success {
  color: #059669;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: all 0.2s ease;
  cursor: pointer;
  background: none;
  border: none;
  padding: 4px 0;
}
.link-success:hover {
  color: #047857;
  text-decoration-color: #047857;
}
.link-success:active,
.link-success:focus {
  color: #065F46;
  text-decoration-color: #065F46;
  outline: 2px solid #059669;
  outline-offset: 2px;
}
.link-success:disabled {
  color: #A7F3D0;
  text-decoration: none;
  cursor: not-allowed;
  opacity: 0.6;
}

/* UTILITY CLASSES (for accessibility and sizing) */
.link-underline-always { text-decoration: underline !important; text-decoration-color: currentColor !important; }
.link-no-underline { text-decoration: none !important; }
.link-bold { font-weight: 600; }
.link-large { font-size: 16px; padding: 6px 0; }
.link-small { font-size: 12px; padding: 2px 0; }