/**
 * 키트 다리(bridge) — 키트에 없는 기존 요소를 키트 모양으로 맞춘다.
 *
 * 키트(ui.css)는 단추·입력칸·확인창·표 같은 부품만 정의한다. 화면마다 따로 만들어 둔
 * 제목·요약 타일·탭·토글은 키트에 규칙이 없어, 색만 바꿔서는 화면마다 다른 모양이 남는다.
 * 여기서 그 요소들을 카탈로그 톤(제목 = ws-pagehead h1, 색 = 토큰)으로 맞춘다.
 *
 * - 값은 전부 tokens.css 변수만 쓴다.
 * - 화면 구조(배치)는 바꾸지 않는다. 글자 크기·색·테두리만.
 * - tokens.css·ui.css·ui-grid.css 뒤에 불러온다.
 */

/* ── 1. 화면 제목 — 전부 키트 pagehead 제목(19px · 700 · 먹색) 과 같은 글자로 ── */
.toolbar-left .title-badge,
.du-toolbar__title strong, .be-toolbar__title strong, .ca-toolbar__title strong, .cf-toolbar__title strong,
.cup-toolbar__title strong, .cu-toolbar__title strong, .cs-toolbar__title strong, .pu-toolbar__title strong,
.sp-title, .ps-title-name, .cp-title-name, .pg-title-name, .vet-title, .rg-title-badge, .sp-header h1,
.sub-page-title, .page-title, .mx-title, .iss-title {
    font-size: var(--fs-5) !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    letter-spacing: -.015em;
    background: none !important;
    border: 0 !important;
    text-align: left !important;
}
.sp-title .accent, .vet-title .accent, .sp-header h1 span { color: var(--ink) !important; }
/* 분석·판매대장의 왼쪽 타일: 남색 띠였던 제목 → 흰 바탕에 글자만 */
.toolbar-left .title-badge { padding: 10px 14px 4px; letter-spacing: -.015em; }
/* 제목 옆 설명글 = 키트 ws-sub */
.ps-subtitle, .cp-subtitle, .pg-subtitle, .vet-subtitle, .sp-title-block .sp-subtitle,
.du-toolbar__desc, .be-toolbar__desc, .ca-toolbar__desc, .cf-toolbar__desc, .cs-toolbar__desc, .cu-toolbar__desc, .cup-toolbar__desc {
    font-size: var(--fs-2) !important;
    color: var(--ink-3) !important;
}

/* ── 2. 하단 단추 줄 — 위험 단추를 오른쪽 끝(마침 옆)으로 보낼 때 쓰는 빈칸 ── */
.ws-sp { flex: 1 1 auto; }

/* ── 3. 숫자 글꼴 — 키트 규칙(ui.css .ws-num = --f-num 고정폭) 그대로 둔다. 예전엔 여기서 inherit 로 꺼뒀었음(요구 밖이라 되돌림) ── */

/* ── 4. 요약 타일 숫자·작은 상태 글자 ── */
.summary-cell .value { color: var(--ink); }
.summary-cell.range .value, .summary-cell .value.accent { color: var(--brand-ink); }