/* v2.14 notifications page + calm mode. Uses the site's theme variables only. */
[hidden]{display:none!important}
.notif-status{font-weight:600;margin:0 0 12px}
.notif-steps{padding-left:22px;margin:8px 0}.notif-steps li{margin:6px 0}
.notif-fs{border:0;padding:0;margin:0}.notif-fs legend{padding:0}.notif-fs h2{margin:0 0 6px;font-size:16px}
.notif-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px}
.notif-topic,.notif-row{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding:6px 0;cursor:pointer}
.notif-topic input,.notif-row input{width:22px;height:22px;margin-top:1px;accent-color:var(--brand);flex:none}
.notif-watchrow{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:6px 0}
.notif select{min-height:44px}
#notif-enable,.notif .btn{min-height:44px}
.calm-end{background:linear-gradient(135deg,var(--chip),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px;margin:18px 0;text-align:center}
.calm-end h2{margin:4px 0 6px;font-size:20px}.calm-end p{margin:6px 0}
.calm-art{font-size:34px;margin:0}
.calm-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:12px}
.calm-links .btn{min-height:44px;display:inline-flex;align-items:center}
.calm-limit button{min-height:44px}
@media (prefers-reduced-motion:no-preference){.calm-end{animation:calm-in .35s ease-out}}
@keyframes calm-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}