/* 這兩個 class 取代先前的 inline style="display:none" / "visibility:hidden"。
   inline style 原本就勝過所有選擇器，改成 class 後必須用 !important 才能還原相同行為
   （main.css 有 [data-page*=member] .form__accordion__trigger .fields-group-control 這類
   特異度更高的規則會壓過單一 class）。 */
.csp-hidden {
  display: none !important;
}

.csp-invisible {
  visibility: hidden !important;
}

.csp-inline-block {
  display: inline-block !important;
}

.csp-background-login {
  background-image: url("../../manager/theme/image/bg-1.jpg");
}

/* file-upload.js 的上傳遮罩。刻意不加 !important，
   showLoading()/hideLoading() 是用 element.style.display 切換的。 */
.csp-upload-loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.csp-upload-loading__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
}

.csp-upload-loading__text {
  color: #333;
}

.csp-alert {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.csp-alert.-success- {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.csp-alert.-error- {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.csp-alert__dismiss {
  float: right;
  padding: 0;
  color: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  background: none;
  border: 0;
}

.c-notice.-birthday-warning- {
  padding: 12px 16px;
  margin-bottom: 16px;
  color: #856404;
  background: #fff3cd;
  border-left: 4px solid #ffc107;
  border-radius: 4px;
}

.c-notice.-birthday-locked- {
  padding: 12px 16px;
  margin-bottom: 16px;
  color: #0c5460;
  background: #e7f3fe;
  border-left: 4px solid #2196f3;
  border-radius: 4px;
}