#bot-delivery { max-width:1080px; margin-inline:auto; }
.bot-delivery-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.bot-delivery-heading h2 { margin:0 0 8px; }
.bot-delivery-heading p { margin:0; }
.bot-delivery-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.bot-delivery-actions .btn { min-height:42px; white-space:normal; }
.bot-delivery-list { display:grid; gap:14px; margin-top:20px; }
.bot-delivery-list-item { border:1px solid #dbe3ed; background:#fff; border-radius:12px; padding:18px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.bot-delivery-list-item h3 { margin:10px 0 6px; overflow-wrap:anywhere; }
.bot-delivery-list-item p { margin:5px 0; }
.bot-delivery-badge { display:inline-block; padding:4px 10px; border-radius:99px; background:#edf2f7; color:#34465c; font-size:.82rem; }
.bot-delivery-form { display:grid; gap:18px; max-width:820px; }
.bot-delivery-form label { display:grid; gap:7px; font-weight:600; min-width:0; }
.bot-delivery-form input,.bot-delivery-form select { box-sizing:border-box; width:100%; min-width:0; min-height:44px; }
.bot-delivery-form p { margin:0; }
.bot-delivery-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.bot-delivery-form .required,#bot-delivery-end-required { font-size:.78rem; color:#6d4950; font-weight:400; }
.bot-delivery-reference { border-left:3px solid #bbc9d9; background:#f4f7fa; padding:14px 16px; }
.bot-delivery-reference h3 { margin:0 0 10px; font-size:.95rem; }
.bot-delivery-prewrap { white-space:pre-wrap; overflow-wrap:anywhere; margin-bottom:10px!important; }
.bot-delivery-warning { border:1px solid #e3cfa9; background:#fffbef; border-radius:8px; padding:13px 15px; color:#624b28; line-height:1.7; }
.bot-delivery-storage { color:#536779; font-size:.88rem; }
.bot-delivery-retention { color:#536779; font-size:.84rem; line-height:1.75; }
.bot-delivery-retention p { margin:7px 0; }
.bot-delivery-error { border-left:3px solid #ba3d43; background:#fff0f0; color:#932b32; padding:12px 14px; overflow-wrap:anywhere; }
.bot-delivery-draft-image { display:block; max-width:100%; width:auto; max-height:360px; border:1px solid #dbe3ed; border-radius:9px; }
.bot-delivery-review-grid { display:grid; grid-template-columns:minmax(0,360px) minmax(0,1fr); gap:28px; align-items:start; }
.bot-delivery-line-preview { background:#e9f0f6; padding:16px; border-radius:14px; }
.bot-delivery-preview-label { margin:0 0 12px; color:#49627a; font-size:.85rem; }
.bot-delivery-line-card { background:white; overflow:hidden; border-radius:12px; box-shadow:0 2px 6px #102b4b12; }
.bot-delivery-line-card>img { display:block; width:100%; aspect-ratio:1; object-fit:contain; }
.bot-delivery-image-expired { padding:36px 18px; color:#536779; font-size:.85rem; text-align:center; }
.bot-delivery-line-body { padding:18px; }
.bot-delivery-line-body h3 { margin:8px 0 12px; font-size:1.13rem; line-height:1.5; overflow-wrap:anywhere; }
.bot-delivery-line-body p { font-size:.88rem; line-height:1.5; }
.bot-delivery-kind { font-size:.78rem; color:#536779; }
.bot-delivery-card-button { border-top:1px solid #e1e8ee; color:#178754; text-align:center; padding:14px 0 0; margin-top:20px; font-weight:600; }
.bot-delivery-line-preview>.muted { margin-bottom:0; font-size:.8rem; line-height:1.65; }
.bot-delivery-summary { border:1px solid #dbe3ed; padding:18px; border-radius:12px; }
.bot-delivery-summary h3 { margin:0 0 16px; }
.bot-delivery-summary dl { margin:0; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.bot-delivery-summary dt { font-size:.82rem; color:#5f6b7b; }
.bot-delivery-summary dd { font-weight:700; font-size:1.3rem; margin:6px 0 0; }
.bot-delivery-summary .muted { font-size:.84rem; line-height:1.7; }
.bot-delivery-summary summary { cursor:pointer; }
.bot-delivery-recipients { max-height:220px; overflow:auto; padding-left:24px; line-height:1.9; overflow-wrap:anywhere; }
.bot-delivery-confirm { margin-top:24px; padding:20px; background:#f5f9f6; border:1px solid #cbded0; border-radius:12px; }
.bot-delivery-confirm h3 { margin-top:0; }
.bot-delivery-check { display:flex; gap:10px; align-items:flex-start; line-height:1.7; margin:18px 0; cursor:pointer; }
.bot-delivery-check input { margin-top:5px; width:19px; height:19px; flex-shrink:0; }
@media(max-width:680px) {
  .bot-delivery-heading,.bot-delivery-list-item { flex-direction:column; }
  .bot-delivery-grid,.bot-delivery-review-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
  .bot-delivery-line-preview { width:100%; max-width:360px; box-sizing:border-box; margin-inline:auto; }
  .bot-delivery-list-item>.bot-delivery-actions,.bot-delivery-confirm>.bot-delivery-actions { width:100%; }
  .bot-delivery-list-item .btn,.bot-delivery-confirm .btn { flex:1 1 140px; }
  .bot-delivery-form input,.bot-delivery-form select { font-size:16px; }
}
