.woofmap-warning {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(198, 169, 255, 0.48);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(87, 57, 155, 0.28), rgba(18, 22, 60, 0.92));
  box-shadow: 0 16px 38px rgba(4, 7, 25, 0.25);
}
.woofmap-warning:focus { outline: 2px solid #c7adff; outline-offset: 3px; }
.woofmap-warning small { display: block; margin-bottom: 7px; color: #c9b5ff; font-weight: 800; letter-spacing: 0.12em; }
.woofmap-warning b { display: block; margin-bottom: 8px; color: #fff; font-size: 1.08rem; }
.woofmap-warning p { margin: 0; color: #c8c4dc; line-height: 1.55; }
.woofmap-warning .pack-dialog-actions { margin-top: 15px; }
.lifecycle-generating_chart,
.lifecycle-authoring,
.lifecycle-finalizing { border-color: rgba(162, 126, 255, 0.5); }
.lifecycle-requires_review { border-color: rgba(255, 204, 125, 0.45); }
.lifecycle-needs_user_action,
.lifecycle-failed { border-color: rgba(255, 145, 166, 0.4); }
.reading-delivery-warnings { display: grid; gap: 12px; margin: 0 0 24px; }
.reading-delivery-warning { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border: 1px solid rgba(170, 146, 255, 0.34); border-radius: 18px; background: rgba(35, 30, 88, 0.78); box-shadow: 0 12px 30px rgba(8, 7, 32, 0.2); }
.reading-delivery-warning > span { font-size: 1.45rem; line-height: 1.25; }
.reading-delivery-warning b { display: block; color: #f4f0ff; font-size: 1rem; margin-bottom: 5px; }
.reading-delivery-warning p { margin: 0; color: #c9c1e8; line-height: 1.55; }
.reading-delivery-warning.primary-warning { border-color: rgba(255, 205, 108, 0.48); background: linear-gradient(135deg, rgba(80, 54, 105, 0.9), rgba(38, 31, 91, 0.9)); }
.companion-delivery-context { display: grid; gap: 6px; margin: 12px 0 18px; padding: 12px; border: 1px solid rgba(190, 166, 255, 0.3); border-radius: 14px; background: rgba(61, 48, 119, 0.28); color: #d7cff3; }
.companion-delivery-context small { color: #a997dc; font-weight: 800; letter-spacing: 0.09em; }
.companion-delivery-context span { font-size: 0.88rem; line-height: 1.35; }
@media (max-width: 720px) {
  .reading-delivery-warning { padding: 14px; }
  .reading-delivery-warning > span { font-size: 1.25rem; }
}