/* Prompt */
.wpn-popup{position:fixed;z-index:999999;width:calc(100% - 32px);max-width:380px;box-sizing:border-box;
  background:var(--wpn-p-bg,#fff);color:var(--wpn-p-color,#1d2327);border-radius:12px;
  box-shadow:0 8px 30px rgba(0,0,0,.25);padding:18px 18px 14px;
  font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;animation:wpn-fade .3s ease-out}
.wpn-popup strong{display:block;font-size:17px;margin-bottom:4px}
.wpn-popup p{margin:0 0 14px;opacity:.8}
.wpn-actions{display:flex;justify-content:flex-end;gap:8px}
.wpn-actions button{border:0;border-radius:8px;padding:9px 16px;font-size:14px;cursor:pointer}
.wpn-later{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor;opacity:.75}
.wpn-allow{background:var(--wpn-p-btn,#2271b1);color:var(--wpn-p-btnc,#fff);font-weight:600}
.wpn-pos-bottom-center{left:50%;bottom:20px;transform:translateX(-50%)}
.wpn-pos-bottom-left{left:16px;bottom:20px}
.wpn-pos-bottom-right{right:16px;bottom:20px}
.wpn-pos-top-center{left:50%;top:20px;transform:translateX(-50%)}
.wpn-pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}
.wpn-popup.wpn-static{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;margin:8px 0;animation:none}
@keyframes wpn-fade{from{opacity:0}to{opacity:1}}

/* Bell */
.wpn-bell{position:fixed;bottom:20px;z-index:999998;width:var(--wpn-bell-size,56px);height:var(--wpn-bell-size,56px);
  border-radius:50%;border:0;padding:0;background:var(--wpn-bell-bg,#2271b1);color:var(--wpn-bell-color,#fff);
  cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}
.wpn-bell svg{width:50%;height:50%;fill:currentColor}
.wpn-bell-right{right:20px}.wpn-bell-left{left:20px}
.wpn-bell.is-on::after{content:'';position:absolute;top:6%;right:6%;width:26%;height:26%;border-radius:50%;background:#00a32a;border:2px solid var(--wpn-bell-bg,#2271b1);box-sizing:border-box}
.wpn-bell.wpn-static{position:relative;bottom:auto;right:auto;left:auto;margin:8px 0}

/* Button */
.wpn-btn{background:var(--wpn-b-bg,#2271b1);color:var(--wpn-b-color,#fff);border:0;border-radius:var(--wpn-b-radius,8px);
  padding:10px 18px;font:inherit;font-weight:600;cursor:pointer}
.wpn-trigger[hidden]{display:none!important}

/* Card */
.wpn-card{background:var(--wpn-c-bg,#f6f7f7);color:var(--wpn-c-color,#1d2327);border-radius:12px;padding:20px;margin:24px 0;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.wpn-card .wpn-card-title{display:block;font-size:1.15em;margin-bottom:4px}
.wpn-card p{margin:0 0 12px;opacity:.85}
.wpn-card .wpn-btn{background:var(--wpn-c-btn,#2271b1);color:var(--wpn-c-btnc,#fff)}
.wpn-card-history{list-style:none;margin:16px 0 0;padding:12px 0 0;border-top:1px solid rgba(128,128,128,.3)}
.wpn-card-history li{margin:0 0 10px;display:block}
.wpn-card-history a{color:inherit;text-decoration:none}
.wpn-card-item-title{display:block;font-weight:600}
.wpn-card-item-body{display:block;opacity:.8;font-size:.92em}
.wpn-card-history small{opacity:.6}