/* Page-specific styles */

/* Dashboard grid responsive */
@media (max-width: 900px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
  .stats-grid { grid-template-columns: 1fr !important; }
}

/* Two-column grid responsive */
div[style*="grid-template-columns: 1fr 1fr"] {
  gap: var(--space-md);
}
@media (max-width: 900px) {
  div[style*="grid-template-columns: 1fr 1fr"] {
    display: flex !important;
    flex-direction: column;
  }
}

/* Smooth page entrance */
.page-content > * {
  animation: pageEnter 0.3s ease;
}
@keyframes pageEnter {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-muted); }

/* Selection */
::selection { background: rgba(102,126,234,0.2); }

/* Focus ring */
:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
}

/* Smooth card interactions */
.card { will-change: box-shadow; }

/* Chart canvas sizing */
canvas { max-width: 100%; }