/* 3관 원장님 현황 · 로그인 창 (board-api.js 가 body 에 넣는 #boardLogin)
   화면과 같은 흰 바탕·IBM Plex Sans KR. 로그인 전에는 뒤의 현황판을 완전히 가립니다. */
html.bl-locked, html.bl-locked body { overflow: hidden; }
.bl-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: #ffffff;
  color: #1f1f1f;
  font-family: 'IBM Plex Sans KR', system-ui, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  color-scheme: only light;
}
.bl-overlay[hidden] { display: none; }
.bl-card {
  width: 100%;
  max-width: 400px;
  padding: 28px 24px;
  border: 1px solid #dadce0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(60, 64, 67, .15);
  text-align: center;
}
.bl-title { margin: 0 0 12px; font-size: 20px; font-weight: 700; letter-spacing: -0.01em; }
.bl-text { margin: 0 0 20px; font-size: 15px; line-height: 1.55; color: #3c4043; word-break: keep-all; overflow-wrap: anywhere; }
.bl-text:last-child { margin-bottom: 0; }
.bl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 20px;
  border: 1px solid #1a73e8;
  border-radius: 8px;
  background: #1a73e8;
  color: #ffffff;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.bl-btn:hover { background: #1765cc; border-color: #1765cc; }
.bl-btn:focus-visible { outline: 3px solid #a8c7fa; outline-offset: 2px; }
.bl-btn[disabled] { opacity: .6; cursor: progress; }
.bl-error { margin: 16px 0 0; font-size: 14px; color: #c5221f; word-break: keep-all; overflow-wrap: anywhere; }

/* 새로고침 단추 (화면 파일은 고치지 않고 여기서만 보정)
   board-api.js 의 getWebBoard 는 바뀐 것이 생길 때까지(최대 1초) 기다렸다가 돌려주므로 화면은 늘 '읽는 중'(aria-busy=true)이고,
   원래 스타일대로면 단추가 늘 흐리게 보입니다. 평소처럼 보이게 두고, 단추를 눌러 통째로 다시 읽는 동안만 흐리게 합니다
   (board-api.js 가 그동안 bl-busy 를 붙임). */
#refresh[aria-busy="true"] { opacity: 1; cursor: pointer; }
#refresh.bl-busy { opacity: .6; cursor: progress; }

/* 로그인 계정 줄 ('시트 연결 점검' 안, board-api.js 가 #checks 끝에 넣는 #boardAccount)
   누구로 로그인했는지와 로그아웃 / 다른 계정으로 로그인 단추. 같이 쓰는 PC 에서 입력한 뒤 계정을 닫을 수 있게 합니다. */
.bl-account {
  margin: 8px 0 0;
  padding-left: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 12px;
}
.bl-account[hidden] { display: none; }
.bl-account-who { min-width: 0; overflow-wrap: anywhere; }
.bl-link {
  min-height: 32px;
  padding: 4px 2px;
  border: 0;
  background: none;
  color: var(--accent, #1a73e8);
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.bl-link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 2px; }
.bl-link[disabled] { opacity: .6; cursor: progress; }
.bl-account .bl-error { flex-basis: 100%; margin: 0; }