/* ---------------------------------------------------------------------------
 * Form_StatusBar.xfdl 변환본 — 하단 상태바 enhancement + reference fragment 스타일.
 *
 * 원본 시각: 1020×30 하단 영역. 좌측 stcMsg (메시지) + 우측 divStatus (사용자 정보 +
 * 서버 hostname). gift-was-mvc 의 .admin-footer 가 이미 footer 컨테이너 역할.
 * 본 CSS 는 footer 안에 message slot + 서버 표시 area 를 보강.
 * --------------------------------------------------------------------------- */

/* admin-footer 의 메시지 영역 — 원본 stcMsg 대응 */
.admin-footer .status-bar-message {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 12px;
  font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
  font-size: 12px;
  color: #4f6b96;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.2s ease;
}
.admin-footer .status-bar-message:empty {
  opacity: 0;
}
.admin-footer .status-bar-message.is-error { color: #d12020; }
.admin-footer .status-bar-message.is-success { color: #2c7a39; }

/* 서버 hostname 표시 — 원본 stcServer (#000000 검정 배경, 우측 정렬) */
.admin-footer .status-bar-server {
  flex: 0 0 auto;
  padding: 2px 10px;
  margin-right: 8px;
  background: #1f2a44;
  color: #9f91b2;
  border-radius: 3px;
  font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
  font-size: 11px;
  letter-spacing: 0.5px;
}

/* form-status-bar reference fragment 스타일 — 다른 reference 와 동일 톤 */
.form-status-bar-fragment {
  padding: 24px;
  font-family: 'Pretendard', 'Malgun Gothic', sans-serif;
  color: #1f2a44;
}
.form-status-bar-fragment h3 { margin: 0 0 12px 0; font-size: 16px; color: #2c4368; }
.form-status-bar-fragment p.lead { margin: 0 0 20px 0; font-size: 13px; color: #555; line-height: 1.7; }
.form-status-bar-mapping {
  width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 24px;
}
.form-status-bar-mapping th, .form-status-bar-mapping td {
  border: 1px solid #d0d4dc; padding: 8px 12px; vertical-align: top;
}
.form-status-bar-mapping thead th { background: #eceefa; color: #1f2a44; font-weight: 600; }
.form-status-bar-mapping td code {
  background: #f5f6f8; padding: 1px 5px; border-radius: 2px;
  font-family: 'Menlo', 'Consolas', monospace; font-size: 12px; color: #2c4368;
}
.form-status-bar-fragment .demo-box {
  background: #fbfbfc; border: 1px dashed #b8c0cf; border-radius: 4px;
  padding: 12px 16px; font-size: 13px; line-height: 1.7; color: #1f2a44;
}
.form-status-bar-fragment .demo-box strong { color: #2c4368; }
.form-status-bar-fragment pre {
  background: #1f2a44; color: #eceefa; padding: 12px 16px; border-radius: 4px;
  font-family: 'Menlo', 'Consolas', monospace; font-size: 12px; line-height: 1.5;
  overflow-x: auto;
}
.form-status-bar-fragment .demo-launch {
  display: inline-block; margin: 4px 4px 0 0; padding: 6px 14px;
  background: #2c4368; color: #ffffff; border: 0; border-radius: 4px;
  font-family: inherit; font-size: 13px; cursor: pointer;
}
.form-status-bar-fragment .demo-launch:hover { background: #1f2a44; }
.form-status-bar-fragment .demo-launch.error { background: #d12020; }
.form-status-bar-fragment .demo-launch.error:hover { background: #a01818; }
.form-status-bar-fragment .demo-launch.success { background: #2c7a39; }
.form-status-bar-fragment .demo-launch.success:hover { background: #1f5a2a; }