/* =====================================================================
   상록보육원 테마(2026-11-12 사용자 요청: 홈페이지 sangrokwon.or.kr 분위기·로고 색) — 공통 왼쪽 메뉴
   - gnav.php 가 apple-theme.css 다음에 불러옴. 공유 주소(?share=1)가 아니면 <html class="gnav-side">.
   - PC(761px 이상): 왼쪽 240px 메뉴를 늘 붙여 두고 각 화면은 그 오른쪽(html 왼쪽 여백).
   - 휴대폰(760px 이하): 위 막대(☰·로고·프린터) + ☰ 를 누르면 왼쪽에서 밀려 나오는 메뉴(html.gnav-mopen).
   - 색: 홈페이지 테마(sangrok_sprout) 변수 + 로고 그림에서 뽑은 색. 인쇄에는 메뉴가 나오지 않고 왼쪽 여백도 없음.
   ===================================================================== */
@font-face{font-family:SUITE;font-weight:600;font-display:swap;src:url('fonts/SUITE-SemiBold.woff2') format('woff2')}
@font-face{font-family:SUITE;font-weight:700;font-display:swap;src:url('fonts/SUITE-Bold.woff2') format('woff2')}
@font-face{font-family:SUITE;font-weight:800;font-display:swap;src:url('fonts/SUITE-ExtraBold.woff2') format('woff2')}
/* 본문 Pretendard(홈페이지 sub-font) — 파일은 문서 저장소 PDF 편집기에 이미 있는 것을 함께 씀(옮기면 이 주소도). 글자를 그릴 때만 받음 */
@font-face{font-family:Pretendard;font-weight:45 920;font-display:swap;src:url('../forms/pdf/vendor/PretendardVariable.woff2') format('woff2-variations')}
:root{
  --sg-side-w:240px;
  --sg-logo:#009E53;        /* 로고 글자 초록 */
  --sg-lime:#BED349;        /* 로고 새싹 연두 */
  --sg-primary:#5FBB7D;--sg-primary-dark:#509D69;--sg-primary-ink:#3F5C3E;--sg-primary-muted:#689175;
  --sg-primary-light:#DCF0E2;--sg-primary-bg:#F4FAF6;--sg-primary-bg2:#E7F5EC;--sg-line:#E9F5ED;--sg-faint:#B7E0C5;
  --sg-brand:#008548;       /* 흰 글자를 얹는 단추(흰 글자 대비 4.7:1) */
  --sg-brand-hover:#00733E;
  --sg-accent:#C2601C;      /* 새 글 수(홈페이지 '후원안내' 주황을 진하게) */
  --sg-ink:#1F2A22;--sg-ink-2:#566A5B;--sg-ink-3:#6A7F6F;
  --sg-head:SUITE,Pretendard,'Malgun Gothic','맑은 고딕',sans-serif;
}

@media screen{
/* ---------- 공통: 메뉴 안 요소(PC·휴대폰 함께) ---------- */
:root.gnav-side[data-page] .gnav .sg-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 10px 20px;text-decoration:none}
/* 로고 링크도 .gnav a 라 예전 메뉴 규칙(높이 55px·여백·글자 0·마우스 바탕)이 붙음 → 덮어씀 */
:root.gnav-side[data-page] .gnav a.sg-brand{flex:none !important;justify-content:flex-start !important;height:auto !important;padding:0 10px 20px !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
:root.gnav-side[data-page] .gnav .sg-brand img{display:block;width:156px;height:auto}
:root.gnav-side[data-page] .gnav .sg-brand-sub{font:600 12px/1.3 var(--sg-head);color:var(--sg-ink-3)}
:root.gnav-side[data-page] .gnav .sg-h{font:700 12px/1 var(--sg-head);color:var(--sg-primary-muted);padding:16px 12px 6px}
/* flex·justify-content: 예전 휴대폰 규칙(.gnav a{flex:1 1 0;justify-content:center})이 세로 메뉴 줄을 늘이고 가운데로 몰지 않게 */
:root.gnav-side[data-page] .gnav a.sg-link{display:flex !important;flex:none !important;justify-content:flex-start !important;min-width:0 !important;align-items:center;gap:11px !important;width:auto;height:42px !important;min-height:42px;padding:0 12px !important;margin:0;
  border:0 !important;border-radius:12px !important;background:transparent !important;box-shadow:none !important;
  font:600 14.5px/1.2 var(--sg-head) !important;letter-spacing:-.2px;color:var(--sg-ink-2) !important;text-decoration:none;white-space:nowrap;transform:none !important}
:root.gnav-side[data-page] .gnav a.sg-link svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--sg-ink-3);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
:root.gnav-side[data-page] .gnav a.sg-link:hover{background:var(--sg-primary-bg) !important;color:var(--sg-ink) !important}
:root.gnav-side[data-page] .gnav a.sg-link.sg-on{background:var(--sg-primary-light) !important;color:var(--sg-primary-ink) !important;font-weight:800 !important}
:root.gnav-side[data-page] .gnav a.sg-link.sg-on svg{stroke:var(--sg-logo)}
:root.gnav-side[data-page] .gnav a.sg-link:focus-visible{outline:2px solid var(--sg-brand);outline-offset:-2px}
:root.gnav-side[data-page] .gnav a.sg-link.sg-muted{color:var(--sg-ink-3) !important}
:root.gnav-side[data-page] .gnav .sg-cnt{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--sg-accent);color:#fff;font:700 11px/19px Pretendard,'Malgun Gothic',sans-serif;text-align:center}
:root.gnav-side[data-page] .gnav .sg-dev{margin-left:auto;font:600 11px/1 var(--sg-head);color:#A65A17}
:root.gnav-side[data-page] .gnav .sg-dl{margin-left:auto;width:15px !important;height:15px !important}
/* 아래 도구 칸: 각 화면의 프린터(.print-fab)·사용법·따라 보기(help.js)·시설 '← 공사 항목'이 들어옴 — 메뉴 줄과 같은 모양 */
:root.gnav-side[data-page] .gnav .gnav-tools{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0;margin:0}
:root.gnav-side[data-page] .gnav .gnav-tools > *{margin:0 !important}
/* 현판 프린터는 apple-theme.css 가 id(#hyeonpan-print-btn)로 파란 알약을 입혀 id 를 함께 적어야 이김 */
:root.gnav-side[data-page] .gnav .gnav-tools .print-fab,:root.gnav-side[data-page] .gnav .gnav-tools #hyeonpan-print-btn.print-fab,:root.gnav-side[data-page] .gnav .gnav-tools .hw-help-btn,:root.gnav-side[data-page] .gnav .gnav-tools a.fc-back{
  position:static !important;display:flex !important;align-items:center;justify-content:flex-start !important;gap:9px !important;width:100% !important;height:40px !important;
  padding:0 12px !important;border:0 !important;border-radius:12px !important;background:transparent !important;box-shadow:none !important;
  font:600 14px/1.2 var(--sg-head) !important;color:var(--sg-ink-2) !important;overflow:visible !important;visibility:visible;cursor:pointer;white-space:nowrap}
:root.gnav-side[data-page] .gnav .gnav-tools .print-fab:hover,:root.gnav-side[data-page] .gnav .gnav-tools .hw-help-btn:hover,:root.gnav-side[data-page] .gnav .gnav-tools a.fc-back:hover{background:var(--sg-primary-bg) !important;color:var(--sg-ink) !important}
:root.gnav-side[data-page] .gnav .gnav-tools .hw-help-btn .hw-help-txt{display:inline !important}
/* 휴대폰 메뉴 단추·닫기·덮개(PC 에서는 숨김) */
:root.gnav-side[data-page] .gnav .gnav-toggle,:root.gnav-side[data-page] .gnav .sg-close,:root.gnav-side[data-page] .sg-backdrop{display:none}

/* ---------- PC: 왼쪽에 늘 붙어 있는 메뉴 ---------- */
@media (min-width:761px){
  :root.gnav-side[data-page]{padding-left:var(--sg-side-w)}
  :root.gnav-side[data-page] .gnav{position:fixed !important;left:0;top:0;bottom:0;z-index:60;box-sizing:border-box;width:var(--sg-side-w);height:auto !important;min-height:0 !important;
    display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;justify-content:flex-start !important;gap:0 !important;
    padding:22px 14px 12px !important;margin:0 !important;overflow-x:hidden !important;overflow-y:auto !important;
    background:#fff !important;border:0 !important;border-right:1px solid var(--sg-line) !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
  :root.gnav-side[data-page] .gnav .sg-panel{display:flex;flex-direction:column;gap:2px}
  :root.gnav-side[data-page] .gnav .sg-panel > .sg-brand{display:none}   /* 휴대폰 메뉴 안 로고 — PC 는 위 로고 하나만 */
  :root.gnav-side[data-page] .gnav .gnav-tools{margin-top:auto !important;padding-top:10px;border-top:1px solid var(--sg-line)}
  /* 도구 칸 자리 미리 잡기(2026-11-12 사용자 요청 '메뉴를 누를 때 움직이지 않게'): 프린터는 화면을 읽는 중에(gnav.php), 사용법은 조금 뒤(help.js 0.1초 간격)
     들어와 칸이 위로 자라며 42px 튀었음 → 줄마다 자리를 정해 둠(공사 항목 = 1줄 auto, 프린터 2줄, 사용법 3줄 각 40px). 들어오는 차례와 상관없이 같은 자리 */
  :root.gnav-side[data-page] .gnav .gnav-tools{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 40px 40px;row-gap:2px}
  :root.gnav-side[data-page] .gnav .gnav-tools > a.fc-back{grid-row:1}
  :root.gnav-side[data-page] .gnav .gnav-tools > .print-fab{grid-row:2}
  :root.gnav-side[data-page] .gnav .gnav-tools > .hw-help-btn{grid-row:3}
  /* 서명 창 등이 몸통을 고정할 때(left:0) 메뉴 밑으로 들어가지 않게(회의록 참석 명단) */
  :root.gnav-side[data-page] body.sg-scroll-lock{left:var(--sg-side-w) !important}
}

/* ---------- 휴대폰: 위 막대 + 왼쪽에서 밀려 나오는 메뉴 ---------- */
@media (max-width:760px){
  :root.gnav-side[data-page] .gnav{position:relative !important;z-index:900;box-sizing:border-box;height:52px !important;min-height:52px !important;
    display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;
    padding:0 10px !important;overflow:visible !important;background:rgba(255,255,255,.97) !important;border:0 !important;border-bottom:1px solid var(--sg-line) !important}
  :root.gnav-side[data-page] .gnav .gnav-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:var(--sg-primary-bg2);color:var(--sg-primary-ink);cursor:pointer}
  :root.gnav-side[data-page] .gnav .gnav-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  :root.gnav-side[data-page] .gnav .gnav-toggle:focus-visible{outline:2px solid var(--sg-brand);outline-offset:2px}
  :root.gnav-side[data-page] .gnav > a.sg-brand{flex-direction:row;align-items:center;gap:8px;padding:0 !important;min-width:0}
  :root.gnav-side[data-page] .gnav > .sg-brand img{width:112px}
  :root.gnav-side[data-page] .gnav > .sg-brand .sg-brand-sub{display:none}
  /* 위 막대 오른쪽: 프린터·사용법은 아이콘만(프린터 글은 낱말 사이를 넓혀 칸 밖으로 — 예전엔 「프」 끝이 「:」처럼 보였음) */
  :root.gnav-side[data-page] .gnav .gnav-tools{flex-direction:row;margin-left:auto !important;gap:2px}
  /* 위 막대 오른쪽도 칸마다 자리를 정해 둠(PC 와 같은 까닭 — 사용법이 늦게 붙으면 프린터가 왼쪽으로 밀렸음): 공사 항목 auto · 프린터 38px · 사용법 38px */
  :root.gnav-side[data-page] .gnav .gnav-tools{display:grid;grid-template-columns:auto 38px 38px;grid-template-rows:38px;column-gap:2px;align-items:center}
  :root.gnav-side[data-page] .gnav .gnav-tools > a.fc-back{grid-column:1;grid-row:1}
  :root.gnav-side[data-page] .gnav .gnav-tools > .print-fab{grid-column:2;grid-row:1}
  :root.gnav-side[data-page] .gnav .gnav-tools > .hw-help-btn{grid-column:3;grid-row:1}
  :root.gnav-side[data-page] .gnav .gnav-tools .print-fab,:root.gnav-side[data-page] .gnav .gnav-tools #hyeonpan-print-btn.print-fab,:root.gnav-side[data-page] .gnav .gnav-tools .hw-help-btn,:root.gnav-side[data-page] .gnav .gnav-tools a.fc-back{width:38px !important;height:38px !important;padding:0 0 0 9px !important;overflow:hidden !important;font-size:16px !important;gap:0 !important;word-spacing:40px}
  :root.gnav-side[data-page] .gnav .gnav-tools .hw-help-btn{padding:0 !important;justify-content:center !important}
  :root.gnav-side[data-page] .gnav .gnav-tools .hw-help-btn .hw-help-txt{display:none !important}
  :root.gnav-side[data-page] .gnav .gnav-tools a.fc-back span{font-size:16px}
  /* 밀려 나오는 메뉴 */
  :root.gnav-side[data-page] .gnav .sg-panel{position:fixed;left:0;top:0;bottom:0;z-index:1001;box-sizing:border-box;width:min(280px,84vw);display:flex;flex-direction:column;gap:2px;
    padding:16px 12px 20px;overflow-y:auto;background:#fff;box-shadow:8px 0 30px rgba(31,42,34,.18);transform:translateX(-105%);visibility:hidden;
    transition:transform .25s ease,visibility 0s linear .25s}
  :root.gnav-side[data-page].gnav-mopen .gnav .sg-panel{transform:none;visibility:visible;transition:transform .25s ease}
  :root.gnav-side[data-page] .gnav .sg-panel > a.sg-brand{padding:4px 44px 14px 10px !important}
  :root.gnav-side[data-page] .gnav .sg-close{display:flex;position:absolute;right:10px;top:12px;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:12px;background:var(--sg-primary-bg);color:var(--sg-primary-ink);font-size:18px;cursor:pointer}
  :root.gnav-side[data-page] .gnav .sg-close:focus-visible{outline:2px solid var(--sg-brand);outline-offset:2px}
  :root.gnav-side[data-page] .gnav a.sg-link{height:46px !important;min-height:46px;font-size:15.5px !important}
  :root.gnav-side[data-page].gnav-mopen .sg-backdrop{display:block;position:fixed;inset:0;z-index:1000;background:rgba(31,42,34,.38)}
  :root.gnav-side[data-page].gnav-mopen,:root.gnav-side[data-page].gnav-mopen body{overflow:hidden}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){:root.gnav-side[data-page] .gnav .sg-panel{transition:none}}
}

/* =====================================================================
   각 화면 색(2026-11-12 사용자 요청: '기능·구조·저장은 건드리지 말고 색상과 디자인을 홈과 같게').
   화면(screen)만 — 인쇄 양식(서명지·약품 양식 표 머리 --head·A4 종이)은 그대로. 공유 주소에도 같은 색(:root[data-page=…]).
   예전 Apple 파랑(apple-theme.css 화면별 규칙·각 화면 CSS 의 #0071e3 등)을 초록 계열로 덮어씀.
   먼저 시범 3개(교육 및 회의록 — 회의록 화면 포함, 같은 data-page=education · 약품 청구서 · 재물조사), 같은 날 나머지 화면도(아래 둘째 블록).
   빼는 것: 오피스 편집기 안쪽(워드·한글·PPT·엑셀 = 남이 만든 편집기, iframe)·출퇴근기 안쪽(SmartTAS 화면, iframe·로그인 필요)·
   분류용 여러 색 이름표(교육 인원 b-count·시설 공사 종류 kind-*)·현판 포스터 디자인 자체 색.
   ===================================================================== */
@media screen{
/* ---------- 교육 및 회의록 ---------- */
:root[data-page=education] body{background:var(--sg-primary-bg) !important}
:root[data-page=education] .edu-board-head h1,:root[data-page=education] .wrap h1{font-family:var(--sg-head);font-weight:800;color:var(--sg-ink)}
/* 교육·회의록 탭(교육 화면 .tabs·회의록 화면 .edu-tabs-seg 같은 모양) */
:root[data-page=education] .tabs,:root[data-page=education] .edu-tabs-seg{background:var(--sg-primary-bg2) !important}
:root[data-page=education] .tab.active,:root[data-page=education] .edu-tab.is-active{background:#fff !important;color:var(--sg-primary-ink) !important;font-weight:700 !important}
:root[data-page=education] .tab,:root[data-page=education] .edu-tab{color:var(--sg-ink-2) !important}
:root[data-page=education] .edu-tab:focus-visible{outline-color:var(--sg-brand)}
/* 단추: 흰 바탕 단추는 초록 글자, 주요 단추는 진초록 바탕 */
:root[data-page=education] .btn{color:var(--sg-primary-ink) !important;border-color:#CFE3D6 !important}
:root[data-page=education] .btn:hover{background:var(--sg-primary-bg) !important}
:root[data-page=education] .btn-primary,:root[data-page=education] .tb-primary{background:var(--sg-brand) !important;border-color:var(--sg-brand) !important;color:#fff !important}
:root[data-page=education] .btn-primary:hover,:root[data-page=education] .tb-primary:hover{background:var(--sg-brand-hover) !important}
:root[data-page=education] .btn-delete{color:#c62828 !important;border-color:#f3c1c1 !important}
:root[data-page=education] .input:focus,:root[data-page=education] .select:focus{border-color:var(--sg-brand) !important;box-shadow:0 0 0 4px rgba(0,133,72,.15) !important}
:root[data-page=education] .dt-hours{color:var(--sg-brand) !important}
:root[data-page=education] .sig-btn.has{background:var(--sg-primary-light) !important;border-color:var(--sg-brand) !important;color:var(--sg-primary-ink) !important}
:root[data-page=education] .board td.b-title button:hover,:root[data-page=education] .board td.b-title button:focus-visible,
:root[data-page=education] .board th .b-sort:hover,:root[data-page=education] .board th .b-sort:focus-visible,
:root[data-page=education] .board th .b-sort.on,:root[data-page=education] .board th .b-sort.on span{color:var(--sg-brand) !important}
:root[data-page=education] .dt-use button[aria-pressed="true"]{color:var(--sg-brand) !important}
:root[data-page=education] .upload-guide{background:var(--sg-primary-bg2) !important;border-color:var(--sg-primary) !important}
:root[data-page=education] .upload-guide .ug-title,:root[data-page=education] #rosterSearchCount{color:var(--sg-brand) !important}
/* 회의록 게시판(meeting/index.php): 파란 단추·글자 → 초록 */
:root[data-page=education] .wrap .btn-att{color:var(--sg-primary-ink) !important;box-shadow:inset 0 0 0 1px var(--sg-primary-dark) !important;background:#fff !important}
/* 흰 바탕 도구 단추만 초록 글자 — 주요 단추(「+ 새 회의록 작성」 .tb-primary)는 빼야 함(빼지 않으면 이 규칙이 더 구체적이라 진초록 바탕에 진초록 글자가 됐음, 11-12 사용자 신고) */
:root[data-page=education] .wrap .tb-btn:not(.tb-primary){color:var(--sg-primary-ink) !important;border-color:#CFE3D6 !important}
:root[data-page=education] .wrap .tb-btn:not(.tb-primary):hover{background:var(--sg-primary-bg) !important}
:root[data-page=education] .wrap .tb-btn.tb-primary{background:var(--sg-brand) !important;border-color:var(--sg-brand) !important;color:#fff !important}
:root[data-page=education] .wrap .tb-btn.tb-primary:hover{background:var(--sg-brand-hover) !important}
:root[data-page=education] .wrap .board .title a{color:var(--sg-brand-hover)}
/* 목록 줄 버튼(삭제 빨강은 회의록 화면 규칙 그대로) */
:root[data-page=education] .wrap .board td .btn:not(.btn-del){color:var(--sg-primary-ink) !important;background:#fff !important}
:root[data-page=education] .wrap .board td .btn:not(.btn-del):hover{background:var(--sg-primary-bg) !important}

/* ---------- 약품 청구서: 단추·고르기 색 변수만(표 머리 --head 는 인쇄 양식에도 쓰여 그대로) ---------- */
:root[data-page=medicine]{--btn-pri:var(--sg-brand);--btn-pri-hover:var(--sg-brand-hover);--btn-hover:var(--sg-primary-bg);--btn-line:#CFE3D6;--accent:var(--sg-brand)}
:root[data-page=medicine] body{background:var(--sg-primary-bg)}

/* ---------- 재물조사 ---------- */
:root[data-page=asset] body{background:var(--sg-primary-bg)}
:root[data-page=asset] .as-head h1{font-family:var(--sg-head);font-weight:800;color:var(--sg-ink)}
:root[data-page=asset] .as-tab:hover,:root[data-page=asset] .as-btn:hover{border-color:var(--sg-primary-dark);color:var(--sg-primary-ink)}
:root[data-page=asset] .as-tab.is-on{background:var(--sg-brand);border-color:var(--sg-brand);color:#fff}
:root[data-page=asset] .as-primary{background:var(--sg-brand);border-color:var(--sg-brand);color:#fff}
:root[data-page=asset] .as-primary:hover{background:var(--sg-brand-hover);color:#fff}
:root[data-page=asset] .as-tab:focus-visible,:root[data-page=asset] .as-btn:focus-visible,:root[data-page=asset] .as-in:focus-visible,:root[data-page=asset] .sv-r:focus-visible,:root[data-page=asset] .sv-item:focus-visible,:root[data-page=asset] .as-table tbody tr:focus-visible{outline-color:var(--sg-brand)}
:root[data-page=asset] .sv-item:hover{border-color:var(--sg-primary-dark)}
:root[data-page=asset] .sv-item.is-on{border-color:var(--sg-brand);box-shadow:inset 3px 0 0 var(--sg-brand);background:var(--sg-primary-bg)}
:root[data-page=asset] .lb-item.is-on{outline-color:var(--sg-brand)}
}

@media screen{
/* ---------- 모든 화면 공통: 공유 주소 위 막대의 프린터·사용법 단추(왼쪽 메뉴가 없을 때), 사용법 창 제목 ---------- */
:root[data-page]:not(.gnav-side) .gnav .print-fab,:root[data-page]:not(.gnav-side) .gnav #hyeonpan-print-btn.print-fab{background:var(--sg-brand) !important;box-shadow:none !important}
:root[data-page]:not(.gnav-side) .gnav .print-fab:hover{background:var(--sg-brand-hover) !important}
:root[data-page]:not(.gnav-side) .gnav .hw-help-btn{border-color:var(--sg-brand) !important;color:var(--sg-brand) !important}
:root[data-page]:not(.gnav-side) .gnav .hw-help-btn:hover{background:var(--sg-primary-bg) !important}
:root[data-page] .hw-help-body h3{color:var(--sg-brand) !important}

/* ---------- 문서 저장소(목록·양식 작성·후원물품 양식·PDF 편집기) ---------- */
:root[data-page=forms] body{background:var(--sg-primary-bg)}
:root[data-page=forms] .fm-tools{background:var(--sg-primary-bg)}
:root[data-page=forms] .fm-bar h1{font-family:var(--sg-head);font-weight:800;color:var(--sg-ink)}
:root[data-page=forms] .fm-drop.is-over{border-color:var(--sg-brand);background:var(--sg-primary-bg2)}
:root[data-page=forms] .fm-btn:hover,:root[data-page=forms] .fm-open:hover{background:var(--sg-primary-bg)}
:root[data-page=forms] .fm-search input:focus{outline-color:var(--sg-brand)}
:root[data-page=forms] .fm-list li.is-cur{background:var(--sg-primary-bg2)}
:root[data-page=forms] .fm-list li.fm-pinned{background:var(--sg-primary-bg);border-color:var(--sg-faint)}
:root[data-page=forms] .fm-primary{background:var(--sg-brand);border-color:var(--sg-brand);color:#fff}
:root[data-page=forms] .fm-primary:hover{background:var(--sg-brand-hover)}
/* 양식 위 편집 표시(화면에서만 — 인쇄에는 안 나옴) */
:root[data-page=forms] .hp-run:focus{background:rgba(0,133,72,.12);box-shadow:inset 0 -2px 0 var(--sg-brand)}
:root[data-page=forms] .hp-input:focus{box-shadow:inset 0 0 0 1.5px var(--sg-brand)}
:root[data-page=forms] .fm-item:hover,:root[data-page=forms] .fm-item.is-sel{outline-color:var(--sg-brand)}
:root[data-page=forms] .fm-grip,:root[data-page=forms] .fm-ibtn{border-color:var(--sg-brand);color:var(--sg-brand)}
:root[data-page=forms] .fm-resize{background:var(--sg-brand)}
:root[data-page=forms] .fm-evid-cell.is-over{outline-color:var(--sg-brand)}
:root[data-page=forms] .fm-evid-add:hover{border-color:var(--sg-brand);background:var(--sg-primary-bg2)}
/* 후원물품 수입자료 양식(forms/huwon.php)의 「← 목록으로」 */
:root[data-page=forms] .hwl-back{background:var(--sg-brand)}
:root[data-page=forms] .hwl-back:hover{background:var(--sg-brand-hover)}
:root[data-page=forms] .hwl-back:focus-visible{outline-color:var(--sg-brand)}
/* PDF 편집기(pdf.php): 강조색 변수(body.pdf-page)만 */
:root[data-page=forms] body.pdf-page{--accent:var(--sg-brand);--accent-soft:var(--sg-primary-light);--bg:var(--sg-primary-bg)}
:root[data-page=forms] .pe-text.edit{box-shadow:0 0 0 3px rgba(0,133,72,.18)}

/* ---------- 시설 및 공사(게시판·공사 화면) ---------- */
:root[data-page=facility] body{background:var(--sg-primary-bg)}
/* 그냥 파란 단추만(삭제 빨강·옮기기 초록·일지·공문·기타 색·흰 단추는 그대로) */
:root[data-page=facility] .btn:not(.btn-del):not(.btn-gray):not(.btn-danger):not(.btn-move):not(.btn-link):not(.btn-log):not(.btn-letter):not(.btn-etc):not(.btn-bulk):not(.btn-bulkdel):not(.btn-fdel):not(.btn-pv){background:var(--sg-brand)}
:root[data-page=facility] .btn-link,:root[data-page=facility] .btn-pv{color:var(--sg-primary-ink);box-shadow:inset 0 0 0 1px #CFE3D6}
:root[data-page=facility] .btn-link:hover,:root[data-page=facility] .btn-pv:hover,:root[data-page=facility] .btn-bulk:hover{background:var(--sg-primary-bg)}
:root[data-page=facility] .btn-bulk{color:var(--sg-brand);box-shadow:inset 0 0 0 1.5px var(--sg-brand)}
:root[data-page=facility] .title a,:root[data-page=facility] .back,:root[data-page=facility] .file-item a{color:var(--sg-brand-hover)}
:root[data-page=facility] .fc-year button{color:var(--sg-primary-ink)}
:root[data-page=facility] .search input:focus,:root[data-page=facility] dialog select:focus,:root[data-page=facility] dialog input:focus,
:root[data-page=facility] .title-row input:focus,:root[data-page=facility] .note textarea:focus,:root[data-page=facility] .gm-body input:focus,:root[data-page=facility] .gm-body textarea:focus{outline-color:var(--sg-brand);border-color:var(--sg-brand)}
:root[data-page=facility] .files.is-pickable:hover:not(:has(.file-list:hover,.files-bulk:hover)),:root[data-page=facility] .files.is-dragover{outline-color:var(--sg-brand);background:var(--sg-primary-bg)}
:root[data-page=facility] .files.is-dragover{box-shadow:inset 0 0 0 2px var(--sg-brand)}
:root[data-page=facility] .files-hint:not(:disabled){background:var(--sg-brand)}
:root[data-page=facility] .files-hint:focus-visible{outline-color:var(--sg-brand)}
:root[data-page=facility] .gm-type label:has(input:checked){border-color:var(--sg-brand);background:var(--sg-primary-bg)}

/* ---------- 현판 제작 스튜디오: apple-theme.css 가 노란 강조를 파랑으로 바꾼 곳 → 초록(포스터 디자인 색은 그대로) ---------- */
/* 현판 흰 테마(hyeonpan/css/theme-white.css)의 파랑 변수 — 템플릿 탭·캠프 분류 칩·「＋ 템플릿으로 저장」 등 */
:root[data-page=hyeonpan]{--wl-blue:var(--sg-brand)}
:root[data-page=hyeonpan] #root [class*="bg-[#FFD54F]"]{background-color:var(--sg-brand) !important}
:root[data-page=hyeonpan] #root [class*="text-[#FFD54F]"]{color:var(--sg-primary) !important}
:root[data-page=hyeonpan] #root [class*="border-[#FFD54F]"]{border-color:var(--sg-primary) !important}
:root[data-page=hyeonpan] #root [class*="bg-[#FFF9C4]"]{background-color:var(--sg-primary-light) !important}
:root[data-page=hyeonpan] #root [class*="border-[#E6C03D]"]{border-color:var(--sg-brand) !important}
:root[data-page=hyeonpan] #root input[type=range]{accent-color:var(--sg-brand)}
:root[data-page=hyeonpan] #root header button[title^="되돌리기"]:not(:disabled):hover,:root[data-page=hyeonpan] #root header button[title^="다시하기"]:not(:disabled):hover{background-color:var(--sg-brand) !important;border-color:var(--sg-brand) !important}
:root[data-page=hyeonpan] #tpl-inline-list .tpl-load:not(.tpl-thumb){background:var(--sg-brand) !important}
:root[data-page=hyeonpan] #tpl-search:focus{border-color:var(--sg-primary) !important;box-shadow:0 0 0 3px rgba(95,187,125,.25) !important}
:root[data-page=hyeonpan] .tpl-thumb:hover{border-color:var(--sg-primary) !important}
:root[data-page=hyeonpan] .print-btn-primary{background:var(--sg-brand) !important}
:root[data-page=hyeonpan] #tpl-save-btn{background:var(--sg-brand)}
:root[data-page=hyeonpan] #tpl-save-btn:focus-visible,:root[data-page=hyeonpan] #root aside [data-hp-layers] > :first-child:focus-visible{outline-color:var(--sg-brand)}

/* ---------- 후원물품 수입자료(huwon/ — 메뉴에는 없음) ---------- */
:root[data-page=huwon],:root[data-page=huwon] body{background:var(--sg-primary-bg) !important}
:root[data-page=huwon] #root .app-root-wrap{background:var(--sg-primary-bg) !important}
:root[data-page=huwon] .sp-primary{background:var(--sg-brand) !important;border-color:var(--sg-brand) !important}

/* ---------- 연장근로(overtime/ — 메뉴에는 없음) ---------- */
:root[data-page=overtime] body{background:var(--sg-primary-bg)}

/* ---------- 오피스 편집기: 바깥 틀(위 줄 탭·단추)만 — 편집기 안쪽은 그대로 ---------- */
:root[data-page=office] body{background:var(--sg-primary-bg)}
:root[data-page=office] .ob-tab:hover{color:var(--sg-brand)}
:root[data-page=office] .ob-tab[aria-selected="true"]{color:var(--sg-primary-ink)}
:root[data-page=office] .ob-badge.srv{background:var(--sg-primary-light);color:var(--sg-primary-ink)}
:root[data-page=office] .ob-btn{color:var(--sg-primary-ink)}
:root[data-page=office] .ob-btn.primary{background:var(--sg-brand);border-color:var(--sg-brand);color:#fff}

/* ---------- 출퇴근기·복합기(office_tool/ 바깥 틀·mfp·hp9010): 색 변수만 — 출퇴근기 안쪽(SmartTAS)은 그대로 ---------- */
:root[data-page=attend],:root[data-page=scan]{--sc-blue:var(--sg-brand);--hp-blue:var(--sg-brand);--hp-bg:var(--sg-primary-bg);--accent:var(--sg-brand);--accent-soft:var(--sg-primary-light)}
:root[data-page=attend] body,:root[data-page=scan] body{background:var(--sg-primary-bg)}
:root[data-page=attend] .sc-dl:hover,:root[data-page=scan] .sc-dl:hover{border-color:var(--sg-faint)}
:root[data-page=scan] .pe-text.edit{box-shadow:0 0 0 3px rgba(0,133,72,.18)}
}

/* 인쇄: 메뉴·왼쪽 여백 없이(각 화면 인쇄 양식 그대로) */
@media print{
  :root.gnav-side[data-page]{padding-left:0 !important}
  :root.gnav-side[data-page] .gnav,:root.gnav-side[data-page] .sg-backdrop{display:none !important}
}