/* public/ui-f6a.css — UI Portal Halaman 46 (kod f6a).
   Skop: sistemWarranty, logRepair, urusTag, analisisTag, marketing, kalendar, pengumuman
   + modal milik halaman-halaman ini. Awalan kelas: f6a-. HANYA rupa.
   Hanya token tema (x-t-* menetapkan --tb / --tf / --ts). Dimuat SELEPAS ui.css. */

/* ---------- susun atur halaman ---------- */
.f6a-pg{min-width:0}
.f6a-pg>.panel,.f6a-pg>div>.panel,.f6a-pg>div>.x-stats{margin-bottom:0}
.f6a-pg>div{min-width:0}
#swWarrantyPanel,#swClaimPanel,#swSupplierPanel,#swRefundPanel,#mktQuotePanel,#mktPromosiPanel{display:flex;flex-direction:column;gap:14px}
#swWarrantyPanel.hidden,#swClaimPanel.hidden,#swSupplierPanel.hidden,#swRefundPanel.hidden,#mktQuotePanel.hidden,#mktPromosiPanel.hidden{display:none}
#mktPromosiPanel .panel{margin-bottom:0}
.f6a-pg .x-nota{margin:0}

/* ---------- panel: kepala dengan ikon bertona ---------- */
.f6a-pg .panel{border-radius:var(--r2)}
.f6a-pg .panel[class*="x-t-"]{border-top:3px solid var(--ts)}
.f6a-pg .panel-head{padding:12px 14px;gap:10px}
.f6a-pg .panel-head h3{font-size:15.5px;font-weight:800;gap:10px;min-width:0;line-height:1.25}
.f6a-pg .panel[class*="x-t-"] .panel-head h3>i:first-child{width:32px;height:32px;border-radius:10px;background:var(--tb);color:var(--tf);display:grid;place-items:center;font-size:14px;flex:none}
.f6a-pg .panel-head .btn-kecil,.f6a-pg .panel-head .btn{min-height:44px;border-radius:12px;font-weight:800;font-size:13px;padding:0 14px;display:inline-flex;align-items:center;gap:7px}
.f6a-pg .panel-head .btn-primary,.f6a-pg .filter-bar .btn-primary{background:var(--primary);color:var(--on-primary);border-color:transparent}
.f6a-pg .panel-isi{padding:14px}
.f6a-pg .pagination{padding:12px 14px}

/* ---------- togol bahagian (tab) ---------- */
.f6a-tab .f6a-tab-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,128px),1fr));gap:8px}
.f6a-tab .btn{min-height:46px;border-radius:999px;font-weight:800;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;min-width:0;white-space:nowrap}
.f6a-tab .btn.hidden{display:none}
.f6a-tab .btn-ghost{background:var(--panel);border:1.5px solid var(--garis-kad);color:var(--teks2)}
.f6a-tab .btn-primary{background:var(--primary);color:var(--on-primary);border:1.5px solid transparent;box-shadow:var(--bayang-kad)}
.f6a-tab .btn:active,.f6a-subtab .btn:active{scale:.96}
.f6a-subtab{display:flex;gap:8px;flex-wrap:wrap}
.f6a-subtab .btn{min-height:44px;border-radius:999px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px;padding:0 15px}
.f6a-subtab .btn.hidden{display:none}
.f6a-subtab .btn-ghost{background:var(--panel);border:1.5px solid var(--garis-kad);color:var(--teks2)}
.f6a-subtab .btn-primary{background:var(--tona-pink-bg,var(--bg3));color:var(--tona-pink-fg,var(--teks));border:1.5px solid var(--accent,var(--primary))}

/* ---------- kad statistik (Warranty / Analisis) ---------- */
.f6a-stats{margin-bottom:0}
.f6a-stats .x-stat[data-wrfilter]{cursor:pointer}
.f6a-stats .x-stat[aria-pressed="true"]{border-color:var(--ts);box-shadow:0 0 0 2px color-mix(in srgb,var(--ts) 35%,transparent)}
.f6a-stats .x-stat:focus-visible{outline:2px solid var(--ts);outline-offset:2px}
#atIsi{display:flex;flex-direction:column;gap:14px;min-width:0}
#atIsi>.skeleton{min-height:96px}
.f6a-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;min-width:0}
.f6a-kad{position:relative;padding:14px;border-radius:var(--r2);border-top:3px solid var(--ts);min-width:0}
.f6a-kad h4{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:800;margin-bottom:12px;min-width:0}
.f6a-kad h4>i:first-child{width:30px;height:30px;border-radius:10px;background:var(--tb);color:var(--tf);display:grid;place-items:center;font-size:13px;flex:none}
.f6a-kad .tg-bar{margin:8px 0;min-height:28px}
.f6a-kad .tg-bar .tg-bar-nama{font-weight:600}
.f6a-kad .tg-bar .tg-bar-trek{height:12px}
.f6a-kad .tg-bar .tg-bar-isi{background:var(--ts)}
.f6a-kad .tg-matriks{border-radius:12px}
#atIsi>div[style*="font-size:11.5px"]{padding:0 4px}

/* ---------- penapis & carian ---------- */
.f6a-pg .filter-bar{padding:12px 14px;gap:8px}
.f6a-pg .panel-head+.filter-bar{padding-top:12px}
.f6a-pg .filter-cari input{min-height:46px;border-radius:12px;font-size:16px;padding-left:38px}
.f6a-pg .filter-bar input[type=date]{min-height:46px;border-radius:12px;font-size:16px}
.f6a-pg .filter-bar .btn{min-height:46px;min-width:46px;border-radius:12px}
.f6a-julat{border-radius:var(--r2)}
.f6a-julat-isi{display:flex;flex-wrap:wrap;gap:10px;padding:14px;align-items:flex-end}
.f6a-medan{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--teks2);flex:1 1 140px;min-width:0}
.f6a-medan input[type=date]{min-height:46px;border-radius:12px;font-size:16px;width:100%}
.f6a-pintas{display:flex;gap:8px;flex:1 1 100%}
.f6a-pintas .btn{flex:1;min-height:44px;border-radius:12px;font-weight:700;border:1.5px solid var(--garis-kad)}
@media(min-width:700px){.f6a-pintas{flex:0 1 auto}.f6a-pintas .btn{flex:0 0 auto;padding:0 16px}}

/* ---------- jadual (desktop) ---------- */
.f6a-pg .jadual thead th{background:color-mix(in srgb,var(--tb,var(--bg2)) 55%,var(--panel));color:var(--tf,var(--teks3));font-size:11px}
.f6a-pg .jadual tbody td{vertical-align:middle}
.f6a-pg .jadual tbody tr[data-wc],.f6a-pg .jadual tbody tr[data-qldetail],.f6a-pg .jadual tbody tr[data-ruj],.f6a-pg .jadual tbody tr[data-lrlihat]{cursor:pointer}
.f6a-pg .jadual tbody tr:hover{background:color-mix(in srgb,var(--ts,var(--cyan)) 7%,transparent)}
.f6a-pg .aksi-btn{width:44px;height:44px;border-radius:12px;font-size:14px}
.f6a-pg .aksi{display:flex;gap:6px;flex-wrap:wrap}

/* ---------- kad senarai (telefon) ---------- */
.f6a-pg .kad-list{gap:10px;padding:12px}
.f6a-pg .kad-r{position:relative;overflow:hidden;background:var(--panel);border-radius:var(--r);padding:13px 13px 12px 18px;box-shadow:var(--bayang-kad);transition:scale var(--pantas)}
.f6a-pg .kad-r::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ts,var(--garis-kad))}
.f6a-pg .kad-r[data-ruj],.f6a-pg .kad-r[data-wc],.f6a-pg .kad-r[data-sc],.f6a-pg .kad-r[data-rf],.f6a-pg .kad-r[data-qldetail],.f6a-pg .kad-r[data-lrlihat]{cursor:pointer}
.f6a-pg .kad-r:active{scale:.985}
.f6a-pg .kad-r-head{gap:10px;flex-wrap:wrap}
.f6a-pg .kad-r-ruj{min-width:0;overflow-wrap:anywhere}
.f6a-pg .kad-r-baris{align-items:baseline}
.f6a-pg .kad-r-baris b{text-align:right;min-width:0;overflow-wrap:anywhere;font-weight:700}
.f6a-pg .kad-r-aksi{flex-wrap:wrap}
.f6a-pg .kad-r-aksi .btn{flex:1 1 auto;min-height:44px;border-radius:12px;font-weight:700;font-size:13px}

/* ---------- pengumuman ---------- */
.f6a-pgm-senarai{display:flex;flex-direction:column;gap:12px}
.f6a-pgm-senarai>.skeleton{min-height:96px}
.f6a-pgm{position:relative;overflow:hidden;background:var(--bg2);border:1px solid var(--garis-kad);border-radius:16px;padding:14px 14px 12px 19px;min-width:0}
.f6a-pgm::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ts)}
.f6a-pgm-baharu{border-color:color-mix(in srgb,var(--ts) 60%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--ts) 18%,transparent)}
.f6a-pgm-atas{display:flex;align-items:center;gap:10px;min-width:0}
.f6a-pgm-ikon{width:36px;height:36px;border-radius:12px;background:var(--tb);color:var(--tf);display:grid;place-items:center;font-size:15px;flex:none}
.f6a-pgm-atas h4{margin:0;flex:1;min-width:0;font-size:15px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.f6a-pgm-mesej{white-space:pre-wrap;font-size:13.5px;line-height:1.65;color:var(--teks2);margin:10px 0 12px;overflow-wrap:anywhere}
.f6a-pgm-kaki{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.f6a-pgm-tarikh{font-size:12px;color:var(--teks3);font-weight:600}
.f6a-pgm-tarikh i{margin-right:4px}
.f6a-pgm-baca{font-size:12.5px;font-weight:800;color:var(--txt-hijau);display:inline-flex;align-items:center;gap:6px}
.f6a-pgm .f6a-pgm-btn{min-height:44px;border-radius:12px;font-weight:800;font-size:13px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--on-primary);border:0}
.f6a-pgm .f6a-pgm-btn:active{scale:.96}
@media(max-width:480px){.f6a-pgm .f6a-pgm-btn{width:100%;justify-content:center}}

/* ---------- Urus Tag ---------- */
#page-urusTag .panel{overflow:visible}
.f6a-tag-senarai{display:flex;flex-direction:column;gap:8px}
.f6a-tag-senarai>.skeleton{min-height:64px}
.f6a-tag-senarai .tg-baris-urus{background:var(--bg2);border:1px solid var(--line-halus);border-radius:14px;padding:10px 12px;gap:8px 10px;position:relative}
.f6a-tag-senarai .tg-baris-urus:last-child{border-bottom:1px solid var(--line-halus)}
.f6a-tag-senarai .tg-baris-urus .tg-cip{font-size:12.5px;padding:3px 11px}
.f6a-tag-senarai .m-pemegang{width:28px;min-height:44px;display:grid;place-items:center;color:var(--teks3);cursor:grab;touch-action:none}
.f6a-tag-aksi{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;margin-left:auto}
.f6a-tag-aksi .btn{min-height:44px;min-width:44px;border-radius:12px;border:1.5px solid var(--garis-kad);background:var(--panel)}
.f6a-tag-aksi .btn[disabled]{opacity:.4}
.f6a-tag-aksi .f6a-tag-ubah{font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:7px;padding:0 13px}
.f6a-tag-aksi .x-menu-lagi-isi{z-index:80}
.f6a-bahaya,.f6a-bahaya i{color:var(--txt-merah)!important}
@media(max-width:560px){.f6a-tag-aksi{flex:1 1 100%;justify-content:flex-end}.f6a-tag-aksi .f6a-tag-ubah{flex:1;justify-content:center}}

/* ---------- Kalendar ---------- */
.f6a-kal-nav{display:flex;align-items:center;gap:8px;padding:12px 12px 6px;flex-wrap:wrap}
.f6a-kal-nav h3{flex:1;min-width:120px;text-align:center;font-size:17px;font-weight:800;margin:0}
.f6a-kal-nav .btn-ikon{width:44px;height:44px;border-radius:12px}
.f6a-kal-nav .btn-ikon:active{scale:.92}
.f6a-kal-nav #klHariIni{min-height:44px;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.f6a-kal-nav .badge{min-height:30px;display:inline-flex;align-items:center}
#page-kalendar #klGrid{padding:4px 10px 10px}
.f6a-grid-kal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.f6a-hari-nama{text-align:center;font-size:11px;font-weight:800;color:var(--teks3);padding:6px 0;text-transform:uppercase;letter-spacing:.04em}
.f6a-sel{min-height:88px;padding:5px;border-radius:12px;background:var(--bg2);border:1px solid var(--line-halus);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;gap:3px;min-width:0}
.f6a-sel:active{scale:.95}
.f6a-sel:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
.f6a-sel-ini{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 11%,var(--bg2))}
.f6a-sel-no{font-size:12px;font-weight:700;color:var(--teks2);line-height:1;padding:2px 1px}
.f6a-sel-ini .f6a-sel-no{width:22px;height:22px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-weight:800;padding:0}
.f6a-ev{font-size:10.5px;font-weight:700;line-height:1.35;padding:2px 5px;border-radius:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.f6a-ev-cyan{background:var(--bdg-cyan-bg);color:var(--bdg-cyan-fg);--wa:var(--cyan)}
.f6a-ev-hijau{background:var(--bdg-hijau-bg);color:var(--bdg-hijau-fg);--wa:var(--hijau)}
.f6a-ev-oren{background:var(--bdg-oren-bg);color:var(--bdg-oren-fg);--wa:var(--oren)}
.f6a-ev-merah{background:var(--bdg-merah-bg);color:var(--bdg-merah-fg);--wa:var(--merah)}
.f6a-ev-ungu{background:var(--bdg-ungu-bg);color:var(--bdg-ungu-fg);--wa:var(--ungu)}
.f6a-ev span{display:block;overflow:hidden;text-overflow:ellipsis}
.f6a-lagi{font-size:10px;font-weight:700;color:var(--teks3);line-height:1}
.f6a-baris{display:flex;flex-wrap:wrap;gap:2px;padding-top:3px;border-top:1px dashed var(--line-halus);min-width:0}
.f6a-cip{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:8px;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap}
.f6a-cip i{font-size:9px;flex:none}
.f6a-cip span{overflow:hidden;text-overflow:ellipsis}
.f6a-b-cuti .f6a-cip{background:var(--bdg-hijau-bg);color:var(--bdg-hijau-fg)}
.f6a-b-shift .f6a-cip{background:var(--bdg-ungu-bg);color:var(--bdg-ungu-fg)}
.f6a-b-tunggu{border-top-color:var(--oren)}
.f6a-b-tunggu .f6a-cip{background:var(--bdg-oren-bg);color:var(--bdg-oren-fg);border:1px dashed var(--oren);cursor:pointer}
.f6a-lgd{display:flex;flex-wrap:wrap;gap:6px 14px;padding:4px 14px 14px;font-size:11.5px;font-weight:600;color:var(--teks3)}
.f6a-lgd span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--cyan)}
.f6a-lgd-cuti::before{background:var(--hijau)!important}
.f6a-lgd-shift::before{background:var(--ungu)!important}
.f6a-lgd-tunggu::before{background:var(--oren)!important}
@media(max-width:600px){
  .f6a-sel{min-height:62px;padding:4px 3px;gap:3px;align-items:center}
  .f6a-sel-no{font-size:12px}
  .f6a-ev{width:100%;height:6px;padding:0;border-radius:3px;background:var(--wa)}
  .f6a-ev span{display:none}
  .f6a-baris{justify-content:center;padding-top:2px;gap:3px;border-top:0;width:100%}
  .f6a-cip{width:9px;height:9px;padding:0;border-radius:50%;border:0!important}
  .f6a-cip span,.f6a-cip i{display:none}
  .f6a-b-cuti .f6a-cip{background:var(--hijau)}
  .f6a-b-shift .f6a-cip{background:var(--ungu)}
  .f6a-b-tunggu .f6a-cip{background:var(--oren)}
  .f6a-lagi{font-size:9px}
  .f6a-kal-nav h3{order:-1;flex:1 1 100%;text-align:center}
  .f6a-kal-nav .btn-ikon:first-of-type{order:0}
}
/* Hari ini */
.f6a-hari-ini{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;padding:12px 14px 14px}
.f6a-hi{display:flex;align-items:center;gap:11px;background:var(--tb);color:var(--tf);border-radius:14px;padding:11px 12px;min-width:0}
.f6a-hi .x-ikon{background:color-mix(in srgb,var(--tf) 16%,transparent);color:var(--tf);flex:none}
.f6a-hi-teks{min-width:0}
.f6a-hi-label{font-size:11.5px;font-weight:700;opacity:.85}
.f6a-hi-nilai{font-size:14px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
/* Akan datang */
#klAkanDatang{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px}
#klAkanDatang>.kosong{padding:20px 8px}
.f6a-akan{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;background:var(--bg2);border:1px solid var(--line-halus);border-radius:14px;padding:8px 12px 8px 0;position:relative;overflow:hidden;cursor:pointer}
.f6a-akan::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--wa,var(--cyan))}
.f6a-akan:active{scale:.985}
.f6a-akan-tarikh{text-align:center;padding-left:5px}
.f6a-akan-tarikh b{display:block;font-size:13px;font-weight:800;color:var(--teks)}
.f6a-akan-tarikh span{display:block;font-size:10.5px;color:var(--teks3);font-weight:600}
.f6a-akan-teks{min-width:0}
.f6a-akan-tajuk{font-size:13.5px;font-weight:700;max-width:none}
.f6a-akan-sub{font-size:11.5px;color:var(--teks3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f6a-akan-p{font-size:12px;color:var(--teks3)}
/* butang dalam menu Lagi yang disorok JS guna style display:none */
.x-menu-lagi-isi .f6a-m-sembunyi[style*="display: none"]{display:none}

/* ---------- Modal milik halaman ini ---------- */
.f6a-modal .modal-isi{gap:12px}
.f6a-modal .modal-isi>.panel{background:var(--bg2)!important;border-radius:14px;margin:0!important;box-shadow:none;overflow:visible}
.f6a-modal .modal-isi>.panel .panel-head{padding:10px 12px;background:var(--tb);color:var(--tf);border-bottom:0}
.f6a-modal .modal-isi>.panel .panel-head h4{color:var(--tf)!important;font-weight:800}
.f6a-modal .modal-isi>.panel .panel-head h4 i{color:inherit}
.f6a-modal .modal-isi>.panel .panel-isi{padding:12px}
.f6a-modal .detail-seksyen{background:var(--bg2);border:1px solid var(--line-halus);border-radius:14px;padding:12px;margin:0}
.f6a-modal .detail-seksyen h4{display:inline-flex;background:var(--tb);color:var(--tf);padding:4px 11px;border-radius:999px;border:0;margin-bottom:10px;letter-spacing:.06em}
.f6a-modal .input-group{margin-bottom:0}
.f6a-modal .input-group>label,.f6a-modal-skrol .input-group>label{font-size:12.5px;font-weight:700;color:var(--teks2)}
.f6a-modal input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=hidden]),
.f6a-modal select,.f6a-modal-skrol input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.f6a-modal-skrol select{min-height:46px;border-radius:12px;font-size:16px}
.f6a-modal textarea,.f6a-modal-skrol textarea{border-radius:12px;font-size:16px;min-height:84px}
.f6a-modal label:has(>input[type=checkbox]),.f6a-modal-skrol label:has(>input[type=checkbox]){min-height:44px;align-items:center}
.f6a-modal input[type=checkbox],.f6a-modal-skrol input[type=checkbox]{width:20px;height:20px;flex:none}
.f6a-modal .baris-detail{padding:10px 0}
.f6a-modal .mk-kaki-lekat{flex-wrap:wrap}
.f6a-modal .mk-kaki-lekat .btn{flex:1 1 0;min-width:0;min-height:48px;border-radius:13px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.f6a-modal .mk-kaki-lekat .btn.hidden{display:none}
.f6a-modal .mk-kaki-lekat .btn-primary{flex:1.4 1 0;background:var(--primary);color:var(--on-primary);border-color:transparent}
.f6a-modal .mk-kaki-lekat .btn:active{scale:.96}
.f6a-modal .mk-kaki-lekat .btn-merah,.f6a-modal .mk-kaki-lekat .btn-bahaya{background:var(--danger,var(--merah));color:var(--on-merah,#fff);border-color:transparent}
.f6a-modal .mk-mh h3{overflow-wrap:anywhere}
.f6a-modal .mk-mh .btn-ikon:active{scale:.92}
.f6a-modal .chip-wrap{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.f6a-modal .chip{min-height:34px;display:inline-flex;align-items:center;gap:6px}
.f6a-modal .chip-buang{min-width:34px;min-height:34px}
.f6a-modal .tg-warna-pilih{display:flex;flex-wrap:wrap;gap:8px}
.f6a-modal .tg-warna-pilih label{min-height:40px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
/* modal lead Smart Quote (tiga bahagian, skrol keseluruhan) */
.f6a-modal-skrol{overflow:hidden;border-radius:var(--r2)}
.f6a-modal-skrol .modal-head{background:var(--tb);color:var(--tf);border-bottom:1px solid color-mix(in srgb,var(--ts) 35%,transparent);position:sticky;top:0;z-index:2}
.f6a-modal-skrol .modal-head h3,.f6a-modal-skrol .modal-head h3 i,.f6a-modal-skrol .modal-head .mono{color:inherit}
.f6a-modal-skrol .modal-head .btn-ikon{width:44px;height:44px;background:color-mix(in srgb,var(--tf) 12%,transparent);color:var(--tf);border-color:transparent}
.f6a-modal-skrol .modal-isi{max-height:none;overflow:visible}
.f6a-modal-skrol .modal-kaki{position:sticky;bottom:0;background:var(--panel);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.f6a-modal-skrol .modal-kaki .btn{min-height:48px;border-radius:13px;font-weight:800}
.f6a-modal-skrol .btn-kecil{min-height:44px;border-radius:12px;font-weight:800}
@media(max-width:600px){
  #modalQuoteLeadDetail.modal-overlay{padding:0;align-items:flex-end}
  #modalQuoteLeadDetail .f6a-modal-skrol{margin:0;max-width:none;border-radius:20px 20px 0 0;max-height:94dvh;overflow-y:auto}
}

/* ---------- gerakan (hanya bila dibenarkan) ---------- */
@media(prefers-reduced-motion:reduce){
  .f6a-pg .kad-r,.f6a-sel,.f6a-akan,.f6a-tab .btn,.f6a-subtab .btn,.f6a-pgm .f6a-pgm-btn{transition:none}
  .f6a-pg .kad-r:active,.f6a-sel:active,.f6a-akan:active,.f6a-tab .btn:active,.f6a-subtab .btn:active,.f6a-pgm .f6a-pgm-btn:active{scale:1}
}