.sms-delivery-dialog { box-sizing: border-box; width: min(820px, calc(100vw - 24px)); max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 0; border: 1px solid #d5dfeb; border-radius: 16px; color: #173452; background: #fff; }
.sms-delivery-dialog::backdrop { background: #172b4c99; }
.sms-delivery-card { display: flex; flex-direction: column; max-height: calc(100dvh - 28px); margin: 0; }
.sms-delivery-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; padding: 22px; border-bottom: 1px solid #d8e2ef; }
.sms-delivery-header h2 { margin: 0 0 8px; font-size: 1.35rem; }
.sms-delivery-header p, .sms-delivery-note, .sms-delivery-empty { margin: 0; font-size: .9rem; line-height: 1.5; color: #54667e; }
.sms-delivery-header [data-close] { flex: 0 0 auto; min-width: 42px; min-height: 42px; font-size: 1.2rem; }
.sms-delivery-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 14px 22px; border-bottom: 1px solid #e5ebf3; }
.sms-delivery-status { flex: 1; min-width: 140px; margin: 0; font-size: .88rem; line-height: 1.5; overflow-wrap: anywhere; }
.sms-delivery-status.is-error { color: #a12d2d; }
.sms-delivery-content { overflow: auto; min-height: 0; padding: 18px 22px 24px; overscroll-behavior: contain; }
.sms-delivery-content > .sms-delivery-note { padding: 12px 14px; border-radius: 9px; background: #f2f7fc; }
.sms-delivery-content section { margin-top: 24px; }
.sms-delivery-content h3 { margin: 0 0 14px; font-size: 1.02rem; }
.sms-delivery-item { margin: 12px 0 0; padding: 15px; border: 1px solid #d8e2ef; border-radius: 10px; background: #fff; }
.sms-delivery-item-heading { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 8px; }
.sms-delivery-item h4 { margin: 0; font-size: .95rem; }
.sms-delivery-badge { display: inline-block; padding: 5px 9px; border-radius: 6px; font-size: .77rem; font-weight: 600; line-height: 1.3; }
.sms-delivery-badge.is-failed { color: #962d35; background: #fcecef; }
.sms-delivery-badge.is-unknown { color: #805400; background: #fff2d5; }
.sms-delivery-badge.is-waiting { color: #205699; background: #eaf3ff; }
.sms-delivery-badge.is-sent { color: #196142; background: #e8f5ee; }
.sms-delivery-metadata { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 20px; margin: 13px 0 0; font-size: .83rem; }
.sms-delivery-metadata div { min-width: 0; }
.sms-delivery-metadata dt { margin: 0 0 3px; color: #5d6f87; }
.sms-delivery-metadata dd { margin: 0; overflow-wrap: anywhere; }
.sms-delivery-cause { margin: 13px 0 0; padding: 11px 12px; border-left: 3px solid #c25760; background: #fdf6f7; font-size: .88rem; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.sms-delivery-advice { margin: 11px 0 0; font-size: .83rem; line-height: 1.5; color: #5b5d69; }
.sms-delivery-more { margin-top: 14px; }
.sms-delivery-card footer { display: flex; justify-content: flex-end; padding: 14px 22px; border-top: 1px solid #d8e2ef; }
.sms-delivery-dialog button:focus-visible { outline: 2px solid #3666b4; outline-offset: 3px; }
.sms-delivery-content:focus-visible { outline: 2px solid #3666b4; outline-offset: -2px; }
.sms-delivery-dialog [hidden] { display: none !important; }
@media (max-width: 480px) {
  .sms-delivery-header { padding: 16px; }
  .sms-delivery-toolbar { padding: 12px 16px; }
  .sms-delivery-content { padding: 16px; }
  .sms-delivery-item { padding: 12px; }
  .sms-delivery-item-heading { align-items: flex-start; }
  .sms-delivery-badge { max-width: 100%; }
  .sms-delivery-metadata { column-gap: 12px; }
  .sms-delivery-card footer { padding: 12px 16px; }
}