/* test/improvements-2026-09-13 — phone-first polish. Same tokens. */
iframe[src*="netlify"],
a[href*="netlify.com"],
a[href*="netlify.app"][class*="badge"],
[data-netlify-deploy-id],
.netlify-badge,
#netlify-watermark,
div[id*="netlify"] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

.tabbar {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: max(12px, env(safe-area-inset-bottom));
  gap: 0;
}
.tabbar::-webkit-scrollbar { display: none; }
.tabbar .tab {
  flex: 0 0 auto;
  min-width: 4.4rem;
  padding: 8px 10px 6px;
}

@media (max-width: 480px) {
  .refresh-label,
  .settings-label,
  .ask-label { display: none; }
  .top-actions { gap: 6px; }
  .topbar { align-items: flex-start; }
}

.imp-brief {
  margin: 0 16px 12px;
}
.imp-brief-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.imp-kicker {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5EEAD4;
}
.imp-lead { font-weight: 650; color: #E8EDF2; }
.imp-when { color: #8B97A6; font-size: 12px; white-space: nowrap; }
.imp-action { margin: 8px 0 10px; color: #E8EDF2; }
.imp-brief-links { display: flex; flex-wrap: wrap; gap: 8px; }
.imp-brief-links .btn-ghost { width: auto; }

.imp-banner {
  margin: 0 16px 12px;
  padding: 12px 14px;
  border: 1px solid #243040;
  border-radius: 12px;
  background: #141A22;
  color: #E8EDF2;
}
.imp-banner.warn { border-color: #F43F5E55; }
.imp-note { color: #8B97A6; font-size: 13px; margin: 8px 0; }
.imp-row-actions { margin: 0 16px 10px; }
.imp-row-actions .btn-ghost { width: auto; }
.imp-card { margin-top: 12px; }

#fetched-at.fetched-at {
  display: block;
  padding: 0 16px 8px;
  color: #8B97A6;
  font-size: 12px;
}