.tm-notification-bell{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:1px solid #ffffffdf;border-radius:16px;color:#67427f;background:linear-gradient(145deg,#ffffffed,#efe6f6e8);box-shadow:0 3px 14px #6f44800d;cursor:pointer}.tm-notification-bell svg{width:22px;height:22px}.tm-notification-count{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:12px;background:#7040a1;color:#fff;font-size:.75rem;font-weight:700;line-height:1}.tm-notification-count[hidden]{display:none}.tm-notification-bell:focus-visible,.notification-center button:focus-visible{outline:3px solid #8959a7;outline-offset:3px}
.notification-center{padding-bottom:20px}.ntf-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:10px 0 22px}.ntf-heading h1{font-size:1.75rem;line-height:1.25;letter-spacing:-.035em;margin:4px 0 8px;color:#4f3267}.ntf-heading p{font-size:.875rem;line-height:1.5;margin:0;color:#776384}.ntf-heading .ntf-eyebrow{font-size:.875rem;color:#6b4e7d}.ntf-heading>.text-link{flex:none;min-height:44px}.ntf-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:6px;border:1px solid #fff;border-radius:20px;background:#ffffff90}.ntf-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:9px 11px;border:0;border-radius:15px;background:transparent;color:#715681;font:inherit;font-size:.875rem;cursor:pointer}.ntf-tabs button[aria-pressed=true]{background:#745091;color:white;box-shadow:0 3px 10px #57347815}.ntf-tabs button span{font-size:.75rem;background:#ffffff38;border-radius:8px;padding:1px 5px}.ntf-toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.ntf-toolbar button{font-size:.875rem;min-height:44px}.ntf-toolbar button[aria-pressed=true]{font-weight:700;color:#4e286d}
.ntf-card{padding:20px;margin:12px 0;border:1px solid #e7ddec;border-radius:25px;background:#ffffffb3;box-shadow:0 6px 25px #57327405}.ntf-card.ntf-unread{background:linear-gradient(130deg,#fff,#f7f0fbed 70%,#ecf7f4d9);border-color:#d5c1e3}.ntf-card-head{display:flex;align-items:center;gap:12px}.ntf-symbol{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:16px;background:linear-gradient(140deg,#eee3f8,#e5f3ef);color:#76518f}.ntf-symbol svg{width:22px;height:22px}.ntf-card-head>div{min-width:0}.ntf-kicker{display:flex;align-items:center;gap:8px;font-size:.875rem;line-height:1.4;color:#796585;margin:0 0 4px}.ntf-card h2{font-size:1.0625rem;line-height:1.5;overflow-wrap:anywhere;color:#57376d;margin:0}.ntf-unread-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#9469b1}.ntf-description{font-size:1rem;line-height:1.6;color:#705a7e;margin:14px 0 11px;overflow-wrap:anywhere}.ntf-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.8125rem;color:#7a6a84}.ntf-online,.ntf-pending{padding:4px 9px;border-radius:10px;background:#e0f1ec;color:#32685c}.ntf-pending{background:#eee4f8;color:#6f4888}.ntf-online::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#388c72;margin-right:6px}.ntf-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.ntf-actions .btn{min-height:44px;font-size:.875rem;white-space:normal;padding:10px 14px}.ntf-actions .text-link{font-size:.875rem;min-height:44px}.ntf-actions button:disabled{opacity:.6;cursor:wait}.ntf-error{padding:16px;border-radius:17px;background:#fff5f8;border:1px solid #edd3de;color:#834766;font-size:1rem;line-height:1.5}.ntf-network-note,.ntf-footnote{font-size:.875rem;line-height:1.6;color:#786680;margin:17px 3px}.ntf-empty{padding:45px 22px;text-align:center;border:1px solid #fff;border-radius:25px;background:#ffffff94}.ntf-empty>svg{width:32px;height:32px;color:#a68bb8;margin-bottom:12px}.ntf-empty h2{font-size:1.125rem;color:#68477e;line-height:1.5;margin:0 0 8px}.ntf-empty p{font-size:1rem;line-height:1.65;color:#816d8d;margin:0 auto;max-width:320px}
@media(max-width:380px){.ntf-card{padding:16px}.ntf-heading h1{font-size:1.6rem}.ntf-tabs button{padding:9px 7px}.ntf-actions .btn{flex:1}.ntf-actions .text-link{width:100%;text-align:left}.top-right{gap:7px}.tm-notification-bell{width:42px;height:42px}}
@media(prefers-reduced-motion:no-preference){.tm-notification-bell,.ntf-tabs button{transition:background .18s,box-shadow .18s}.tm-notification-bell:hover{box-shadow:0 4px 18px #76529420}}

/* Compact, device-specific permission controls inside the existing center. */
.phone-alerts{margin:18px 0 24px;padding:20px;border-radius:24px;border:1px solid rgba(136,106,188,.18);background:linear-gradient(135deg,rgba(249,245,255,.96),rgba(236,252,251,.9));box-shadow:0 5px 22px rgba(86,66,136,.04)}
.phone-heading{display:flex;align-items:center;gap:12px}.phone-heading h2{font-size:17px;line-height:1.35;margin:0 0 3px}.phone-state{font-size:12px;color:#6b627b}.phone-active{color:#1a7064;font-weight:700}.phone-alerts>p{font-size:14px;line-height:1.55;color:#59556b;margin:12px 0}.phone-network{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:14px;cursor:pointer}.phone-network input{width:21px;height:21px;flex-shrink:0;accent-color:#7955ad}.phone-network small{display:block;font-size:12px;color:#6b627b;margin-top:3px}.phone-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.phone-actions .btn{min-height:46px;white-space:normal}.phone-alerts .phone-feedback{color:#286d62}.phone-alerts .ntf-error{color:#984848}.phone-alerts button:focus-visible,.phone-network input:focus-visible{outline:3px solid #8458ba;outline-offset:3px}@media(max-width:480px){.phone-alerts{padding:16px}.phone-actions{align-items:stretch;flex-direction:column}.phone-actions button{width:100%;min-height:44px}}