/* Small custom layer. Main styling uses TailwindCSS CDN. */
:root { color-scheme: light; }
html.dark { color-scheme: dark; }
html, body { min-height: 100%; }
body { min-height: 100vh; }
.factory-grid {
  background-image:
    linear-gradient(rgba(148,163,184,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.08) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to bottom, black, transparent 92%);
}
.panel-glow {
  background:
    radial-gradient(circle at 14% 5%, rgba(14,165,233,.22), transparent 32%),
    radial-gradient(circle at 90% 85%, rgba(16,185,129,.12), transparent 32%),
    #081426;
}
.auth-card { box-shadow: 0 28px 80px -36px rgba(15,23,42,.38); }
html.dark .auth-card { box-shadow: 0 28px 80px -36px rgba(0,0,0,.88); }
.brand-logo { filter: none; }
.data-line { stroke-dasharray: 7 8; animation: data-flow 12s linear infinite; }
@keyframes data-flow { to { stroke-dashoffset: -180; } }
@media (prefers-reduced-motion: reduce) { .data-line { animation: none; } }