.akun-wrap{ max-width:720px; margin:26px auto 60px; }
.akun-card{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px; }
.ak-head{ display:flex; align-items:center; gap:18px; }
.ak-av{ width:74px; height:74px; border-radius:50%; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; font-size:32px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ak-name{ font-size:22px; font-weight:800; color:var(--ink); margin:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ak-badge{ background:#ecfdf5; color:#047857; border:1px solid #bbf7d0; font-size:12px; font-weight:700; padding:3px 10px; border-radius:999px; }
.ak-sub{ color:var(--muted); font-size:14px; margin-top:3px; }
.ak-saldo{ display:flex; align-items:center; justify-content:space-between; background:#eef2ff; border-radius:14px; padding:18px 20px; margin:22px 0; gap:12px; }
.ak-saldo .sl{ color:#1d4ed8; font-size:13.5px; }
.ak-saldo .sv{ font-size:30px; font-weight:800; color:#1d4ed8; line-height:1; }
.ak-saldo .isi{ background:var(--blue); color:#fff; border:none; padding:10px 18px; border-radius:11px; font-weight:700; cursor:pointer; white-space:nowrap; }
.ak-saldo .isi:hover{ background:var(--blue-d); }
.ak-rows{ display:grid; gap:1px; background:var(--line); border-radius:14px; overflow:hidden; border:1px solid var(--line); }
.ak-row{ display:flex; justify-content:space-between; gap:16px; background:#fff; padding:14px 18px; font-size:14.5px; }
.ak-row .k{ color:var(--muted); }
.ak-row .v{ color:var(--ink); font-weight:600; text-align:right; word-break:break-word; }
.ak-actions{ display:flex; gap:12px; margin-top:22px; flex-wrap:wrap; }
.ak-actions a{ flex:1; text-align:center; text-decoration:none; padding:12px; border-radius:11px; font-weight:700; font-size:14.5px; }
.ak-post{ background:var(--blue); color:#fff; }
.ak-post:hover{ background:var(--blue-d); }
.ak-out{ background:#fff; color:#ef4444; border:1px solid #fecaca; cursor:pointer; }
.ak-empty{ text-align:center; padding:50px 20px; }
.ak-empty .e-ic{ font-size:50px; }
.ak-empty h3{ color:var(--ink); margin:10px 0 6px; }
.ak-empty p{ color:var(--muted); margin:0 0 18px; }
.ak-empty .go{ display:inline-block; background:var(--blue); color:#fff; text-decoration:none; padding:11px 22px; border-radius:11px; font-weight:700; }


/* === Kartu verifikasi + gamifikasi Kontak === */
.verif-card{margin:14px 0 4px;padding:16px;border:1px solid #e8edf3;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#fff)}
.vc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.vc-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px}
.vc-tier{font-size:18px;font-weight:800;margin-top:2px}
.vc-prog{min-width:150px}
.vc-pct{font-size:12.5px;font-weight:800;color:#0f172a;text-align:right}
.vc-bar{height:8px;border-radius:999px;background:#e8edf3;overflow:hidden;margin-top:5px}
.vc-bar>i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#16a34a);border-radius:999px}
.vc-note{margin:12px 0 14px;font-size:12.5px;line-height:1.55;color:#475569}
.vsteps{display:flex;flex-direction:column;gap:9px}
.vstep{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #eef2f7;border-radius:12px;background:#fff}
.vstep.done{background:#f8fafc;border-color:#e2e8f0}
.vs-ic{font-size:20px;width:26px;text-align:center;flex:none}
.vs-tx{flex:1;min-width:0}
.vs-t{font-size:13.5px;font-weight:700;color:#0f172a}
.vs-rw{font-size:11px;font-weight:800;color:#16a34a;background:#ecfdf5;border-radius:999px;padding:1px 7px;margin-left:4px}
.vs-s{font-size:12px;color:#64748b;margin-top:2px}
.vs-btn{flex:none;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:700;cursor:pointer;transition:.15s}
.vs-btn:hover{background:#1d4ed8}
.vs-ok{flex:none;display:inline-flex;align-items:center;gap:4px;color:#15803d;font-weight:800;font-size:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:5px 10px;white-space:nowrap}
.ak-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:#0f172a;color:#fff;padding:12px 20px;border-radius:12px;font-size:13.5px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transition:.25s;z-index:9999}
.ak-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}


/* === Ulasan diterima mitra === */
.akrv-card{margin:14px 0;padding:16px;border:1px solid #e8edf3;border-radius:16px;background:#fff}
.akrv-h{font-size:14px;font-weight:800;color:#0f172a;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.akrv-avg{font-size:13px;font-weight:800;color:#f59e0b}
.akrv{padding:11px 0;border-top:1px solid #f1f5f9}
.akrv:first-of-type{border-top:none}
.akrv-top{display:flex;align-items:center;gap:8px}
.akrv-av{font-size:18px}
.akrv-nm{font-weight:700;font-size:13.5px;color:#0f172a}
.akrv-st{margin-left:auto;color:#f59e0b;font-size:14px;letter-spacing:1px}
.akrv-tx{font-size:13px;color:#334155;margin:5px 0;line-height:1.5}
.akrv-meta{font-size:11.5px;color:#94a3b8}
.akrv-empty{font-size:12.5px;color:#64748b;line-height:1.5}

/* === Halaman moderasi ulasan === */
.mod-head{margin:4px 0 16px}
.mod-head>h1{font-size:22px;margin:0 0 4px}
.mod-head>p{font-size:13px;color:#64748b;margin:0;line-height:1.5}
.mod-item{padding:14px 0;border-top:1px solid #f1f5f9}
.mod-item:first-child{border-top:none}
.mod-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.mod-by{font-size:13px;font-weight:700;color:#0f172a}
.mod-tx{font-size:13.5px;color:#334155;line-height:1.5;margin-bottom:10px}
.mod-act{display:flex;gap:8px}
.mod-ok,.mod-no{border:none;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer}
.mod-ok{background:#16a34a;color:#fff}
.mod-no{background:#fee2e2;color:#dc2626}


/* === Kontak 2 arah: mitra yang menghubungi pembeli === */
.leads-wrap{margin:14px 0}
.leads-h{font-size:14px;font-weight:800;color:#0f172a;margin-bottom:10px}
.lead-card{border:1px solid #e8edf3;border-radius:16px;background:#fff;padding:14px;margin-bottom:12px}
.lead-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.lead-ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}
.lead-ti{min-width:0}
.lead-t{font-weight:700;font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-c{font-size:12px;color:#16a34a;font-weight:600}
.lead-mitra{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f1f5f9}
.lm-ic{font-size:18px;flex:0 0 auto}
.lm-tx{flex:1;min-width:0}
.lm-nm{font-size:13.5px;font-weight:700;color:#0f172a}
.lm-cat{font-size:12px;color:#64748b}
.lead-wa{flex:0 0 auto;background:#16a34a;color:#fff;border-radius:9px;padding:8px 13px;font-size:13px;font-weight:700;text-decoration:none}
.lead-wa:hover{background:#15803d}
.lead-nowa{flex:0 0 auto;font-size:11.5px;color:#94a3b8}
.lead-empty{font-size:12.5px;color:#64748b;line-height:1.5;padding:4px 0}
.lead-empty a{color:#2563eb;font-weight:600;text-decoration:none}

/* Lihat CV pada panel leads pembeli */
.lead-acts{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;align-items:center}
.lead-cv{display:inline-flex;align-items:center;gap:4px;background:#eef2ff;color:#1d4ed8;text-decoration:none;border-radius:9px;padding:7px 11px;font-weight:700;font-size:12px;white-space:nowrap}
.lead-cv:hover{background:#e0e7ff}

/* avatar foto + modal edit profil */
.ak-av img,.pf-av img,.em-av img{ display:block; }
.em-mask{ position:fixed; inset:0; background:rgba(15,23,42,.5); display:none; align-items:center; justify-content:center; z-index:90; padding:18px; }
.em-mask.open{ display:flex; }
.em-box{ background:#fff; border-radius:16px; padding:22px; width:100%; max-width:420px; max-height:90vh; overflow:auto; box-shadow:0 20px 50px rgba(15,23,42,.25); }
.em-h{ font-size:18px; font-weight:800; color:var(--ink,#0f172a); margin-bottom:16px; }
.em-avwrap{ display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.em-av{ width:64px; height:64px; border-radius:50%; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:800; overflow:hidden; flex:none; }
.em-upload{ background:#eff6ff; color:#1d4ed8; font-weight:700; font-size:13px; padding:9px 14px; border-radius:10px; cursor:pointer; }
.em-l{ display:block; font-size:12px; font-weight:700; color:var(--muted,#64748b); margin:10px 0 4px; }
.em-i{ width:100%; border:1px solid var(--line,#e8edf3); border-radius:10px; padding:10px 12px; font-size:14px; font-family:inherit; color:var(--ink,#0f172a); box-sizing:border-box; }
.em-ta{ resize:vertical; }
.em-act{ display:flex; gap:10px; margin-top:18px; }
.em-cancel{ flex:1; background:#fff; border:1px solid var(--line,#e8edf3); color:var(--ink,#0f172a); border-radius:10px; padding:11px; font-weight:700; cursor:pointer; }
.em-save{ flex:1; background:var(--blue,#2563eb); border:0; color:#fff; border-radius:10px; padding:11px; font-weight:800; cursor:pointer; }

.em-upload2{margin-top:4px}
.em-port{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 2px}
.em-port-empty{grid-column:1/-1;font-size:12px;color:var(--muted);padding:8px;border:1px dashed var(--line);border-radius:10px;text-align:center}
.em-pi{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.em-pi img{width:100%;height:100%;object-fit:cover;display:block}
.em-pi-x{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;border-radius:50%;background:rgba(15,23,42,.72);color:#fff;font-size:15px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.em-pi-x:hover{background:#dc2626}

/* Promote (sponsored) toggle */
.promo-card{ display:flex; align-items:center; gap:14px; background:linear-gradient(135deg,#fffbeb,#fff7ed); border:1px solid #fde68a; border-radius:14px; padding:16px; margin:14px 0; }
.promo-l{ flex:1; min-width:0; }
.promo-t{ font-weight:700; color:#92400e; font-size:15px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.promo-demo{ background:#fde68a; color:#92400e; font-size:10.5px; font-weight:600; padding:2px 7px; border-radius:999px; }
.promo-s{ color:#a16207; font-size:13px; margin-top:4px; line-height:1.45; }
.promo-tg{ position:relative; display:inline-block; width:46px; height:26px; flex:0 0 auto; cursor:pointer; }
.promo-tg input{ opacity:0; width:0; height:0; position:absolute; }
.promo-sl{ position:absolute; inset:0; background:#e5e7eb; border-radius:999px; transition:.18s; }
.promo-sl::before{ content:""; position:absolute; left:3px; top:3px; width:20px; height:20px; background:#fff; border-radius:50%; transition:.18s; box-shadow:0 1px 3px rgba(0,0,0,.2); }
.promo-tg input:checked + .promo-sl{ background:var(--orange); }
.promo-tg input:checked + .promo-sl::before{ transform:translateX(20px); }

/* === Mini-dashboard mitra (item #7) === */
.mdash{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 2px}
.mdc{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:14px 14px 16px;display:flex;flex-direction:column;gap:1px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.mdc-ic{font-size:20px;line-height:1}
.mdc-v{font-size:26px;font-weight:800;color:#0f172a;line-height:1.1;margin-top:5px}
.mdc-v2{font-size:17px;font-weight:800;line-height:1.2;margin-top:7px}
.mdc-l{font-size:12px;color:#64748b;font-weight:600;margin-top:1px}
.mdc-sub{font-size:12px;color:#f59e0b;margin-top:3px;letter-spacing:1px;line-height:1}
.mdc-dummy{color:#94a3b8;letter-spacing:0}
.mdc-act{margin-top:9px;font-size:12px;font-weight:700;color:#2563eb;text-decoration:none;align-self:flex-start}
.mdc-act:hover{text-decoration:underline}
.mdc-bar{margin-top:9px;height:6px;border-radius:99px;background:#eef2f7;overflow:hidden}
.mdc-bar>i{display:block;height:100%;border-radius:99px;transition:width .4s ease}
@media(max-width:640px){.mdash{grid-template-columns:repeat(2,1fr)}}

/* Galeri portofolio di dashboard mitra */
.port-card{margin-top:14px;background:#fff;border:1px solid #eef0f4;border-radius:14px;padding:14px 16px}
.port-h{font-weight:800;font-size:15px;color:#1f2430;display:flex;align-items:center;gap:8px;margin-bottom:10px}
.port-n{font-weight:600;font-size:12px;color:#7c8598;background:#f3f4f7;border-radius:999px;padding:2px 9px}
.port-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.port-i{aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#f3f4f7;border:1px solid #eef0f4}
.port-i img{width:100%;height:100%;object-fit:cover;display:block}

/* ===== Dashboard pembeli: badge status + aksi per postingan ===== */
.lead-st{ display:inline-block; font-size:11px; font-weight:700; padding:2px 9px; border-radius:999px; margin-left:8px; vertical-align:middle; line-height:1.6; }
.lead-st.aktif{ background:#dcfce7; color:#15803d; }
.lead-st.full{ background:#fee2e2; color:#b91c1c; }
.lead-st.done{ background:#e0e7ff; color:#4338ca; }
.lead-pacts{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; padding-top:12px; border-top:1px dashed #e5e9f0; }
.lead-pacts button{ font:inherit; cursor:pointer; border-radius:9px; padding:8px 14px; font-size:13px; font-weight:600; border:1px solid transparent; transition:background .15s; }
.lp-view{ background:#f1f5f9; color:#334155; border-color:#e2e8f0; }
.lp-view:hover{ background:#e2e8f0; }
.lp-done{ background:#10b981; color:#fff; }
.lp-done:hover{ background:#059669; }
.lp-ulas{ background:#f59e0b; color:#fff; }
.lp-ulas:hover{ background:#d97706; }
.lp-reviewed{ font-size:12.5px; color:#16a34a; font-weight:600; align-self:center; padding:0 4px; }