/*
Theme Name:   WPAM Showroom
Theme URI:    https://example.com/wpam-showroom
Author:       Studio
Description:  Tema custom untuk WPAM Core (WP Auto Marketplace) - directory sales
              otomotif sales-first. Fokus: profil sales, promo, CTA WhatsApp cepat.
              Responsif desktop/tablet/mobile, dengan navigasi ala aplikasi
              (bottom tab bar + drawer) di mobile & tablet.
Version:      1.99.92
Requires PHP: 7.4
Requires at least: 6.5
Tested up to: 7.0
Text Domain:  wpam-showroom
Tags:         one-column, custom-logo, custom-menu, responsive-layout, translation-ready
*/

/* =========================================================
   DESIGN TOKENS
   Konsep: "dashboard kendaraan" - kombinasi warna aspal gelap,
   aksen oranye pengapian (ignition), teal instrumen, dan emas
   indikator gauge. Angka/harga pakai font mono ala trip-computer.
   Variabel ini juga dipakai (dengan fallback) oleh frontend.css
   plugin WPAM Core supaya tema & plugin menyatu secara visual.
   ========================================================= */

:root {
  /* Warna dasar */
  --wpam-ink: #14181f;
  --wpam-chrome-bg: #14181f; /* aksen gelap umum (Hero, CTA Banner, pagination aktif) - diatur admin via Customizer */
  --wpam-header-bg: #14181f; /* background Header - independen, bisa beda dari Footer/Bottom Nav */
  --wpam-footer-bg: #14181f; /* background Footer - independen */
  --wpam-bottomnav-bg: #14181f; /* background Bottom Nav (mobile/tablet) - independen */
  --wpam-ink-soft: #4b5361;
  --wpam-ink-faint: #8b93a3;
  --wpam-surface: #ffffff;
  --wpam-surface-alt: #f3f4f7;
  --wpam-surface-raised: #ffffff;
  --wpam-line: #e3e5ea;
  --wpam-line-strong: #cbd0d9;

  /* Aksen */
  --wpam-accent: #ff5a1f;         /* ignition orange - CTA utama non-WA */
  --wpam-accent-dark: #d84512;
  --wpam-accent-soft: #fff1ea;
  --wpam-accent-2: #0ea5a5;       /* teal instrumen - link, chip, highlight */
  --wpam-accent-2-soft: #e6f7f7;
  --wpam-gold: #f2a93b;           /* indikator gauge - badge featured/premium */
  --wpam-gold-soft: #fef3e0;
  --wpam-wa: #25d366;             /* hijau WhatsApp - khusus tombol WA */
  --wpam-wa-dark: #1fb457;
  --wpam-danger: #dc2626;
  --wpam-danger-soft: #fef2f2;
  --wpam-success: #0f9d58;
  --wpam-success-soft: #ecfdf5;

  /* Tipografi */
  --wpam-font-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --wpam-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --wpam-font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* Layout */
  --wpam-radius-sm: 8px;
  --wpam-radius-md: 14px;
  --wpam-radius-lg: 20px;
  --wpam-shadow-card: 0 10px 28px rgba(20, 24, 31, 0.07);
  --wpam-shadow-float: 0 12px 30px rgba(20, 24, 31, 0.18);
  --wpam-header-h: 64px;
  --wpam-bottomnav-h: 62px;
  --wpam-container: 1180px;
}

/* =========================================================
   RESET & BASE
   ========================================================= */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--wpam-font-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--wpam-ink);
  background: var(--wpam-surface-alt);
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--wpam-accent-2); }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--wpam-font-display);
  font-weight: 700;
  line-height: 1.15;
  color: var(--wpam-ink);
  letter-spacing: 0.01em;
}

.wpam-container {
  max-width: var(--wpam-container);
  margin: 0 auto;
  padding: 0 20px;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

:focus-visible {
  outline: 2px solid var(--wpam-accent);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* =========================================================
   SITE FRAME
   ========================================================= */

.wpam-site {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.wpam-site-main {
  flex: 1 0 auto;
  padding: 32px 0 32px;
}

/* =========================================================
   HEADER
   ========================================================= */

.wpam-site-header {
  position: sticky;
  top: 0;
  z-index: 2147482999 !important;
  height: var(--wpam-header-h);
  display: flex;
  align-items: center;
  background: var(--wpam-header-bg);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.wpam-site-header__inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.wpam-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
}

.wpam-brand__mark {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--wpam-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--wpam-font-display);
  font-weight: 700;
  font-size: 17px;
  flex-shrink: 0;
}

.wpam-brand img {
  max-height: 36px;
  width: auto;
}

.wpam-brand__name {
  font-family: var(--wpam-font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.wpam-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* =========================================================
   FOOTER
   Sekarang tampil di SEMUA ukuran layar (mobile/tablet/desktop) -
   footer inilah pusat navigasi menu setelah drawer/hamburger dihapus.
   Struktur SATU KOLOM (bukan grid berkolom) - tiap kategori berupa
   judul + garis pembatas + link-nya sejajar horizontal di bawahnya,
   sesuai referensi yang diminta.
   ========================================================= */

.wpam-site-footer {
  background: var(--wpam-footer-bg);
  color: rgba(255, 255, 255, 0.72);
  padding: 32px 0 24px;
  margin-top: 16px;
}

.wpam-site-footer a { color: #fff; }

.wpam-footer-stack {
  max-width: 640px;
}

.wpam-footer-brand {
  margin-bottom: 28px;
}

.wpam-footer-brand__logo {
  display: inline-flex;
  margin-bottom: 14px;
}

.wpam-footer-brand__name {
  font-family: var(--wpam-font-display);
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #fff;
}

.wpam-footer-brand img {
  max-height: 34px;
  width: auto;
}

.wpam-footer-brand p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.65);
  max-width: 520px;
}

.wpam-footer-col__subtitle {
  margin: 18px 0 10px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.55);
}

.wpam-footer-section {
  margin-bottom: 22px;
}

.wpam-footer-section h4 {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 12px;
}

.wpam-footer-section__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 22px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.wpam-footer-section__links li {
  display: inline-flex;
  list-style: none;
  margin: 0;
}

.wpam-footer-section__links a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
}

.wpam-footer-section__links a:hover {
  color: var(--wpam-accent);
}

.wpam-footer-social {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.wpam-footer-social .wpam-social-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.wpam-footer-social .wpam-social-icon:hover {
  background: var(--wpam-accent);
}

.wpam-footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 8px 0 16px;
}

.wpam-footer-legal a {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
}

.wpam-footer-legal a:hover {
  color: var(--wpam-accent);
}

.wpam-footer-bottom {
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

/* Desktop: kolom-kolom berdampingan (bukan satu kolom bertumpuk seperti
   mobile/tablet) - tiap section tetap pola "judul + garis + link sejajar". */
@media (min-width: 1025px) {
  .wpam-footer-stack {
    max-width: none;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    column-gap: 32px;
    row-gap: 24px;
    align-items: start;
  }

  .wpam-footer-brand,
  .wpam-footer-section {
    margin-bottom: 0;
  }

  .wpam-footer-section__links {
    flex-direction: column;
    align-items: flex-start;
  }

  .wpam-footer-legal,
  .wpam-footer-bottom {
    grid-column: 1 / -1;
  }
}

/* =========================================================
   HALAMAN GENERIK (fallback index/page/single/archive)
   ========================================================= */

.wpam-page__title {
  font-size: 32px;
  margin: 0 0 20px;
}

.wpam-page__content {
  background: var(--wpam-surface);
  border: 1px solid var(--wpam-line);
  border-radius: var(--wpam-radius-lg);
  padding: 28px;
  box-shadow: var(--wpam-shadow-card);
}

.wpam-post-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wpam-post-item {
  background: var(--wpam-surface);
  border: 1px solid var(--wpam-line);
  border-radius: var(--wpam-radius-md);
  padding: 20px;
}

.wpam-post-item h2 { font-size: 20px; margin: 0 0 8px; }
.wpam-post-item h2 a { color: var(--wpam-ink); text-decoration: none; }

@media (max-width: 640px) {
  .wpam-page__content { padding: 18px; border-radius: var(--wpam-radius-md); }
  .wpam-page__title { font-size: 24px; }
}

/* =========================================================
   Tombol auth di header (latar gelap) butuh kontras berbeda
   dari tombol auth default plugin (latar terang)
   ========================================================= */

.wpam-header-auth {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* =========================================================
   Trigger Akun di Header (ikon orang / avatar+nama) - GANTI
   tombol Login/Daftar lama. Sama untuk tamu maupun sales yang
   sudah login, di semua ukuran layar.
   ========================================================= */

.wpam-account-menu {
  position: relative;
}

.wpam-account-menu__trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 5px 12px 5px 5px;
  cursor: pointer;
  color: #fff;
  max-width: 220px;
}

.wpam-account-menu__trigger:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Tamu: ikon-only, kotak bulat, tanpa nama */
.wpam-account-menu__trigger:has(.wpam-account-menu__icon) {
  padding: 8px;
}

.wpam-account-menu__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.wpam-account-menu__icon svg {
  width: 100%;
  height: 100%;
}

.wpam-account-menu__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--wpam-accent);
  color: #fff;
  font-family: var(--wpam-font-display);
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}

.wpam-account-menu__name {
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 110px;
}

.wpam-account-menu__chevron {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.wpam-account-menu__chevron svg {
  width: 15px;
  height: 15px;
}

@media (max-width: 767px) {
  .wpam-account-menu__name,
  .wpam-account-menu__chevron {
    display: none; /* mobile: cukup avatar bulat, hemat ruang header */
  }
}

/* ---------- Overlay + Panel Akun (bottom-sheet mobile / dropdown desktop) ---------- */

.wpam-account-sheet-overlay {
  position: fixed;
  inset: 0;
  background: rgba(20, 24, 31, 0.5);
  z-index: 2147483003 !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}

body.wpam-account-sheet-open .wpam-account-sheet-overlay {
  opacity: 1;
  visibility: visible;
}

.wpam-account-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483004 !important;
  background: var(--wpam-surface);
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -14px 30px rgba(20, 24, 31, 0.2);
  padding: 10px 20px calc(20px + env(safe-area-inset-bottom, 0));
  max-height: 82vh;
  overflow-y: auto;
  transform: translateY(100%);
  transition: transform 0.25s ease;
}

body.wpam-account-sheet-open .wpam-account-sheet {
  transform: translateY(0);
}

body.wpam-account-sheet-open {
  overflow: hidden;
}

.wpam-account-sheet__handle {
  width: 40px;
  height: 4px;
  border-radius: 999px;
  background: var(--wpam-line-strong);
  margin: 0 auto 14px;
}

.wpam-account-sheet__close {
  display: none;
}

.wpam-account-sheet__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.wpam-account-sheet__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--wpam-accent);
  color: #fff;
  font-family: var(--wpam-font-display);
  font-weight: 700;
  font-size: 20px;
  flex-shrink: 0;
}

.wpam-account-sheet__avatar--guest {
  background: var(--wpam-surface-alt);
  color: var(--wpam-ink-faint);
}

.wpam-account-sheet__avatar--guest svg {
  width: 26px;
  height: 26px;
}

.wpam-account-sheet__head strong {
  display: block;
  font-family: var(--wpam-font-display);
  font-size: 17px;
  color: var(--wpam-ink);
}

.wpam-account-sheet__head p {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--wpam-ink-soft);
}

.wpam-account-sheet__cta {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 18px;
}

.wpam-account-sheet__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 8px;
}

.wpam-account-sheet__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 10px;
  border-radius: 10px;
  color: var(--wpam-ink);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.wpam-account-sheet__item svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  color: var(--wpam-ink-faint);
}

.wpam-account-sheet__item:hover {
  background: var(--wpam-surface-alt);
}

.wpam-account-sheet__item--highlight {
  background: var(--wpam-chrome-bg);
  color: #fff;
  justify-content: center;
  margin-bottom: 4px;
}

.wpam-account-sheet__item--highlight:hover {
  background: var(--wpam-chrome-bg);
  filter: brightness(1.15);
}

.wpam-account-sheet__item--danger {
  color: var(--wpam-danger);
}

.wpam-account-sheet__item--danger svg {
  color: var(--wpam-danger);
}

.wpam-account-sheet__divider {
  height: 1px;
  background: var(--wpam-line);
  margin: 8px 4px;
}

.wpam-account-sheet__done {
  display: block;
  width: 100%;
  margin-top: 14px;
}

/* Desktop: panel tampil sebagai dropdown kecil menempel di bawah ikon,
   bukan bottom-sheet penuh - overlay gelap juga tidak perlu di desktop. */
@media (min-width: 1025px) {
  .wpam-account-sheet-overlay {
    display: none;
  }

  .wpam-account-sheet {
    left: auto;
    right: 20px;
    bottom: auto;
    top: calc(var(--wpam-header-h) + 10px);
    width: 300px;
    max-height: 80vh;
    border-radius: var(--wpam-radius-md);
    box-shadow: var(--wpam-shadow-float);
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s ease;
    padding: 16px;
  }

  body.wpam-account-sheet-open .wpam-account-sheet {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }

  .wpam-account-sheet__handle {
    display: none;
  }

  .wpam-account-sheet__close {
    display: flex;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: none;
    background: var(--wpam-surface-alt);
    color: var(--wpam-ink-soft);
    cursor: pointer;
  }

  .wpam-account-sheet__close svg {
    width: 15px;
    height: 15px;
  }

  .wpam-account-sheet__done {
    display: none; /* desktop sudah ada tombol close di pojok */
  }

  body.wpam-account-sheet-open {
    overflow: visible;
  }
}

/* =========================================================
   Form Pencarian [wpam_search] - styling final tahap tema
   ========================================================= */

.wpam-search-form {
  background: var(--wpam-surface);
  border: 1px solid var(--wpam-line);
  border-radius: var(--wpam-radius-lg);
  padding: 20px;
  box-shadow: var(--wpam-shadow-card);
  align-items: flex-end;
}

.wpam-search-form label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--wpam-ink-soft);
  margin-bottom: 6px;
}

.wpam-search-form input[type="text"],
.wpam-search-form select {
  padding: 10px 12px;
  border: 1px solid var(--wpam-line);
  border-radius: var(--wpam-radius-sm);
  background: var(--wpam-surface-alt);
  font-size: 14px;
  min-width: 160px;
}

.wpam-search-form input[type="submit"],
.wpam-search-form button[type="submit"] {
  background: var(--wpam-accent);
  color: #fff;
  border: none;
  border-radius: var(--wpam-radius-sm);
  padding: 11px 20px;
  font-weight: 700;
  cursor: pointer;
}

.wpam-search-pagination a,
.wpam-search-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border-radius: var(--wpam-radius-sm);
  border: 1px solid var(--wpam-line);
  background: var(--wpam-surface);
  color: var(--wpam-ink);
  text-decoration: none;
  font-family: var(--wpam-font-mono);
  font-size: 13px;
}

.wpam-search-pagination .current,
.wpam-search-pagination a:hover {
  background: var(--wpam-chrome-bg);
  color: #fff;
  border-color: var(--wpam-chrome-bg);
}

@media (max-width: 640px) {
  .wpam-search-form { flex-direction: column; align-items: stretch; }
  .wpam-search-form input[type="text"],
  .wpam-search-form select { min-width: 0; }
}

/* =========================================================
   SIDEBAR KANAN (banner/promo/pengumuman - diatur admin)
   ========================================================= */

.wpam-layout {
  display: grid;
  grid-template-columns: 1fr var(--wpam-sidebar-w, 320px);
  gap: 28px;
  align-items: start;
}

.wpam-layout__main {
  min-width: 0; /* cegah grid child overflow */
  container-type: inline-size; /* supaya .wpam-grid di dalamnya bisa merespons lebar kolom sungguhan, bukan lebar layar - penting saat sidebar aktif */
  container-name: wpam-main;
}

.wpam-layout__sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: sticky;
  top: calc(var(--wpam-header-h) + 20px);
}

.wpam-sidebar-widget {
  background: var(--wpam-surface);
  border: 1px solid var(--wpam-line);
  border-radius: var(--wpam-radius-lg);
  padding: 0;
  box-shadow: var(--wpam-shadow-card);
  overflow: hidden;
}

/* Gambar/banner tampil penuh tanpa jarak canggung di sekelilingnya -
   cocok untuk widget Gambar atau Custom HTML berisi banner iklan. */
.wpam-sidebar-widget img,
.wpam-sidebar-widget iframe,
.wpam-sidebar-widget ins {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Teks (judul widget, paragraf) tetap dapat jarak sendiri supaya tidak
   menempel ke tepi kartu. */
.wpam-sidebar-widget__title {
  margin: 0;
  padding: 16px 16px 0;
  font-family: var(--wpam-font-display);
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--wpam-ink);
}

.wpam-sidebar-widget p {
  padding: 0 16px;
  margin: 0 0 16px;
}

.wpam-sidebar-widget > p:first-child,
.wpam-sidebar-widget__title + p {
  padding-top: 16px;
}

/* Tablet: sidebar pindah ke bawah konten, tidak lagi di kolom kanan */
@media (max-width: 1024px) {
  .wpam-layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .wpam-layout__sidebar {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14px;
  }

  .wpam-layout__sidebar .wpam-sidebar-widget {
    flex: 1 1 260px;
  }
}

@media (max-width: 640px) {
  .wpam-layout__sidebar {
    flex-direction: column;
  }
}

/* =========================================================
   ZONA IKLAN - Atas Konten & Bawah Konten
   Tampil full-width di semua jenis halaman (Beranda, single,
   page, archive), terpisah dari Sidebar Kanan. Diam-diam tidak
   tampil kalau widget area-nya kosong.
   ========================================================= */

.wpam-ad-zone {
  margin-bottom: 20px;
  text-align: center;
}

.wpam-ad-zone__label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--wpam-ink-faint);
  margin-bottom: 6px;
}

.wpam-ad-zone__widget {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: var(--wpam-radius-md);
}

.wpam-ad-zone__widget,
.wpam-ad-zone__widget * {
  max-width: 100%;
}

.wpam-ad-zone__widget img,
.wpam-ad-zone__widget iframe,
.wpam-ad-zone__widget ins {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--wpam-radius-md);
}

/* Banner iklan selalu selebar kolom isi (sama dengan kartu konten di bawah/atasnya). */
.wpam-ad-zone__widget a,
.wpam-ad-zone__widget figure,
.wpam-ad-zone__widget .wp-block-image { display: block; width: 100%; margin: 0; }

/* Footer sekarang SELALU tampil (termasuk mobile) - dialah elemen
   terakhir sebelum bottom-nav yang mengambang, jadi dialah yang perlu
   jarak bawah supaya tidak ketutup, bukan lagi .wpam-site-main. */
body.wpam-has-bottom-nav .wpam-site-footer {
  padding-bottom: calc(var(--wpam-bottomnav-h) + 24px);
}

/* Kalau halaman ini juga punya sticky CTA bar (single sales/promo), tambah
   jarak lagi di UJUNG halaman - supaya tidak muncul celah kosong yang aneh. */
body.wpam-has-sticky-cta .wpam-site-footer {
  padding-bottom: calc(var(--wpam-bottomnav-h) + 84px);
}

@media (min-width: 1025px) {
  body.wpam-has-bottom-nav .wpam-site-footer,
  body.wpam-has-sticky-cta .wpam-site-footer {
    padding-bottom: 24px;
  }
}

/* Kartu "sudah login" di halaman login */
.wpam-already-in { text-align: center; }
.wpam-already-in__out { margin-left: 12px; font-size: 14px; color: var(--wpam-ink-soft, #4b5361); text-decoration: underline; }

/* Form login di panel akun (tamu) */
.wpam-sheet-login { margin: 4px 0 14px; }
.wpam-sheet-login form { display: grid; gap: 10px; }
.wpam-sheet-login p { margin: 0; }
.wpam-sheet-login label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 4px; color: var(--wpam-ink, #14181f); }
.wpam-sheet-login input[type="text"], .wpam-sheet-login input[type="password"] { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--wpam-line-strong, #cbd0d9); border-radius: 10px; font-size: 16px; }
.wpam-sheet-login .login-remember label { display: flex; gap: 8px; align-items: center; font-weight: 400; }
.wpam-sheet-login input[type="submit"] { width: 100%; border: 0; border-radius: 10px; padding: 13px; font-weight: 700; font-size: 15px; background: var(--wpam-accent, #ff5a1f); color: #fff; cursor: pointer; }
.wpam-sheet-login__links { margin-top: 10px !important; text-align: center; font-size: 13.5px; }
.wpam-sheet-login__links a { color: var(--wpam-accent-2, #0ea5a5); }
.wpam-login-error { background: #fdeaea; color: #b3261e; border-radius: 10px; padding: 10px 12px; font-size: 13.5px; margin-bottom: 10px; }

/* Tarik-untuk-menutup panel akun */
.wpam-account-sheet.is-dragging { transition: none !important; }
.wpam-account-sheet { overscroll-behavior: contain; }
.wpam-account-sheet__handle { position: relative; }
.wpam-account-sheet__handle::before { content: ""; position: absolute; left: -40px; right: -40px; top: -10px; bottom: -14px; }

/* Halaman legal */
.wpam-legal { max-width: 780px; margin: 0 auto; line-height: 1.75; }
.wpam-legal h2 { font-size: 20px; margin: 28px 0 8px; font-family: var(--wpam-font-display, inherit); }
.wpam-legal ul { padding-left: 20px; }
.wpam-legal li { margin-bottom: 6px; }
.wpam-legal__meta { color: var(--wpam-ink-faint, #8b93a3); font-size: 13px; }

/* Halaman Bantuan */
.wpam-help { max-width: 860px; margin: 0 auto; line-height: 1.7; }
.wpam-help__contact { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin-bottom: 28px; }
.wpam-help__card { display: flex; flex-direction: column; gap: 4px; padding: 18px; border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 14px; background: var(--wpam-surface, #fff); text-decoration: none; color: inherit; transition: border-color .15s, transform .15s; }
.wpam-help__card:hover { border-color: var(--wpam-accent, #ff5a1f); transform: translateY(-2px); }
.wpam-help__card span { font-size: 13.5px; color: var(--wpam-ink-soft, #4b5361); }
.wpam-help h2 { font-size: 20px; margin: 26px 0 10px; font-family: var(--wpam-font-display, inherit); }
.wpam-help__steps, .wpam-help__tips { padding-left: 22px; }
.wpam-help__steps li, .wpam-help__tips li { margin-bottom: 10px; }

/* Boost: badge di kartu + form pembelian */
.wpam-card--boosted { box-shadow: 0 0 0 2px var(--wpam-gold, #f2a93b), 0 8px 22px rgba(242,169,59,.18); }
.wpam-addon-editor { max-width: 640px; margin: 0 auto; }
.wpam-addon-editor .wpam-form { background: var(--wpam-surface, #fff); border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 16px; padding: 22px; }
.wpam-addon-editor .wpam-form-group { margin-bottom: 16px; }
.wpam-addon-editor .wpam-form-label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; }
.wpam-addon-editor .wpam-form-select, .wpam-addon-editor .wpam-form-input { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--wpam-line-strong, #cbd0d9); border-radius: 10px; font-size: 16px; background: #fff; }
.wpam-addon-editor .wpam-form-hint { font-size: 12.5px; color: var(--wpam-ink-faint, #8b93a3); margin: 6px 0 0; }
.wpam-addon-active-list { margin-top: 20px; }
.wpam-alert { border-radius: 12px; padding: 12px 16px; font-size: 14px; margin: 0 auto 16px; max-width: 640px; }
.wpam-alert--error { background: #fdeaea; color: #8c1d18; }
.wpam-alert--success { background: #e6f6ed; color: #0b6b3b; }

/* Rating & ulasan */
.wpam-stars { display: inline-flex; gap: 1px; font-size: 15px; line-height: 1; }
.wpam-stars__s { color: var(--wpam-line-strong, #cbd0d9); }
.wpam-stars__s.is-on { color: var(--wpam-gold, #f2a93b); }
.wpam-rating { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--wpam-ink, #14181f); text-decoration: none; margin: 4px 0; }
a.wpam-rating:hover { text-decoration: underline; }
.wpam-rating__count { color: var(--wpam-ink-soft, #4b5361); font-size: 12.5px; }
.wpam-rating--empty { color: var(--wpam-ink-faint, #8b93a3); }
.wpam-single-hero__rating { margin: 2px 0 8px; }
.wpam-single-profile__reviews { margin: 32px 0; }
.wpam-reviews h2 { font-size: 20px; font-family: var(--wpam-font-display, inherit); margin: 0 0 14px; }
.wpam-reviews__list { display: grid; gap: 12px; margin-bottom: 18px; }
.wpam-reviews__item { background: var(--wpam-surface, #fff); border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 14px; padding: 14px 16px; }
.wpam-reviews__item strong { margin-right: 8px; }
.wpam-reviews__stars { color: var(--wpam-gold, #f2a93b); letter-spacing: 1px; font-size: 14px; }
.wpam-reviews__item p { margin: 6px 0 0; color: var(--wpam-ink-soft, #4b5361); line-height: 1.6; }
.wpam-reviews__form-toggle { border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 14px; padding: 4px 16px 16px; background: var(--wpam-surface, #fff); }
.wpam-reviews__form-toggle summary { cursor: pointer; font-weight: 700; padding: 12px 0; color: var(--wpam-accent-dark, #d84512); }
.wpam-reviews .wpam-form-group { margin-bottom: 14px; }
.wpam-reviews .wpam-form-label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 6px; }
.wpam-reviews .wpam-form-input, .wpam-reviews .wpam-form-select, .wpam-reviews .wpam-form-textarea { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--wpam-line-strong, #cbd0d9); border-radius: 10px; font-size: 16px; background: #fff; }

/* Iklan plugin di grid */
.wpam-card--ad { position: relative; overflow: hidden; border-radius: var(--wpam-radius-md, 14px); }
.wpam-card--ad > a { display: block; height: 100%; color: inherit; text-decoration: none; }
.wpam-card--ad img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wpam-ad-label { position: absolute; top: 8px; left: 8px; background: rgba(20,24,31,.72); color: #fff; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; }
.wpam-card--ad-internal { background: var(--wpam-accent-soft, #fff1ea); }
.wpam-boost-btn { border-color: var(--wpam-accent, #f26522) !important; color: var(--wpam-accent-dark, #d84512) !important; }
.wpam-boost-on { display: inline-block; font-size: 12px; font-weight: 700; color: var(--wpam-accent-dark, #d84512); background: var(--wpam-accent-soft, #fff1ea); padding: 6px 10px; border-radius: 999px; }
.wpam-reviews__own { margin: 0; padding: 12px 16px; border: 1px dashed var(--wpam-line-strong, #cbd0d9); border-radius: 12px; color: var(--wpam-ink-soft, #4b5361); font-size: 14px; }

/* Notifikasi lipat */
.wpam-notif { display: block; }
.wpam-notif > summary { cursor: pointer; font-weight: 600; list-style: none; color: var(--wpam-ink, #14181f); }
.wpam-notif > summary::-webkit-details-marker { display: none; }
.wpam-notif > summary::after { content: " ▾"; color: var(--wpam-ink-faint, #8b93a3); }
.wpam-notif[open] > summary::after { content: " ▴"; }
.wpam-notif__body { margin-top: 8px; padding: 12px 14px; border-radius: 12px; background: var(--wpam-accent-soft, #fff1ea); }
.wpam-notif__body p { margin: 0 0 10px; line-height: 1.6; color: var(--wpam-ink-soft, #4b5361); }

/* Panduan Boost */
.wpam-boostguide { background: var(--wpam-surface, #fff); border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 16px; padding: 18px; margin-bottom: 18px; }
.wpam-boostguide h3 { margin: 0 0 12px; font-size: 18px; }
.wpam-boostguide h4 { margin: 16px 0 8px; font-size: 15px; }
.wpam-boostguide__steps { list-style: none; counter-reset: bs; margin: 0; padding: 0; display: grid; gap: 10px; }
.wpam-boostguide__steps li { counter-increment: bs; display: grid; grid-template-columns: 30px 1fr; column-gap: 10px; align-items: start; }
.wpam-boostguide__steps li::before { content: counter(bs); grid-row: span 2; width: 28px; height: 28px; border-radius: 50%; background: var(--wpam-accent, #f26522); color: #fff; font-weight: 700; display: grid; place-items: center; font-size: 14px; }
.wpam-boostguide__steps strong { font-size: 14.5px; }
.wpam-boostguide__steps span { font-size: 13.5px; color: var(--wpam-ink-soft, #4b5361); }
.wpam-boostguide__note { margin: 12px 0 0; font-size: 12.5px; color: var(--wpam-ink-faint, #8b93a3); line-height: 1.5; }
.wpam-boostreq { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.wpam-boostreq li { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 12px; font-size: 14px; }
.wpam-boostreq__s { font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.wpam-boostreq__s.is-pending { background: #fff4d6; color: #8a5a00; }
.wpam-boostreq__s.is-ok { background: #dff5e6; color: #14663a; }
.wpam-boostreq__s.is-bad { background: #fde3e1; color: #a02018; }
.wpam-boostlive { display: grid; gap: 4px; padding: 14px 16px; margin-bottom: 14px; border-radius: 14px; background: #dff5e6; border: 1px solid #b6e3c5; color: #14663a; }
.wpam-boostlive span { font-size: 13.5px; }
.wpam-boostlive .wpam-button { justify-self: start; margin-top: 6px; }

.wpam-boostnote { display: flex; align-items: center; gap: 8px; margin: 6px 0 10px; font-size: 14px; color: var(--wpam-ink-soft, #4b5361); }
.wpam-boostnote__tag { background: #f59e0b; color: #fff; font-size: 11.5px; font-weight: 700; padding: 3px 10px; border-radius: 999px; letter-spacing: .03em; text-transform: uppercase; }
.wpam-card--promo { position: relative; }
.wpam-card--promo > .wpam-boost-badge { position: absolute; top: 8px; left: 8px; z-index: 2; background: #f59e0b; color: #fff; font-size: 11px; font-weight: 700; padding: 3px 9px; border-radius: 999px; }

/* Tutorial sales */
.wpam-tut h3 { margin: 0 0 14px; font-size: 20px; }
.wpam-tut__item { border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 14px; background: var(--wpam-surface, #fff); margin-bottom: 10px; overflow: hidden; }
.wpam-tut__item > summary { cursor: pointer; padding: 14px 16px; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 10px; }
.wpam-tut__item > summary::-webkit-details-marker { display: none; }
.wpam-tut__item > summary::after { content: "+"; color: var(--wpam-accent, #f26522); font-size: 20px; line-height: 1; }
.wpam-tut__item[open] > summary::after { content: "\2212"; }
.wpam-tut__body { padding: 0 16px 14px; line-height: 1.7; color: var(--wpam-ink-soft, #4b5361); }
.wpam-tut__body ol { padding-left: 20px; margin: 0 0 8px; }
.wpam-tut__body li { margin-bottom: 6px; }
.wpam-tut__body a { color: var(--wpam-accent-dark, #d84512); font-weight: 600; }
.wpam-tut__tablewrap { overflow-x: auto; }
.wpam-tut__table { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 520px; }
.wpam-tut__table th, .wpam-tut__table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--wpam-line, #e3e5ea); vertical-align: top; }
.wpam-tut__table th { color: var(--wpam-ink, #14181f); font-size: 12.5px; text-transform: uppercase; letter-spacing: .03em; }
.wpam-search-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 22px 0 6px; }
.wpam-search-pagination .wpam-page-gap { border: 0; background: none; min-width: 20px; padding: 0; color: var(--wpam-ink-faint, #8b93a3); }
.wpam-search-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; }
.wpam-search-pagination .page-numbers.current { background: var(--wpam-chrome-bg, #14181f); color: #fff; border-color: var(--wpam-chrome-bg, #14181f); }

/* Muat lebih banyak (HP) */
.wpam-button.wpam-loadmore { display: none !important; margin: 18px auto 6px; min-width: 220px; }
@media (max-width: 767px) {
	.wpam-button.wpam-loadmore { display: block !important; }
	.wpam-button.wpam-loadmore[hidden] { display: none !important; }
	.wpam-search-pagination.has-loadmore { display: none; }
}

/* Ulasan: pesan status, bantuan, anchor */
.wpam-reviews__status { margin-bottom: 14px; }
.wpam-reviews__help { margin: -4px 0 14px; font-size: 13px; color: var(--wpam-ink-soft, #4b5361); line-height: 1.5; }
.wpam-anchor { display: block; height: 0; scroll-margin-top: 80px; }
.wpam-single-profile__reviews { scroll-margin-top: 80px; }

/* Notifikasi: tombol hapus */
.wpam-notifications__item { position: relative; }
.wpam-notif-del { margin: 0; }
.wpam-notif-del button { background: none; border: 0; padding: 4px 0; font: inherit; font-size: 13px; color: var(--wpam-ink-soft, #4b5361); text-decoration: underline; cursor: pointer; }
.wpam-notif-del button:hover { color: #c0392b; }
.wpam-notif-del--one { margin-top: 4px; }
.wpam-notif-del--all { text-align: right; margin-bottom: 8px; }

/* Kelola Promo: pencarian & paginasi */
.wpam-pl-search { width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid var(--wpam-line-strong, #cbd0d9); border-radius: 10px; font-size: 16px; margin: 0 0 12px; }
.wpam-pl-nav { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin: 14px 0 4px; font-size: 14px; }
.wpam-pl-nav button { padding: 9px 14px; border: 1px solid var(--wpam-line-strong, #cbd0d9); border-radius: 10px; background: #fff; font: inherit; cursor: pointer; }
.wpam-pl-nav button:disabled { opacity: .45; cursor: default; }

.wpam-boostreq__why { display: block; margin-top: 2px; color: var(--wpam-ink-soft, #4b5361); }

/* Media promo: video YouTube ringan + foto tambahan */
.wpam-pmedia { margin: 24px 0; }
.wpam-pmedia h2 { font-size: 20px; margin: 0 0 12px; }
.wpam-pmedia__video { position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: #000; margin-bottom: 20px; }
.wpam-pmedia__video iframe, .wpam-pmedia__play { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.wpam-pmedia__play { padding: 0; cursor: pointer; background-color: #000; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }
.wpam-pmedia__playicon { width: 68px; height: 48px; border-radius: 14px; background: rgba(20,24,31,.82); position: relative; transition: background .15s; }
.wpam-pmedia__playicon::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-35%, -50%); border-left: 18px solid #fff; border-top: 11px solid transparent; border-bottom: 11px solid transparent; }
.wpam-pmedia__play:hover .wpam-pmedia__playicon, .wpam-pmedia__play:focus-visible .wpam-pmedia__playicon { background: var(--wpam-accent, #ff5a1f); }
.wpam-pmedia__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.wpam-pmedia__grid a { display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: #eef0f4; }
.wpam-pmedia__grid img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wpam-pm-existing { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
.wpam-pm-existing__item { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 13px; }
.wpam-pm-existing__item img { width: 84px; height: 84px; object-fit: cover; border-radius: 10px; }
.wpam-pm-notice p { margin: 0 0 4px; }

/* Pratinjau gambar utama promo di form: rasio 4:3 sama dengan kartu & halaman promo */
.wpam-pm-preview { margin: 8px 0; max-width: 320px; }
.wpam-pm-preview img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; border: 1px solid var(--wpam-line, #e3e5ea); background: #eef0f4; }
.wpam-pm-preview span { display: block; font-size: 12.5px; color: var(--wpam-ink-faint, #8b93a3); margin-top: 6px; }

/* Kartu rekening tujuan transfer (Upgrade Paket & Boost) */
.wpam-payacc { border: 1px solid var(--wpam-line, #e3e5ea); border-left: 4px solid var(--wpam-accent, #ff5a1f); border-radius: 12px; background: var(--wpam-surface, #fff); padding: 16px 18px; margin: 0 0 18px; }
.wpam-payacc__title { margin: 0 0 10px; font-size: 16px; }
.wpam-payacc__list { margin: 0 0 10px; display: grid; gap: 6px; }
.wpam-payacc__list div { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 14px; }
.wpam-payacc__list dt { min-width: 96px; color: var(--wpam-ink-soft, #4b5361); }
.wpam-payacc__list dd { margin: 0; }
.wpam-payacc__number { font-size: 18px; letter-spacing: .5px; overflow-wrap: anywhere; }
.wpam-payacc__copy { margin-left: 6px; padding: 3px 10px; border: 1px solid var(--wpam-line-strong, #cbd0d9); border-radius: 999px; background: #fff; font-size: 12px; cursor: pointer; }
.wpam-payacc__qrislink { display: inline-block; text-decoration: none; color: var(--wpam-ink-soft, #4b5361); margin: 6px 0 10px; }
.wpam-payacc__qrislink small { display: block; font-size: 12px; }
.wpam-payacc__qris { display: block; max-width: 240px; width: 100%; height: auto; margin: 6px 0 10px; border-radius: 8px; }
.wpam-payacc__hint, .wpam-payacc__note { margin: 0 0 6px; font-size: 13px; color: var(--wpam-ink-soft, #4b5361); }

/* Daftar promo ringkas di profil sales (beda dari kartu rekomendasi) */
.wpam-prow-list { display: grid; gap: 10px; }
.wpam-prow { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px; background: var(--wpam-surface, #fff); border: 1px solid var(--wpam-line, #e3e5ea); border-radius: 14px; }
.wpam-prow--boosted { border-color: #f59e0b; box-shadow: 0 0 0 1px rgba(245,158,11,.25); }
.wpam-prow__thumb { display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: #eef0f4; }
.wpam-prow__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wpam-prow__ph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--wpam-ink-faint, #8b93a3); }
.wpam-prow__title { margin: 0 0 4px; font-size: 15px; line-height: 1.3; }
.wpam-prow__title a { color: inherit; text-decoration: none; }
.wpam-prow__boost { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: #f59e0b; color: #fff; font-size: 11px; font-weight: 700; vertical-align: middle; }
.wpam-prow__price { font-weight: 700; color: var(--wpam-accent, #ff5a1f); font-size: 15px; }
.wpam-prow__period { font-size: 12.5px; color: var(--wpam-ink-faint, #8b93a3); margin-top: 2px; }
.wpam-prow__cta { white-space: nowrap; }
@media (max-width: 560px) {
	.wpam-prow { grid-template-columns: 88px minmax(0, 1fr); }
	.wpam-prow__cta { grid-column: 1 / -1; text-align: center; }
}

/* Strip "Sales Penawar" modern (halaman promo) */
.wpam-sstrip { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 18px 20px; border-radius: 18px; background: linear-gradient(135deg, var(--wpam-surface, #fff) 0%, #f6f8fc 100%); border: 1px solid var(--wpam-line, #e3e5ea); box-shadow: 0 6px 22px rgba(20,24,31,.06); }
.wpam-sstrip__avatar { display: block; width: 76px; height: 76px; border-radius: 50%; overflow: hidden; border: 3px solid #fff; box-shadow: 0 0 0 2px var(--wpam-accent, #ff5a1f); background: #eef0f4; flex: none; }
.wpam-sstrip__avatar img, .wpam-sstrip__avatar .wpam-sales-avatar { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 50%; display: block; }
.wpam-sstrip__name { margin: 0 0 2px; font-size: 18px; line-height: 1.25; }
.wpam-sstrip__name a { color: inherit; text-decoration: none; }
.wpam-sstrip__dealer { font-size: 14px; color: var(--wpam-ink-soft, #4b5361); }
.wpam-sstrip__hours { font-size: 12.5px; color: var(--wpam-ink-faint, #8b93a3); margin-top: 2px; }
.wpam-sstrip__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.wpam-sstrip__actions { display: flex; flex-direction: column; gap: 8px; min-width: 150px; }
.wpam-sstrip__actions .wpam-button { text-align: center; white-space: nowrap; }
@media (max-width: 640px) {
	.wpam-sstrip { grid-template-columns: auto minmax(0, 1fr); gap: 12px 14px; padding: 16px; }
	.wpam-sstrip__avatar { width: 62px; height: 62px; }
	.wpam-sstrip__actions { grid-column: 1 / -1; flex-direction: row; min-width: 0; }
	.wpam-sstrip__actions .wpam-button { flex: 1; }
}
.wpam-account-sheet__item .wpam-fa-count{margin-left:auto}

/* ---------- Statistik, grafik, prospek ---------- */
.wpam-ins{display:flex;flex-direction:column;gap:14px}
.wpam-ins-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.wpam-ins-card{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.wpam-ins-card span{font-size:13px;opacity:.75}.wpam-ins-card strong{font-size:26px;line-height:1.1;color:var(--wpam-primary,#0b1f3a)}.wpam-ins-card small{font-size:12px;opacity:.6}
.wpam-ins-empty,.wpam-ins-note{font-size:13px;opacity:.7;margin:0}
.wpam-ch{padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.wpam-ch__title{margin:0 0 6px;font-size:15px}
.wpam-ch__legend{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:0 0 6px;padding:0;font-size:13px}
.wpam-ch__legend li{display:flex;align-items:center;gap:6px}
.wpam-ch__key{display:inline-block;width:10px;height:10px;border-radius:50%}
.wpam-ch__svg{width:100%;height:auto;display:block}
.wpam-ch__grid{stroke:rgba(15,23,42,.1);stroke-width:1}
.wpam-ch__ylab,.wpam-ch__xlab{font-size:11px;fill:#64748b}
.wpam-ch__line{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.wpam-ch__s0{stroke:#1e3a8a;fill:#1e3a8a}.wpam-ch__s1{stroke:#f97316;fill:#f97316}.wpam-ch__s2{stroke:#0f766e;fill:#0f766e}
.wpam-ch__line.wpam-ch__s0,.wpam-ch__line.wpam-ch__s1,.wpam-ch__line.wpam-ch__s2{fill:none}
i.wpam-ch__key.wpam-ch__s0{background:#1e3a8a}i.wpam-ch__key.wpam-ch__s1{background:#f97316}i.wpam-ch__key.wpam-ch__s2{background:#0f766e}
.wpam-ch__details{margin-top:8px;font-size:13px}.wpam-ch__details summary{cursor:pointer;font-weight:600}
.wpam-ch__tablewrap{overflow-x:auto;max-height:340px;overflow-y:auto}
.wpam-ch__table{width:100%;border-collapse:collapse;font-size:13px}
.wpam-ch__table th,.wpam-ch__table td{padding:7px 10px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;white-space:nowrap}
.wpam-ch__table th:not(:first-child),.wpam-ch__table td:not(:first-child){text-align:right}
.wpam-ch__table td a{white-space:normal}
.wpam-ins-lock{margin:0}

/* Pil paket Basic / Premium */
.wpam-plan-pill{display:inline-block;align-self:flex-start;margin:0 0 6px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.02em}
.wpam-plan-pill--basic{background:#dbeafe;color:#1e3a8a}
.wpam-plan-pill--premium{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}
.wpam-plan-pill--lg{font-size:12px;padding:3px 11px;margin:0 0 0 8px;vertical-align:middle}
.wpam-plan-pill--float{position:absolute;top:10px;right:10px;z-index:3;margin:0}
.wpam-ig-name{flex-wrap:wrap}

/* Testimoni platform */
.wpam-pt{margin:36px 0 12px}.wpam-pt__title{margin:0 0 16px;font-size:clamp(22px,4vw,28px);text-align:center}
.wpam-pt__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.wpam-pt__card{margin:0;padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:14px}
.wpam-pt__card blockquote{margin:0;font-size:15px;line-height:1.6}
.wpam-pt__card figcaption{display:flex;align-items:center;gap:10px;margin-top:auto}
.wpam-pt__card figcaption span:last-child{display:flex;flex-direction:column;font-size:14px}.wpam-pt__card small{opacity:.65}
.wpam-pt__img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px}
.wpam-pt__img--ph{display:inline-flex;align-items:center;justify-content:center;background:var(--wpam-accent-soft,#fff1ea);color:var(--wpam-accent,#ff5a1f);font-weight:700}
.wpam-pt-add summary{cursor:pointer}.wpam-pt-add form{margin-top:12px}
.wpam-fa-form input[type=text]{padding:8px 10px;border-radius:10px;border:1px solid rgba(15,23,42,.2);font:inherit;font-size:14px;max-width:100%}
.wpam-pt-form{display:flex;flex-direction:column;gap:10px;max-width:560px}
.wpam-pt-form textarea{width:100%;max-width:100%;box-sizing:border-box;resize:vertical;padding:10px;border-radius:10px;border:1px solid rgba(15,23,42,.2);font:inherit}
.wpam-pt-form label{font-size:14px}.wpam-pt-form button{align-self:flex-start}
.wpam-bc__intro{max-width:none;margin:0 0 20px;color:var(--wpam-ink-soft,#4b5361)}
.wpam-bc__links{margin-top:32px}.wpam-bc__links h2{font-size:18px}.wpam-bc__links a{white-space:nowrap}
.wpam-sk__row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.wpam-sk__row input{flex:1 1 240px;padding:10px;border-radius:10px;border:1px solid rgba(15,23,42,.2);font:inherit}
.wpam-sk__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.wpam-sk__box{padding:16px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.wpam-sk__box h4{margin:0}.wpam-sk__box canvas{max-width:100%;height:auto;border-radius:8px}.wpam-sk__box select{max-width:100%;padding:8px;border-radius:8px}
.wpam-sponsor{position:relative;display:block;width:100%;max-width:100%;box-sizing:border-box;margin:24px 0;text-align:center;grid-column:1/-1;clear:both}.wpam-sponsor a{display:block;width:100%}.wpam-sponsor img{display:block;width:100%;max-width:100%;height:auto;border-radius:14px}
.wpam-sponsor__tag{position:absolute;top:8px;left:8px;z-index:1;font-size:11px;padding:2px 8px;border-radius:99px;background:rgba(15,23,42,.75);color:#fff}

.wpam-ins-teaser{padding:12px 14px;border-radius:12px;background:var(--wpam-accent-soft,#fff1ea);margin:0 0 12px}
.wpam-ins-blur{filter:blur(6px);opacity:.6;pointer-events:none;user-select:none;margin-bottom:12px}.wpam-ins-blur__chart{height:140px;margin-top:10px;border-radius:12px;background:linear-gradient(135deg,#dfe3ea,#f3f4f7)}
.wpam-pricing__annual{margin:4px 0 8px;font-size:14px}.wpam-pricing__annual small{display:block;opacity:.7}
.wpam-price-old{opacity:.65;font-weight:400;margin-right:4px;font-size:.85em}.wpam-price-now{font-weight:700}
.wpam-pc__wrap{overflow-x:auto;margin:12px 0}.wpam-pc__table{width:100%;border-collapse:collapse;font-size:14px;min-width:480px}
.wpam-pc__table th,.wpam-pc__table td{padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.08);text-align:center}.wpam-pc__table th:first-child{text-align:left;font-weight:500}
.wpam-pc__table thead th small{display:block;font-weight:400;font-size:11px;color:var(--wpam-accent,#ff5a1f)}
.wpam-pc__table .is-mine{background:var(--wpam-accent-soft,#fff1ea)}.wpam-pc__yes{color:#1a9d55;font-weight:700}.wpam-pc__no{opacity:.4}
.wpam-pc__up{margin:8px 0 12px}

/* Menu footer: 2 kolom, tautan menurun */
.wpam-footer-menus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin-bottom:8px}
.wpam-footer-menus .wpam-footer-section{margin-bottom:22px;min-width:0}
.wpam-footer-menus .wpam-footer-section__links{flex-direction:column;align-items:flex-start;gap:10px}
.wpam-footer-menus .wpam-footer-section__links a{overflow-wrap:anywhere}
@media (min-width:1025px){.wpam-footer-stack{grid-template-columns:1.5fr 2fr}}
.wpam-fa-contact{font-size:13px;opacity:.85}.wpam-fa-note{font-size:12px;opacity:.7;align-self:center}

/* Tab profil sales: ikon saja */
.wpam-ig-tabs__btn svg{width:24px;height:24px;display:block;margin:0 auto}

/* Daftar fitur lengkap di kartu upgrade Dashboard Sales */
.wpam-pc-feat{margin:10px 0;padding:10px 12px;background:#f6f8fc;border-radius:10px;font-size:.88rem}
.wpam-pc-feat__list{list-style:none;margin:6px 0 0;padding:0}
.wpam-pc-feat__list li{padding:3px 0 3px 22px;position:relative}
.wpam-pc-feat__list li:before{content:"\2713";position:absolute;left:0;color:#16a34a;font-weight:700}
.wpam-pc-feat__list li.is-off{opacity:.5;text-decoration:line-through}
.wpam-pc-feat__list li.is-off:before{content:"\2013";color:#94a3b8}

/* Pill status Masa Aktif (Dashboard Admin) */
.wpam-fa-pill{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;vertical-align:middle;background:#e2e8f0;color:#334155}
.wpam-fa-pill.is-warn{background:#fef3c7;color:#92400e}
.wpam-fa-pill.is-bad{background:#fee2e2;color:#991b1b}

/* Grafik interaktif */
.wpam-ch__line{stroke-dasharray:1;stroke-dashoffset:1;animation:wpamChDraw 1.2s ease-out forwards}
.wpam-ch__dot{transform-box:fill-box;transform-origin:center;opacity:0;animation:wpamChFade .4s ease-out .9s forwards;transition:transform .15s}
.wpam-ch__dot:hover{transform:scale(1.8)}
.wpam-ch__cross{stroke:#94a3b8;stroke-width:1;stroke-dasharray:3 3;transition:opacity .12s}
.wpam-ch__mark{stroke:#fff;stroke-width:2;transition:opacity .12s;pointer-events:none}
.wpam-ch__tip{position:absolute;z-index:3;display:none;min-width:150px;padding:8px 10px;border-radius:10px;background:#0f172a;color:#fff;font-size:12px;line-height:1.5;box-shadow:0 8px 24px rgba(15,23,42,.25);pointer-events:none}
.wpam-ch__tip.is-on{display:block;animation:wpamChFade .15s ease-out}
.wpam-ch__tip strong{display:block;margin-bottom:2px}
.wpam-ch__tip span{display:flex;align-items:center;gap:6px}
.wpam-ch__tip i{width:8px;height:8px;border-radius:50%;display:inline-block}
@keyframes wpamChDraw{to{stroke-dashoffset:0}}
@keyframes wpamChFade{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.wpam-ch__line{animation:none;stroke-dashoffset:0}.wpam-ch__dot{animation:none;opacity:1}}
.wpam-fa-pill.is-ok{background:#dcfce7;color:#166534}.wpam-fa-plan{margin:4px 0 0}

.wpam-pc-renew{margin:6px 0 10px;padding:8px 10px;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:.85rem}

/* Identitas terverifikasi (centang biru) */
.wpam-verified-badge{display:inline-flex;align-items:center;gap:4px;margin:4px 0;padding:3px 8px;border-radius:999px;background:#e8f2ff;color:#1459a8;font-size:12px;font-weight:700;vertical-align:middle}
.wpam-plan-pill__check{vertical-align:-2px;margin-left:2px}
.wpam-fa-identity{margin:8px 0;padding:10px 12px;border-radius:10px;background:#f6f8fc;font-size:.88rem}.wpam-fa-identity>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.wpam-fa-identity>summary::-webkit-details-marker{display:none}.wpam-fa-identity>summary:after{content:"＋";margin-left:auto;font-weight:700}.wpam-fa-identity[open]>summary:after{content:"−"}.wpam-fa-identity__body{padding-top:6px}
.wpam-fa-identity__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.wpam-fa-identity__row .wpam-fa-form{margin:0}
.wpam-price-note{display:block;color:#64748b;font-size:.8em}

/* Uji coba Premium, referral */
.wpam-gr{margin:12px 0;padding:12px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa}
.wpam-gr--on{background:#ecfdf5;border-color:#a7f3d0}
.wpam-gr--ref{background:#f6f8fc;border-color:rgba(15,23,42,.1)}
.wpam-gr h4{margin:0 0 6px}.wpam-gr p{margin:6px 0}.wpam-gr__stat{font-size:.9rem}
.wpam-boostbox__promo{margin:6px 0;padding:6px 10px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:.88rem}

/* v1.96.1 - baris paket di Sales Profil (admin): rapi, tidak saling menimpa */
.wpam-fa-item .wpam-fa-plan{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:8px 0 0;font-size:.9rem;line-height:1.5}
.wpam-fa-item .wpam-fa-plan .wpam-fa-pill{margin:0;vertical-align:baseline;flex:0 0 auto}
.wpam-fa-item .wpam-fa-plan .wpam-fa-btn{display:inline-flex;align-items:center;margin:0;padding:6px 12px;min-height:0;height:auto;line-height:1.3;font-size:.82rem;text-decoration:none;flex:0 0 auto}
.wpam-fa-item .wpam-fa-plan .wpam-fa-btn:hover{text-decoration:none}
.wpam-fa-item .wpam-fa-plan a.wpam-fa-btn.is-ok{color:#fff;text-decoration:none}
.wpam-fa-ref{margin:6px 0 0;font-size:.88rem;color:#334155}
.wpam-fa-sub{font-size:1rem;margin:18px 0 8px}
.wpam-fa-note.is-warn{color:#92400e}

/* v1.96.1 - Sales ID Card / status perpanjangan (Core 0.2.52) */
.wpam-idreq{margin:0 0 14px;padding:14px 16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#431407}
.wpam-idreq__head{display:block;font-size:1rem;margin:0 0 8px}
.wpam-idreq__steps{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px;font-size:.9rem}
.wpam-idreq__steps li span{display:inline-block;width:1.2em;font-weight:700}
.wpam-idreq__steps li.is-done{color:#166534}
.wpam-idreq__steps li.is-todo{color:#9a3412}
.wpam-idreq p{margin:4px 0 0;font-size:.9rem;line-height:1.5}
.wpam-idreq__err{color:#991b1b}
.wpam-idreq__ktp{margin:6px 0;padding:8px 12px;border-radius:10px;background:#f0fdf4;color:#166534;font-size:.9rem}
.wpam-dashboard__summary .wpam-alert form{display:grid;gap:10px;max-width:420px}
.wpam-dashboard__summary .wpam-alert input[type=file]{width:100%;max-width:100%;box-sizing:border-box}
.wpam-dashboard__summary .wpam-alert .wpam-button{justify-self:start}
@media (max-width:600px){.wpam-dashboard__summary .wpam-alert .wpam-button{justify-self:stretch;width:100%}}

/* v1.96.1 - papan status pengajuan & identitas (Core 0.2.54) */
.wpam-idb{margin:0 0 16px;padding:16px;border-radius:16px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 1px 3px rgba(15,23,42,.06)}
.wpam-idb h4{margin:0 0 10px;font-size:1rem}
.wpam-idb__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wpam-idb__row{display:grid;grid-template-columns:minmax(110px,150px) 1fr;gap:4px 12px;align-items:start;padding:8px 0;border-top:1px solid rgba(15,23,42,.08);font-size:.92rem}
.wpam-idb__row:first-child{border-top:0}
.wpam-idb__label{font-weight:600;color:#1e293b}
.wpam-idb__val{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.wpam-idb__val small{color:#475569;line-height:1.45}
.wpam-idb__pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:700}
.wpam-idb__pill.is-ok{background:#dcfce7;color:#166534}
.wpam-idb__pill.is-bad{background:#fee2e2;color:#991b1b}
.wpam-idb__pill.is-wait{background:#fef3c7;color:#92400e}
.wpam-idb__pill.is-todo{background:#e2e8f0;color:#334155}
.wpam-idb__act{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#431407;font-size:.9rem;line-height:1.5}
@media (max-width:520px){.wpam-idb__row{grid-template-columns:1fr}}


/* v1.96.1 - profil publik: pil paket & centang biru sejajar */
.wpam-ig-name{align-items:center}
.wpam-ig-name .wpam-plan-pill,.wpam-ig-name .wpam-verified-badge,.wpam-ig-name .wpam-boost-badge{align-self:center;margin:0;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 11px;box-sizing:border-box;line-height:1;vertical-align:middle;font-size:12px}
.wpam-ig-name .wpam-plan-pill--lg{margin:0}

/* v1.96.1 - notifikasi dashboard sales: rata dan rapi */
.wpam-notifications__list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.wpam-notifications__item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"msg del" "time time";gap:4px 12px;align-items:start;padding:12px 14px!important;border:1px solid var(--wpam-line,#e3e5ea)!important;border-left:4px solid var(--wpam-line-strong,#cbd0d9)!important;border-radius:12px;background:#fff;font-weight:400}
.wpam-notifications__item.is-unread{border-left-color:var(--wpam-accent,#ff5a1f)!important;background:#fffaf6;font-weight:600}
.wpam-notifications__item>details,.wpam-notifications__item>a,.wpam-notifications__item>span{grid-area:msg;min-width:0;word-break:break-word;line-height:1.5}
.wpam-notifications__item>time{grid-area:time;font-size:12px;color:var(--wpam-ink-faint,#8b93a3);font-weight:400}
.wpam-notifications__item>form{grid-area:del;margin:0;justify-self:end;align-self:start}
.wpam-notifications__item .wpam-notif-del--one{margin:0}
.wpam-notifications__item .wpam-notif-del button,.wpam-notifications__delete-btn{padding:2px 6px;line-height:1.2}
.wpam-notif-del--all{margin:0 0 4px}
.wpam-notif__body{margin-top:8px}

/* Paket dan pilihan periode: lebih ringkas, tidak terlalu tinggi */
.wpam-pricing__annual{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin:0;padding:8px 10px;border:1px solid var(--wpam-line, #e5e7eb);border-radius:8px;font-size:13px;line-height:1.35;background:var(--wpam-surface-soft, #f8fafc)}
.wpam-pricing__annual small{display:inline;font-size:11px;opacity:.75}
.wpam-upgrade-form p{margin:0 0 10px}
.wpam-upgrade-form select,.wpam-upgrade-form input{max-width:100%;box-sizing:border-box}
.wpam-upgrade-card{padding:14px!important;gap:9px!important}
.wpam-upgrade-card__price{font-size:21px;line-height:1.3}
.wpam-upgrade-form label{font-size:13px;line-height:1.4}
@media(max-width:900px){.wpam-pricing{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wpam-pricing__card{padding:13px 12px}.wpam-pricing__features li{font-size:12px}}
@media(max-width:560px){.wpam-pricing{grid-template-columns:minmax(0,1fr);gap:10px}.wpam-pricing__card{padding:14px}.wpam-pricing__price{font-size:22px}}

/* Periode tagihan: kartu pilihan */
.wpam-bp{border:0;margin:0 0 12px;padding:0;min-width:0}
.wpam-bp legend{font-weight:600;font-size:13px;margin:0 0 6px;padding:0}
.wpam-bp__opt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin:0 0 8px;border:1.5px solid var(--wpam-line,#e2e8f0);border-radius:10px;cursor:pointer;background:#fff;line-height:1.35}
.wpam-bp__opt:has(input:checked){border-color:#f97316;background:#fff7ed}
.wpam-bp__opt input{margin:3px 0 0;flex:0 0 auto;accent-color:#f97316}
.wpam-bp__opt span{display:flex;flex-direction:column;min-width:0}
.wpam-bp__opt small{font-size:12px;opacity:.75}
.wpam-bp__note{margin:8px 0 0;font-size:12.5px;opacity:.8}

/* Promo berakhir + tombol hapus terkunci saat Boost */
.wpam-pe-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#fdeaea;color:#8c1d18;font-size:11px;font-weight:700;vertical-align:middle;white-space:nowrap}
.wpam-del-lock{display:inline-flex;flex-direction:column;align-items:center;gap:2px}
.wpam-del-lock .wpam-button[disabled]{opacity:.45;cursor:not-allowed}
.wpam-del-lock small{font-size:11px;color:#b45309;font-weight:600}

/* Pop up berkas */
.wpam-dm[hidden]{display:none}
.wpam-dm{position:fixed;inset:0;z-index:2147483647!important;background:rgba(15,23,42,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.wpam-dm__panel{background:#fff;border-radius:14px;width:min(900px,100%);height:min(86vh,100%);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.wpam-dm__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #e5e7eb}
.wpam-dm__title{flex:1;min-width:0;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wpam-dm__ext{font-size:13px;font-weight:600;color:#c2410c;white-space:nowrap}
.wpam-dm__x{border:0;background:#f1f5f9;border-radius:8px;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer}
.wpam-dm__body{flex:1;min-height:0;background:#f8fafc}
.wpam-dm__frame{width:100%;height:100%;border:0;display:block}
html.wpam-dm-open{overflow:hidden}
.wpam-dm__close2{display:none}
@media(max-width:600px){.wpam-dm{padding:0}.wpam-dm__panel{height:100vh;height:100dvh;border-radius:0}.wpam-dm__bar{padding-top:max(10px,env(safe-area-inset-top))}.wpam-dm__close2{display:block;border:0;background:#0f2a4a;color:#fff;font-weight:700;font-size:16px;padding:14px;padding-bottom:max(14px,env(safe-area-inset-bottom));cursor:pointer}}

/* Bonus Boost: informasi baca-saja dari WPAM Core, responsif di Dashboard Sales. */
.wpam-dashboard__summary .wpam-bonus-status{display:block!important;margin:0 0 12px;padding:12px 14px;border-radius:12px}
.wpam-dashboard__summary .wpam-bonus-status p{margin:5px 0 0;line-height:1.5}

/* WPAM Core member lifecycle notice: readable on mobile and inside the sales dashboard. */
.wpam-dashboard .wpam-member-lifecycle-notice {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    line-height: 1.55;
    overflow-wrap: anywhere;
}
@media (max-width: 600px) {
    .wpam-dashboard .wpam-member-lifecycle-notice {
        padding: 12px;
        font-size: 13px;
        border-radius: 10px;
    }
}


/* v1.98.3 — beri jarak yang cukup antara daftar harga paket dan riwayat Upgrade Request di Dashboard Sales. */
.wpam-dashboard .wpam-pricing,
.wpam-dashboard-tabs .wpam-pricing {
  margin-bottom: 28px !important;
}
.wpam-dashboard .wpam-pricing__note,
.wpam-dashboard-tabs .wpam-pricing__note {
  margin-top: 10px !important;
  margin-bottom: 28px !important;
  line-height: 1.6;
}
.wpam-dashboard .wpam-fa-wrap,
.wpam-dashboard-tabs .wpam-fa-wrap {
  margin-top: 28px;
}
@media (max-width: 640px) {
  .wpam-dashboard .wpam-pricing,
  .wpam-dashboard-tabs .wpam-pricing { margin-bottom: 22px !important; }
  .wpam-dashboard .wpam-pricing__note,
  .wpam-dashboard-tabs .wpam-pricing__note { margin-bottom: 22px !important; }
  .wpam-dashboard .wpam-fa-wrap,
  .wpam-dashboard-tabs .wpam-fa-wrap { margin-top: 22px; }
}

/* Login publik: ajakan daftar sales (v1.99.84) */
.wpam-login-register{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--wpam-line,#e2e8f0);text-align:center;color:var(--wpam-ink-soft,#596273);font-size:14px}
.wpam-login-register .wpam-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:transparent;color:var(--wpam-primary,#0b1f3a);border:2px solid var(--wpam-accent,#f97316);border-radius:10px;font-weight:700;text-decoration:none}
.wpam-login-register .wpam-button:hover{background:var(--wpam-accent,#f97316);color:#fff}
@media(max-width:480px){.wpam-login-register{flex-direction:column}.wpam-login-register .wpam-button{width:100%}}

/* Statistik admin dan sales: toolbar, kartu 2 kolom, peringkat sama lebar (v1.99.84) */
.wpam-ins-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wpam-ins-toolbar .wpam-ins-range{flex:1 1 220px;max-width:340px;margin:0}
.wpam-ins-range{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.wpam-ins-range label{font-size:13px;font-weight:700;color:var(--wpam-ink-soft,#596273)}
.wpam-ins-range select{width:100%;min-height:44px;padding:10px 38px 10px 12px;border:1px solid var(--wpam-line-strong,#cbd0d9);border-radius:10px;background:#fff;color:var(--wpam-ink,#14181f);font:400 14px/1.4 inherit;box-sizing:border-box}
.wpam-ins-csv{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid var(--wpam-line-strong,#cbd0d9);background:#fff;color:var(--wpam-primary,#0b1f3a);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.wpam-ins-csv:hover{border-color:var(--wpam-accent,#f97316);color:var(--wpam-accent-dark,#c2410c)}
.wpam-ins .wpam-ins-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wpam-ins .wpam-ins-cards .wpam-ins-card:last-child:nth-child(odd){grid-column:1 / -1}
.wpam-ins-ranks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
.wpam-rank{padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.08);min-width:0;display:flex;flex-direction:column}
.wpam-rank__title{margin:0 0 10px;font-size:15px}
.wpam-rank__wrap{overflow-x:auto}
.wpam-rank__table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}
.wpam-rank__table th{padding:8px 8px;text-align:left;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0}
.wpam-rank__table td{padding:9px 8px;border-bottom:1px solid rgba(15,23,42,.07);vertical-align:middle;position:relative;overflow:hidden}
.wpam-rank__table tbody tr:nth-child(even){background:#fafbfc}
.wpam-rank__no{width:34px;text-align:center !important;color:#64748b;font-weight:700}
.wpam-rank__num{width:68px;text-align:right !important;font-variant-numeric:tabular-nums}
.wpam-rank__table td a{display:block;font-weight:600;color:var(--wpam-primary,#0b1f3a);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wpam-rank__bar{display:block;height:4px;margin-top:5px;border-radius:2px;background:linear-gradient(90deg,var(--wpam-accent,#f97316),#fdba74)}
@media(max-width:720px){.wpam-ins .wpam-ins-cards{grid-template-columns:1fr}.wpam-ins-ranks{grid-template-columns:1fr}.wpam-ins-toolbar{align-items:stretch}.wpam-ins-toolbar .wpam-ins-range{max-width:none;flex-basis:100%}.wpam-ins-csv{width:100%}}
.wpam-adclk{margin-top:16px}
.wpam-adclk__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;margin-top:26px}
.wpam-adclk__box{min-width:0;overflow-x:auto}
.wpam-adclk__box h5{margin:0 0 10px;font-size:13px;color:#475569}
.wpam-adclk .wpam-rank__table td{white-space:nowrap;text-overflow:ellipsis;max-width:220px}
@media(max-width:720px){.wpam-adclk__grid{grid-template-columns:1fr}}
.wpam-adclk__sub{margin:22px 0 10px;font-size:13px;color:#475569}
.wpam-boosteff th{white-space:normal;font-size:10.5px}.wpam-boosteff td small{color:#64748b}

/* v1.99.84: tabel panjang bisa digeser, tidak berdempetan (terutama HP) */
.wpam-rank__wrap,.wpam-adclk__box,.wpam-fa .wpam-fa-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:720px){
	.wpam-ins table,.wpam-fa table,.wpam-dashboard table,.wpam-ch__table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
	.wpam-ins table th,.wpam-fa table th,.wpam-dashboard table th,.wpam-ch__table th{white-space:nowrap}
	.wpam-ins table td,.wpam-fa table td,.wpam-dashboard table td,.wpam-ch__table td{padding-left:10px;padding-right:10px}
	.wpam-rank__table,.wpam-adclk__main{table-layout:auto;min-width:440px}
	.wpam-rank__table td a{max-width:180px}
	.wpam-adclk .wpam-rank__table td{max-width:180px}
}

/* Notifikasi pasang aplikasi (PWA) */
.wpam-pwa-bar{z-index:2147483005 !important;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:99990;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#0b1f3a;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateY(140%);transition:transform .28s ease;max-width:520px;margin:0 auto}
.wpam-pwa-bar.is-show{transform:none}
.wpam-pwa-bar__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.4}
.wpam-pwa-bar__text strong{font-size:14px}
.wpam-pwa-bar__actions{display:flex;gap:8px;flex:none}
.wpam-pwa-bar__ok,.wpam-pwa-bar__no{min-height:40px;padding:8px 14px;border-radius:10px;border:0;font:700 13px/1 inherit;cursor:pointer}
.wpam-pwa-bar__ok{background:#f97316;color:#fff}
.wpam-pwa-bar__no{background:rgba(255,255,255,.14);color:#fff}
@media(min-width:1025px){.wpam-pwa-bar{left:auto;right:20px;margin:0}}
@media(max-width:420px){.wpam-pwa-bar{flex-direction:column;align-items:stretch}.wpam-pwa-bar__actions{justify-content:flex-end}}
.wpam-idbox__gone{display:block;color:#64748b;font-size:11.5px;font-weight:400}

/* v1.99.84: harga dan keterangan promo sebagai teks biasa (bukan pin oranye) */
.wpam-card__price{margin:2px 0 8px;font-size:15px;line-height:1.4;color:var(--wpam-ink,#14181f)}
.wpam-card__price .wpam-price-now{font-weight:800;color:var(--wpam-ink,#14181f);font-size:1.05em}
.wpam-card__price .wpam-price-old{color:var(--wpam-ink-faint,#8b93a3);opacity:1;font-weight:400;margin-right:6px}
.wpam-card__price .wpam-price-note{display:block;margin-top:2px;font-size:12.5px;font-weight:400;color:var(--wpam-ink-soft,#5b6472)}
.wpam-single-hero__price-badge{background:#fff!important;color:var(--wpam-ink,#14181f)!important;border:1px solid var(--wpam-line,#e3e6eb);border-radius:14px!important;font-family:inherit!important;font-size:17px!important;padding:8px 14px!important;box-shadow:0 4px 14px rgba(20,24,31,.12)!important;line-height:1.35;text-align:right}
.wpam-single-hero__price-badge .wpam-price-now{font-weight:800}
.wpam-single-hero__price-badge .wpam-price-old{color:var(--wpam-ink-faint,#8b93a3);opacity:1;font-size:.8em}
.wpam-single-hero__price-badge .wpam-price-note{display:block;font-size:12px;font-weight:400;color:var(--wpam-ink-soft,#5b6472)}
.wpam-single-promo__price{font-size:20px;font-weight:800;color:var(--wpam-ink,#14181f)}
.wpam-single-promo__price .wpam-price-note{display:block;font-size:13px;font-weight:400;color:var(--wpam-ink-soft,#5b6472)}

/* v1.99.84: halaman promo - lencana dan harga di bawah gambar */
.wpam-single-promo__badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}
.wpam-single-promo__badges .wpam-plan-pill,.wpam-single-promo__badges .wpam-boost-badge{position:static!important;margin:0!important;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 12px;box-sizing:border-box;line-height:1;font-size:12px;font-weight:700;border-radius:999px;vertical-align:middle}
.wpam-single-promo__pricebox{margin:4px 0 14px;padding:14px 16px;background:var(--wpam-surface,#fff);border:1px solid var(--wpam-line,#e3e6eb);border-radius:14px;line-height:1.35}
.wpam-single-promo__pricebox .wpam-price-old{display:block;font-size:14px;color:var(--wpam-ink-faint,#8b93a3);opacity:1;font-weight:400;margin:0 0 2px}
.wpam-single-promo__pricebox .wpam-price-now{display:block;font-size:26px;font-weight:800;color:var(--wpam-ink,#14181f);letter-spacing:-.01em}
.wpam-single-promo__pricebox .wpam-price-note{display:block;margin-top:6px;padding-top:8px;border-top:1px dashed var(--wpam-line,#e3e6eb);font-size:13px;font-weight:400;color:var(--wpam-ink-soft,#5b6472)}
@media(max-width:480px){.wpam-single-promo__pricebox .wpam-price-now{font-size:23px}}
.wpam-single-promo__badges .wpam-boost-badge{background:#fff4e0!important;color:#9a5b00!important;border:1px solid #f5d29a!important;text-transform:none;letter-spacing:0}

/* v1.99.84: jarak konten - iklan widget bawah - footer dirapatkan */
.wpam-site-main{padding-bottom:12px}
.wpam-ad-zone[data-wpam-adzone="wpam-ads-bottom"]{margin:12px 0 0}
.wpam-site-footer{margin-top:8px}
@media(max-width:767px){.wpam-site-main{padding-bottom:8px}.wpam-ad-zone[data-wpam-adzone="wpam-ads-bottom"]{margin-top:8px}}

/* v1.99.84: "Sales/Promo Lain dengan Merek/Kota Serupa" - desktop: 4 kolom (8 kartu = 2 baris rapi); HP/tablet: geser */
@media (min-width:1025px){.wpam-related-section .wpam-grid--infinite-mobile{grid-template-columns:repeat(4,minmax(0,1fr))!important}}

/* v1.99.84: editor sederhana Keterangan Promo + tampilan teks berformat */
.wpam-rt { border: 1px solid var(--wpam-line, #e3e6ec); border-radius: 12px; background: #fff; overflow: hidden; }
.wpam-rt__bar { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; border-bottom: 1px solid var(--wpam-line, #e3e6ec); background: #f7f8fa; }
.wpam-rt__bar button { border: 1px solid var(--wpam-line, #d5d9e0); background: #fff; border-radius: 8px; padding: 6px 12px; min-height: 36px; font: inherit; font-size: 14px; cursor: pointer; color: var(--wpam-ink, #14181f); }
.wpam-rt__bar button:hover { border-color: var(--wpam-accent, #ff5a1f); color: var(--wpam-accent, #ff5a1f); }
.wpam-rt__area.wpam-form-textarea { border: 0 !important; border-radius: 0 !important; min-height: 130px; max-height: 340px; overflow-y: auto; padding: 12px 14px; outline: none; line-height: 1.6; }
.wpam-rt__area:empty::before { content: attr(data-placeholder); color: #8b93a3; pointer-events: none; }
.wpam-rt__area ul, .wpam-rt__area ol { margin: 4px 0 4px 22px; padding: 0; }
.wpam-rt:focus-within { border-color: var(--wpam-accent, #ff5a1f); }
.wpam-richtext p { margin: 0 0 10px; }
.wpam-richtext ul, .wpam-richtext ol { margin: 0 0 10px 22px; padding: 0; }
.wpam-richtext li { margin: 0 0 4px; }

/* v1.99.84: tab Bagikan - tombol bagikan langsung */
.wpam-sk__box .wpam-button--outline{background:transparent;border:1px solid var(--wpam-accent,#ff5a1f);color:var(--wpam-accent,#ff5a1f)}
.wpam-sk__btns{display:flex;flex-wrap:wrap;gap:8px}
.wpam-sk__box select{max-width:100%}
.wpam-sk__btns .wpam-button{flex:1 1 0;min-width:120px;text-align:center;justify-content:center}
.wpam-sk__btns .wpam-button--outline,.wpam-sk__btns a.wpam-button--outline,.wpam-sk__btns a.wpam-button--outline:visited{background:transparent!important;border:1px solid var(--wpam-accent,#ff5a1f)!important;color:var(--wpam-accent,#ff5a1f)!important;box-shadow:none}
.wpam-sk__box .wpam-sk__btns{width:100%}

/* v1.99.84: banner merek & kota (satu baris, berdampingan) */
.wpam-regionbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:var(--wpam-accent-soft,#fff1ea);border:1px solid rgba(255,90,31,.18)}
.wpam-regionbar__label{font-size:13px;font-weight:700;color:var(--wpam-ink-soft,#4b5361);white-space:nowrap}
.wpam-regionbar__chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.wpam-regionbar__empty{font-size:13px;color:var(--wpam-ink-faint,#8b93a3)}
.wpam-fa-region-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;font-size:13px}
.wpam-fa-region-chips>span{font-weight:600;color:var(--wpam-ink-soft,#4b5361)}
.wpam-fa-region{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 10px}
.wpam-fa-region__item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--wpam-line,#e3e6ec);border-radius:10px;background:#fff;text-decoration:none;color:var(--wpam-ink,#14181f);font-size:14px}
.wpam-fa-region__item b{background:var(--wpam-accent-soft,#fff1ea);color:var(--wpam-accent,#ff5a1f);border-radius:999px;padding:1px 9px;font-size:13px}
.wpam-fa-region__item.is-zero{opacity:.55}.wpam-fa-region__item.is-zero b{background:#eef0f3;color:#6b7280}
.wpam-fa-region__none{margin:6px 0 12px}.wpam-fa-region__none summary{cursor:pointer;font-size:13px;color:var(--wpam-ink-soft,#4b5361);margin-bottom:8px}
.wpam-ig-role{margin:2px 0 6px;font-size:14px;font-weight:600;color:var(--wpam-ink-soft,#4b5361)}
.wpam-fa-warn{color:#b3261e;font-weight:600}
.wpam-money{display:flex;align-items:stretch;width:100%}
.wpam-money__rp{display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--wpam-line-strong,#cbd0d9);border-right:0;border-radius:8px 0 0 8px;background:#f4f5f7;font-weight:600;color:var(--wpam-ink-soft,#4b5361)}
.wpam-money input[type=text]{flex:1;min-width:0;border-radius:0 8px 8px 0!important;font-variant-numeric:tabular-nums;letter-spacing:.3px}

/* v1.99.84: tabel kecil statistik iklan (perangkat/browser/hari/halaman) muat di layar HP tanpa digeser */
@media (max-width: 1024px) {
  .wpam-adclk__box { overflow-x: visible; }
  .wpam-adclk__box .wpam-rank__table { table-layout: fixed; min-width: 0; width: 100%; }
  .wpam-adclk__box .wpam-rank__table th, .wpam-adclk__box .wpam-rank__table td { padding: 8px 6px; font-size: 12.5px; }
  .wpam-adclk__box .wpam-rank__table th:first-child, .wpam-adclk__box .wpam-rank__table td:first-child { width: auto; white-space: normal; overflow-wrap: anywhere; word-break: break-word; max-width: none; }
  .wpam-adclk__box .wpam-rank__table .wpam-rank__num { width: 60px; }
  .wpam-adclk__box .wpam-rank__table th { font-size: 10.5px; letter-spacing: .02em; }
  .wpam-adclk__grid { gap: 22px 0; }
}
@media (max-width: 1024px) {
  .wpam-adclk__box .wpam-rank__table { display: table; overflow: visible; max-width: 100%; }
  .wpam-rank__wrap > .wpam-rank__table { display: table; width: 100%; min-width: 520px; overflow: visible; }
}

/* v1.99.84: keterangan centang biru (kartu penuh di profil, tanpa pop up) */
.wpam-vinfo{display:block;width:100%;box-sizing:border-box;margin:18px 0 18px;padding:0;border-radius:12px;background:#e8f2ff;border:1px solid rgba(20,89,168,.15);color:#1b3556;font-size:13.5px;line-height:1.6}
.wpam-vinfo__title{display:flex;align-items:center;gap:8px;padding:11px 14px;cursor:pointer;list-style:none;color:#1459a8;font-size:14px;font-weight:700}
.wpam-vinfo__title::-webkit-details-marker{display:none}
.wpam-vinfo__title svg{flex:0 0 auto}
.wpam-vinfo__date{margin-left:auto;font-size:12px;font-weight:600;color:#3d6aa0;white-space:nowrap}
.wpam-vinfo__chev{flex:0 0 auto;width:8px;height:8px;border-right:2px solid #1459a8;border-bottom:2px solid #1459a8;transform:rotate(45deg);margin:-3px 2px 0 4px;transition:transform .15s}
.wpam-vinfo[open] .wpam-vinfo__chev{transform:rotate(-135deg);margin-top:3px}
.wpam-vinfo p{margin:0;padding:0 14px 13px}
/* v1.99.84: kolom Rp dan nominal transfer sama tinggi */
.wpam-money{margin-top:6px;align-items:stretch}
.wpam-money input[type=text],.wpam-upgrade-form .wpam-money input[type=text]{margin:0!important;width:auto!important;flex:1 1 auto;min-width:0;box-sizing:border-box;height:auto;border-radius:0 var(--wpam-radius-sm,8px) var(--wpam-radius-sm,8px) 0!important}
.wpam-money__rp{box-sizing:border-box;margin:0;border-radius:var(--wpam-radius-sm,8px) 0 0 var(--wpam-radius-sm,8px);border-color:var(--wpam-line,#cbd0d9);padding:10px 12px;font-size:14px;line-height:1.4}

/* Penanda jumlah notifikasi di tab dashboard */
.wpam-tab-count{display:inline-block;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:#e11d48;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;vertical-align:middle;box-sizing:border-box}
/* Tombol dashboard sales & admin: ukuran sama, sejajar, tidak melebar/meninggi (v1.99.84) */
.wpam-dashboard-tabs__panel .wpam-button,.wpam-dashboard-tabs__panel .wpam-fa-btn,.wpam-dashboard-tabs__panel button[type=submit],.wpam-dashboard-tabs__panel input[type=submit],.wpam-dashboard-tabs__panel .wpam-upgrade-toggle,.wpam-dashboard-tabs__panel .wpam-promo-list__actions>a,.wpam-dashboard-tabs__panel .wpam-planbox__cta,.wpam-dashboard-tabs__panel .wpam-sk__btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:auto;min-height:44px;padding:10px 18px;border-radius:10px;font:600 14px/1.25 var(--wpam-font-body,inherit);text-align:center;text-decoration:none;white-space:normal}
.wpam-dashboard-tabs__panel .wpam-fa-item__act,.wpam-dashboard-tabs__panel .wpam-promo-list__actions,.wpam-dashboard-tabs__panel .wpam-form-actions,.wpam-dashboard-tabs__panel .wpam-fa-filter,.wpam-dashboard-tabs__panel .wpam-fa-search,.wpam-dashboard-tabs__panel .wpam-notifications__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wpam-dashboard-tabs__panel .wpam-fa-item__act>*,.wpam-dashboard-tabs__panel .wpam-promo-list__actions>*,.wpam-dashboard-tabs__panel .wpam-form-actions>*{align-self:center}
.wpam-dashboard-tabs__panel .wpam-fa-item__act .wpam-fa-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.wpam-dashboard-tabs__panel .wpam-upgrade-toggle{width:100%}
@media(max-width:640px){.wpam-dashboard-tabs__panel .wpam-fa-item__act .wpam-fa-btn,.wpam-dashboard-tabs__panel .wpam-promo-list__actions>*,.wpam-dashboard-tabs__panel .wpam-form-actions .wpam-button{flex:1 1 140px}}
/* Admin: baris dokumen identitas & form tolak — tombol sejajar, ukuran sama (v1.99.84) */
.wpam-dashboard-tabs__panel .wpam-fa-identity__row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;border-top:1px solid rgba(15,23,42,.08)}
.wpam-dashboard-tabs__panel .wpam-fa-identity__row:first-of-type{border-top:0}
.wpam-dashboard-tabs__panel .wpam-fa-identity__row>span{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:120px;font-weight:600}
.wpam-dashboard-tabs__panel .wpam-fa-identity__row .wpam-fa-note{flex:1 1 100%;margin:0}
.wpam-dashboard-tabs__panel .wpam-fa-form:not(.wpam-fa-form--reason){flex:0 0 auto;margin:0}
.wpam-dashboard-tabs__panel .wpam-fa-reject-toggle{flex:0 0 auto;width:auto}
.wpam-dashboard-tabs__panel .wpam-fa-reject-toggle::after{content:"\25BE";margin-left:6px;font-size:.8em}
.wpam-dashboard-tabs__panel .wpam-fa-reject-toggle.is-open::after{content:"\25B4"}
.wpam-dashboard-tabs__panel .wpam-fa-form--reason{flex:1 1 100%;width:100%;margin:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
.wpam-dashboard-tabs__panel .wpam-fa-form--reason[hidden]{display:none}
.wpam-dashboard-tabs__panel .wpam-fa-form--reason textarea{flex:1 1 100%;width:100%;min-height:76px;box-sizing:border-box;resize:vertical}
.wpam-dashboard-tabs__panel .wpam-fa-form--reason .wpam-fa-btn{flex:0 0 auto;width:auto;height:auto;min-width:120px;align-self:flex-start}
@media(max-width:640px){.wpam-dashboard-tabs__panel .wpam-fa-identity__row>span{flex:1 1 100%}.wpam-dashboard-tabs__panel .wpam-fa-identity__row .wpam-fa-form:not(.wpam-fa-form--reason),.wpam-dashboard-tabs__panel .wpam-fa-identity__row .wpam-fa-reject-toggle{flex:1 1 calc(50% - 6px);min-width:0}.wpam-dashboard-tabs__panel .wpam-fa-identity__row .wpam-fa-form:not(.wpam-fa-form--reason) .wpam-fa-btn,.wpam-dashboard-tabs__panel .wpam-fa-identity__row .wpam-fa-reject-toggle{width:100%}.wpam-dashboard-tabs__panel .wpam-fa-form--reason .wpam-fa-btn{width:100%}}
@media(min-width:641px){.wpam-dashboard-tabs__panel .wpam-fa-identity__row .wpam-fa-btn{min-width:150px}}

/* Verifikasi cicilan di kartu permintaan upgrade (admin) */
.wpam-fa-inst{margin:12px 0;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid rgba(15,23,42,.08)}
.wpam-fa-inst__list{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.wpam-fa-inst__list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;border-top:1px solid rgba(15,23,42,.06)}
.wpam-fa-inst__total{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px}
.wpam-fa-inst .wpam-fa-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;flex:0 0 auto;margin:0}
.wpam-fa-total{min-height:44px;box-sizing:border-box;padding:8px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.2);font:inherit;font-size:14px;width:200px;max-width:100%}
@media(max-width:640px){.wpam-fa-inst .wpam-fa-form{flex:1 1 100%}.wpam-fa-total{flex:1 1 100%;width:100%}.wpam-fa-inst .wpam-fa-form .wpam-fa-btn{flex:1 1 100%}}
/* Halaman pendaftaran: ajakan login / pesan sudah login (v1.99.84) */
.wpam-reg-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 16px;padding:12px 16px;border-radius:12px;background:#eef4ff;border:1px solid rgba(20,89,168,.15);color:#1b3556;font-size:14px;line-height:1.5}
.wpam-reg-note a.wpam-reg-login{color:#1459a8}
.wpam-reg-note--in{display:block;padding:18px}
.wpam-reg-note--in p{margin:6px 0 14px}
.wpam-reg-note--in .wpam-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;box-sizing:border-box;text-decoration:none}
.wpam-account-sheet__user{display:block;margin-top:4px;font-size:12.5px;opacity:.8}
.wpam-reg-note--below{justify-content:center;margin:16px 0 0;text-align:center}
/* Kolom username pendaftaran */
.wpam-un-status.is-ok{color:#15803d;font-weight:600}
.wpam-un-status.is-bad{color:#b91c1c;font-weight:600}

/* Ikon status username (Core 0.2.98+ yang mengatur warna & kelas status; tema hanya menambah ikon centang/silang) */
.wpam-register-username-group .wpam-form-input#wpam_reg_username{padding-right:44px}
.wpam-form-group.wpam-register-username-group:has(#wpam_reg_username_status.wpam-username-status--available) #wpam_reg_username{background-repeat:no-repeat;background-position:right 14px center;background-size:20px 20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315803d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E")}
.wpam-form-group.wpam-register-username-group #wpam_reg_username.wpam-field-invalid{background-repeat:no-repeat !important;background-position:right 14px center !important;background-size:20px 20px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b91c1c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") !important}
#wpam_reg_username_status.wpam-username-status--available::before{content:"\2713\00a0"}
#wpam_reg_username_status.wpam-username-status--taken::before{content:"\2715\00a0"}

/* Ringkasan referral sales (tab Bagikan, di bawah kartu tautan) */
.wpam-gr-detail{background:#fff;border-color:rgba(15,23,42,.1)}
.wpam-gr-detail h5{margin:16px 0 6px;font-size:.95rem}
.wpam-gr-detail__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0}
.wpam-gr-detail__stats>div{background:#f6f8fc;border:1px solid rgba(15,23,42,.08);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.wpam-gr-detail__stats span{font-size:.8rem;color:#64748b}
.wpam-gr-detail__stats strong{font-size:1.1rem}
.wpam-gr-detail__stats a{font-size:.85rem;font-weight:600}
.wpam-gr-detail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.wpam-gr-detail__list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(15,23,42,.08);border-radius:10px;background:#fff}
.wpam-gr-detail__list li>div{min-width:0;display:flex;flex-direction:column}
.wpam-gr-detail__list small{color:#64748b}
.wpam-gr-detail__empty{color:#64748b;font-size:.9rem;margin:4px 0}
.wpam-gr-pill{flex:0 0 auto;font-size:.78rem;font-weight:600;border-radius:999px;padding:4px 10px;text-align:right}
.wpam-gr-pill--ok{background:#ecfdf5;color:#166534;border:1px solid #a7f3d0}
.wpam-gr-pill--wait{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
@media (max-width:640px){.wpam-gr-detail__stats{grid-template-columns:1fr}.wpam-gr-detail__list li{flex-direction:column;align-items:flex-start}.wpam-gr-pill{text-align:left}}

/* v1.99.87: rekonsiliasi referral (angka pembanding tampil penuh di atas tombol) */
.wpam-fa-item__act>small{flex:1 1 100%;font-size:.8125rem;line-height:1.5;color:inherit;opacity:.85}

/* v1.99.90: Kelola Promo - tombol Edit / Boost (atau "Boost aktif") / Hapus: sama lebar DAN sama tinggi (mengikuti yang tertinggi) */
.wpam-promo-list__actions,.wpam-dashboard-tabs__panel .wpam-promo-list__actions{display:grid !important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;align-items:stretch !important;width:100%}
.wpam-promo-list__actions>*,.wpam-dashboard-tabs__panel .wpam-promo-list__actions>*{flex:none !important;align-self:stretch !important;margin:0 !important;min-width:0;display:flex !important;flex-direction:column}
.wpam-promo-list__actions .wpam-button,.wpam-dashboard-tabs__panel .wpam-promo-list__actions .wpam-button,.wpam-dashboard-tabs__panel .wpam-promo-list__actions>a,.wpam-promo-list__actions .wpam-boost-on{flex:1 1 auto;width:100%;min-height:48px;box-sizing:border-box;display:inline-flex !important;align-items:center;justify-content:center;text-align:center;padding:8px 6px;white-space:normal;line-height:1.25;font-size:13.5px;font-weight:600;border-radius:10px}
.wpam-promo-list__actions .wpam-boost-on{background:#fff3e0;color:#b45309;border:1px solid #fcd9a8;font-weight:700}
.wpam-promo-list__actions .wpam-del-lock small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* v1.99.90: tab Boost - tabel Boost aktif memakai gaya tabel Statistik (.wpam-rank); hanya tinggi dibatasi dan bisa digulir bila banyak */
.wpam-boosttab{margin-top:20px}
.wpam-boosttab .wpam-rank__wrap{max-height:340px;overflow:auto}
.wpam-boosttab .wpam-rank__table thead th{position:sticky;top:0;z-index:1}
.wpam-boosttab .wpam-rank__table{table-layout:auto;min-width:520px}
.wpam-boosttab .wpam-rank__table td{white-space:nowrap}
.wpam-boosttab .wpam-rank__table td:first-child{white-space:normal}
.wpam-boosttab .wpam-rank__table td a{max-width:200px}
.wpam-boosttab .wpam-rank__num{text-align:right}
.wpam-boosttab .is-soon{color:#b45309;font-weight:800}
.wpam-boosttab__sum{margin:0 0 10px;font-size:13px;color:#475569}
.wpam-boosttab__note{margin:8px 0 0;font-size:12px;color:#64748b}