/* public/ui-f6b.css — UI baharu: Dokumentasi, Urus Template WA, Cawangan, Aset, Urus Dealer,
   Laman Web, Tetapan Sistem + modal milik halaman-halaman ini. Awalan kelas: f6b-.
   Bergantung pada ui.css (x-*, mk-*) dan token tema.css. Hanya rupa; id & data-* tidak diubah. */

/* ---------- susun atur halaman ---------- */
.halaman.f6b-pg.aktif{display:flex;flex-direction:column;gap:14px;min-width:0;overflow-x:clip}
.f6b-pg>*{min-width:0}
.f6b-pg>.panel,.f6b-pg>div>.panel{margin-bottom:0}

/* ---------- panel bertona: kepala dengan jubin ikon berwarna ---------- */
.f6b-pn{border-radius:var(--r2);overflow:hidden}
.f6b-pn>.panel-head{padding:12px 14px;gap:10px;flex-wrap:nowrap;background:linear-gradient(90deg,var(--tb),transparent 75%);border-bottom:1px solid color-mix(in srgb,var(--ts) 28%,transparent)}
.f6b-pn>.panel-head h3{flex:1;min-width:0;font-size:15px;font-weight:800;gap:10px;line-height:1.25;overflow-wrap:anywhere}
.f6b-pn>.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;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ts) 30%,transparent)}
.f6b-pn>.panel-head>.btn,.f6b-pn>.panel-head>div>.btn{min-height:40px;flex:none}
.f6b-pn>.panel-isi{padding:14px}
.f6b-pn>.panel-isi+.panel-isi{padding-top:0}
.f6b-pn .skeleton{border-radius:14px}
.f6b-pn .kosong{padding:26px 14px}
.f6b-pn>.jadual-bekas{margin:0 14px 14px;border:var(--tebal-garis) solid var(--garis-kad);border-radius:14px}
@media(max-width:560px){.f6b-pn>.panel-head{flex-wrap:wrap}.f6b-pn>.panel-head>.btn{flex:1 1 100%}}

/* nota keterangan berlatar (gantikan teks kelabu terapung) */
.f6b-bantu{font-size:12.5px;line-height:1.6;color:var(--teks2);background:var(--tb,var(--bg3));border-radius:12px;padding:10px 12px;margin:0 14px}
.f6b-pn>.f6b-bantu:first-of-type{margin-top:14px}
.f6b-pn>.f6b-bantu+*{margin-top:12px}

/* ---------- tab (Dokumentasi) ---------- */
.f6b-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.f6b-tabs::-webkit-scrollbar{display:none}
.f6b-tabs .btn{flex:0 0 auto;min-height:46px;padding:0 15px;border-radius:999px;font-size:13.5px;font-weight:700;white-space:nowrap;box-shadow:none;border:1.5px solid var(--garis-kad);background:var(--panel2);color:var(--teks2)}
.f6b-tabs .btn.btn-primary{background:var(--tb);color:var(--tf);border-color:var(--ts);box-shadow:0 2px 0 color-mix(in srgb,var(--ts) 30%,transparent)}
.f6b-tabs .btn i{font-size:14px}
.f6b-tabs .btn .badge{margin-left:6px}

/* ---------- kad kategori / artikel SOP & Polisi ---------- */
.f6b-pn .tugas-grid{padding:14px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.f6b-pn .tugas-grid>.kosong,.f6b-pn .tugas-grid>.skeleton{grid-column:1/-1}
.f6b-pn .tugas-grid .kad-r{position:relative;background:var(--panel2);border-radius:14px;padding:13px 13px 13px 17px;overflow:hidden;box-shadow:var(--bayang-kad);transition:transform .18s ease-out,border-color .18s ease-out}
.f6b-pn .tugas-grid .kad-r::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ts)}
.f6b-pn .tugas-grid .kad-r:active{transform:scale(.98)}
.f6b-pn .tugas-grid .kad-r-head{align-items:flex-start;gap:10px}
.f6b-pn .tugas-grid .kad-r-ruj{font-family:inherit;font-size:14.5px;font-weight:800;color:var(--teks);min-width:0;overflow-wrap:anywhere;display:flex;gap:10px;align-items:center}
.f6b-kad-ik{width:34px;height:34px;border-radius:11px;background:var(--tb);color:var(--tf);display:inline-grid;place-items:center;font-size:14px;flex:none}
.f6b-pn .tugas-grid .kad-r-aksi .btn{min-height:44px}
@media(hover:hover){.f6b-pn .tugas-grid .kad-r:hover{border-color:var(--ts)}}
@media(max-width:600px){.f6b-pn .tugas-grid{grid-template-columns:minmax(0,1fr);padding:12px}}

/* senarai fail rujukan */
#sopKatFailList,#polKatFailList{padding:0 14px 14px}
.f6b-pn #sopKatFailUploadWrap,.f6b-pn #polKatFailUploadWrap{padding:14px 14px 4px}

/* ---------- audit log ---------- */
.f6b-pn>.filter-bar{padding:12px 14px;border:0;background:none}
.f6b-pn>.kad-list{padding:12px 14px 14px}
.f6b-pn>.pagination{padding:0 14px 14px}

/* ---------- editor terma & syarat ---------- */
.f6b-terma-borang{padding:14px;display:flex;flex-direction:column;gap:12px}
.f6b-terma-borang .input-group{margin:0}
.f6b-terma-borang textarea{min-height:240px;font-size:13.5px;line-height:1.7}
.f6b-terma-aksi{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.f6b-terma-aksi .btn{min-height:46px}
.f6b-lanjut{border-radius:var(--r2);overflow:hidden}
.f6b-lanjut>summary{list-style:none;min-height:52px;display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-weight:800;font-size:14px}
.f6b-lanjut>summary::-webkit-details-marker{display:none}
.f6b-lanjut>summary .x-chev{margin-left:auto;transition:rotate .2s ease-out;color:var(--teks3)}
.f6b-lanjut[open]>summary .x-chev{rotate:180deg}
.f6b-lanjut>summary>.f6b-kad-ik{width:32px;height:32px}
.f6b-lanjut-isi{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}
.f6b-lanjut-isi .input-group{margin:0}
.f6b-cipta{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch}
.f6b-cipta>div{flex:1 1 150px;min-width:0}
.f6b-cipta input{width:100%;min-height:46px}
.f6b-cipta .btn{min-height:46px}

/* ---------- Urus Template WA ---------- */
.f6b-ph-wrap{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}
.f6b-ph{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--tb);color:var(--tf);white-space:nowrap}
.f6b-wa-kad{position:relative;display:flex;flex-direction:column;gap:9px;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad);border-radius:14px;padding:13px 13px 13px 17px;overflow:hidden;box-shadow:var(--bayang-kad)}
.f6b-wa-kad::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ts)}
.f6b-wa-kad.mati{opacity:.65}
.f6b-wa-ats{display:flex;gap:10px;align-items:flex-start;min-width:0}
.f6b-wa-ats b{font-size:14.5px;font-weight:800;line-height:1.3;overflow-wrap:anywhere;min-width:0;flex:1}
.f6b-wa-meta{display:flex;flex-wrap:wrap;gap:6px}
.f6b-cip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--tb);color:var(--tf);white-space:nowrap}
.f6b-wa-aksi{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--line-halus)}
.f6b-wa-aksi .btn{min-height:44px;flex:1 1 auto}
.f6b-wa-aksi .btn-merah{flex:0 0 auto;min-width:48px}
.f6b-kad-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
@media(min-width:700px){.f6b-kad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.f6b-kad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.f6b-kad-grid>.kosong,.f6b-kad-grid>.x-kosong,.f6b-kad-grid>.skeleton{grid-column:1/-1}
/* senarai WA: paparan kad sentiasa (jadual lama disorok) */
#page-urusWA .jadual-bekas{display:none}
#page-urusWA #urusWAKadList{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
@media(min-width:700px){#page-urusWA #urusWAKadList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){#page-urusWA #urusWAKadList{grid-template-columns:repeat(3,minmax(0,1fr))}}
#urusWAKadList>.kosong,#urusWAKadList>.x-kosong{grid-column:1/-1}

/* ---------- Cawangan ---------- */
.f6b-cw{position:relative;display:flex;flex-direction:column;gap:11px;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad);border-radius:16px;padding:14px;overflow:hidden;box-shadow:var(--bayang-kad)}
.f6b-cw::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--ts)}
.f6b-cw.mati{opacity:.7}
.f6b-cw-ats{display:flex;gap:11px;align-items:center;min-width:0}
.f6b-cw-ats .x-ikon{width:44px;height:44px;border-radius:14px;font-size:18px}
.f6b-cw-nama{min-width:0;flex:1}
.f6b-cw-nama b{display:block;font-size:15.5px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.f6b-cw-nama small{display:block;font-size:12.5px;color:var(--teks3);margin-top:2px}
.f6b-cw-edit{min-width:44px;min-height:44px;border-radius:12px;border:1.5px solid var(--garis-kad);background:var(--panel);color:var(--teks);display:grid;place-items:center;cursor:pointer;flex:none}
.f6b-cw-edit:active{scale:.94}
.f6b-cw-lencana{display:flex;gap:6px;flex-wrap:wrap}
.f6b-cw-butir{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--teks2)}
.f6b-cw-butir>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;line-height:1.45;overflow-wrap:anywhere}
.f6b-cw-butir i{margin-top:2px;text-align:center;color:var(--teks3)}
.f6b-cw-butir i.hj{color:var(--txt-hijau)}
.f6b-cw-amaran{margin:0}
.f6b-cw-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media(min-width:760px){.f6b-cw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#cwSenarai{padding:0}

/* ---------- Aset ---------- */
#page-aset .x-stats{margin:0}
.f6b-as-kad{position:relative;display:flex;flex-direction:column;gap:9px;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad);border-radius:14px;padding:13px 13px 13px 17px;overflow:hidden;cursor:pointer;box-shadow:var(--bayang-kad);transition:transform .18s ease-out,border-color .18s ease-out}
.f6b-as-kad::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--ts)}
.f6b-as-kad:active{scale:.98}
@media(hover:hover){.f6b-as-kad:hover{border-color:var(--ts)}}
.f6b-as-ats{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;min-width:0}
.f6b-as-kod{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:800;color:var(--tf);background:var(--tb);border-radius:8px;padding:2px 8px;white-space:nowrap}
.f6b-as-nama{font-size:15px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.f6b-as-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--teks2)}
.f6b-as-meta span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.f6b-as-meta i{color:var(--teks3);width:14px;text-align:center}
.f6b-as-aksi{display:flex;padding-top:9px;border-top:1px solid var(--line-halus)}
.f6b-as-aksi .btn{min-height:44px;flex:1}
#asetKadList{display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px;padding:0}
@media(min-width:700px){#asetKadList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){#asetKadList{grid-template-columns:repeat(3,minmax(0,1fr))}}
#asetKadList>.kosong,#asetKadList>.x-kosong,#asetKadList>.skeleton{grid-column:1/-1}
#page-aset .f6b-pn>.filter-bar{padding-bottom:0}
#page-aset .f6b-pn>#asetKadList{padding:14px}

/* ---------- kad maklumat (Laman Web & Urus Dealer) ---------- */
.f6b-info{display:flex;flex-direction:column;gap:14px;padding:16px}
.f6b-info p{margin:0;line-height:1.7;font-size:14px;color:var(--teks2)}
.f6b-ciri{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media(min-width:640px){.f6b-ciri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.f6b-ciri{grid-template-columns:repeat(3,minmax(0,1fr))}}
.f6b-ciri-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad);border-radius:14px;padding:11px 12px}
.f6b-ciri-item .x-ikon{width:40px;height:40px;border-radius:12px;font-size:16px}
.f6b-ciri-item b{display:block;font-size:13.5px;font-weight:800;line-height:1.25}
.f6b-ciri-item small{display:block;font-size:12px;color:var(--teks3);line-height:1.4;margin-top:2px}
.f6b-pautan{display:flex;gap:10px;flex-wrap:wrap}
.f6b-pautan .btn{min-height:48px;flex:1 1 200px;border-radius:13px;font-weight:800;text-decoration:none}
.f6b-pautan .btn:active{scale:.97}
@media(max-width:480px){.f6b-pautan .btn{flex:1 1 100%}}

/* ---------- Tetapan Sistem: navigasi bahagian ---------- */
.f6b-nav{position:sticky;top:var(--x-lekit-atas,0px);z-index:20;display:flex;gap:8px;overflow-x:auto;padding:8px 2px;margin:0 -2px;background:var(--bg);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.f6b-nav::-webkit-scrollbar{display:none}
.f6b-nav .x-cip{flex:0 0 auto;min-height:44px}
.f6b-nav .x-cip.aktif,.f6b-nav .x-cip[aria-current="true"]{background:var(--tb);color:var(--tf);border-color:var(--ts)}
body:has(#tsCarumanPanel.hidden) .f6b-nav [data-f6bgo="f6bGrpGaji"]{display:none}
.f6b-grp{display:flex;flex-direction:column;gap:14px;min-width:0;scroll-margin-top:calc(var(--x-lekit-atas,56px) + 64px)}
.f6b-grp>.panel{margin-bottom:0}
.f6b-grp-h{display:flex;align-items:center;gap:10px;padding:2px 2px 0}
.f6b-grp-h .x-ikon{width:34px;height:34px;border-radius:11px}
.f6b-grp-h h2{margin:0;font-size:16.5px;font-weight:800;line-height:1.2}
.f6b-grp-h small{display:block;font-size:12px;font-weight:600;color:var(--teks3);margin-top:1px}
.f6b-grp-h::after{content:"";flex:1;height:1px;background:var(--line-halus);min-width:12px;order:3}
.f6b-grp-h>div{min-width:0}
.f6b-grp:has(> #tsCarumanPanel.hidden){display:none}

/* kandungan dalam panel Tetapan */
#page-tetapanSistem .f6b-pn .borang-grid{gap:0 12px}
#page-tetapanSistem .f6b-pn .input-group{margin-bottom:12px}
#page-tetapanSistem .f6b-pn .input-group input,#page-tetapanSistem .f6b-pn .input-group select{min-height:46px;font-size:15px}
#page-tetapanSistem .f6b-pn .input-group textarea{font-size:15px}
#page-tetapanSistem .f6b-pn .btn{min-height:44px}
#page-tetapanSistem .f6b-pn .btn-kecil{min-height:44px;font-size:13px;padding:0 14px}
#page-tetapanSistem .f6b-pn .baris-detail{align-items:center;padding:11px 0;border-bottom:1px solid var(--line-halus)}
#page-tetapanSistem .f6b-pn .baris-detail:last-child{border-bottom:0}
#page-tetapanSistem .f6b-pn .baris-detail b{font-weight:800}
#page-tetapanSistem .f6b-pn .aksi-btn{width:44px;height:44px;border-radius:12px;font-size:14px}
#page-tetapanSistem .f6b-pn .jadual-bekas{border:var(--tebal-garis) solid var(--garis-kad);border-radius:14px}
#page-tetapanSistem .f6b-pn .kad-list{padding:0}
#page-tetapanSistem .f6b-pn .kad-r{background:var(--panel2);border-radius:14px;box-shadow:var(--bayang-kad)}
.f6b-sw{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:14px!important;align-items:start!important;padding:12px;border-radius:14px;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad)}
.f6b-sw input[type=checkbox]{width:26px!important;height:26px;margin:0!important;accent-color:var(--primary)}
.f6b-nota-oren{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border-radius:12px;padding:10px 12px;background:var(--tona-oren-bg);color:var(--tona-oren-fg);font-size:12.5px;line-height:1.55}
.f6b-nota-oren.hidden{display:none}
.f6b-pn #tsLogoWrap{width:76px!important;height:76px!important;border-radius:18px!important;border:2px dashed var(--ts)!important;background:var(--tb)!important}

/* ---------- modal: lengkapan untuk modal lama yang ditukar kepada mk-modal ---------- */
@media(min-width:601px){
  .modal-overlay.mk-ov .mk-modal.modal-besar{max-width:760px}
  .modal-overlay.mk-ov .mk-modal.modal-kecil{max-width:420px}
}
.mk-modal .input-group{margin-bottom:0}
.mk-modal .borang-grid{gap:12px}
.mk-modal .input-group input:not([type=checkbox]):not([type=radio]):not([type=file]),.mk-modal .input-group select{min-height:46px;font-size:15px;width:100%;min-width:0}
.mk-modal .input-group textarea{font-size:15px;width:100%;min-width:0}
.mk-modal .input-group>label{font-size:12.5px;font-weight:700;color:var(--teks2)}
.mk-modal .modal-isi .baris-detail{align-items:center;padding:10px 12px;border:0;border-radius:12px;background:var(--tb,var(--bg3))}
.mk-modal .modal-isi .baris-detail b{color:var(--tf,var(--teks))}
.mk-modal .mk-kaki-lekat{flex-wrap:nowrap}
.mk-modal .mk-kaki-lekat .btn-primary{flex:1.4 1 0}
.mk-modal .mk-kaki-lekat .btn-ghost,.mk-modal .mk-kaki-lekat .btn-merah{flex:1 1 0}
.mk-modal .mk-kaki-lekat .btn{min-width:0}
.mk-modal #adFoot.mk-kaki-lekat{flex-wrap:wrap}
.mk-modal #adFoot.mk-kaki-lekat .btn{flex:1 1 140px}
.mk-modal .modal-isi>.input-group,.mk-modal .modal-isi>.borang-grid{flex-shrink:0}
.f6b-chk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;cursor:pointer;padding:11px 12px;border-radius:12px;background:var(--panel2);border:var(--tebal-garis) solid var(--garis-kad);min-height:48px}
.f6b-chk input[type=checkbox]{width:24px!important;height:24px;min-height:0!important;margin:0!important;accent-color:var(--primary)}
.f6b-chk b{font-size:13.5px;font-weight:800}
.f6b-chk small{display:block;font-size:12px;color:var(--teks3);line-height:1.5;margin-top:2px}
.f6b-chk-baris{display:flex;flex-wrap:wrap;gap:10px}
#whAcaraList{gap:8px!important}
#whAcaraList label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:999px;background:var(--panel2);border:1.5px solid var(--garis-kad);cursor:pointer;font-size:13px}
#whAcaraList input[type=checkbox]{width:20px!important;height:20px;min-height:0!important;margin:0!important}
#tresPlaceholderList .btn{min-height:40px;border-radius:999px;font-family:ui-monospace,Menlo,monospace}
#tresPratonton{background:var(--bg3);border-radius:12px!important}
#slKandungan{line-height:1.75;overflow-wrap:anywhere}
#modalSopLihat .modal-isi,#modalSopArtikel .modal-isi{gap:14px}
.f6b-skala{display:flex;gap:10px;margin-bottom:0}

@media(prefers-reduced-motion:no-preference){
  .f6b-pn .tugas-grid .kad-r,.f6b-wa-kad,.f6b-cw,.f6b-as-kad,.f6b-ciri-item{animation:f6bMasuk .26s ease-out both}
  .f6b-pn .tugas-grid .kad-r:nth-child(2),.f6b-wa-kad:nth-child(2),.f6b-cw:nth-child(2),.f6b-as-kad:nth-child(2){animation-delay:40ms}
  .f6b-pn .tugas-grid .kad-r:nth-child(3),.f6b-wa-kad:nth-child(3),.f6b-cw:nth-child(3),.f6b-as-kad:nth-child(3){animation-delay:80ms}
}
@keyframes f6bMasuk{from{opacity:0;transform:translateY(8px)}}
@media(prefers-reduced-motion:reduce){.f6b-pn *,.f6b-wa-kad,.f6b-cw,.f6b-as-kad{animation:none!important;transition:none!important}}

/* ---------- tambahan ---------- */
#dokSopPanel:not(.hidden),#dokPolisiPanel:not(.hidden),#dokAuditPanel:not(.hidden),#dokTermaPanel:not(.hidden){display:flex;flex-direction:column;gap:14px;min-width:0}
#page-dokumentasi .panel,#page-dokumentasi details.panel{margin-bottom:0}
#dokTermaPanel .jadual-bekas{display:block!important;overflow-x:auto}
#dokTermaPanel .jadual{min-width:520px}
.f6b-cw-grid>.skeleton,.f6b-cw-grid>.x-kosong,.f6b-cw-grid>.kosong{grid-column:1/-1}
.f6b-sub{display:flex;align-items:center;gap:10px;margin:18px 0 10px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--teks2)}
.f6b-sub::after{content:"";flex:1;height:1px;background:var(--line-halus)}
.f6b-sub:first-child{margin-top:0}
#adBody .detail-seksyen{border:var(--tebal-garis) solid var(--garis-kad);border-radius:14px;background:var(--panel);overflow:hidden;margin:0 0 10px}
#adBody .detail-seksyen>summary{list-style:none;min-height:48px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--tb);color:var(--tf);cursor:pointer}
#adBody .detail-seksyen>summary::-webkit-details-marker{display:none}
#adBody .detail-seksyen>summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:11px;margin-left:auto;transition:rotate .2s ease-out}
#adBody .detail-seksyen[open]>summary::after{rotate:180deg}
#adBody .detail-seksyen>summary h4{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;font-size:13.5px;font-weight:800;letter-spacing:0;text-transform:none;color:inherit}
#adBody .detail-seksyen>div{padding:6px 12px 12px}
#adBody .detail-seksyen .baris-detail{padding:9px 0;align-items:center}
#adBody .detail-seksyen .baris-detail:last-child{border-bottom:0}
.f6b-nav .x-cip[aria-pressed="true"]{background:var(--c-bg);color:var(--c-fg);border-color:var(--c-s)}
.mk-modal .modal-isi .btn-kecil{min-height:44px}
.mk-modal #btnCwLokasiSaya{align-self:flex-start}
.f6b-pn .tugas-grid .kad-r.f6b-aktif{border-color:var(--ts);box-shadow:0 0 0 2px color-mix(in srgb,var(--ts) 35%,transparent)}