/* ========================================================================== 삼우물산 — 3단계 화면별 시안 적용 (2026-08-12) 화면 하나당 한 구역. 모든 규칙이 '#pg-<화면>.ds' 로 시작하고, 해당 페이지 div 에 class="ds" 를 붙인 화면만 실제로 바뀐다. [공통 원칙] CSS 전용. JS·onclick·id·name·data-* 미변경. 화면에 뜨는 수치는 전부 기존 코드가 계산한 값 그대로. 의미를 담은 색(부서 색·긴급 빨강·정상 초록 등)은 건드리지 않는다. ※ 홈(pg-terminal)은 별도 파일 css/samwoo-home.css 담당. ========================================================================== */ /* ══════════════════════════════════════════════════════════════════════════ 보고서함 (pg-reports) 기존이 이미 앰버(#F59E0B)를 쓰고 있어 색 방향은 시안과 같다. 바꾸는 건 ① 하드코딩된 회색·rgba 테두리를 토큰으로 ② 라운드 12→8 ③ 버튼을 시안 버튼 모양으로 ④ 패널에 그림자. [유지] 부서칩의 --dc 부서색, 별표 금색, 안읽음 파랑 = 전부 의미색. [유지] 주요 버튼의 검은 글자 — 앰버 배경에 흰 글자는 대비가 크게 떨어진다 (시안 토큰 --accent-fg 는 흰색이지만 앰버 테마에선 가독성이 나쁘다). ══════════════════════════════════════════════════════════════════════════ */ #pg-reports.ds .rc-topbar{ background:var(--surface-card); border-bottom:var(--bd); color:var(--text-3); } #pg-reports.ds .rc-topbar .rc-tb-title{ font-size:var(--fs-13); color:var(--text-1); } /* 좌우 패널 */ #pg-reports.ds .rc-left, #pg-reports.ds .rc-right{ background:var(--surface-card); border:var(--bd); border-radius:var(--r-4); box-shadow:var(--shadow-1); } #pg-reports.ds .rc-left-head, #pg-reports.ds .rc-tabs, #pg-reports.ds .rc-deptbar, #pg-reports.ds .rc-detail-head{ border-bottom:1px solid var(--hairline-soft); } #pg-reports.ds .rc-deptbar{ background:transparent; } #pg-reports.ds .rc-left-h{ font-size:var(--fs-16); font-weight:800; color:var(--text-1); } #pg-reports.ds .rc-left-sub, #pg-reports.ds .rc-new-badge{ font-size:var(--fs-11); color:var(--text-3); } #pg-reports.ds .rc-new-badge b{ color:var(--accent); } /* 상단 탭(전체·안읽음·자료요청·시세·브리핑·별표) */ #pg-reports.ds .rc-tab{ border-radius:var(--r-2); color:var(--text-3); } #pg-reports.ds .rc-tab:hover{ background:var(--surface-sunk); } #pg-reports.ds .rc-tab.on{ background:var(--accent-soft); box-shadow:inset 0 -2px 0 var(--accent); } #pg-reports.ds .rc-tab .cnt{ color:var(--text-3); } #pg-reports.ds .rc-tab.on .cnt{ color:var(--accent); } /* 부서 칩 — 부서색(--dc)은 그대로, 기본 상태 테두리만 토큰으로 */ #pg-reports.ds .rc-dchip{ background:var(--surface-sunk); border:1px solid var(--hairline-soft); color:var(--text-2); } #pg-reports.ds .rc-dchip:hover{ border-color:var(--hairline); } /* 목록 행 */ #pg-reports.ds .rc-item{ border-bottom:1px solid var(--hairline-soft); } #pg-reports.ds .rc-item:hover{ background:var(--surface-sunk); } #pg-reports.ds .rc-item.active{ background:var(--accent-soft)!important; border-left-color:var(--accent)!important; } #pg-reports.ds .rc-item-title{ font-size:var(--fs-13); color:var(--text-1); } #pg-reports.ds .rc-item-meta, #pg-reports.ds .rc-item-time{ font-size:var(--fs-11); color:var(--text-3); } /* 상세 */ #pg-reports.ds .rc-detail-h1{ color:var(--text-1); letter-spacing:-0.02em; } #pg-reports.ds .rc-detail-sub{ font-size:var(--fs-12); color:var(--text-3); } #pg-reports.ds .rc-kv{ border-top:1px solid var(--hairline-soft); border-bottom:1px solid var(--hairline-soft); } #pg-reports.ds .rc-kv .k{ font-size:var(--fs-11); color:var(--text-3); } #pg-reports.ds .rc-kv .v{ color:var(--text-1); } #pg-reports.ds .rc-kv .vsub{ font-size:var(--fs-11); color:var(--text-3); } #pg-reports.ds .rc-sec-h{ font-size:var(--fs-15); color:var(--text-1); } #pg-reports.ds .rc-bullet-num{ background:var(--accent-soft); color:var(--accent); } #pg-reports.ds .rc-bullet-text{ color:var(--text-2); } #pg-reports.ds .rc-md p{ color:var(--text-2)!important; } #pg-reports.ds .rc-md table th{ color:var(--accent); border-bottom-color:var(--hairline); } #pg-reports.ds .rc-md table td{ color:var(--text-2); border-bottom-color:var(--hairline-soft); } /* 하단 액션바 · 버튼 */ #pg-reports.ds .rc-actionbar{ border-top:1px solid var(--hairline-soft); background:transparent; } #pg-reports.ds .rc-btn{ background:var(--surface-card); color:var(--text-1); border:var(--bd); border-radius:var(--r-2); font-size:var(--fs-12); font-weight:600; padding:8px 14px; } #pg-reports.ds .rc-btn:hover{ background:var(--surface-sunk); border-color:var(--text-4); } #pg-reports.ds .rc-btn.pri, #pg-reports.ds .rc-head-action{ background:var(--accent); color:#18181B; border:1px solid var(--accent); border-radius:var(--r-2); font-weight:700; } #pg-reports.ds .rc-btn.pri:hover, #pg-reports.ds .rc-head-action:hover{ background:var(--accent-deep); box-shadow:none; } /* 좁은 화면 */ @media (max-width:900px){ #pg-reports.ds .rc-wrap{ padding:12px; gap:12px; } } @media (max-width:640px){ #pg-reports.ds .rc-topbar{ padding:8px 12px; flex-wrap:wrap; gap:6px; } #pg-reports.ds .rc-detail-head{ padding:18px 16px 14px; } #pg-reports.ds .rc-detail-h1{ font-size:20px; } #pg-reports.ds .rc-detail-body{ padding:16px; } #pg-reports.ds .rc-actionbar{ padding:12px 16px; flex-wrap:wrap; } } /* ══════════════════════════════════════════════════════════════════════════ 업무 달력 (pg-calendar) — FullCalendar 사용 [주의] .fc-* 는 FullCalendar 가 만드는 DOM 이라 클래스명을 절대 안 건드린다. 색·라운드만 덮는다. 일정 색(부서색)은 이벤트마다 인라인이라 그대로 둔다. ══════════════════════════════════════════════════════════════════════════ */ #pg-calendar.ds .cal-h1{ color:var(--text-1); letter-spacing:-0.015em; } #pg-calendar.ds .cal-eyebrow{ color:var(--accent); letter-spacing:.10em; } #pg-calendar.ds .cal-h1-sub{ color:var(--text-3); } #pg-calendar.ds .cal-card, #pg-calendar.ds .cal-clock-wrap{ background:var(--surface-card); border:var(--bd); border-radius:var(--r-4); box-shadow:var(--shadow-1); } #pg-calendar.ds .cal-btn{ background:var(--surface-card); color:var(--text-1); border:var(--bd); border-radius:var(--r-2); font-size:var(--fs-12); font-weight:600; } #pg-calendar.ds .cal-btn:hover{ background:var(--surface-sunk); border-color:var(--text-4); } #pg-calendar.ds .cal-btn.pri{ background:var(--accent); color:#18181B; border-color:var(--accent); } #pg-calendar.ds .cal-btn.pri:hover{ background:var(--accent-deep); } /* 활성 버튼이 흰 배경이라 시안과 겉돌던 것 → 앰버 톤으로 */ #pg-calendar.ds .cal-btn.on{ background:var(--accent-soft); color:var(--accent); border-color:var(--accent); } #pg-calendar.ds #cal-dept-filter{ border-bottom:1px solid var(--hairline-soft); } #pg-calendar.ds .dept-chip{ background:var(--surface-sunk); border:1px solid var(--hairline-soft); color:var(--text-2); } #pg-calendar.ds #cal-clock-digital{ color:var(--text-1); } #pg-calendar.ds #cal-clock-date{ color:var(--text-3); } #pg-calendar.ds .fc .fc-toolbar-title{ color:var(--text-1); } #pg-calendar.ds .fc .fc-button{ background:var(--surface-card); border:var(--bd); color:var(--text-1); border-radius:var(--r-2); } #pg-calendar.ds .fc .fc-button:hover{ background:var(--surface-sunk); border-color:var(--text-4); } #pg-calendar.ds .fc .fc-button-primary{ background:var(--accent); color:#18181B; border-color:var(--accent); } #pg-calendar.ds .fc .fc-col-header-cell{ background:var(--surface-sunk); color:var(--text-3); } #pg-calendar.ds .fc .fc-daygrid-day{ border-color:var(--hairline-soft); } #pg-calendar.ds .fc .fc-daygrid-day-number{ color:var(--text-2); } #pg-calendar.ds .fc .fc-day-today{ background:var(--accent-soft)!important; } #pg-calendar.ds .fc .fc-day-today .fc-daygrid-day-number{ color:var(--accent); } #pg-calendar.ds .fc .fc-event{ border-radius:var(--r-2); } /* ══════════════════════════════════════════════════════════════════════════ 카톡 발송 (pg-kakao-send) [절대 안 건드림] 오른쪽 핸드폰 목업(.phone·.ph-*) — 실제 카카오톡 화면을 그대로 재현한 미리보기다. 색을 바꾸면 사장님이 실제로 보게 될 화면과 달라진다. 왼쪽 입력 폼(ks-*)만 시안 결로 맞춘다. ══════════════════════════════════════════════════════════════════════════ */ #pg-kakao-send.ds .ks-title{ color:var(--text-1); letter-spacing:-0.015em; } #pg-kakao-send.ds .ks-sub{ color:var(--text-3); } #pg-kakao-send.ds .ks-right{ background:var(--surface); border-left:1px solid var(--hairline-soft); } #pg-kakao-send.ds .ks-block{ background:var(--surface-card); border:var(--bd); border-radius:var(--r-4); padding:14px 16px; box-shadow:var(--shadow-1); } #pg-kakao-send.ds .ks-block-h{ color:var(--accent); letter-spacing:.08em; } #pg-kakao-send.ds .ks-input, #pg-kakao-send.ds .ks-text, #pg-kakao-send.ds .ks-search-list{ background:var(--surface-sunk); color:var(--text-1); border:var(--bd); border-radius:var(--r-2); } #pg-kakao-send.ds .ks-input:focus, #pg-kakao-send.ds .ks-text:focus{ border-color:var(--accent); outline:none; } #pg-kakao-send.ds .ks-search-item{ color:var(--text-1); border-bottom:1px solid var(--hairline-soft); } #pg-kakao-send.ds .ks-search-item:hover{ background:var(--accent-soft); } #pg-kakao-send.ds .ks-q-btn{ background:var(--surface-sunk); color:var(--text-2); border:1px solid var(--hairline-soft); } #pg-kakao-send.ds .ks-q-btn:hover{ background:var(--accent-soft); border-color:var(--accent); color:var(--accent); } #pg-kakao-send.ds .ks-radio{ color:var(--text-2); } #pg-kakao-send.ds .ks-photo-area, #pg-kakao-send.ds .ks-status-live, #pg-kakao-send.ds .ks-hist-mini{ color:var(--text-3); } #pg-kakao-send.ds .ks-hist-mini-row{ border-bottom:1px solid var(--hairline-soft); } /* 발송 버튼 — 되돌릴 수 없는 동작이라 그라데이션·그림자를 빼고 또렷한 단색으로 */ #pg-kakao-send.ds .ks-send-btn{ background:var(--accent); color:#18181B; border-radius:var(--r-2); box-shadow:none; font-weight:800; } #pg-kakao-send.ds .ks-send-btn:hover{ background:var(--accent-deep); filter:none; transform:none; } /* ══════════════════════════════════════════════════════════════════════════ 재고 (pg-stock) [유지] 등급 A/B/C/X 색, urgent·warn·done 상태색, 재고 막대 색 = 전부 의미색 ══════════════════════════════════════════════════════════════════════════ */ #pg-stock.ds .sc-eyebrow{ color:var(--accent); letter-spacing:.10em; } #pg-stock.ds .sc-h1{ color:var(--text-1); letter-spacing:-0.015em; } #pg-stock.ds .sc-h1-sub{ color:var(--text-3); } #pg-stock.ds .sc-kpi, #pg-stock.ds .sc-card, #pg-stock.ds .sc-tbl-wrap{ background:var(--surface-card); border:var(--bd); border-radius:var(--r-4); box-shadow:var(--shadow-1); } #pg-stock.ds .sc-kpi-label{ color:var(--text-3); letter-spacing:.08em; } #pg-stock.ds .sc-kpi-num{ color:var(--text-1); } #pg-stock.ds .sc-kpi-delta, #pg-stock.ds .sc-grade-legend{ color:var(--text-3); } #pg-stock.ds .sc-h3{ color:var(--text-1); } #pg-stock.ds .sc-pill{ background:var(--surface-sunk); border:1px solid var(--hairline-soft); color:var(--text-2); } #pg-stock.ds .sc-pill:hover{ background:var(--surface-sunk); border-color:var(--hairline); } #pg-stock.ds .sc-pill.on{ background:var(--accent-soft); color:var(--accent); border-color:var(--accent); } #pg-stock.ds .sc-search{ background:var(--surface-sunk); border:var(--bd); color:var(--text-1); border-radius:var(--r-2); } #pg-stock.ds .sc-search:focus{ border-color:var(--accent); } #pg-stock.ds .sc-tbl th{ background:var(--surface-sunk); color:var(--text-3); border-bottom:1px solid var(--hairline); letter-spacing:.08em; } #pg-stock.ds .sc-tbl td{ color:var(--text-1); border-bottom:1px solid var(--hairline-soft); } #pg-stock.ds .sc-tbl tbody tr:hover td{ background:var(--surface-sunk); } #pg-stock.ds .sc-bar{ background:var(--surface-sunk); } #pg-stock.ds .sc-btn{ background:var(--surface-card); color:var(--text-1); border:var(--bd); border-radius:var(--r-2); } #pg-stock.ds .sc-btn:hover{ background:var(--surface-sunk); border-color:var(--text-4); } #pg-stock.ds .sc-btn.pri{ background:var(--accent); color:#18181B; border-color:var(--accent); } #pg-stock.ds .sc-btn.pri:hover{ background:var(--accent-deep); } /* ══════════════════════════════════════════════════════════════════════════ 채권 회수 (pg-debt) [유지] 받을돈=앰버 / 줄돈=파랑 구분, 연체 구간색(b1~b4), 상태칩 색 = 의미색 ══════════════════════════════════════════════════════════════════════════ */ #pg-debt.ds .dc-eyebrow{ color:var(--accent); letter-spacing:.10em; } #pg-debt.ds .dc-h1{ color:var(--text-1); letter-spacing:-0.015em; } #pg-debt.ds .dc-h1-sub{ color:var(--text-3); } #pg-debt.ds .dc-btn{ background:var(--surface-card); color:var(--text-1); border:var(--bd); border-radius:var(--r-2); } #pg-debt.ds .dc-btn:hover{ background:var(--surface-sunk); border-color:var(--text-4); } #pg-debt.ds .dc-btn.pri{ background:var(--accent); color:#18181B; border-color:var(--accent); } #pg-debt.ds .dc-btn.pri:hover{ background:var(--accent-deep); } #pg-debt.ds .dc-summary, #pg-debt.ds .dc-tbl-wrap{ background:var(--surface-card); border:var(--bd); border-radius:var(--r-4); box-shadow:var(--shadow-1); } #pg-debt.ds .dc-cell{ border-right:1px solid var(--hairline-soft); } #pg-debt.ds .dc-lbl{ color:var(--text-3); letter-spacing:.08em; } #pg-debt.ds .dc-val{ color:var(--text-1); } #pg-debt.ds .dc-sub, #pg-debt.ds .dc-legend, #pg-debt.ds .dc-foot{ color:var(--text-3); } #pg-debt.ds .dc-bucket{ background:var(--surface-sunk); } #pg-debt.ds .dc-pill{ background:var(--surface-sunk); border:1px solid var(--hairline-soft); color:var(--text-2); } #pg-debt.ds .dc-pill:hover{ border-color:var(--hairline); background:var(--surface-sunk); } #pg-debt.ds .dc-pill.on{ background:var(--accent-soft); color:var(--accent); border-color:var(--accent); } #pg-debt.ds .dc-search{ background:var(--surface-sunk); border:var(--bd); color:var(--text-1); border-radius:var(--r-2); } #pg-debt.ds .dc-search:focus{ border-color:var(--accent); } #pg-debt.ds .dc-tbl th{ background:var(--surface-sunk); color:var(--text-3); border-bottom:1px solid var(--hairline); letter-spacing:.08em; } #pg-debt.ds .dc-tbl td{ color:var(--text-1); border-bottom:1px solid var(--hairline-soft); } #pg-debt.ds .dc-tbl tbody tr:hover{ background:var(--surface-sunk); } #pg-debt.ds .dc-avatar{ background:var(--surface-sunk); color:var(--text-2); border-radius:var(--r-2); } #pg-debt.ds .dc-biz-name{ color:var(--text-1); } #pg-debt.ds .dc-biz-meta{ color:var(--text-3); } #pg-debt.ds .dc-icon{ background:var(--surface-card); border:var(--bd); color:var(--text-3); border-radius:var(--r-2); } #pg-debt.ds .dc-icon:hover{ background:var(--accent-soft); color:var(--accent); border-color:var(--accent); } #pg-debt.ds .dc-bulk{ background:var(--surface-card); border:1px solid var(--accent); border-radius:var(--r-4); } #pg-debt.ds .dc-kind{ background:var(--surface-card); border:1px solid var(--hairline); border-radius:var(--r-4); } #pg-debt.ds .dc-kind:hover{ border-color:var(--text-4); } #pg-debt.ds .dc-kind .k-label{ color:var(--text-3); letter-spacing:.08em; } #pg-debt.ds .dc-kind .k-meta{ color:var(--text-3); } /* ══════════════════════════════════════════════════════════════════════════ [검증 기록] 재고·채권 표의 360px 잘림 — 결론: 문제 없음, 손대지 않는다. 처음엔 "화면 밖 요소 906·3,411개"를 잘림으로 읽었으나, 조상까지 따라가 보니 표를 감싼 요소가 이미 overflow-x:auto 라 전부 가로 스크롤로 닿을 수 있었다. 실측(360px, ds 끈 원본): 스크롤로도 못 보는 요소 재고 0개·채권 0개, 표폭 440/895 · 감싼폭 314 · 스크롤 가능 true. 한때 min-width 를 넣어봤으나 재고 표를 440→720px 로 넓혀 모바일에서 더 많이 밀어야 하게 만들 뿐이라 되돌렸다. 넓은 표는 가로 스크롤이 이미 정답. ══════════════════════════════════════════════════════════════════════════ */ /* ══════════════════════════════════════════════════════════════════════════ 마진 계산기 (pg-margin) 이 화면만 옛 토큰 이름(--panel·--card·--cardUp·--border·--sub·--text)을 쓴다. 값을 바꾸지 않고 '.ds 안에서만' 새 토큰을 가리키게 다시 묶어준다. [유지] 이익=초록 / 손실=빨강 / 부가세=앰버 = 판단에 쓰는 의미색 ══════════════════════════════════════════════════════════════════════════ */ #pg-margin.ds{ --panel:var(--surface-card); --card:var(--surface-card); --cardUp:var(--surface-sunk); --border:var(--hairline); --sub:var(--text-3); --text:var(--text-1); --muted:var(--text-4); --radius-lg:var(--r-4); } #pg-margin.ds .mgc-tabs{ border-radius:var(--r-4); } #pg-margin.ds .mgc-tabs button{ border-radius:var(--r-2); } #pg-margin.ds .mgc-tabs button.on{ background:var(--accent-soft); color:var(--accent); box-shadow:none; } #pg-margin.ds .mgc-card, #pg-margin.ds .mgc-rbox{ border:var(--bd); border-radius:var(--r-4); box-shadow:var(--shadow-1); } #pg-margin.ds input[type=text], #pg-margin.ds select{ background:var(--surface-sunk); border:var(--bd); border-radius:var(--r-2); color:var(--text-1); } #pg-margin.ds input[type=text]:focus, #pg-margin.ds select:focus{ border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); } #pg-margin.ds .mgc-seg{ background:var(--surface-sunk); border:var(--bd); border-radius:var(--r-2); } #pg-margin.ds .mgc-seg button{ border-radius:var(--r-1); } #pg-margin.ds .mgc-seg button.on{ background:var(--accent-soft); color:var(--accent); } #pg-margin.ds .mgc-hint{ background:var(--surface-sunk); border:1px dashed var(--hairline); border-radius:var(--r-2); } /* ══════════════════════════════════════════════════════════════════════════ 문서 생성 (pg-doc) [절대 안 건드림] .dprev — 인쇄용 A4 흰 종이 미리보기. 다크 토큰을 들이면 흰 배경에 흰 글자가 되어 견적서·거래명세서가 안 보인다(과거 에러패턴 8). 기존 규칙들이 !important 라 같은 강도로만 이길 수 있다. ══════════════════════════════════════════════════════════════════════════ */ #pg-doc.ds .scard{ background:var(--surface-card)!important; border:var(--bd)!important; border-radius:var(--r-4)!important; box-shadow:var(--shadow-1); } #pg-doc.ds .flabel{ color:var(--text-3); letter-spacing:.08em; } #pg-doc.ds .finput{ background:var(--surface-sunk)!important; border:var(--bd)!important; color:var(--text-1)!important; border-radius:var(--r-2)!important; } #pg-doc.ds .finput:focus{ border-color:var(--accent)!important; box-shadow:0 0 0 3px var(--accent-soft)!important; } #pg-doc.ds .btn{ background:var(--surface-card); color:var(--text-1); border:var(--bd); border-radius:var(--r-2); } #pg-doc.ds .btn:hover{ background:var(--surface-sunk); border-color:var(--text-4); } #pg-doc.ds .btn.pri, #pg-doc.ds .btn.sm.pri{ background:var(--accent); color:#18181B; border-color:var(--accent); } #pg-doc.ds .dtype{ background:var(--surface-card); border:var(--bd); color:var(--text-2); border-radius:var(--r-2); } #pg-doc.ds .dtype.on{ background:var(--accent); color:#18181B; border-color:var(--accent); } #pg-doc.ds .stamp-preview{ border:1px dashed var(--hairline); border-radius:var(--r-2); color:var(--text-3); } /* ══════════════════════════════════════════════════════════════════════════ 배송 최적화 (pg-delivery) [유지] 보라 #A77CF4 = 출고·배송팀 색, 지도 툴팁(.dlv-tip)·노란 고정 라벨, 코스별 색 띠, 통계 하늘색 = 전부 의미색. 지도 위 요소는 손대지 않는다. ══════════════════════════════════════════════════════════════════════════ */ #pg-delivery.ds .dlv-panel, #pg-delivery.ds .dlv-map, #pg-delivery.ds .dlv-stats-area{ background:var(--surface-card); border:var(--bd); border-radius:var(--r-4); } #pg-delivery.ds .dlv-map{ background:var(--surface); } #pg-delivery.ds .dlv-h{ color:var(--text-1); font-size:var(--fs-14); } #pg-delivery.ds label{ color:var(--text-3); letter-spacing:.06em; } #pg-delivery.ds .dlv-in, #pg-delivery.ds select.dlv-in{ background:var(--surface-sunk); color:var(--text-1); border:var(--bd); border-radius:var(--r-2); } #pg-delivery.ds .dlv-in:focus, #pg-delivery.ds select.dlv-in:focus{ border-color:var(--accent); outline:none; } #pg-delivery.ds .dlv-btn{ border-radius:var(--r-2); } #pg-delivery.ds .dlv-btn-sec, #pg-delivery.ds .dlv-mini-btn{ border-radius:var(--r-2); } #pg-delivery.ds .dlv-mini-btn{ border:var(--bd); color:var(--text-2); } #pg-delivery.ds .dlv-mini-btn:hover{ background:var(--surface-sunk); color:var(--text-1); } #pg-delivery.ds .dlv-st-l, #pg-delivery.ds .dlv-sum-l, #pg-delivery.ds .dlv-course-m, #pg-delivery.ds .empty{ color:var(--text-3); } #pg-delivery.ds .dlv-st-v, #pg-delivery.ds .dlv-sum-v, #pg-delivery.ds .dlv-course-h{ color:var(--text-1); } #pg-delivery.ds .dlv-course{ background:var(--surface-sunk); border-radius:var(--r-2); } #pg-delivery.ds .dlv-course:hover{ background:var(--surface-card); } #pg-delivery.ds .dlv-cm-row{ border:1px solid var(--hairline-soft); background:var(--surface-sunk); border-radius:var(--r-2); } #pg-delivery.ds .dlv-cm-btn{ border-radius:var(--r-1); } #pg-delivery.ds #dlv-today-date, #pg-delivery.ds .dlv-bulkbar select, #pg-delivery.ds .dlv-paintbar select{ background:var(--surface-sunk); color:var(--text-1); border:var(--bd); border-radius:var(--r-2); } #pg-delivery.ds .dlv-cal th{ color:var(--text-3); } /* ══════════════════════════════════════════════════════════════════════════ 부서별 페이지 10개 (pg-team-*) — .tp-* 는 렌더 함수가 페이지마다 '#pg-<키> .tp-*' 로