/* Shared readable notification settings, inside app and reminders page. */
.notification-settings{color:var(--ink,#173e6b);padding:18px 0;border-bottom:1px solid var(--line,#d9e2ed)}
.notification-settings h2{font-size:17px;line-height:1.4;margin:0 0 6px}.notification-intro{font-size:13px;line-height:1.6;color:var(--muted,#35557d);margin:0 0 14px}
.notification-row{padding:14px 0;border-top:1px solid var(--line,#d9e2ed)}.notification-row-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:space-between}.notification-row h3{font-size:14px;line-height:1.5;margin:0}.notification-row p{font-size:13px;line-height:1.6;margin:6px 0 10px;color:var(--muted,#35557d)}
.notification-badge{font-size:11px;line-height:1.5;padding:3px 8px;border-radius:8px;background:var(--soft,#f1f5fb);color:var(--muted,#35557d);max-width:100%;overflow-wrap:anywhere}.notification-badge[data-state=good]{color:var(--success,#258570)}.notification-badge[data-state=attention]{color:var(--danger,#a42e42)}
.notification-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-actions a,.notification-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid var(--line,#bdd3ee);border-radius:10px;background:var(--panel,#fff);color:var(--blue,#2466df);text-decoration:none;font:inherit;font-size:13px;text-align:center;overflow-wrap:anywhere}.notification-actions button:disabled{opacity:.55;cursor:wait}
.notification-footnote{font-size:12px!important;line-height:1.6;color:var(--muted,#35557d);margin:12px 0 0}.notification-settings [role=status]{font-size:12px;line-height:1.6;margin:10px 0 0;overflow-wrap:anywhere}.notification-settings .notification-browser-note{padding:12px;background:var(--soft,#f1f5fb);border-radius:10px;font-size:13px}
#details.details.open{width:min(390px,100vw);max-width:100vw;padding-left:20px;padding-right:20px}.details.open .profile-card{padding:10px 0 16px}.details.open .profile-card h2{font-size:18px;margin:8px 0 4px}.details.open .profile-card p{display:none}.details.open .profile-card .brand-logo{display:none}
@media(max-width:700px){#details.details.open{width:100%;max-width:100vw}.notification-settings h2{font-size:18px}}

.notification-settings [hidden]{display:none!important}