/* Status Label Styles */

/* Common style for all status labels */
.status-label {
  display: inline-block;
  font-size: 0.85em;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 8px;
  margin: 0 4px;
  vertical-align: middle;
  white-space: nowrap;
  cursor: help;  /* Show help cursor on hover */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.02em;
  transition: transform 0.1s ease-in-out;
}

/* Slight scale on hover for better UX */
.status-label:hover {
  transform: scale(1.05);
}

/* Beta status */
.status-beta {
  background-color: #ffdca8;
  color: #663c00;
  border: 1px solid #f0b878;
}

/* Deprecated status */
.status-deprecated {
  background-color: #ffb3b3;
  color: #660000;
  border: 1px solid #ff9999;
  text-decoration: line-through;
}

/* Stable status */
.status-stable {
  background-color: #c8e6c9;
  color: #1b5e20;
  border: 1px solid #a5d6a7;
}

/* Experimental status */
.status-experimental {
  background-color: #e1bee7;
  color: #4a148c;
  border: 1px solid #ce93d8;
}

/* Internal status */
.status-internal {
  background-color: #b0bec5;
  color: #263238;
  border: 1px solid #90a4ae;
}

/* Dark theme support */
@media (prefers-color-scheme: dark) {
  .status-label {
    opacity: 0.9;
  }
  
  .status-beta {
    background-color: #664d33;
    color: #ffdca8;
    border-color: #805f40;
  }
  
  .status-deprecated {
    background-color: #663333;
    color: #ffb3b3;
    border-color: #804040;
  }
  
  .status-stable {
    background-color: #2e5f30;
    color: #c8e6c9;
    border-color: #3a7a3c;
  }
  
  .status-experimental {
    background-color: #5e2f66;
    color: #e1bee7;
    border-color: #7a3f80;
  }
  
  .status-internal {
    background-color: #37474f;
    color: #cfd8dc;
    border-color: #546e7a;
  }
}

/* Integration with code blocks */
.highlight .status-label {
  font-size: 0.75em;
  padding: 1px 6px;
  margin: 0 2px;
}