/* 29 Sep 2026 (launch fix C, Ji 248) — perbaikan tampilan hasil audit Lane C + Hermes. Dimuat paling akhir. */

/* M6: dialog "Laporkan video" tidak terpotong (isi 420px di kotak 358px). */
#lapor-dialog{width:min(460px,calc(100vw - 32px))!important;max-width:min(460px,calc(100vw - 32px))!important;box-sizing:border-box;overflow-x:hidden}
#lapor-dialog form,#lapor-dialog .dialog-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;margin:0!important}
#lapor-dialog textarea{max-width:100%;box-sizing:border-box}
#lapor-dialog .topup-actions{flex-wrap:wrap}
.lapor-sudah{white-space:nowrap}

/* M7: etalase campaign publik (tamu) — judul, teks, kotak cari bergaya & tidak tertutup navbar. */
.lp-tamu-explore{box-sizing:border-box;padding-left:24px!important;padding-right:24px!important}
.lp-tamu-explore>h2,.lp-tamu-explore>.lp-tamu-sub,.lp-tamu-explore>form.campaign-search{max-width:1110px;margin-left:auto!important;margin-right:auto!important}
.lp-tamu-explore>h2{font-size:clamp(24px,3vw,34px)!important;font-weight:700;line-height:1.2;color:#fff;margin-bottom:8px!important}
.lp-tamu-explore>.lp-tamu-sub{color:#a1a1aa;font-size:15px;margin-top:0;margin-bottom:18px}
.lp-tamu-explore form.campaign-search{position:relative;display:flex;gap:10px;align-items:center;height:auto;margin-bottom:22px;scroll-margin-top:96px}
.lp-tamu-explore form.campaign-search>span{position:relative;flex:1;display:block;left:auto;top:auto}
.lp-tamu-explore form.campaign-search>span .c-ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#8b8b8b}
.lp-tamu-explore form.campaign-search input{width:100%;height:42px;box-sizing:border-box;padding:8px 12px 8px 38px;border:1px solid #26262e;border-radius:10px;background:#0c0c11;color:#fff;font-size:14px}
.lp-tamu-explore form.campaign-search button{height:42px;padding:0 18px;border:0;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;background:linear-gradient(97.8deg,#e0107a 0%,#8f04c4 100%)}
@media(max-width:640px){.lp-tamu-explore{padding-left:16px!important;padding-right:16px!important}}

/* M8: badge lonceng tidak terpotong & tidak melebarkan halaman. */
.notification-anchor,.topbar-bell,.topbar-bell.has-urgent{overflow:visible!important}
.notification-anchor{position:relative}
.notification-count.bell-urgent{box-sizing:border-box;white-space:nowrap}
body[data-path^="/admin"] .notification-count.bell-urgent{left:auto!important;right:-6px!important;min-width:20px!important}
.topbar{max-width:100%;box-sizing:border-box}
/* Halaman tanpa padding kanan topbar (notifikasi, profil, syarat...) -> badge keluar layar 5px. Sisakan ruang untuk badge. */
body:has(.app-main) .topbar{padding-right:16px!important}

/* M5: daftar notifikasi bisa diklik. */
a.kt-notif-link{color:inherit;text-decoration:none;cursor:pointer}
.notification-list a.notif-link{display:block;color:inherit;text-decoration:none}
.notification-list a.notif-link:hover article{background:rgba(150,90,218,.08)}

/* M13: keterangan Rewards (tap/klik "i"). */
.reward-info-pop{margin:8px 0 4px;padding:10px 12px;border:1px solid #37394d;border-radius:10px;background:#12121a;color:#d4d4dc;font-size:12.5px;line-height:1.45}
.reward-info-pop[hidden]{display:none!important}
button.reward-info{cursor:pointer}

/* Hermes #4: tombol X menu samping HP — terlihat & bisa diketuk, tidak tertutup logo. */
.sidebar-close{display:none}
@media(max-width:900px){
  .sidebar{position:fixed}
  .sidebar.open .sidebar-close{display:grid;place-items:center;position:absolute;top:12px;right:12px;z-index:60;width:40px;height:40px;
    padding:0;border:1px solid #343957;border-radius:10px;background:#15162a;color:#fff;font-size:26px;line-height:1;cursor:pointer}
  .sidebar.open .brand{max-width:calc(100% - 56px)}
}

/* 29 Sep (Hermes akhir A6): di HP riwayat (Arus) tidak lagi berjalan sendiri. Item yang sedang bergeser keluar kotak
   tertimpa tab/akun di atas-bawahnya sehingga ketukan kena elemen lain. Di HP: diam + bisa digulir, salinan loop disembunyikan. */
@media(max-width:900px){
  .sidebar .arus-track.jalan{animation:none!important;transform:none!important}
  .sidebar .arus-box{overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:none!important;mask-image:none!important;position:relative;z-index:1}
  .sidebar .arus-list[aria-hidden="true"]{display:none!important}
  .sidebar .arus-head{position:relative;z-index:2}
}

/* M1/M9/M10: penanda isian dipulihkan (tanpa gaya khusus; untuk tes). */
form[data-isian-dipulihkan]{}

/* M10: kolom Peran di Tim tidak terpotong. */
.admin-peran select{min-width:132px}

/* Hermes #1 & C: status campaign & platform di halaman campaign clipper. */
.camp-tutup{display:block;margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,77,109,.45);background:rgba(255,4,62,.10);color:#ffb3c1;font-weight:600;font-size:13px}
.camp-platform-wajib{display:block;margin:4px 0 10px;color:#c9c9d3;font-size:13px}
.camp-platform-wajib b{color:#fff}

/* 1 Okt (Ji, bug tutorial): tabel "Video Kamu" clipper. admin.css membuat th:last-child sticky (untuk tabel admin),
   tapi td Tindakan di sini tidak sticky -> di HP judul "Tindakan" menempel di atas kolom Status.
   Di tabel ini kolom Tindakan ikut digeser biasa; kolom Campaign dibatasi supaya Status terlihat tanpa geser. */
.content-block.clipper-videos table th:last-child{position:static}
@media (max-width:640px){
 .content-block.clipper-videos table td:first-child,.content-block.clipper-videos table th:first-child{width:104px;min-width:104px;max-width:104px;white-space:normal;overflow-wrap:break-word;word-break:normal}
}