.notifications-v1{display:grid;gap:16px}.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.notifications-heading h2{margin:0}.notifications-heading strong{font-size:14px}.notifications-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;color:var(--blue);margin:0 0 4px}.notifications-tabs{display:flex;gap:8px;flex-wrap:wrap}.notifications-tabs button{background:#fff;color:var(--text);border:1px solid var(--line)}.notifications-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.notifications-filters{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin:0}.notifications-filters label{display:grid;gap:5px;color:var(--muted);font-size:12px}.notifications-filters input,.notifications-filters select{min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fff}.notifications-filter-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.notifications-v1>.panel{margin:0}.notifications-v1>.panel>h3{margin-top:0}.notifications-list{display:grid;gap:10px}.notifications-card{border:1px solid var(--line);border-left:5px solid #8390a3;border-radius:11px;padding:14px;background:#fff}.notifications-card.priority-important{border-left-color:var(--amber)}.notifications-card.priority-urgent{border-left-color:var(--red)}.notifications-card.is-unread{border-width:2px;border-left-width:6px}.notifications-card-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;font-weight:800}.notifications-card-head span{padding:3px 7px;border-radius:99px;background:#edf1f5}.notifications-card-head .notifications-priority{background:#eef4ff}.notifications-card-head .notifications-source{background:#eef6f5}.notifications-card-head .notifications-read-state{background:#fff0d7}.notifications-card h3{font-size:15px;margin:9px 0 4px}.notifications-card p{margin:4px 0}.notifications-context{font-weight:700;color:var(--blue)}.notifications-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.notifications-card footer time,.notifications-missing{color:var(--muted);font-size:12px}.notifications-card footer>div{display:flex;gap:7px;flex-wrap:wrap}.notifications-missing{display:block;margin-top:8px}.nav-count{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:7px;padding:0 5px;border-radius:99px;background:#fff;color:var(--red);font-size:11px;font-weight:900}.nav-count[hidden]{display:none}@media(max-width:1000px){.notifications-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.notifications-filters{grid-template-columns:1fr}.notifications-heading,.notifications-card footer{align-items:flex-start;flex-direction:column}.notifications-card footer>div{width:100%}}
.notifications-tabs button{color:var(--ink)}
.retention-view{min-width:0}.retention-view>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.retention-view h3{margin:0}.retention-safety{display:grid;gap:5px;margin:14px 0;padding:14px;border:1px solid var(--blue);border-radius:10px;background:#eef4ff}.retention-meta,.retention-reasons dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.retention-meta div,.retention-reasons dl div{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px}.retention-meta dt,.retention-reasons dt{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.retention-meta dd,.retention-reasons dd{margin:4px 0 0;font-weight:800;overflow-wrap:anywhere}.retention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.retention-metric{display:grid;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.retention-metric span{font-size:13px;overflow-wrap:anywhere}.retention-metric strong{font-size:24px}.retention-metric.is-featured{border:2px solid var(--blue);background:#eef4ff}.retention-warning,.retention-error{margin-top:12px}.retention-view button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media(max-width:700px){.retention-view>header{flex-direction:column}.retention-view>header button{width:100%}.retention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.retention-meta,.retention-reasons dl{grid-template-columns:1fr}}@media(max-width:600px){.retention-grid{grid-template-columns:1fr}.retention-view,.retention-view *{max-width:100%;box-sizing:border-box}}
