/* ==== Gaya khusus HP Android — Ekko Studio (20 Okt 2026, rev 2) ====
   Hanya aktif bila: html punya class .is-android DAN layar <= 900px.
   Desktop & iPhone tidak terpengaruh.
   Cabut: hapus blok penanda "ekko-android-ui" di index.html. */

@media (max-width: 900px) {
  html.is-android {
    font-size: 17px;
    -webkit-text-size-adjust: 100%;
  }

  html.is-android body {
    line-height: 1.62;
    letter-spacing: 0.1px;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  html.is-android input,
  html.is-android textarea,
  html.is-android select {
    font-size: 16px !important;
    line-height: 1.5;
  }

  html.is-android button,
  html.is-android [role="button"],
  html.is-android .btn {
    min-height: 44px;
    min-width: 44px;
  }

  html.is-android [class*="message"] {
    line-height: 1.62;
  }

  html.is-android ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  html.is-android ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: rgba(120, 120, 120, 0.45);
  }
}

/* ==== A. Sembunyikan logo / kotak kosong yang menumpuk judul ==== */
html.is-android .ekko-hide-overlap {
  display: none !important;
}

/* ==== C. Kartu statistik diringkas ==== */
html.is-android .ekko-compact-stats {
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  padding: 5px 8px !important;
  margin-top: 6px !important;
  opacity: 0.7;
  gap: 2px 10px !important;
}
html.is-android .ekko-compact-stats * {
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  white-space: nowrap;
}

html.is-android .ekko-compact-changes {
  font-size: 10.5px !important;
  padding: 4px 8px !important;
  margin-top: 4px !important;
  opacity: 0.7;
}
html.is-android .ekko-compact-changes * {
  font-size: 10.5px !important;
  padding: 0 !important;
  min-height: 0 !important;
}