/* Kendali akun (v1.0.46): nonaktifkan sementara dan hapus permanen di Admin > Pelanggan. */
.ak-kicker{font:700 11px var(--mono);letter-spacing:.14em;color:var(--muted)}
.ak-head-badge{vertical-align:middle;margin-left:8px;font-size:12px}

/* Pita status akun nonaktif */
.ak-banner{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;margin:0 0 18px;padding:22px 24px;border-radius:var(--r);
  background:linear-gradient(180deg,rgba(245,184,75,.09),rgba(245,184,75,.015)) padding-box,linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(140deg,rgba(245,184,75,.6),rgba(42,53,69,.8) 55%) border-box;border:1px solid transparent;
  box-shadow:0 18px 50px -24px rgba(245,184,75,.35)}
.ak-banner-ico{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(245,184,75,.13);color:var(--amber);box-shadow:0 0 0 6px rgba(245,184,75,.05)}
.ak-banner .ak-kicker{color:var(--amber)}
.ak-banner h2{font-size:19px;margin:4px 0 6px}
.ak-why{margin:12px 0 0;padding:10px 14px;border-left:3px solid var(--amber);background:var(--bg2);border-radius:0 10px 10px 0;font-size:14.5px;color:var(--text)}
.ak-why span{display:block;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}
.ak-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ak-chips span{font-size:12px;font-weight:600;color:var(--muted);background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.ak-chips span::before{content:'■';font-size:8px;color:var(--amber);margin-right:6px;vertical-align:1px}
@media(max-width:760px){.ak-banner{grid-template-columns:auto 1fr}.ak-banner-act{grid-column:1/-1}.ak-banner-act .btn{width:100%}}

/* Zona kendali */
.ak-zone{margin-top:18px;padding:22px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}
.ak-zone-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ak-zone-head h2{font-size:19px;margin-top:4px}
.ak-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:860px){.ak-tiles{grid-template-columns:1fr}}
.ak-tile{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);position:relative;overflow:hidden}
.ak-tile::before{content:'';position:absolute;inset:0 0 auto 0;height:2px}
.ak-tile-pause::before{background:linear-gradient(90deg,var(--amber),transparent 70%)}
.ak-tile-del::before{background:linear-gradient(90deg,var(--red),transparent 70%)}
.ak-tile-top{display:flex;gap:12px;align-items:flex-start}
.ak-tile-top h3{font-size:16px;margin-bottom:2px}
.ak-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.ak-tile-pause .ak-ico{background:rgba(245,184,75,.12);color:var(--amber)}
.ak-tile-del .ak-ico{background:rgba(255,92,108,.12);color:var(--red)}
.ak-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px;color:var(--muted)}
.ak-list li{display:flex;gap:9px;align-items:flex-start;line-height:1.45}
.ak-list li::before{flex:none;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font:800 10px/16px var(--body);text-align:center;margin-top:1px}
.ak-list li.x::before{content:'–';background:rgba(245,184,75,.14);color:var(--amber)}
.ak-list li.ok::before{content:'✓';background:rgba(46,229,157,.12);color:var(--green)}
.ak-impact{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}
@media(max-width:520px){.ak-impact{grid-template-columns:1fr}}
.ak-impact-col{padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);display:grid;gap:6px;align-content:start}
.ak-mini{font:700 10.5px var(--mono);letter-spacing:.12em;margin-bottom:2px}
.ak-mini.bad{color:var(--red)}.ak-mini.good{color:var(--green)}
.ak-row{font-size:13px;color:var(--muted);line-height:1.45}
.ak-row b{color:var(--text);font-family:var(--mono);margin-right:3px}
.ak-btn{margin-top:auto;align-self:flex-start}
.ak-btn[disabled]{opacity:.45;cursor:not-allowed}
.btn-warn-soft{background:rgba(245,184,75,.1);color:var(--amber);border:1px solid rgba(245,184,75,.35)}
.btn-warn-soft:hover:not([disabled]){background:rgba(245,184,75,.17);color:#FFD07A}

/* Isian di dalam jendela konfirmasi */
.cdlg-box.has-f{width:min(480px,100%)}
.cdlg-f{margin-top:18px;text-align:left}
.ak-f{display:grid;gap:10px}
.ak-f label{font-size:13.5px;font-weight:600;color:var(--text)}
.ak-f input:not([type=checkbox]){width:100%}
.ak-f input.is-ok{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,229,157,.12)}
.ak-email{color:var(--red);word-break:break-all}
.ak-quick{display:flex;flex-wrap:wrap;gap:6px}
.ak-quick button{font:600 12px var(--body);color:var(--muted);background:var(--bg2);border:1px solid var(--line2);border-radius:999px;padding:5px 11px;cursor:pointer}
.ak-quick button:hover{color:var(--text);border-color:#3A4556}
.ak-check{display:flex!important;gap:10px;align-items:center;font-weight:500!important;color:var(--muted)!important;cursor:pointer;padding:10px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--line)}
.ak-check input{width:17px;height:17px;accent-color:var(--green);flex:none}
.ak-f-sum{display:flex;flex-wrap:wrap;gap:6px}
.ak-f-sum span{font-size:12px;color:var(--muted);background:rgba(255,92,108,.07);border:1px solid rgba(255,92,108,.22);border-radius:999px;padding:4px 10px}
.ak-f-sum span.keep{background:rgba(46,229,157,.07);border-color:rgba(46,229,157,.25)}
.ak-f-sum b{color:var(--text);font-family:var(--mono)}
.cdlg [data-cdlg-ok][disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}

/* Daftar pelanggan */
.ak-tabs{margin-bottom:14px}
.ak-reason-cell{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.ak-done{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px;padding:18px 20px;border-radius:var(--r);background:var(--card);border:1px solid rgba(46,229,157,.3);box-shadow:0 16px 44px -26px rgba(46,229,157,.45)}
.ak-done-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(46,229,157,.12);color:var(--green)}
.ak-done-steps{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}
.ak-done-steps span{font-size:12px;color:var(--muted);background:var(--bg2);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.ak-done-steps span::before{content:'✓';color:var(--green);margin-right:6px;font-weight:800}
.ak-done-steps span.keep{border-color:rgba(46,229,157,.3);color:var(--text)}

/* Akun yang sudah dihapus */
.ak-gone{text-align:center;padding:34px 24px 28px;margin-bottom:18px;border-radius:var(--r);background:radial-gradient(120% 90% at 50% 0,rgba(255,92,108,.08),transparent 60%),var(--card);border:1px solid var(--line)}
.ak-gone-ico{width:56px;height:56px;margin:0 auto 14px;border-radius:18px;display:grid;place-items:center;background:rgba(255,92,108,.12);color:var(--red);box-shadow:0 0 0 7px rgba(255,92,108,.05)}
.ak-gone .ak-kicker{color:var(--red)}
.ak-gone h2{font-size:21px;margin:6px 0 8px}
.ak-gone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px auto 0;max-width:720px}
@media(max-width:640px){.ak-gone-grid{grid-template-columns:1fr 1fr}}
.ak-gone-grid div{padding:14px 10px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);display:grid;gap:4px}
.ak-gone-grid b{font:700 22px var(--head);color:var(--text)}
.ak-gone-grid span{font-size:12px;color:var(--muted)}
.ak-gone-grid .keep{border-color:rgba(46,229,157,.3)}
.ak-gone-grid .keep b{color:var(--green)}

/* Halaman masuk: akun nonaktif */
.akun-off{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;padding:16px;border-radius:14px;background:rgba(245,184,75,.06);border:1px solid rgba(245,184,75,.35)}
.akun-off-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(245,184,75,.13);color:var(--amber)}
.akun-off b{display:block;font-family:var(--head);font-size:16px;margin-bottom:4px}
.akun-off p{font-size:13.5px;color:var(--muted);line-height:1.55}
.akun-off-why{margin-top:10px;padding:8px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);font-size:14px}
.akun-off-why span{display:block;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
