/* page-board: 현황판(#page-board). 섹션에 class="page ui ps-page". 틀·기준 줄·요약 띠는 page-sales.css 의 공통 규칙을 쓴다.
   상태 표시는 점 모양 + 글자: 작업 중 ● / 백그라운드 ◆ / 대기 ■ / 쉬는 중 ○ / 목록 없음 빨강 ●. 오렌지·초록·둥근 막대 없음. */

#page-board.ui.ps-page .ps-livebar .ps-fs-item { display: inline-flex; align-items: baseline; gap: 8px; font-size: 13px; }
#page-board.ui.ps-page .ps-livebar .ps-fs-k { color: var(--ps-text2); }
#page-board.ui.ps-page .ps-livebar .ps-fs-v { color: var(--ps-text); }
#page-board.ui.ps-page .ps-livebar .rv-st { font-size: 12.5px; }

/* 구획 격자: 문서 스크롤 없이 구획들을 격자로 놓고, 구획 안 목록만 스크롤 */
#page-board.ui.ps-page .bd-grid { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(440px, 1fr)); grid-auto-rows: minmax(170px, 1fr); gap: 12px; overflow-y: auto; overflow-x: hidden; padding: 0 12px 2px 0; scrollbar-width: thin; }
#page-board.ui.ps-page .bd-area { display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 2px solid var(--ps-box); background: transparent; }
#page-board.ui.ps-page .bd-ahead { display: flex; align-items: baseline; gap: 10px; flex: none; padding: 8px 14px; border-bottom: 1px solid var(--ps-rule); }
#page-board.ui.ps-page .bd-ahead h2 { margin: 0; font-size: 17px; font-weight: 500; letter-spacing: -0.02em; }
#page-board.ui.ps-page .pcnt { font-size: 13px; color: var(--ps-text2); font-variant-numeric: tabular-nums; }
#page-board.ui.ps-page .bd-alist { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; }

/* 한 줄: 상태 · 이름 · 진행 · 시간 / 아래 줄 = 지금 하는 일 */
#page-board.ui.ps-page .sitem { border-top: 1px solid var(--ps-hair); }
#page-board.ui.ps-page .sitem:first-child { border-top: 0; }
#page-board.ui.ps-page .srow { display: grid; grid-template-columns: 100px minmax(0, 1fr) 124px 44px; column-gap: 10px; row-gap: 1px; align-items: center; padding: 7px 14px; cursor: pointer; }
#page-board.ui.ps-page .srow:hover { background: var(--ps-raised); }
#page-board.ui.ps-page .srow:focus-visible { outline: 2px solid var(--ps-text); outline-offset: -2px; }
#page-board.ui.ps-page .sitem.open > .srow { background: var(--ps-raised); box-shadow: inset 3px 0 0 var(--ps-text); }
#page-board.ui.ps-page .srow > span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#page-board.ui.ps-page .sstate { font-size: 13px; }
#page-board.ui.ps-page .sstate .rv-st { font-size: 13px; }
#page-board.ui.ps-page .stitle { font-size: 14px; font-weight: 500; }
#page-board.ui.ps-page .prog { display: flex; align-items: center; gap: 8px; font-size: 12.5px; }
#page-board.ui.ps-page .prog .bar { flex: 1; min-width: 40px; height: 2px; background: var(--ps-hair); }
#page-board.ui.ps-page .prog .bar i { display: block; height: 2px; background: var(--ps-text); }
#page-board.ui.ps-page .prog b { font-weight: 400; min-width: 32px; text-align: right; font-variant-numeric: tabular-nums; color: var(--ps-text); }
#page-board.ui.ps-page .prog.none { justify-content: flex-end; }
#page-board.ui.ps-page .scur { grid-column: 2 / -1; font-size: 12.5px; color: var(--ps-text2); min-height: 17px; }
#page-board.ui.ps-page .sage { font-size: 12.5px; color: var(--ps-text2); text-align: right; font-variant-numeric: tabular-nums; }

/* 펼친 칸 */
#page-board.ui.ps-page .detail { padding: 2px 14px 12px 124px; font-size: 13.5px; }
#page-board.ui.ps-page .nomission { padding: 4px 0; }
#page-board.ui.ps-page .mlabel { font-size: 12.5px; color: var(--ps-text2); margin: 8px 0 2px; }
#page-board.ui.ps-page .todos { list-style: none; margin: 0; padding: 0; }
#page-board.ui.ps-page .todos li { display: flex; gap: 8px; padding: 2px 0; line-height: 1.4; }
#page-board.ui.ps-page .todos .mk { width: 14px; flex: none; text-align: center; color: var(--ps-text2); }
#page-board.ui.ps-page .todos li.in_progress { font-weight: 500; }
#page-board.ui.ps-page .todos li.in_progress .mk { color: var(--ps-text); }
#page-board.ui.ps-page .todos li.completed { color: var(--ps-muted); text-decoration: line-through; }
#page-board.ui.ps-page .fin summary { cursor: pointer; color: var(--ps-text2); font-size: 13px; padding: 3px 0; }
#page-board.ui.ps-page .fin summary:focus-visible { outline: 2px solid var(--ps-text); outline-offset: 2px; }
#page-board.ui.ps-page .helpers { margin-top: 6px; }
#page-board.ui.ps-page .agent { display: flex; align-items: center; gap: 10px; font-size: 13px; padding: 3px 0; border-top: 1px solid var(--ps-hair); }
#page-board.ui.ps-page .agent .rv-st { flex: none; min-width: 84px; font-size: 12.5px; }
#page-board.ui.ps-page .agent .nm { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#page-board.ui.ps-page .agent .meta { color: var(--ps-text2); font-variant-numeric: tabular-nums; }