/* OMNI mobile/tablet shell override. Keep desktop visuals and page-specific styles untouched. */
@media (max-width: 1100px) {
  .alpha-shell { grid-template-columns: 1fr; }
  .alpha-side {
    position: static;
    height: auto;
    padding: 8px 10px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 0;
    border-bottom: 1px solid rgba(140, 160, 255, .28);
  }
  .alpha-brand { margin: 0 8px 8px; }
  .alpha-nav {
    display: flex !important;
    gap: 6px;
    min-width: max-content;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .alpha-nav::-webkit-scrollbar { display: none; }
  .alpha-nav a {
    min-height: 34px;
    padding: 6px 10px;
    white-space: nowrap;
    flex: 0 0 auto;
  }
  .alpha-side-label,
  body.alpha-mode .tabs { display: none !important; }
  body.alpha-mode .a-page .hero,
  body.alpha-mode .a-page .split,
  body.alpha-mode .a-page .kpis,
  body.alpha-mode .a-page .news-grid,
  body.alpha-mode .a-page .donut-wrap,
  body.alpha-mode .a-page .mini-charts,
  body.alpha-mode .a-page .screen-layout,
  body.alpha-mode .a-page .field-grid,
  body.alpha-mode .a-page .decade-top,
  body.alpha-mode .a-page .decade-body,
  body.alpha-mode .a-page .chart-grid,
  body.alpha-mode .a-page .council-stage,
  body.alpha-mode .a-page .consensus,
  body.alpha-mode .a-page .radar { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .alpha-brand b { font-size: 17px; }
  .alpha-ticker {
    position: static;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 10px;
  }
  .ticker-search { width: 100%; }
  .ticker-search input { width: auto; min-width: 0; flex: 1; }
  .a-user { display: none; }
  .a-ticks { gap: 7px 10px; }
  body.alpha-mode .app { padding: 10px 10px 28px; }
}