html.phone-ui body {

  font-size: 14px;

  padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px));

}

html.phone-ui .bottom-nav { display: grid; }

html.phone-ui .portal-banner--hero { min-height: 188px; }

html.phone-ui .portal-banner-inner {

  padding: calc(0.45rem + env(safe-area-inset-top, 0px)) 12px 2.35rem;

  gap: 10px;

}

html.phone-ui .portal-brand-icon--hero { width: 48px; height: 48px; font-size: 1.4rem; }

html.phone-ui .portal-banner-title { font-size: 1.35rem; }

html.phone-ui .portal-banner-rotator { font-size: 0.84rem; }

html.phone-ui .portal-banner-btn { min-height: 36px; font-size: 0.78rem; padding: 0.4rem 0.8rem; }

html.phone-ui .portal-banner-orbs .orb { font-size: 1.55rem; }

html.phone-ui .main-content { padding: 0.75rem 0.75rem 1.5rem; }
html.phone-ui.kb-map-view .main-content { padding: 0; max-width: none; }

html.phone-ui .feature-grid { grid-template-columns: 1fr 1fr; }

html.phone-ui .data-table { display: block; overflow-x: auto; }

html.phone-ui .auth-hub.panel { padding: 1rem 0.85rem; }

html.phone-ui .auth-hub__title { font-size: 1.25rem; }

html.phone-ui .auth-hub__tab { padding: 0.5rem; font-size: 0.88rem; }



/* APK report view — portal banner + tiles + full-screen content */

html.phone-ui[data-view="report"] body {

  padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px));

}

html.phone-ui[data-view="report"] .main-content {

  display: flex;

  flex-direction: column;

  padding: 0.5rem 0.65rem 0.75rem;

  min-height: 0;

}

html.phone-ui[data-view="report"] .report-view--mobile {

  flex: 1;

  min-height: 0;

  display: flex;

  flex-direction: column;

  gap: 0.55rem;

}

html.phone-ui .submission-tile-grid--report {

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 0.55rem;

  flex-shrink: 0;

}

html.phone-ui .submission-tile-grid--report .submission-tile {

  min-height: 108px;

  padding: 0.75rem 0.45rem;

  border-radius: var(--radius);

  box-shadow: 0 2px 10px rgba(15, 76, 92, 0.08);

}

html.phone-ui .submission-tile-grid--report .submission-tile-icon {

  font-size: 1.55rem;

}

html.phone-ui .submission-tile-grid--report .submission-tile-label {

  font-size: 0.82rem;

}

html.phone-ui .submission-tile-grid--report .submission-tile-sub {

  font-size: 0.68rem;

  line-height: 1.25;

}

html.phone-ui[data-view="report"] .report-nav-bar {

  display: grid;

  grid-template-columns: auto 1fr auto auto;

  align-items: center;

  gap: 0.4rem;

  padding: 0.35rem 0.45rem;

  border-radius: var(--radius-sm);

  background: var(--accent-soft, #ecfeff);

  border: 1px solid #a5f3fc;

  font-size: 0.72rem;

  color: var(--muted);

  flex-shrink: 0;

}

html.phone-ui[data-view="report"] .report-nav-bar strong {

  color: var(--header, #0f4c5c);

  font-size: 0.72rem;

  text-align: center;

  line-height: 1.25;

}

html.phone-ui[data-view="report"] .report-nav-wait {

  text-align: center;

  font-size: 0.72rem;

}

html.phone-ui[data-view="report"] .report-nav-btn {

  border: 1px solid #cbd5e1;

  background: linear-gradient(125deg, #0f4c5c, #0891b2);

  color: #fff;

  border-radius: 999px;

  min-width: 2.35rem;

  min-height: 2.35rem;

  padding: 0 0.65rem;

  font-size: 0.78rem;

  font-weight: 700;

}

html.phone-ui[data-view="report"] .report-nav-btn:disabled {

  opacity: 0.4;

  background: #e2e8f0;

  color: #64748b;

}

html.phone-ui[data-view="report"] .report-nav-btn--ppt {

  min-width: 2.8rem;

  font-size: 0.68rem;

  letter-spacing: 0.02em;

}

html.phone-ui.report-ppt-mode .portal-banner,

html.phone-ui.report-ppt-mode .bottom-nav,

html.phone-ui.report-ppt-mode .report-hero-banner,

html.phone-ui.report-ppt-mode .submission-tile-grid--report,

html.phone-ui.report-ppt-mode .submission-page-bar {

  display: none !important;

}

html.phone-ui.report-ppt-mode[data-view="report"] .main-content {

  padding: 0 !important;

}

html.phone-ui.report-ppt-mode .report-view--ppt {

  position: fixed;

  inset: 0;

  z-index: 300;

  display: flex;

  flex-direction: column;

  gap: 0;

  padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px);

  background: #fff;

}

html.phone-ui.report-ppt-mode .report-nav-bar {

  border-radius: 0;

  border-left: 0;

  border-right: 0;

}

html.phone-ui.report-ppt-mode .report-frame-wrap {

  flex: 1;

  min-height: 0;

  border: 0;

  border-radius: 0;

  box-shadow: none;

}

html.phone-ui[data-view="report"] .report-frame-wrap {

  flex: 1;

  min-height: 0;

  border-radius: var(--radius);

  overflow: hidden;

  background: #fff;

  box-shadow: 0 2px 12px rgba(15, 76, 92, 0.08);

  border: 1px solid var(--border);

}

html.phone-ui[data-view="report"] .report-frame {

  width: 100%;

  height: 100%;

  min-height: 0;

  border: 0;

  display: block;

}

html.phone-ui .reports-page .report-tile-grid {

  grid-template-columns: repeat(2, minmax(0, 1fr));

}

html.phone-ui .report-tile {

  min-height: 104px;

  padding: 0.75rem 0.65rem;

}