/* BILSTORE_V4_NICKNAME */
.nick-check{--tone:#c8b4be;display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.45;color:#f3e6ec;
  border:1px solid color-mix(in srgb,var(--tone) 45%,transparent);background:color-mix(in srgb,var(--tone) 12%,transparent)}
.nick-check[hidden]{display:none!important}
.nick-check::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;box-sizing:border-box;border:2px solid var(--tone)}
.nick-check[data-state=ok]{--tone:#5fdc9d}
.nick-check[data-state=ok]::before{border:0;background:var(--tone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3L14.5 7' fill='none' stroke='%2306240f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.nick-check[data-state=bad]{--tone:#ff8585}
.nick-check[data-state=bad]::before{border:0;background:var(--tone) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7 7l6 6M13 7l-6 6' fill='none' stroke='%232a0b0b' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
.nick-check[data-state=wait]::before{border-color:var(--tone) transparent var(--tone) var(--tone);animation:nick-spin .8s linear infinite}
.nick-check[data-state=muted]{--tone:#a8939f;color:#d7c6ce}
.nick-check strong{color:#fff;font-weight:700;overflow-wrap:anywhere}
@keyframes nick-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.nick-check[data-state=wait]::before{animation:none}}
/* BILSTORE_SERVICE_CATALOG_V1: status cek nama pelanggan PLN */
.pln-check{flex-wrap:wrap}
.pln-check-text{flex:1 1 180px;min-width:0}
.pln-check-retry{margin-left:auto;padding:6px 12px;border:1px solid var(--tone);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pln-check-retry:hover,.pln-check-retry:focus-visible{background:rgba(255,255,255,.08)}

/* BILSTORE_ACCOUNT_REGION_V1 */
.nick-check-text{display:block;min-width:0;flex:1;overflow-wrap:anywhere}
.nick-account-region{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#d7f4e3}
.nick-account-region[data-verified=false]{color:#d7c6ce;font-weight:400}