/* Bedrock Design System
 * Terminal-inspired dark theme derived from Stitch prototype.
 * Temporary: Tailwind CDN handles utilities. This file covers
 * custom effects that Tailwind can't express inline.
 */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.bg-grid {
  background-image:
    linear-gradient(to right, rgba(59, 73, 75, 0.15) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(59, 73, 75, 0.15) 1px, transparent 1px);
  background-size: 40px 40px;
}

.pulse-line {
  height: 1px;
  background: linear-gradient(90deg, #00F0FF, transparent);
  animation: pulse-fade 2s infinite;
}

@keyframes pulse-fade {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}

.neon-glow {
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);
}

.btn-sweep {
  position: relative;
  overflow: hidden;
}

.btn-sweep::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transform: translateX(-100%);
  transition: transform 0.7s;
}

.btn-sweep:hover::after {
  transform: translateX(100%);
}

/* Tabular nums for KPI cards */
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* Widget grid mobile override */
@media (max-width: 1023px) {
  [data-widget-id] { grid-column: span 12 !important; }
}