{% if deployment.show_advisory %}
<aside class="advisory-banner" role="status" aria-live="polite">
  <div class="advisory-banner__icon">
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
      <circle cx="12" cy="12" r="10"></circle>
      <line x1="12" y1="8" x2="12" y2="12"></line>
      <line x1="12" y1="16" x2="12.01" y2="16"></line>
    </svg>
  </div>
  <div class="advisory-banner__body">
    <p class="advisory-banner__title">상용 서비스 전환 시 엔터프라이즈 스택 도입을 권고합니다</p>
    <p class="advisory-banner__desc">
      현재 <strong>{{ deployment.label }}</strong> 단계 ({{ deployment.trust }})로 운영 중입니다.
      정식 상용 서비스로 전환 시
      <strong>PostgreSQL+PostGIS · Redis Cluster · Celery · Kafka · Django Channels · MLflow · AWS EKS</strong> 등의
      엔터프라이즈 스택 도입이 필요합니다.
    </p>
    <div class="advisory-banner__actions">
      <a href="{% url 'system-deployment' %}" class="advisory-banner__cta">
        마이그레이션 가이드 보기 →
      </a>
    </div>
  </div>
</aside>
<style>
  .advisory-banner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    margin-bottom: 1.5rem;
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-left: 4px solid #d97706;
    border-radius: 12px;
  }
  .advisory-banner__icon { color: #b45309; margin-top: 2px; flex-shrink: 0; }
  .advisory-banner__body { flex: 1; min-width: 0; }
  .advisory-banner__title { margin: 0 0 4px; font-size: 0.95rem; font-weight: 700; color: #78350f; }
  .advisory-banner__desc { margin: 0; font-size: 0.85rem; color: #92400e; line-height: 1.55; }
  .advisory-banner__actions { margin-top: 12px; }
  .advisory-banner__cta {
    display: inline-block;
    padding: 6px 14px;
    background: #b45309;
    color: white;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s;
  }
  .advisory-banner__cta:hover { background: #92400e; }
  :root[data-theme='dark'] .advisory-banner {
    background: rgba(245, 158, 11, 0.06);
    border-color: rgba(245, 158, 11, 0.3);
  }
  :root[data-theme='dark'] .advisory-banner__title { color: #fde68a; }
  :root[data-theme='dark'] .advisory-banner__desc { color: #fcd34d; }
</style>
{% endif %}