.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.notification-heading h2{margin:0}.notification-center{background:var(--surface);color:var(--ink);min-width:0}.notification-center .muted{color:var(--muted)}.notification-center button,.notification-center .button{min-height:44px;font-size:16px}.notification-center input{font-size:16px}.notification-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.notification-item>div{min-width:0}.notification-item small{display:block;color:var(--muted);margin-top:6px}.notification-item.unread{border-left:4px solid var(--yellow);padding-left:12px}.notification-preference-heading,.notification-preference-row{display:grid;grid-template-columns:minmax(0,1fr) 64px 64px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.notification-preference-heading{font-weight:700}.notification-preference-row label{display:grid;place-items:center;min-height:44px}.notification-preference-row input{width:22px;height:22px;accent-color:var(--yellow)}.notification-device{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.notification-device span{overflow-wrap:anywhere;min-width:0}.notification-profile-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.notification-badge{display:inline-block;border-radius:20px;padding:1px 7px;background:var(--yellow);color:#111820;font-size:12px;font-weight:700}.notification-badge[hidden]{display:none}@media(max-width:390px){.notification-preference-heading,.notification-preference-row{grid-template-columns:minmax(0,1fr) 52px 52px}.notification-center{padding:14px}.notification-heading form,.notification-heading button{width:100%}}
.notification-item>form{flex-shrink:0}.notification-item>form button{min-width:60px;white-space:nowrap}.notification-device button{flex-shrink:0}
.notification-center button:disabled{opacity:.5;cursor:not-allowed}
.portal-top-actions .portal-power{width:44px;height:44px}
.has-side-menu .top .menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px}
.has-side-menu .top{grid-template-columns:minmax(0,1fr) auto}.portal-top-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-self:end}.portal-notification-button{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:22px;text-decoration:none}.portal-notification-button:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.portal-notification-button .notification-badge{position:absolute;right:-4px;top:-6px;min-width:21px;text-align:center;padding:1px 5px;font-size:12px;line-height:19px}.notification-device-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-device-actions button{flex:1 1 180px}.notification-phone-warning{border-left:4px solid var(--yellow);padding:10px 12px;background:var(--surface);color:var(--ink)}
@media(max-width:1099px){html body.has-side-menu .top{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}html body.has-side-menu .top .brand{min-width:0}html body.has-side-menu .top .brand h1{overflow-wrap:anywhere}.portal-top-actions{gap:6px}}

.notification-details{font-size:14px;line-height:1.5;overflow-wrap:anywhere;white-space:normal;margin:8px 0}

.notification-preference-heading,.notification-preference-row{grid-template-columns:minmax(0,1fr) 54px 54px 54px}@media(max-width:390px){.notification-preference-heading,.notification-preference-row{grid-template-columns:minmax(0,1fr) 44px 44px 48px;gap:4px}.notification-preference-heading{font-size:12px}}