.delivery { display: grid; gap: var(--measure-md); margin-bottom: var(--measure-2xl); }
.delivery__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--measure-md); }
.delivery__num { font-size: var(--text-xl); font-weight: var(--weight-bold); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.delivery__num span { color: var(--color-accent-text); white-space: nowrap; }
.delivery__bar { height: 8px; border-radius: var(--radius-round); background: var(--color-accent-soft); overflow: hidden; display: flex; }
.delivery__bar i { display: block; height: 100%; background: var(--color-primary); }
.delivery__why summary { cursor: pointer; font-weight: var(--weight-semibold); color: var(--color-primary-text); width: fit-content; min-height: 24px; }
.delivery__reasons { width: 100%; max-width: 32rem; margin-top: var(--measure-sm); border-collapse: collapse; font-variant-numeric: tabular-nums; }
.delivery__reasons th, .delivery__reasons td { text-align: left; padding: var(--measure-xs) var(--measure-sm) var(--measure-xs) 0; border-bottom: 1px solid var(--color-line); }
.delivery__reasons th { font-size: var(--text-2xs); text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-muted); }
.delivery__reasons .num { text-align: right; padding-right: 0; }
.admin-badge--partial { background: var(--color-accent-soft); color: var(--color-accent-text); }
.admin-badge--sentence { text-transform: none; }
.delivery__top .btn:disabled { background: var(--color-tint); color: var(--color-primary-text); border: 1px solid var(--color-line); cursor: default; transform: none; box-shadow: none; }

@media (max-width: 640px) {
  .delivery__num { font-size: var(--text-lg); }
  .delivery__top .resend, .delivery__top .btn { width: 100%; }
}

.confirm-dialog {
  width: min(32.5rem, calc(100% - 2 * var(--measure-md))); max-height: calc(100% - 2 * var(--measure-md));
  margin: auto; padding: var(--measure-xl); border: 0; border-radius: var(--radius-lg);
  background: var(--color-surface); color: var(--color-ink); box-shadow: 0 30px 60px -20px color-mix(in srgb, var(--color-ink) 50%, transparent);
}
.confirm-dialog[open] { display: grid; gap: var(--measure-md); }
.confirm-dialog::backdrop { background: color-mix(in srgb, var(--color-ink) 45%, transparent); }
.confirm-dialog h2 { font-size: var(--text-xl); }
.confirm-dialog p { color: var(--color-muted); }
.confirm-dialog ul { padding-left: var(--measure-lg); display: grid; gap: var(--measure-2xs); }
.confirm-dialog__actions { display: flex; flex-wrap: wrap; gap: var(--measure-sm); margin-top: var(--measure-2xs); }
.confirm-dialog__actions form { display: contents; }