/* =============================================================
   Perbaikan tambahan hasil audit UI/UX & aksesibilitas. File ini
   dimuat SETELAH stylesheet halaman masing-masing supaya aturannya
   menang tanpa perlu mengubah setiap file CSS yang sudah ada.
   ============================================================= */

/* Target sentuh ikon minimal 44x44 px (sebelumnya 32-38 px). */
.icon-button { min-width: 44px; min-height: 44px; }
.update-star { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.call-again, .picker-actions button { min-width: 44px; min-height: 44px; }
.dialer-back, .dialer-call, .dialer-erase { min-width: 44px; min-height: 44px; }

/* Fokus keyboard harus selalu terlihat jelas (audit: keyboard/ARIA 61/100). */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #258fc8;
  outline-offset: 2px;
}

/* Navigasi bawah bergaya mobile disembunyikan pada layar desktop lebar dan
   digantikan navigasi sisi/atas ringkas, bukan bar besar setinggi 78px yang
   meniru tampilan mobile (audit: "Bottom navigation terlalu menyerupai
   mobile pada desktop"). */
@media (min-width: 1000px) {
  .bottom-nav {
    flex: 0 0 auto;
    flex-direction: column;
    width: 84px;
    height: 100%;
    border-top: 0;
    border-right: 1px solid var(--line-soft, #dbe4e8);
    padding: 18px 8px;
    gap: 10px;
    order: -1;
  }
  .bottom-nav .nav-item { flex: 0 0 auto; padding: 10px 4px; font-size: 11px; }
  .app-shell { flex-direction: row; }
  .app-shell > .chat-app, .app-shell > .page-body { order: 1; }
}

/* Tombol "Muat pesan lebih lama" di atas riwayat percakapan. */
.load-older-btn {
  display: block; margin: 10px auto 16px; padding: 8px 16px; border-radius: 999px;
  border: 1px solid var(--line, #dbe4e8); background: #fff; color: var(--navy, #123f55);
  font-size: 13px; font-weight: 700; cursor: pointer;
}
.load-older-btn:disabled { opacity: .6; cursor: default; }