/* 공통 초기화 및 변수 */
:root {
  --taskbar-h: 40px;
  --accent: #0a62c9;
  --xl-green: #217346;
  --xl-green-dark: #185c37;
  --xl-grid-line: #d4d4d4;
  --xl-header-bg: #f3f3f3;
  --xl-header-text: #444;
  --xl-select: #217346;
  --xl-select-header-bg: #d3f0e0;
  --ui-font: "Segoe UI", "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", sans-serif;
  /* 보조 단추(취소·닫기 등) 공통 색: 흰 바탕 위에서도 단추로 보이게 회색으로 채우고 테두리를 둔다 */
  --btn-bg: #e4e7ec;
  --btn-bg-hover: #d5dae1;
  --btn-border: #8a94a1;
  --btn-fg: #1f2328;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: var(--ui-font);
  font-size: 13px;
  color: #000;
  /* 한글은 단어 중간에서 끊지 않고, 너무 긴 낱말(주소·URL)만 어쩔 수 없을 때 끊는다 */
  word-break: keep-all;
  overflow-wrap: break-word;
  background: #000;
}

[hidden] {
  display: none !important;
}

button {
  font-family: inherit;
  cursor: default;
  /* 단추 글은 절대 두 줄로 꺾지 않는다 (원격 접속 표의 '연결 종료' 등) */
  white-space: nowrap;
}

button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}

svg {
  display: block;
}