.breadcrumb a,
.page-breadcrumb a {
  color: #2563eb;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
}

.breadcrumb span,
.page-breadcrumb span {
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
}

/* 1. 헤더 전체 배경 (화면 끝에서 끝까지) */
.header {
    width: 100%;
    background: linear-gradient(90deg, #0f172a 0%, #111827 45%, #1e293b 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.16);
    display: flex;
    justify-content: center; /* 내부 요소를 화면 중앙으로 배치 */
}

/* 2. 헤더 내부 콘텐츠 (홈 화면처럼 일정 폭 유지 및 좌우 정렬) */
.header .header-inner {
    /* 홈 화면의 기준 폭에 맞춰 설정 (1400px 혹은 100%) */
    width: min(var(--shell-width, 1400px), calc(100% - 40px));
    height: 72px;
    margin: 0 auto;
    
    display: flex;
    align-items: center;
    justify-content: space-between; /* 로고는 왼쪽, 정보는 오른쪽 끝으로 */
}

/* 3. 좌측 브랜드 영역 정렬 */
.header .brand {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}

/* 4. 우측 정보 영역 정렬 */
.header .header-right {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-left: auto; /* 우측으로 밀착 */
}

/* 5. 네비게이션 바 정렬 (흰색 메뉴 영역) */
.nav {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: center;
}

.nav-inner {
    width: min(var(--shell-width, 1400px), calc(100% - 40px));
    height: 48px;
    display: flex;
    align-items: center;
    gap: 36px;
}

/* app-nav visibility hard fix */
body .app-nav {
  display: block !important;
  height: 48px !important;
  min-height: 48px !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body .app-nav-inner {
  display: flex !important;
  height: 48px !important;
  min-height: 48px !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body .app-nav-link,
body .app-nav-title,
body .app-nav-inner > a {
  display: inline-flex !important;
  align-items: center !important;
  height: 48px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 상단 메뉴와 본문 구분선 */
.nav,
.main-nav,
.top-nav {
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 0 rgba(15,23,42,.03) !important;
}

/* 본문 시작부와 자연스럽게 분리 */
.main {
  border-top: 1px solid #eef2f7 !important;
}

.nav,
.main-nav,
.top-nav {
  border-bottom: 1px solid #cbd5e1 !important; /* #e5e7eb보다 한 단계 더 명확하고 차분한 슬레이트 그레이 선 */
  box-shadow: none !important;                  /* 소수점 단위의 미세 그림자를 제거하여 플랫(Flat)한 ERP 감성 강조 */
  background: #ffffff !important;               /* 배경을 순백색으로 강제하여 본문 배경(#f8fafc 계열)과의 면 대비 유도 */
}


/* 결산/보고서 2단 드롭다운 */
.nav-dropdown-wide{
  min-width:190px;
}

.nav-subgroup{
  position:relative;
}

.nav-subtitle{
  display:block;
  padding:10px 14px;
  font-size:14px;
  font-weight:700;
  color:#111;
  white-space:nowrap;
  cursor:default;
}

.nav-subtitle:hover{
  background:#eef4ff;
  color:#0b5ed7;
}

.nav-subdropdown{
  display:none;
  position:absolute;
  left:100%;
  top:0;
  min-width:190px;
  background:#fff;
  border:1px solid #d8e0ec;
  border-radius:10px;
  box-shadow:0 12px 28px rgba(15,23,42,.16);
  padding:8px 0;
  z-index:9999;
}

.nav-subgroup:hover .nav-subdropdown{
  display:block;
}

.nav-subdropdown a{
  display:block;
  padding:10px 14px;
  font-size:14px;
  font-weight:700;
  color:#111;
  text-decoration:none;
  white-space:nowrap;
}

.nav-subdropdown a:hover{
  background:#eef4ff;
  color:#0b5ed7;
}

/* =========================================================
   HEADER / NAV STICKY FINAL - 2026-06-13
   ========================================================= */

.header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  margin: 0 !important;
}

.header .header-inner {
  height: 72px !important;
  margin: 0 auto !important;
}

.nav {
  position: sticky !important;
  top: 72px !important;
  z-index: 9999 !important;
  margin: 0 !important;
  background: #fff !important;
}

.nav-inner {
  height: 48px !important;
  margin: 0 auto !important;
}

.main {
  border-top: 0 !important;
}

/* =========================================================
   ERP 상단 메뉴 가독성 개선 - 2026-06-13
   ========================================================= */

.nav-link,
.nav-title {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.nav-dropdown a,
.nav-subtitle,
.nav-subdropdown a {
  font-size: 15px !important;
  font-weight: 800 !important;
}

.nav-inner {
  gap: 38px !important;
}


/* =========================================================
   시스템관리 - 준비중 메뉴 및 하위메뉴 폭 보정
   ========================================================= */

/* 시스템관리 하위 2단 메뉴 폭 */
.nav-group .nav-subdropdown {
    min-width: 230px;
}

/* 준비중 메뉴 */
.nav-subdropdown .nav-coming-soon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    color: #64748b;
    cursor: default;
}

.nav-subdropdown .nav-coming-soon:hover {
    color: #475569;
    background: #f8fafc;
}

/* 준비중 배지 */
.nav-ready-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;

    min-width: 36px;
    height: 17px;
    padding: 0 5px;

    border: 1px solid #cbd5e1;
    border-radius: 9px;
    background: #f1f5f9;

    color: #64748b;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.church-no-admin-card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:24px;
}

.church-no-admin-head-left{
    flex:1;
}

.member-sort-box{
    width:210px;
    font-size:13px;
    line-height:1.45;
    text-align:left;
    flex-shrink:0;
}

.member-sort-box .sort-title{
    display:inline-block;
    width:38px;
    font-weight:700;
}

.member-sort-box label{
    display:inline-block;
    margin-right:10px;
    white-space:nowrap;
}

.member-sort-box input{
    margin-right:3px;
}