/* stagePAN 현재시간(clock) 전용 스타일 — common.css 토큰만 쓴다 */

/* 제목 입력칸이 없으므로 아이콘 버튼을 오른쪽에 붙인다 */
.kt-topbar__tools { margin-left: auto; }

/* 큰 숫자 크기는 common.css 수식어로만 정한다(초 표시 .kt-num--xl, 초 끔 .kt-num--short — main.js가 바꿔 붙임) */

/* 12시간 표시의 오전/오후: 숫자 앞(위)에 작은 현수막 글씨로 — 숫자 고정폭 유지 */
.clock-ampm { margin-bottom: var(--kt-space-2); }

.clock-controls { width: 100%; }
.clock-wake-msg:empty { display: none; }
.clock-note { text-wrap: balance; }

/* ---- 전체화면: 폭·숫자 크기는 common.css가 정한다 ---- */
.kt-is-fullscreen .clock-board { padding-block: clamp(16px, 3vh, 40px); }
.kt-is-fullscreen .clock-ampm { font-size: min(6vw, 8vh); }
.kt-is-fullscreen .clock-date { font-size: max(var(--kt-fs-m), min(4vw, 5vh)); }

/* ---- 어두운 화면(kt.clock.theme = "dark") ----
   main.js가 <html>에 공통 클래스 kt-dark를 붙인다. 색은 common.css의 html.kt-dark가 정한다(여기서 재정의하지 않음). */