/* =========================================================
   Borang Persetujuan (B3-B7) — awalan ps-. Hanya token tema (tema.css).
   B3: ikon status persetujuan + nota. B4: butang cetak. B5: kata laluan peranti.
   B6: semak waranti. B7: refund (kategori + cadangan + foto slip).
   ========================================================= */

/* ---- B3: ikon status persetujuan (Senarai Repair) ---- */
.ps-ikon{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:4px;font-size:12px;vertical-align:middle}
.ps-belum{color:var(--txt-oren)}
.ps-ok{color:var(--txt-hijau);opacity:.75}
.ps-langkau{color:var(--txt-kuning)}
.ps-nota{margin:6px 0;padding:8px 12px;border-radius:10px;font-size:12.5px;color:var(--txt-oren);background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad)}

/* ---- B4: butang cetak borang ---- */
.ps-cetak-baris{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.ps-cetak-baris .btn{min-height:44px}
.ps-lebar{display:inline-flex;gap:4px;margin-left:auto}

/* ---- B4: dokumen cetak (di dalam #areaCetak; kertas = putih, teks hitam) ---- */
.bp-dok{font-family:Arial,Helvetica,sans-serif;font-size:9.6pt;line-height:1.38;color:#000;background:#fff}
.bp-dok h1{font-size:15pt;text-align:center;margin:0 0 6px;letter-spacing:.5px}
.bp-dok h2{font-size:11pt;margin:10px 0 4px;padding:3px 6px;background:#e9e9e9;border-left:4px solid #000}
.bp-dok h3{font-size:9.8pt;margin:7px 0 2px}
.bp-dok p{margin:3px 0}
.bp-dok ul,.bp-dok ol{margin:2px 0 4px 18px;padding:0}
.bp-dok li{margin:1px 0}
.bp-kecil{font-size:8.2pt;color:#333}
.bp-kerangka{width:100%;border-collapse:collapse}
.bp-kerangka>thead{display:table-header-group}
.bp-kerangka>tfoot{display:table-footer-group}
.bp-kerangka>thead>tr>td,.bp-kerangka>tfoot>tr>td,.bp-kerangka>tbody>tr>td{padding:0;border:0;vertical-align:top}
.bp-hdr{display:flex;justify-content:space-between;gap:8px;font-size:8pt;border-bottom:1px solid #000;padding-bottom:1.5mm;margin-bottom:2mm}
.bp-ftr{display:flex;justify-content:space-between;font-size:8.5pt;border-top:1px solid #000;padding-top:1.5mm;margin-top:2mm}
.bp-jadual{width:100%;border-collapse:collapse;margin:4px 0}
.bp-jadual th,.bp-jadual td{border:1px solid #000;padding:2px 5px;text-align:left;vertical-align:top}
.bp-jadual th{background:#f1f1f1;width:34%;font-weight:700}
.bp-jadual thead th{width:auto}
.bp-jadual caption{text-align:left;font-weight:700;padding:3px 0}
.bp-blok{margin:5px 0;break-inside:avoid}
.bp-pil{display:inline-block;margin-right:8px;white-space:nowrap}
.bp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1px 12px;margin-top:2px}
.bp-fungsi{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px 8px;margin-top:2px}
.bp-fn b{display:inline-block;min-width:11px}
.bp-rosak{font-weight:900}
.bp-garis{display:inline-block;min-width:60%;border-bottom:1px solid #000}
.bp-bah{break-inside:auto}
.bp-muka-baru{break-before:page}
.bp-waranti .bp-tiada td{font-weight:700;background:#f4f4f4}
.bp-tiada-banner{border:2.5px solid #000;text-align:center;font-weight:900;font-size:13pt;padding:6px;margin:6px 0;letter-spacing:1px}
.bp-ttd{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.bp-ttd-k{border:1px solid #000;padding:6px}
.bp-ttd-baris{margin-top:5px;border-bottom:1px dotted #555;min-height:14px}
.bp-ttd-kotak{height:22mm;border:1px solid #777;margin-top:5px;display:flex;align-items:center;justify-content:center}
.bp-ttd-kotak img{max-width:100%;max-height:100%}
.bp-kedai-guna{margin-top:10px;border:1px solid #000;padding:6px;font-size:9pt}
.bp-akuan{break-inside:avoid}

/* ---- Borang berhalaman (T&C penuh, versi dicetak pada setiap muka) ---- */
.bp-muka{box-sizing:border-box;width:210mm;height:296mm;padding:10mm 12mm;display:flex;flex-direction:column;overflow:hidden;background:#fff;break-after:page;page-break-after:always}
.bp-muka:last-child{break-after:auto;page-break-after:auto}
.bp-isi{flex:1 1 auto;overflow:hidden;margin:2mm 0}
.bp-ver{font-size:8.6pt;font-weight:700;margin-bottom:1mm}
.bp-ftr>span:first-child{flex:1 1 auto}
.bp-ftr>span:last-child{flex:none;white-space:nowrap;margin-left:6mm}
.bp-tag-versi{font-size:8pt;font-weight:700;float:right}
.bp-tp{text-align:justify;margin:2px 0}
.bp-ukur-b{display:flow-root}
.bp-ttd-satu{grid-template-columns:1fr;max-width:100mm}

/* ---- B4: slip pelanggan (57mm / 80mm) ---- */
.bp-slip{font-family:'Courier New',Courier,monospace;font-size:9pt;line-height:1.35;color:#000;background:#fff;width:100%}
.bp-slip-57{max-width:51mm}
.bp-slip-80{max-width:74mm}
.bp-sl-tengah{text-align:center}
.bp-sl-nama{font-size:11pt}
.bp-sl-no{font-size:15pt;font-weight:900;margin:4px 0}
.bp-sl-garis{border-top:1px dashed #000;margin:4px 0}
.bp-sl-wang{display:flex;justify-content:space-between;gap:6px}
.bp-tiada-teks{font-weight:900}

/* ---- B5: kata laluan peranti ---- */
.ps-kunci{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad)}
.ps-kunci-nilai{font-family:var(--font-mono,monospace);font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--teks);overflow-wrap:anywhere}
.ps-kunci-nota{font-size:11.5px;color:var(--teks3);margin-top:4px}
.ps-kunci .btn{min-height:44px}

/* ---- B6: semak waranti ---- */
.ps-sw-kad{padding:12px;border-radius:14px;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad);margin-top:10px}
.ps-sw-kad h4{margin:0 0 6px;font-size:14px;color:var(--teks)}
.ps-sw-baris{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0;color:var(--teks3)}
.ps-sw-baris b{color:var(--teks);text-align:right;overflow-wrap:anywhere;min-width:0}
.ps-aktif{color:var(--txt-hijau)}
.ps-tamat{color:var(--txt-merah)}
.ps-tiada{color:var(--teks3)}

/* ---- B7: refund ---- */
.ps-rf-cadangan{margin-top:6px;padding:8px 12px;border-radius:10px;font-size:12.5px;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad);color:var(--teks)}
.ps-rf-foto{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ps-rf-foto img{max-width:96px;max-height:96px;border-radius:10px;border:var(--tebal-garis) solid var(--garis-kad)}

@media (max-width:640px){
  .ps-sw-baris{flex-direction:column;gap:2px}
  .ps-sw-baris b{text-align:left}
}

/* ---- B6/B7: lain-lain ---- */
.ps-semak{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:13px;color:var(--teks);cursor:pointer}
.ps-semak input{width:auto}
.ps-semak-panel{margin-bottom:12px}

/* ---- Pautan WhatsApp tandatangan pelanggan (migration 164): butang + hasil ---- */
.rb2-btn-pautan{margin-top:10px}
.rb2-btn-pautan .btn,.ps-pautan .btn{width:100%;min-height:48px;justify-content:center;white-space:normal;text-align:center}
.ps-btn-wa i,.ps-btn-wa-isi i{color:#25D366}
.ps-pautan{margin-top:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#25D366 9%,var(--panel2));border:var(--tebal-garis) solid color-mix(in srgb,#25D366 35%,var(--garis-kad))}
.ps-pautan-hasil{margin-top:8px;display:grid;gap:8px}
.ps-pautan-hasil .ps-pautan-tamat{font-size:12px;color:var(--teks2);overflow-wrap:anywhere}
.ps-pautan-baris{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.ps-pautan-baris .btn{min-height:46px;width:100%;justify-content:center;white-space:normal}
.ps-btn-wa-isi{background:#128C7E!important;border-color:#128C7E!important;color:#fff!important}
.ps-btn-wa-isi i{color:#fff}
.ps-pautan-url{font-size:11.5px;color:var(--teks3);overflow-wrap:anywhere;word-break:break-all}
.rb2-semak>.ps-pautan-blok,.ps-pautan-blok{display:block!important;width:100%;min-width:0;margin:6px 0}
.ps-pautan-blok .ps-pautan-hasil{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#25D366 9%,var(--panel2));border:var(--tebal-garis) solid color-mix(in srgb,#25D366 35%,var(--garis-kad))}
.ps-pautan-blok div{display:block!important;gap:0}
.ps-pautan-blok .ps-pautan-hasil{display:grid!important;gap:8px}
.ps-pautan-blok .ps-pautan-baris{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.ps-pautan-blok .ps-pautan-tamat,.ps-pautan-blok .ps-pautan-url{display:block!important;white-space:normal}