/* Extracted from templates/template/module/notification.html */
/* ⚠️ 가로 100% 꽉 찬 시스템 경고 Bar 본체 마스터 클래스 */
    .gcax-system-bar {
      position: fixed;
      top: -70px;
      left: 0;
      right: 0;
      width: 100%;
      height: 60px;
      z-index: 1000000 !important;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 40px;
      font-family: var(--font-base, 'Noto Sans KR', sans-serif);
      box-sizing: border-box;
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    /* 🎨 가변 배경색 및 그림자 옵션 클래스 분리 */
    .gcax-bar-red {
      background-color: #ef4444;
      box-shadow: 0 5px 15px rgba(239, 68, 68, 0.25);
    }
    .gcax-bar-orange {
      background-color: #f59e0b;
      box-shadow: 0 5px 15px rgba(245, 158, 11, 0.25);
    }
    .gcax-bar-navy {
      background-color: #051c33;
      box-shadow: 0 5px 15px rgba(5, 28, 51, 0.25);
    }

    /* 📝 내부 텍스트 및 레이아웃 정렬 구역 */
    .gcax-bar-content {
      display: flex;
      align-items: center;
      gap: 12px;
      text-align: left;
    }
    .gcax-bar-text {
      font-size: 14px;
      font-weight: 700;
      color: #ffffff;
      letter-spacing: 0.5px;
      white-space: pre-line;
    }
    .gcax-bar-icon {
      font-size: 22px;
      line-height: 1;
    }

    /* ❌ 우측 닫기 버튼 전용 엑스 마크 스타일 */
    .gcax-bar-close {
      appearance: none;
      border: 0;
      background: transparent;
      font-size: 26px;
      font-weight: 300;
      cursor: pointer;
      color: rgba(255, 255, 255, 0.8);
      line-height: 1;
      user-select: none;
      padding: 0 10px;
      transition: color 0.15s ease;
    }
    .gcax-bar-close:hover {
      color: #ffffff;
    }