.notification-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-block:16px}
.notification-list{display:grid;gap:12px;margin-block:18px}
.notification-entry{border:1px solid #dce3ef;border-inline-start:4px solid #2458d3;border-radius:12px;padding:16px;background:#fff}
.notification-entry[data-read="true"]{border-inline-start-color:#c8d1df;background:#fafbfdf2}
.notification-entry[data-kind="duplicate_scan"]{border-inline-start-color:#b7791f}
.notification-entry h3{font-size:1rem;margin:0 0 8px}.notification-entry p{margin:4px 0 12px;white-space:pre-wrap}
.notification-entry time{font-size:.8rem;color:#52657e}.notification-entry button{margin-inline-start:12px}
.notification-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#2458d3;color:white;min-width:24px;padding:2px 6px;font-size:.75rem;margin-inline-start:8px}
.notification-badge[hidden]{display:none}.notification-error{color:#9b2c2c}.push-privacy-note{max-width:70ch;line-height:1.8}
.push-diagnostics{border:1px solid #dce3ef;border-radius:12px;padding:18px;margin-block:16px;background:#fafbfdf2}.push-diagnostics h3{margin-block:0 10px}.push-diagnostics [role=status]{white-space:pre-wrap;line-height:1.9}
.readiness-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-block:18px}.readiness-check{border:1px solid #dce3ef;border-inline-start:4px solid #b7791f;padding:16px;border-radius:12px;background:#fff}.readiness-check[data-ready=true]{border-inline-start-color:#28734d}.readiness-check h3{font-size:1rem;margin:0 0 8px}.readiness-check p{line-height:1.9}.advanced-login{border-top:1px solid #dce3ef;padding-top:12px}.advanced-login summary{cursor:pointer;color:#52657e}.advanced-login>label{display:flex;gap:8px;align-items:center;margin-top:12px}.advanced-login input[type=checkbox]{width:auto}
