.notification-toolbar,.notification-list{display:grid;gap:1rem}.notification-filters{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(12rem,1fr) auto;gap:1rem;align-items:end}.notification-filters .form-field{margin:0}.notification-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.25rem;border:1px solid #d6e0e8;border-left:4px solid #8798a8;border-radius:.8rem;background:#fff}.notification-card--unread{border-left-color:var(--module-accent,#b5793f);background:#fffaf4}.notification-card__content{display:grid;gap:.45rem}.notification-card__content h3,.notification-card__content p{margin:0}.notification-card__content small{color:#596a7d}.notification-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.notification-card__actions form{margin:0}.notification-nav-link{display:inline-flex!important;align-items:center;gap:.4rem}.notification-nav-badge{display:inline-flex;min-width:1.4rem;height:1.4rem;padding:0 .35rem;align-items:center;justify-content:center;border-radius:999px;background:#b5793f;color:#fff;font-size:.75rem;font-weight:700}.email-transport-health,.email-assurance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.email-transport-health>div,.email-assurance-grid>div{border:1px solid #d6e0e8;border-radius:.8rem;padding:1rem;background:#fff}.email-transport-health span,.email-transport-health strong,.email-assurance-grid span,.email-assurance-grid strong{display:block}.email-transport-health span,.email-assurance-grid span{color:#596a7d;font-size:.85rem;margin-bottom:.35rem}.email-transport-health strong,.email-assurance-grid strong{overflow-wrap:anywhere}.email-assurance-card{border-top:4px solid #2f7d68}.email-failure-categories{display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin:1rem 0 1.5rem}.email-failure-categories>strong{width:100%}.email-failure-categories>span{border:1px solid #d6e0e8;border-radius:999px;padding:.4rem .75rem;background:#fff}.email-test-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 1.5rem}.email-test-action p{margin:0;color:#596a7d}.email-suppression-card{border-top:4px solid #9b5c5c}.email-suppression-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr) auto;gap:1rem;align-items:end;margin:1rem 0}.email-suppression-form label{display:grid;gap:.4rem;color:#536b80;font-weight:700}.email-suppression-form input{width:100%}@media(max-width:800px){.notification-filters{grid-template-columns:1fr}.notification-card{flex-direction:column}.notification-card__actions{justify-content:flex-start;width:100%}.email-transport-health,.email-assurance-grid{grid-template-columns:1fr 1fr}.email-test-action{align-items:stretch;flex-direction:column}.email-suppression-form{grid-template-columns:1fr}}@media(max-width:520px){.email-transport-health,.email-assurance-grid{grid-template-columns:1fr}}

.email-queue-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin:0 0 1.5rem}.email-queue-summary__card{display:grid;gap:.3rem;padding:1rem;border:1px solid #d6e0e8;border-top:4px solid #3b837a;border-radius:.8rem;background:#fff}.email-queue-summary__card span{color:#596a7d;font-size:.85rem;font-weight:700}.email-queue-summary__card strong{color:#002b52;font-size:1.65rem;line-height:1.1}.email-queue-summary__card small{color:#596a7d}@media(max-width:1050px){.email-queue-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.email-queue-summary{grid-template-columns:1fr}}

.email-outbox-filters{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(280px,1.3fr) auto;gap:1rem;align-items:end;margin:1.5rem 0 0}.email-outbox-filters .form-field{margin:0}.email-outbox-filters select,.email-outbox-filters input{width:100%;min-height:var(--field-height);padding:10px 12px;border:1px solid var(--colour-border);border-radius:var(--radius-medium);background:#fff;color:var(--colour-text);font:inherit}.email-queue-results{margin-top:1.5rem}.email-queue-empty{grid-column:1/-1;width:100%;box-sizing:border-box}@media(max-width:800px){.email-outbox-filters{grid-template-columns:1fr}.email-outbox-filters .button{width:100%}}

.notification-filters select { width: 100%; min-height: var(--field-height, 54px); }