.notification-actions{display:flex;gap:8px;align-items:center}.notification-actions form{margin:0}.danger-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(215,0,21,.22);border-radius:8px;background:#fff;color:var(--red);font:inherit;font-weight:500;cursor:pointer}.danger-button:hover{background:#fff0f1}.danger-button.compact{min-height:32px;margin-left:auto}.danger-button:disabled{opacity:.4;cursor:not-allowed;background:#fff}.notification-selection-bar{display:flex;align-items:center;gap:14px;padding:10px 14px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow-soft)}.notification-check-all{display:flex;align-items:center;gap:7px;cursor:pointer;font-weight:600}.notification-selection-bar>span{font-size:10px;color:var(--muted)}.notice-item{padding:0;gap:0;align-items:stretch}.notice-select{width:52px;display:grid;place-items:center;border-right:1px solid var(--line);cursor:pointer}.notice-select input,.notification-check-all input{width:16px;height:16px;accent-color:var(--blue)}.notice-content{position:relative;min-width:0;flex:1;display:flex;gap:13px;padding:16px 19px;text-decoration:none;color:var(--text)}.notice-kind{font-style:normal;flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-weight:700}.notice-kind-reminder{background:#fff4df;color:#a15c00}.notice-kind-result{background:#e8f7f1;color:var(--green)}.notice-kind-warning{background:#fff0f1;color:var(--red)}.notice-content div{flex:1;min-width:0}.notice-content b{font-size:12px}.notice-content p{margin:2px 0;color:var(--muted);font-size:11px}.notice-content span{font-size:9px;color:var(--tertiary)}.notice-content em{position:absolute;right:18px;top:24px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.notification-empty b{display:block;color:var(--text);font-size:13px}.notification-empty p{margin:4px 0 0}@media(max-width:900px){.notification-hero{align-items:flex-start}.notification-actions{flex-wrap:wrap}}

/* Business typography: notification list and batch actions. */
.notification-selection-bar>span{color:#596579;font-size:11px}.notice-content b{font-size:13px;line-height:1.45}.notice-content p{color:#596579;font-size:12px;line-height:1.55}.notice-content span{color:#667085;font-size:11px}.notification-empty p{color:#596579;font-size:12px;line-height:1.55}@media(max-width:900px){.notification-actions .primary,.notification-actions .secondary,.notification-actions .danger-button,.danger-button.compact,.notification-check-all,.notice-select{min-height:44px}.notification-actions .primary,.notification-actions .secondary,.notification-actions .danger-button{padding-inline:14px}}

/* Delivery state stays secondary to the business message, but is always visible. */
.notice-title-row{display:flex!important;align-items:center;gap:9px;min-width:0;padding-right:18px}.notice-title-row>b{min-width:0}.notice-content .delivery-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:#f2f4f7;color:#596579;font-size:10px;font-weight:650;line-height:1}.notice-content .delivery-status-sent{background:#e8f7f1;color:#087a55}.notice-content .delivery-status-pending,.notice-content .delivery-status-retrying{background:#fff4df;color:#8a5400}.notice-content .delivery-status-failed{background:#fff0f1;color:#b4232f}.notice-content .notice-meta{display:block;margin-top:5px}
@media(max-width:600px){.notification-selection-bar{flex-wrap:wrap}.notice-select{width:44px}.notice-content{gap:10px;padding:14px 12px}.notice-kind{flex-basis:32px;width:32px;height:32px}.notice-title-row{align-items:flex-start;flex-wrap:wrap;gap:6px}.notice-title-row>b{flex:1 1 190px}.notice-content .delivery-status{min-height:24px}.notice-content em{right:10px;top:18px}}