.warning-box { background-color: #1c1b20; overflow: hidden; margin-bottom: 20px; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); }
.warning-box .warning-box-header { background-color: #BE1E2D; padding: 10px 16px; display: flex; align-items: center; gap: 8px; }
.warning-box .warning-box-header svg { width: 18px; height: 18px; flex-shrink: 0; }
.warning-box .warning-box-header .warning-box-title { font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; font-weight: 700; color: #ffffff; }
.warning-box .warning-box-content { padding: 16px; }
.warning-box .warning-box-content p { font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.75); margin: 0 0 8px; }
.warning-box .warning-box-content p:last-child { margin-bottom: 0; }
.warning-box .warning-box-content ul { margin: 0; padding-left: 18px; }
.warning-box .warning-box-content ul li { font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.75); margin-bottom: 4px; }
.danger-badge-inline { display: inline-block; font-size: 10px; font-weight: 700; padding: 3px 8px; background-color: #BE1E2D; color: #ffffff; border-radius: 2px; }
.danger-badge-inline.orange { background-color: #e67e22; }
.danger-badge-inline.yellow { background-color: #f39c12; color: #1a1a1a; }
.safe-badge { display: inline-flex; align-items: center; gap: 4px; background-color: rgba(39, 174, 96, 0.08); color: #27ae60; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 2px; }
.safe-badge svg { width: 12px; height: 12px; }
.alert-banner { background: linear-gradient(135deg, rgba(190, 30, 45, 0.12) 0%, rgba(190, 30, 45, 0.04) 100%); padding: 20px; display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; border: 1px solid rgba(190, 30, 45, 0.25); border-radius: 12px; position: relative; overflow: hidden; }
.alert-banner::before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background-color: #BE1E2D; border-radius: 12px 0 0 12px; }
.alert-banner svg { width: 22px; height: 22px; flex-shrink: 0; margin-top: 0; }
.alert-banner .alert-banner-text { font-size: 14px; line-height: 22px; color: rgba(255, 255, 255, 0.85); }
.alert-banner .alert-banner-text strong { font-weight: 700; color: #ff6b7a; }
.alert-banner .alert-banner-text a { color: #BE1E2D; font-weight: 600; }
@media (min-width: 768px) {
  .warning-box .warning-box-header { padding: 12px 20px; }
  .warning-box .warning-box-content { padding: 20px; }
}