/* 2026-10-07 Claude: the notification center (notice-center.js) */
.pg-bell{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:inherit}
.pg-bell svg{width:20px;height:20px}
.pg-bell-count{position:absolute;top:1px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font:700 calc(10px * var(--pg-ts,1))/16px Arial,sans-serif;font-style:normal;text-align:center}
.pg-bell-count[hidden]{display:none}
.pg-bell-panel{position:fixed;z-index:2147482000;max-height:min(70vh,560px);overflow:auto;border-radius:16px;background:#fff;color:#1f2a44;border:1px solid #dde3ec;box-shadow:0 18px 50px #14223d33}
.pg-bell-panel[hidden]{display:none}
.pg-bell-panel>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;background:inherit}
.pg-bell-panel h2{margin:0;font-size:calc(15px * var(--pg-ts,1))}.pg-bell-x{width:30px;height:30px;border-radius:50%;font-size:calc(20px * var(--pg-ts,1));line-height:30px;padding:0}
.pg-bell-body{padding:0 10px 12px}.pg-bell-body section{margin-top:6px}.pg-bell-body h3{margin:8px 6px 6px;font-size:calc(11.5px * var(--pg-ts,1));font-weight:700;color:#7a869c}
.pg-bell-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:12px;text-align:left;color:inherit;background:none}
button.pg-bell-row:hover{background:#f2f5fa}.pg-bell-row>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.pg-bell-row b{font-size:calc(13px * var(--pg-ts,1))}.pg-bell-row small{font-size:calc(12px * var(--pg-ts,1));color:#6b778c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-bell-at{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eef2fd;color:#3152de;font-weight:700}
.pg-bell-acts{display:flex;gap:6px}.pg-bell-acts button{height:30px;padding:0 10px;border-radius:10px;background:#eef1f6;font-size:calc(12px * var(--pg-ts,1));font-weight:600}.pg-bell-acts .is-yes{background:var(--pg-btn-bg,#1f2a44);color:#fff}
.pg-center-notice{margin:2px 0 8px}.pg-bell-empty{margin:18px 8px;color:#7a869c;font-size:calc(13px * var(--pg-ts,1));text-align:center}
body.dark .pg-bell-panel{background:#1d2433;color:#e3eaf6;border-color:#33425e}body.dark button.pg-bell-row:hover{background:#26324a}body.dark .pg-bell-at{background:#26324a}