/* ============================================================
   Panel seller + admin — perbaikan tampilan mobile (<768px)
   Dipakai: seller_* + upload_new_product + admin_*.
   Desktop tak tersentuh.
   ============================================================ */
@media (max-width: 767px) {
  /* Semua ukuran berbasis rem menyusut proporsional — teks pas di layar HP
     (keluhan: tulisan kebesaran, konten meluber) */
  html { font-size: 13.5px; }

  /* Tabel (Semua Produk / Orders / Inventory list) meluber ke kanan
     -> kartu pembungkus bisa digeser horizontal, kolom tak terpotong.
     (Tabel admin sudah punya wrapper .overflow-x-auto sendiri — rule ini
     no-op di sana.) */
  div:has(> table) { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  div:has(> table) > table { min-width: 640px; }

  /* Konten paling bawah ketutup bottom-nav fixed (cuma seller yang punya)
     -> beri ruang; admin tanpa bottom-nav tak kena */
  body:has(nav.fixed.bottom-0) main { padding-bottom: 110px !important; }

  /* main = flex item (body flex): min-width default 'auto' bikin tabel 640px
     MELEBARKAN halaman, bukan scroll di dalam kartu -> izinkan menyusut */
  main { min-width: 0; }

  /* upload_new_product: header aksi (Batal/Simpan Draft/burger) 459px > layar
     -> tombol padat + boleh turun baris (hanya page dgn <header> di dalam <main>) */
  main > header { height: auto !important; min-height: 56px; flex-wrap: wrap; row-gap: 4px; padding-top: 6px; padding-bottom: 6px; }
  main > header .flex.items-center.gap-3 { gap: 6px; }
  main > header .flex.items-center.gap-3 > button,
  main > header .flex.items-center.gap-3 > a { padding: 7px 10px !important; font-size: .78rem !important; }
  main > header #chat-btn, main > header #cart-btn { display: none !important; } /* sudah tak esensial di form; hemat lebar */

  /* flex-1 tanpa min-width:0 = penyebab overflow klasik (kartu AI dkk.) */
  main .flex-1 { min-width: 0; }

  /* item grid: min-width default 'auto' bikin kolom melebar ikut konten
     (admin_sellers 802px) — izinkan menyusut */
  main .grid > * { min-width: 0; }

  /* teks panjang tak terputus (URL/no. rekening/slug) dipecah, bukan melebarkan halaman */
  main p, main td, main li, main span, main a { overflow-wrap: anywhere; }
}