/* Delivery observability uses the existing Outbox visual language and remains responsive. */
.outbox-delivery-list .outbox-row { grid-template-columns:105px minmax(150px,.95fr) minmax(170px,1fr) minmax(210px,1.35fr) minmax(120px,.7fr) auto; }
.outbox-delivery-list .text-button { white-space:nowrap; }
.outbox-delivery-status { display:grid; gap:4px; }
.outbox-delivery-status b { color:#23714c; font-size:11px; }
.outbox-delivery-status small { color:#748195; font-size:9.5px; white-space:nowrap; }
.outbox-delivery-badge { width:max-content; padding:5px 8px; border-radius:7px; font-size:10px; font-weight:800; white-space:nowrap; }
.outbox-delivery-badge.success { color:#087c44; background:#e6f7ed; }
.outbox-delivery-badge.waiting { color:#8d6516; background:#fff4dd; }
.outbox-delivery-badge.failed { color:#a23b3b; background:#feecec; }
.outbox-delivery-badge.neutral { color:#627084; background:#edf0f2; }
.outbox-delivery-detail { display:grid; gap:16px; }
.outbox-delivery-detail > .text-button { width:max-content; }
.outbox-delivery-summary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; border-top:1px solid #edf0f2; border-bottom:1px solid #edf0f2; background:#edf0f2; }
.outbox-delivery-summary > div { padding:15px 17px; background:#fff; }
.outbox-delivery-summary small { display:block; color:#8190a0; font-size:10px; }
.outbox-delivery-summary strong { display:block; margin-top:5px; color:#27364a; font-size:17px; }
.outbox-delivery-audit { padding:16px 17px 10px; }
.outbox-delivery-audit strong { font-size:12px; }
.outbox-delivery-audit p { margin:4px 0 0; color:#718094; font-size:10.5px; }
.outbox-recipient-table { border-top:1px solid #edf0f2; }
.outbox-recipient-row { display:grid; grid-template-columns:minmax(120px,.8fr) minmax(140px,.9fr) minmax(110px,.7fr) minmax(100px,.6fr) minmax(180px,1.3fr); align-items:center; gap:13px; min-height:58px; padding:9px 17px; border-bottom:1px solid #edf0f2; }
.outbox-recipient-row strong { font-size:11px; }.outbox-recipient-row>span:not(.outbox-delivery-badge),.outbox-recipient-row small,.outbox-recipient-row p { color:#718094; font-size:10px; }.outbox-recipient-row p { margin:0; line-height:1.4; }.outbox-recipient-head { min-height:36px; color:#8794a5; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; background:#fbfcfc; }
@media(max-width:900px){.outbox-delivery-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.outbox-delivery-list,.outbox-recipient-table{overflow-x:auto}.outbox-delivery-list .outbox-row{min-width:900px}.outbox-recipient-row{min-width:760px}}
@media(max-width:620px){.outbox-delivery-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.outbox-delivery-summary>div{padding:13px}.outbox-delivery-summary strong{font-size:16px}}

/* Delivery status is operational data, not fine print. */
.outbox-delivery-status b{font-size:12px}.outbox-delivery-status small,.outbox-delivery-summary small{font-size:11.5px}.outbox-delivery-badge{font-size:11px}.outbox-delivery-audit p{font-size:12px}.outbox-recipient-row strong{font-size:12.5px}.outbox-recipient-row>span:not(.outbox-delivery-badge),.outbox-recipient-row small,.outbox-recipient-row p{font-size:11.5px}.outbox-recipient-head{font-size:11px}