/* 대운·세운 가로 행 공용 스타일 — manse-un.js가 그리는 .scroll-row/.scroll-cell. 관리자 모바일 만세력의 인라인 스타일에서
   그대로 옮겨왔다(값 변경 없음). 현재/고른 칸 테두리 색은 페이지가 --cur-border·--sel-border로 정한다(없으면 관리자 기본값).
   컬러/흑백은 관리자 규약대로 body.color-mode / body.mono-mode. */

.scroll-row { display: flex; gap: 2px; overflow-x: auto; border-bottom: 1px solid #bbb; cursor: grab; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }
.scroll-row.dragging { cursor: grabbing; scroll-behavior: auto; user-select: none; }
.scroll-cell { flex: 0 0 auto; width: calc(var(--t) + 2px); border: 1px solid #ccc; border-top: 2px solid transparent; border-bottom: 2px solid transparent; border-radius: 4px; text-align: center; box-sizing: border-box; } /* 칸 사이는 .scroll-row의 gap */
/* 행은 오른쪽 → 왼쪽(오른쪽 끝이 첫 칸, manse-un.js renderRow). 칸이 행 폭보다 적으면 오른쪽 끝에 붙인다 — auto 여백은
   넘칠 때 0이 되어 justify-content: flex-end와 달리 왼쪽 끝까지 스크롤이 그대로 된다. */
.scroll-row > .scroll-cell:first-child { margin-left: auto; }
.scroll-cell.current { border-color: var(--cur-border, #3b6fd6); }
.scroll-cell.selected { border-color: var(--sel-border, #e08a1e); }
.cell-label { font-size: var(--lab, 10px); letter-spacing: -.4px; color: #666; padding: 1px 0; } /* 나이·년도·월 — 핸드폰 390px에서 한눈에 읽히는 크기 */
.scroll-cell.current .cell-label { background: var(--cur-border, #3b6fd6); color: #fff; }
.scroll-cell.selected .cell-label { background: var(--sel-border, #e08a1e); color: #fff; }
.scroll-cell .gz { font-size: calc(var(--t) * .7); font-weight: 700; padding: 2px 0; color: #000; }
/* 체크 줄 「운 칸에도」로 칸에 붙는 줄(관리자 만세력·/manse — manse-un.js ex). 13px, 한 가지 색, 신살·합충·형파해·원진귀문 목록은 칸 폭에서 줄바꿈. */
.cell-ex { font-size: var(--lab, 10px); line-height: 1.3; color: #333; letter-spacing: -.4px; padding: 1px 0; word-break: keep-all; overflow-wrap: anywhere; } /* 칸보다 긴 이름(천을귀인 등)은 칸 안에서 줄바꿈 */
.cell-ex.cell-rel > div + div, .cell-ex.cell-samhap > div + div,.cell-ex.cell-sinsal > div + div, .cell-ex.cell-hyeong > div + div, .cell-ex.cell-wonjin > div + div { margin-top: 2px; }
body.mono-mode .cell-ex { color: #000; }
/* 월운 행 위 제목 줄 "[ 2026년 (53세) 월운 ]" — manse-chain.js renderWolwoon */
.wolwoon-title { background: #a0742a; color: #fff; text-align: center; font-size: 12px; font-weight: 700; padding: 3px 0; letter-spacing: .5px; }

/* 오행 파스텔 — 관리자 화면은 같은 규칙을 전역으로 따로 둔다(연습실은 이 행 안에서만). */
body.color-mode .scroll-cell .el-mok  { background: var(--el-mok, #d7edd0); }
body.color-mode .scroll-cell .el-hwa  { background: var(--el-hwa, #fbdfe4); }
body.color-mode .scroll-cell .el-to   { background: var(--el-to, #faf0c8); }
body.color-mode .scroll-cell .el-geum { background: var(--mx-geum, #FAFAF7); border-color: #cfd0d4; } /* 金·水 색 벌리기 — manse-wonguk.css와 같은 값 */
body.color-mode .scroll-cell .el-su   { background: var(--mx-su, #B8BCC4); }

/* 흑백: 유채색 0, 강조는 테두리·굵기·선 스타일로만 */
body.mono-mode .scroll-cell.current { border-color: #000; border-top-style: dashed; border-bottom-style: dashed; }
body.mono-mode .scroll-cell.selected { border-color: #000; border-top-width: 3px; border-bottom-width: 3px; }
body.mono-mode .scroll-cell.current .cell-label { background: none; color: #000; font-weight: 700; }
body.mono-mode .scroll-cell.selected .cell-label { background: none; color: #000; font-weight: 800; text-decoration: underline; }

/* ── 칸 크기 계단 — 원국 칸(--tile-wonguk) = 1.0 기준 대운 0.8 · 세운 = 월운 0.5(원광: 두 줄 칸 폭 같음). 칸 폭 = 타일 + 테두리 2px, 한자는 타일의 70%,
   보조 글자(--lab)는 칸 폭에 맞춰 최소 9px. 「표시 항목」 체크는 칸을 늘리지 않고 아래로 줄만 붙는다. 세 줄 모두 가로 스크롤. ── */
:root { --tile-wonguk: 56px; }
.scroll-row { --t: calc(var(--tile-wonguk) * .5); }
.daeun-row { --t: calc(var(--tile-wonguk) * .8); --lab: 12px; }
/* 세운 = 월운 칸은 0.5에서 1px 줄인 타일(칸 29px) — 390px 폰(줄 폭 약 372px)에서 월운 12칸이 스크롤 없이 다 들어가게(12×29 + 11×2 = 370px). 360px 폰은 스크롤. */
.saewoon-row, .wolwoon-row { --t: calc(var(--tile-wonguk) * .5 - 1px); --lab: 9px; }
.saewoon-row .cell-label, .wolwoon-row .cell-label { letter-spacing: -.5px; }

/* ── 세운·월운 줄: 전체 나열 + 가로 스크롤(manse-chain.js — 세운 = 태어난 해부터 끝까지, 월운 = 고른 세운의 1~12월). 칸 최소 폭 24px(손가락으로 정확히). ── */
.saewoon-row > .scroll-cell, .wolwoon-row > .scroll-cell { min-width: 24px; }

/* ── 세운·월운 칸 글자 가독성 — 천간·지지 한자 굵게(700)·타일의 75%, 칸 아래위 보조 글자(십성·12운성·신살·합충 등)는 굵기 그대로 색만 진하게.
   원국·대운 칸 글자와 나이·연도·월 숫자(.cell-label)는 그대로. ── */
.saewoon-row .gz, .wolwoon-row .gz { font-size: calc(var(--t) * .75); font-weight: 700; }
.saewoon-row .cell-ex, .wolwoon-row .cell-ex { color: #111; }
/* 월운 줄 36칸(manse-chain.js) — 1월 칸만 숫자 아래 연도 「’25」를 작게(칸 아래 붙는 줄이 있으면 다른 달은 빈 줄로 높이만 맞춤). */
.wolwoon-row .cell-label .wol-yr { display: block; font-size: 8px; line-height: 1.1; min-height: 1.1em; letter-spacing: -.3px; }