/* ============================================
   WANDA GROUP - Global Styles
   ============================================ */

html.user-is-logged-in #login-screen { display: none !important; }
html.user-is-logged-in #app-screen { display: flex !important; }

    body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: #f8fafc; }
    /* FIXED CSS PRINT LOGIC (versi robust: sembunyikan semua elemen, baru tampilkan area struk) */
    @media print {
      /* PENTING: paksa ukuran kertas ikut tinggi konten (auto), bukan A4/Letter default Chrome.
         Tanpa ini, printer thermal akan nge-feed kertas kosong panjang untuk "mengisi" 1 halaman
         penuh sebelum berhenti/potong kertas. */
      @page {
        size: 48mm auto;
        margin: 0;
      }

      body { background-color: #fff; margin: 0; padding: 0; }

      /* Sembunyikan LITERAL SEMUA elemen di halaman (di kedalaman berapapun) */
      body * { visibility: hidden !important; }

      /* Munculkan lagi khusus area struk & seluruh isinya */
      #print-area, #print-area * { visibility: visible !important; }

      /* Tarik area struk ke pojok kiri-atas kertas (karena visibility:hidden tetap makan tempat) */
      #print-area {
        visibility: visible !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 46mm !important;
        font-family: 'Arial Narrow', Arial, sans-serif !important;
        font-weight: bold !important;
        font-size: 9pt !important;
        color: #000 !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      .print-flex { display: flex !important; justify-content: space-between !important; width: 100% !important; }
    }
    #pos-search-dropdown::-webkit-scrollbar { width: 6px; } #pos-search-dropdown::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 4px; }
    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; }

/* ============================================
   TABEL RESPONSIF UNTUK HP (tanpa scroll ke samping)
   Gaya card seperti "Daftar Hutang Pembelian": teks rapat,
   tombol aksi (td.td-action) di bawah rata kanan, dan baris
   aksi otomatis hilang kalau memang tidak ada tombolnya.
   Tambahkan class "responsive-table" pada <table>.
   ============================================ */
@media (max-width: 767px) {
  .responsive-table thead { display: none; }
  .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td {
    display: block;
    width: 100%;
  }
  .responsive-table tr {
    padding: 8px 10px;
    border-bottom: 1px solid #f1f5f9;
    background: #fff;
  }
  .responsive-table tr:last-child { border-bottom: none; }
  .responsive-table td {
    padding: 1px 0 !important;
    border: none !important;
    text-align: left !important;
    line-height: 1.35;
  }
  .responsive-table td.td-action {
    text-align: right !important;
    margin-top: 4px;
  }
  .responsive-table td.td-action:empty {
    display: none;
    margin: 0;
    padding: 0 !important;
  }
  .responsive-table td.td-status-action {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px;
    margin-top: 4px;
  }
}

/* ============================================
   Sembunyikan judul <h2> per-menu (sudah digantikan Top Bar baru),
   beserta subjudul <p> yang menyertainya langsung.
   Tombol/filter lain di container yang sama TETAP tampil.
   ============================================ */
.view-panel h2.text-xl.font-bold.text-slate-900 { display: none; }
.view-panel h2.text-xl.font-bold.text-slate-900 + p { display: none; }