.notif-panel{margin:0 0 32px;padding:27px;background:#fffdfa;border:1px solid var(--navy);border-radius:4px;color:var(--navy)}
.notif-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.notif-kicker{font-size:8px;font-weight:800;letter-spacing:1.2px;margin:0 0 12px}.notif-heading h2{font-size:29px;line-height:1.08;letter-spacing:-.3px;max-width:760px;margin:0}.notif-heading>div>p:not(.notif-kicker){font-size:11px;line-height:1.8;max-width:600px;margin:12px 0 0}.notif-config-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:7px 10px;border:1px solid var(--navy);border-radius:3px;font-size:8px;font-weight:800;letter-spacing:.6px;line-height:1.3;white-space:nowrap}.notif-config-ready{background:var(--lime)}.notif-config-missing{background:#fff0ac}
.notif-loading{font-size:12px;line-height:1.8;margin:25px 0 5px}.notif-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0 0}.notif-destinations>div{min-width:0;padding:20px 20px 20px 0}.notif-destinations>div+div{padding-left:20px;border-left:1px solid var(--line)}.notif-destinations dt{font-size:8px;font-weight:800;letter-spacing:.7px;line-height:1.5;margin-bottom:8px}.notif-destinations dd{font-size:12px;font-weight:700;line-height:1.6;overflow-wrap:anywhere;margin:0}.notif-destinations p{font-size:10px;line-height:1.7;margin:6px 0 0;color:#53646b}
.notif-alert{padding:15px 17px;border:1px solid var(--navy);border-radius:3px;font-size:11px;line-height:1.8;overflow-wrap:anywhere;margin-top:22px}.notif-alert>strong{font-size:12px}.notif-alert p{font-size:11px;margin:5px 0 0}.notif-alert-error{background:#f9ded6}.notif-alert-notice{background:#e4f6af}.notif-setup{padding:18px 20px;background:#f3efdc;border-left:3px solid var(--gold);margin-top:23px;border-radius:0 3px 3px 0}.notif-setup>strong{font-size:13px}.notif-setup p{font-size:11px;line-height:1.8;max-width:900px;margin:6px 0 0}.notif-setup details{margin-top:13px;font-size:10px;line-height:1.8}.notif-setup summary{cursor:pointer;font-weight:700;text-decoration:underline;text-underline-offset:3px}.notif-setup ul{margin:12px 0;padding-left:20px;display:flex;flex-wrap:wrap;gap:7px 30px}.notif-setup code{font-size:10px;overflow-wrap:anywhere}.notif-setup details p{font-size:10px;color:#53646b}
.notif-activity-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:29px;margin-bottom:18px}.notif-activity-heading h3{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.4px;margin:0}.notif-activity-heading p{font-size:10px;line-height:1.7;color:#53646b;margin:5px 0 0}.notif-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.notif-refresh{border:0;border-bottom:1px solid var(--navy);padding:7px 0;background:none;font-size:10px;color:var(--navy);white-space:nowrap}.notif-refresh>span{font-size:16px;margin-left:10px}.notif-retry{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;background:var(--navy);color:var(--cream);border:1px solid var(--navy);border-radius:3px;font-size:11px;font-weight:700;line-height:1.3;padding:13px 17px}.notif-retry>span{font-size:18px;line-height:1}.notif-retry:not(:disabled):hover{background:#244b5d}.notif-refresh:not(:disabled):hover{color:#3d5c6b}.notif-panel button:disabled{cursor:default;opacity:.55}
.notif-empty{padding:26px 22px;background:var(--cream);border:1px solid var(--line);text-align:center;border-radius:3px}.notif-empty>span{display:block;font-size:27px;line-height:1;margin-bottom:12px}.notif-empty>strong{font-size:13px;line-height:1.5}.notif-empty>p{font-size:11px;line-height:1.8;max-width:560px;margin:7px auto 0}.notif-message-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.notif-message{padding:20px;border:1px solid var(--line);border-radius:3px;background:var(--cream)}.notif-message-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.notif-message-heading>div{min-width:0}.notif-kind{font-size:8px;font-weight:800;letter-spacing:.8px;line-height:1.4}.notif-message h4{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:800;line-height:1.4;letter-spacing:-.3px;overflow-wrap:anywhere;margin:6px 0 5px}.notif-message-heading p{font-size:11px;line-height:1.7;overflow-wrap:anywhere;margin:0}.notif-message-heading p>strong{font-weight:400}.notif-status{padding:6px 9px;flex-shrink:0;font-size:8px;font-weight:800;letter-spacing:.4px;border:1px solid var(--navy);border-radius:3px;line-height:1.4;white-space:nowrap}.notif-status-pending{background:#fff0ac}.notif-status-submitted{background:#e4f6af}.notif-status-failed,.notif-status-needs_review{background:#f9ded6}.notif-status-cancelled{background:#eae7dd}.notif-message-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;border-top:1px solid var(--line);padding-top:14px;margin:16px 0 0}.notif-message-facts dt{font-size:9px;color:#53646b;line-height:1.5;margin-bottom:5px}.notif-message-facts dd{font-size:10px;font-weight:700;line-height:1.7;overflow-wrap:anywhere;margin:0}.notif-message-error{font-size:10px;line-height:1.8;background:#f9e5dd;border-left:2px solid #91402c;padding:10px 12px;margin:15px 0 0;overflow-wrap:anywhere}.notif-message-error strong{font-weight:800}.notif-message-note{font-size:9px;line-height:1.8;color:#53646b;margin:12px 0 0}.notif-footnote{font-size:9px;line-height:1.9;color:#53646b;max-width:950px;margin:18px 0 0}
@media(max-width:1050px){.notif-heading h2{font-size:28px}.notif-destinations{grid-template-columns:1fr 1fr}.notif-destinations>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding-left:0}.notif-activity-heading{align-items:flex-start}.notif-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.notif-message-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.notif-panel{padding:22px 18px;margin-bottom:27px}.notif-heading{display:block}.notif-heading h2{font-size:28px;max-width:440px}.notif-kicker{font-size:7px;letter-spacing:1px}.notif-heading>div>p:not(.notif-kicker){font-size:10px;margin-top:12px}.notif-config-badge{margin-top:15px;font-size:7px}.notif-destinations{display:block;margin-top:22px}.notif-destinations>div,.notif-destinations>div+div,.notif-destinations>div:last-child{border-left:0;border-top:0;padding:16px 0}.notif-destinations>div+div,.notif-destinations>div:last-child{border-top:1px solid var(--line)}.notif-destinations dt{font-size:7px}.notif-destinations dd{font-size:11px}.notif-destinations p{font-size:9px}.notif-setup{padding:16px 15px;margin-top:20px}.notif-setup>strong{font-size:12px}.notif-setup p{font-size:10px;line-height:1.9}.notif-setup details{font-size:9px}.notif-setup details p{font-size:9px}.notif-setup ul{display:block;padding-left:17px}.notif-setup li+li{margin-top:6px}.notif-setup code{font-size:9px}.notif-activity-heading{display:block;margin-top:25px}.notif-activity-heading h3{font-size:17px}.notif-activity-heading p{font-size:9px}.notif-actions{justify-content:space-between;gap:16px;flex-wrap:nowrap;margin-top:17px}.notif-refresh{font-size:9px}.notif-retry{font-size:10px;padding:12px 13px;gap:15px}.notif-retry>span{font-size:17px}.notif-alert{padding:13px;font-size:10px}.notif-alert>strong{font-size:11px}.notif-alert p{font-size:10px}.notif-empty{padding:23px 15px}.notif-empty>strong{font-size:12px}.notif-empty>p{font-size:10px}.notif-message{padding:17px 14px}.notif-message-heading{display:block}.notif-kind{font-size:7px}.notif-message h4{font-size:16px}.notif-message-heading p{font-size:10px}.notif-status{display:inline-block;font-size:7px;margin-top:12px}.notif-message-facts{gap:14px 12px}.notif-message-facts dt{font-size:8px}.notif-message-facts dd{font-size:9px}.notif-message-error{font-size:9px;padding:9px 10px}.notif-message-note,.notif-footnote{font-size:8px}.notif-footnote{line-height:1.9;margin-top:16px}}
@media(max-width:370px){.notif-message-facts{grid-template-columns:1fr}.notif-retry{font-size:9px;padding-left:11px;padding-right:11px}.notif-actions{gap:12px}.notif-heading h2{font-size:25px}}