/* WifiMon - app.css (custom on top of Tailwind) */
:root {
  --brand: #0ea5e9;
  --brand-dark: #0284c7;
}
html { -webkit-tap-highlight-color: transparent; }
body { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

/* GPS spinner */
.gps-loading {
  display: inline-block;
  width: 16px; height: 16px;
  border: 2px solid rgba(255,255,255,0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Offline banner */
.offline-banner {
  position: fixed; top: 0; left: 0; right: 0;
  background: #ef4444; color: white;
  text-align: center; padding: 6px 12px; font-size: 13px;
  z-index: 9999;
  transform: translateY(-100%);
  transition: transform .25s;
}
.offline-banner.show { transform: translateY(0); }

/* PWA standalone safe areas */
@supports (padding: max(0px)) {
  body { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
}

/* Print friendly */
@media print {
  aside, header, .no-print { display: none !important; }
  main { padding: 0 !important; }
}