/**
 * Serendipity Space UI Enhancement v5 - Companion Styles
 * Note: Most styles are injected by the JS. This file provides additional overrides.
 */

/* Graph container sizing */
.lg\:col-span-3 .card,
[class*="col-span-3"] > div:first-child {
  height: calc(100vh - 200px) !important;
  min-height: 500px;
}

/* Additional accessibility */
.seren-filter:focus,
.seren-zoom-btn:focus,
.seren-close:focus {
  outline: 2px solid rgba(66, 133, 244, 0.5);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .seren-overlay,
  .seren-modal,
  .seren-filter,
  .seren-card,
  .seren-confidence-fill {
    transition: none;
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .seren-modal {
    width: 95%;
    max-height: 90vh;
  }
  .seren-stats {
    grid-template-columns: 1fr;
  }
  .seren-cards {
    grid-template-columns: 1fr;
  }
  .seren-controls {
    top: 8px;
    left: 8px;
  }
  .seren-panel {
    min-width: 110px;
    padding: 8px 10px;
  }
}