/* =============================================================================
   상단 머리글 · Global Navigation · 모바일 전체 메뉴 (2026-10-03) — js/core.js '상단 Global Navigation'
   - 머리글 내용은 가운데 1240px 폭(통합 홈과 같은 폭)에 맞춘다 — 업무를 옮겨 다녀도 메뉴 위치가 그대로(선·배경은 화면 끝까지).
   - PC(1024px 이상): 첫 줄(로고 · 프로필 사진 · 이름·소속/권한 · 내 정보 · 로그아웃) + 주 메뉴 줄.
     스크롤하면 첫 줄만 위로 지나가고 주 메뉴(+ 업무 화면의 ← 뒤로가기 줄)는 위에 남는다(core.js syncHeader 가 sticky top 을 맞춤).
   - 모바일·태블릿(1024px 미만): 로고 · 프로필 사진 · [메뉴] → 오른쪽에서 열리는 전체 메뉴.
   - 직원 로그인일 때만 body.gnb-on — 공사업체·TBM 참석자 화면은 예전 머리글 그대로(로고 + 역할 표시).
   - 글자는 크게(메뉴 16px), 누르는 칸은 넉넉하게(PC 50px, 모바일 46~52px), 아이콘만 있는 메뉴 없음, 마우스 올리기에만 기대지 않음(누르면 열림).
   ========================================================================== */
/* 2026-10-05: 머리글 안쪽 폭 = 공통 본문 폭(app.css --content-max / --content-pad) — 검정 바탕은 화면 끝까지, 내용은 본문과 같은 세로선 */
:root{--hd-max:var(--content-max, 1200px);--hd-pad:max(var(--content-pad, 24px), calc((100% - var(--hd-max)) / 2));}

/* 직원 로그인 머리글만 새 배치(공사업체·TBM 참석자 머리글은 app.css 의 예전 크기·위치 그대로) */
body.gnb-on #appHeader{padding:0;padding-top:env(safe-area-inset-top);}
body.gnb-on .hd-row1{padding:8px var(--hd-pad);min-height:54px;}
body.gnb-on .hd-row2{margin-top:0;padding:7px var(--hd-pad) 8px;}
.hd-brand{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;}
body.gnb-on .hd-brand{cursor:pointer;border-radius:6px;}
body.gnb-on .hd-brand:focus-visible{outline:2px solid var(--mint);outline-offset:3px;}

/* 사용자 영역 — 직원 로그인이 아니면(공사업체 등) 예전처럼 역할 글자만 한 줄로 */
.hd-who{display:contents;}
body.gnb-on .hd-who{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0;max-width:300px;line-height:1.25;}
body.gnb-on #empLabel{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;color:var(--ink);}
body.gnb-on #modeLabel{font-size:12.5px;font-weight:800;color:var(--mint-ink);}
.hd-avatar{display:inline-flex;flex:0 0 auto;margin:0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.hd-avatar:focus-visible{outline:2px solid var(--mint);outline-offset:2px;}
@media (hover:hover){ .hd-avatar:hover .avatar{box-shadow:0 0 0 2px var(--mint);} }
.avatar.avatar-hd{width:38px;height:38px;} .avatar.avatar-hd .avatar-ini{font-size:15px;}
.hd-burger{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;min-width:50px;min-height:46px;padding:3px 6px;
  border:1px solid var(--line-strong);border-radius:10px;background:var(--white);color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.hd-burger svg{display:block;}
.hd-burger-t{font-size:11.5px;font-weight:800;line-height:1;}
.hd-burger:active,.hd-burger[aria-expanded="true"]{background:var(--mint-tint);border-color:var(--mint);color:var(--mint-ink);}
.hd-burger:focus-visible{outline:2px solid var(--mint);outline-offset:2px;}

/* 모바일·태블릿: 로고 · 프로필 사진 · [메뉴]만(내 정보·로그아웃은 메뉴 안) */
@media (max-width:1023.98px){   /* .98 — 배율 125% 등에서 생기는 1023.x px 폭도 빠짐없이(아래 min-width:1024px 와 맞물림) */
  body.gnb-on .hd-who,body.gnb-on #btnMyInfo,body.gnb-on #btnModeSwitch,body.gnb-on .hd-gnb{display:none;}
  body.gnb-on .hd-row1{gap:8px;}
}
@media (min-width:1024px){ body.gnb-on .hd-burger{display:none;} body.gnb-on .hd-row1{gap:10px;min-height:56px;} }
@media (max-width:380px){ body.gnb-on .hd-sys{font-size:13px;} body.gnb-on .hd-logo{max-width:92px;} }

/* ── 주 메뉴 줄(PC) ── */
.hd-gnb{border-top:1px solid var(--line);background:var(--white);}
.gnb-in{position:relative;padding:0 var(--hd-pad);}
.gnb-list{display:flex;align-items:stretch;list-style:none;margin:0 -13px;padding:0;overflow:hidden;white-space:nowrap;}
.gnb-list>li{display:flex;flex:0 0 auto;}
.gnb-a{position:relative;display:inline-flex;align-items:center;gap:3px;min-height:50px;padding:0 13px;border:0;background:none;border-radius:0;
  font:inherit;font-size:16px;font-weight:700;line-height:1.2;color:var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.gnb-a::after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent;}
.gnb-a[aria-current="page"],.gnb-all.on{color:var(--mint-ink);font-weight:800;}
.gnb-a[aria-current="page"]::after,.gnb-all.on::after{background:var(--mint);}
@media (hover:hover){ .gnb-a:hover{color:var(--mint-ink);background:var(--mint-tint);} }
.gnb-a:focus-visible{outline:2px solid var(--mint);outline-offset:-4px;border-radius:8px;}
.gnb-all-li{position:relative;margin-left:6px;padding-left:6px;}
.gnb-all-li::before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:1px;background:var(--line-strong);}
.gnb-chev{flex:0 0 auto;transition:transform .15s;}
.gnb-all[aria-expanded="true"]{background:var(--mint-tint);color:var(--mint-ink);}
.gnb-all[aria-expanded="true"] .gnb-chev{transform:rotate(180deg);}

/* [전체 업무 ▾] — 업무 묶음별 전체 목록(누르면 열림 · Esc·바깥 누르기·메뉴 선택 시 닫힘) */
.gnb-mega{position:absolute;left:var(--hd-pad);right:var(--hd-pad);top:100%;z-index:5;background:var(--white);border:1px solid var(--line);border-top:0;
  border-radius:0 0 12px 12px;box-shadow:0 16px 32px rgba(0,0,0,.14);max-height:calc(100vh - 150px);overflow:auto;overscroll-behavior:contain;}
.gnb-mega-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px 20px;padding:18px 20px 20px;}
.gnb-gh{margin:0 0 6px;padding:0 10px 7px;border-bottom:2px solid var(--ink);font-size:14.5px;font-weight:800;color:var(--ink);}
.gnb-grp.is-admin .gnb-gh{border-bottom-color:var(--mint);color:var(--mint-ink);}
.gnb-gl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
.gnb-ml{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:8px;color:var(--ink);text-decoration:none;}
.gnb-ml b{font-size:15.5px;font-weight:800;line-height:1.3;}
.gnb-ml small{font-size:12.5px;line-height:1.4;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;}
.gnb-ml[aria-current="page"]{background:var(--mint-tint);box-shadow:inset 3px 0 0 var(--mint);}
.gnb-ml[aria-current="page"] b{color:var(--mint-ink);}
@media (hover:hover){ .gnb-ml:hover{background:var(--surface-2);} .gnb-ml:hover b{text-decoration:underline;} }
.gnb-ml:focus-visible{outline:2px solid var(--mint);outline-offset:-2px;}

/* ── 모바일 전체 메뉴(오른쪽에서 열림) ── */
.gnb-drawer{position:fixed;inset:0;z-index:45;display:flex;justify-content:flex-end;background:rgba(0,0,0,.45);}
.gnb-panel{display:flex;flex-direction:column;width:min(88vw,380px);height:100%;background:var(--white);box-shadow:-8px 0 24px rgba(0,0,0,.18);
  padding-top:env(safe-area-inset-top);animation:gnbIn .18s ease-out;}
@keyframes gnbIn{from{transform:translateX(28px);opacity:.5;}to{transform:none;opacity:1;}}
@media (prefers-reduced-motion:reduce){ .gnb-panel{animation:none;} .gnb-chev{transition:none;} }
.gnb-dh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 16px;border-bottom:1px solid var(--line);}
.gnb-dh b{font-size:17px;font-weight:800;}
.gnb-x{min-height:46px;padding:6px 14px;border:1px solid var(--line-strong);border-radius:10px;background:var(--white);font:inherit;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;}
.gnb-x:focus-visible{outline:2px solid var(--mint);outline-offset:2px;}
.gnb-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(20px + env(safe-area-inset-bottom));}
.gnb-user{display:flex;align-items:center;gap:12px;padding:16px 16px 10px;background:var(--mint-tint);}
.gnb-user-t{display:flex;flex-direction:column;min-width:0;line-height:1.35;}
.gnb-user-t b{font-size:18px;font-weight:800;overflow-wrap:anywhere;}
.gnb-user-t span{font-size:14px;font-weight:600;color:var(--ink-2);overflow-wrap:anywhere;}
.gnb-ubtns{display:flex;gap:8px;padding:6px 16px 14px;background:var(--mint-tint);border-bottom:1px solid var(--line);}
.gnb-ubtns .btn{flex:1 1 0;min-height:46px;font-size:15px;background:var(--white);border-color:var(--line-strong);}
.gnb-dsec{margin:18px 16px 6px;font-size:13.5px;font-weight:800;color:var(--ink-2);}
.gnb-dl{list-style:none;margin:0;padding:0;}
.gnb-dl-a{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 16px;border-bottom:1px solid var(--line);font-size:16.5px;font-weight:700;color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent;}
.gnb-dl>li:first-child>.gnb-dl-a{border-top:1px solid var(--line);}
.gnb-dl-a:active{background:var(--surface-2);}
.gnb-dl-a[aria-current="page"]{color:var(--mint-ink);background:var(--mint-tint);box-shadow:inset 4px 0 0 var(--mint);font-weight:800;}
.gnb-dl-a:focus-visible{outline:2px solid var(--mint);outline-offset:-2px;}
.gnb-dl-ico{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#e6f4f5;color:var(--mint-ink);display:flex;align-items:center;justify-content:center;}
.gnb-dl-ico svg{display:block;width:22px;height:22px;}
.gnb-dg h4{margin:14px 16px 6px;font-size:12.5px;font-weight:800;color:var(--ink-2);}

@media print{ .gnb-drawer,.hd-gnb{display:none !important;} }

/* Mega Menu 올리기(hover) 안정성 — 버튼과 메뉴 사이의 틈(1px 어긋남)에서 닫히지 않게 메뉴 위에 보이지 않는 다리를 둔다(JS 도 0.3초 지연) */
.gnb-mega::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;}
.gnb-all[aria-expanded="true"]::after{background:var(--mint);}
/* 모바일 전체 메뉴의 [전체 업무] 아코디언(2026-10-04) */
.gnb-acc{display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc(100% - 32px);min-height:54px;margin:16px 16px 4px;padding:8px 16px;border:2px solid var(--mint);border-radius:10px;background:var(--mint-tint);
  font:inherit;font-size:17px;font-weight:800;color:var(--mint-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;}
.gnb-acc[aria-expanded="true"] .gnb-chev{transform:rotate(180deg);}
.gnb-acc:focus-visible{outline:3px solid #41a8ab;outline-offset:2px;}
.gnb-accp{padding-bottom:6px;}
.gnb-accp[hidden]{display:none;}
/* ── 현재 사업장 칩(2026-10-05 다회사·다사업장) — js/core.js scopeChipHtml ──
   PC 첫 줄: 프로필 사진 왼쪽에 작게 'YK Steel · 구평'. 관리자만 버튼(누르면 [사업장 전환]), 전환 중이면 '전환됨' 배지.
   모바일·태블릿: 머리글에는 두지 않고 [메뉴] 안 사용자 정보 아래에 크게. 사업장 없는 계정은 '사업장 미지정'(주황). */
.hd-scope-slot{display:none;}
body.gnb-on .hd-scope-slot:not([hidden]){display:inline-flex;flex:0 1 auto;min-width:0;}
.hd-scope{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:280px;min-height:34px;padding:4px 11px 4px 9px;border:1px solid #b9dcdd;border-radius:999px;
  background:var(--mint-tint);color:var(--mint-ink);font:inherit;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;}
.hd-scope-ico{flex:0 0 auto;}
.hd-scope-t{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.hd-scope-chev{flex:0 0 auto;opacity:.8;}
.hd-scope.is-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;}
@media (hover:hover){ .hd-scope.is-btn:hover{border-color:var(--mint);background:#dff0f0;} }
.hd-scope.is-btn:focus-visible{outline:2px solid var(--mint);outline-offset:2px;}
.hd-scope.is-none{background:#fdf3e7;border-color:#ecc89a;color:#8f4b0e;}
.hd-scope.is-override{background:#fff7e8;border-color:#e2b35c;color:#7a4a00;}
.hd-scope-ov{display:inline-flex;align-items:center;flex:0 0 auto;height:19px;padding:0 7px;border-radius:999px;background:#b45309;color:#fff;font-size:11px;font-weight:800;letter-spacing:.01em;}
@media (max-width:1023.98px){ body.gnb-on .hd-scope-slot:not([hidden]){display:none;} }
/* 모바일 전체 메뉴 안 */
.gnb-scope{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:2px 16px 10px;background:var(--mint-tint);}
.gnb-scope-l{font-size:12.5px;font-weight:800;color:var(--ink-2);}
.hd-scope.in-drawer{max-width:100%;min-height:42px;padding:6px 14px 6px 11px;font-size:15px;background:var(--white);}
.hd-scope.in-drawer.is-none{background:#fdf3e7;}
.hd-scope.in-drawer.is-override{background:#fff7e8;}

/* =============================================================================
   2026-10-05 Apple 스타일 머리글(직원 로그인 body.gnb-on) — 토큰은 app.css :root --ap-*
   - 첫 줄: 검정 바탕 · DaehanSteel | YKSteel(흰색) · 통합안전보건시스템 · 현재 사업장 칩 · 사용자 · [내 정보] [로그아웃]
   - 주 메뉴 줄: 반투명 밝은 회색(뒤 내용이 흐리게 비침) · 지금 메뉴는 진한 글자 + 파란 밑줄
   - [전체 업무 ▾]: 화면 폭 전체 패널 · 분류 제목 + 메뉴명만(설명 없음) · 넓은 여백
   - 모바일 전체 메뉴: 분류별 아코디언(현장관리·위험성평가·개선활동·정보·소통·관리)
   요소·아이디·동작(core.js)은 그대로, 모양만 바꾼다.
   ========================================================================== */
body.gnb-on #appHeader{background:transparent;border-bottom:0;}
body.gnb-on .hd-row1{background:#000;color:#fff;min-height:48px;padding-top:6px;padding-bottom:6px;}
body.gnb-on .hd-brand{color:#fff;gap:12px;}
body.gnb-on .hd-logos{color:#fff;}
body.gnb-on .hd-lg{filter:brightness(0) invert(1);}
body.gnb-on .hd-lg-sep{opacity:.42;}
body.gnb-on .hd-sys{font-size:13px;font-weight:400;color:#d2d2d7;padding-left:12px;border-left:1px solid rgba(255,255,255,.28);line-height:1;}
body.gnb-on .hd-brand:focus-visible{outline-color:var(--ap-blue-dark);}
body.gnb-on #empLabel{color:#fff;font-size:13px;font-weight:600;}
body.gnb-on #modeLabel{color:#a1a1a6;font-size:12px;font-weight:400;}
body.gnb-on #btnMyInfo,body.gnb-on #btnModeSwitch{min-height:32px;padding:4px 13px;border-radius:var(--ap-r-sm);border:0;background:var(--ap-tile);color:#fff;font-size:13px;font-weight:400;}
body.gnb-on #btnMyInfo:active,body.gnb-on #btnModeSwitch:active{transform:scale(.96);}
body.gnb-on #btnMyInfo:focus-visible,body.gnb-on #btnModeSwitch:focus-visible{outline:2px solid var(--ap-blue-dark);outline-offset:2px;}
body.gnb-on .avatar.avatar-hd{width:32px;height:32px;}
body.gnb-on .hd-avatar:focus-visible{outline-color:var(--ap-blue-dark);}
@media (hover:hover){ body.gnb-on .hd-avatar:hover .avatar{box-shadow:0 0 0 2px rgba(255,255,255,.55);} }
body.gnb-on #hdScope .hd-scope{min-height:30px;padding:3px 11px 3px 9px;border:0;background:rgba(255,255,255,.14);color:#fff;font-weight:600;}
body.gnb-on #hdScope .hd-scope.is-btn:hover{background:rgba(255,255,255,.22);}
body.gnb-on #hdScope .hd-scope.is-none{background:#fdf3e7;color:#8f4b0e;}
body.gnb-on #hdScope .hd-scope.is-override{background:#fff7e8;color:#7a4a00;}
body.gnb-on .hd-burger{border-color:rgba(255,255,255,.32);background:transparent;color:#fff;min-height:42px;}
body.gnb-on .hd-burger:active,body.gnb-on .hd-burger[aria-expanded="true"]{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;}
/* 모바일·태블릿: 로고 줄 아래에 시스템 이름(두 줄) — 머리글 높이는 그대로 */
@media (max-width:1023.98px){
  body.gnb-on .hd-brand{flex-direction:column;align-items:flex-start;gap:5px;}
  body.gnb-on .hd-lg{height:13px;}
  body.gnb-on .hd-lg-sep{height:13px;}
  body.gnb-on .hd-logos{gap:8px;}
  body.gnb-on .hd-sys{font-size:11px;padding-left:0;border-left:0;letter-spacing:.02em;}
}
@media (max-width:360px){ body.gnb-on .hd-lg{height:11.5px;} body.gnb-on .hd-lg-sep{height:11px;} }
/* 주 메뉴 줄 */
body.gnb-on .hd-gnb{background:rgba(245,245,247,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:0;border-bottom:1px solid var(--ap-hair-soft);}
body.gnb-on .gnb-a{min-height:48px;font-size:15px;font-weight:400;color:var(--ap-ink-80);}
body.gnb-on .gnb-a::after{left:13px;right:13px;height:2px;border-radius:0;}
body.gnb-on .gnb-a[aria-current="page"],body.gnb-on .gnb-all.on{color:var(--ap-ink);font-weight:600;}
body.gnb-on .gnb-a[aria-current="page"]::after,body.gnb-on .gnb-all.on::after,body.gnb-on .gnb-all[aria-expanded="true"]::after{background:var(--ap-blue);}
@media (hover:hover){ body.gnb-on .gnb-a:hover{color:var(--ap-ink);background:transparent;} }
body.gnb-on .gnb-a:focus-visible{outline-color:var(--ap-blue-focus);}
body.gnb-on .gnb-all-li::before{background:rgba(0,0,0,.14);top:16px;bottom:16px;}
body.gnb-on .gnb-all[aria-expanded="true"]{background:transparent;color:var(--ap-ink);}
/* 6개 대분류 주 메뉴(2026-10-05) — 홈 아이콘 + 현장관리 · 위험성평가 · 개선활동 · 정보 · 소통 · 관리 */
body.gnb-on .gnb-list{margin:0 -12px;gap:4px;}
body.gnb-on .gnb-home{width:44px;justify-content:center;padding:0;color:var(--ap-ink-60);}
body.gnb-on .gnb-home svg{display:block;width:20px;height:20px;}
body.gnb-on .gnb-home[aria-current="page"]{color:var(--ap-ink);}
body.gnb-on .gnb-home::after{left:10px;right:10px;}
body.gnb-on .gnb-catb{gap:4px;padding:0 12px;}
body.gnb-on .gnb-catb .gnb-chev{width:14px;height:14px;opacity:.55;}
body.gnb-on .gnb-catb.on{color:var(--ap-ink);font-weight:600;}
body.gnb-on .gnb-catb.on::after,body.gnb-on .gnb-catb[aria-expanded="true"]::after{background:var(--ap-blue);}
body.gnb-on .gnb-catb[aria-expanded="true"]{color:var(--ap-ink);}
body.gnb-on .gnb-catb[aria-expanded="true"] .gnb-chev{transform:rotate(180deg);opacity:.8;}
/* 대분류 드롭다운 패널 — 화면 폭 전체 흰 패널, 내용은 본문 세로선에 맞춤 · 분류 이름 + 메뉴명만 */
body.gnb-on .gnb-catp-in{padding:26px var(--hd-pad) 34px;}
body.gnb-on .gnb-catp-h{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--ap-ink-60);letter-spacing:.01em;}
body.gnb-on .gnb-catp-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
body.gnb-on .gnb-catp .gnb-ml{display:inline-flex;padding:6px 0;}
body.gnb-on .gnb-catp .gnb-ml b{font-size:21px;font-weight:600;line-height:1.3;color:var(--ap-ink);letter-spacing:-.01em;}
body.gnb-on .gnb-catp .gnb-ml[aria-current="page"] b{color:var(--ap-blue);}
@media (hover:hover){ body.gnb-on .gnb-catp .gnb-ml:hover b{color:var(--ap-blue);} }
/* 업무 화면의 ← 뒤로가기 줄 */
body.gnb-on .hd-row2{background:#fff;border-top:0;border-bottom:1px solid var(--ap-hair-soft);}
/* 대분류 드롭다운 패널 공통(화면 폭 전체 흰 패널 · 불투명 #fff — 반투명이면 뒤 내용이 비친다) */
body.gnb-on .gnb-mega{left:0;right:0;border:0;border-radius:0;border-top:1px solid var(--ap-hair-soft);border-bottom:1px solid var(--ap-hair-soft);
  background:#fff;box-shadow:0 24px 40px rgba(0,0,0,.08);max-height:calc(100vh - 120px);}
body.gnb-on .gnb-ml{padding:8px 0;border-radius:0;}
body.gnb-on .gnb-ml b{font-size:16px;font-weight:400;color:var(--ap-ink-80);line-height:1.45;word-break:keep-all;}
body.gnb-on .gnb-ml[aria-current="page"]{background:transparent;box-shadow:none;}
body.gnb-on .gnb-ml[aria-current="page"] b{color:var(--ap-blue);font-weight:600;}
@media (hover:hover){ body.gnb-on .gnb-ml:hover{background:transparent;} body.gnb-on .gnb-ml:hover b{color:var(--ap-blue);text-decoration:none;} }
body.gnb-on .gnb-ml:focus-visible{outline:2px solid var(--ap-blue-focus);outline-offset:2px;border-radius:4px;}
/* 모바일 전체 메뉴 */
body.gnb-on .gnb-panel{font-family:inherit;}
body.gnb-on .gnb-dh b{font-weight:600;}
body.gnb-on .gnb-x{border:0;background:var(--ap-parch);border-radius:var(--ap-pill);font-weight:400;}
body.gnb-on .gnb-user,body.gnb-on .gnb-scope,body.gnb-on .gnb-ubtns{background:var(--ap-parch);}
body.gnb-on .gnb-user-t b{font-weight:600;}
body.gnb-on .gnb-ubtns .btn{border-radius:var(--ap-pill);border:1px solid var(--ap-blue);color:var(--ap-blue);background:#fff;font-weight:400;}
body.gnb-on .gnb-dsec{font-size:14px;font-weight:600;color:var(--ap-ink-60);}
body.gnb-on .gnb-dl-a{font-weight:400;color:var(--ap-ink);}
body.gnb-on .gnb-dl-a[aria-current="page"]{color:var(--ap-blue);background:transparent;box-shadow:inset 3px 0 0 var(--ap-blue);font-weight:600;}
body.gnb-on .gnb-dl-ico{background:var(--ap-parch);color:var(--ap-ink-80);}
.gnb-cats{border-top:1px solid var(--line);}
.gnb-cat{border-bottom:1px solid var(--line);}
.gnb-cats .gnb-acc{display:flex;align-items:center;gap:8px;width:100%;min-height:56px;margin:0;padding:6px 16px;border:0;border-radius:0;background:#fff;
  font:inherit;font-size:17px;font-weight:600;color:var(--ap-ink, #1d1d1f);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.gnb-cats .gnb-acc>span{flex:1 1 auto;}
.gnb-cats .gnb-acc small{flex:0 0 auto;min-width:24px;height:22px;padding:0 7px;border-radius:11px;background:var(--ap-parch, #f5f5f7);color:var(--ap-ink-60, #6e6e73);font-size:13px;font-weight:600;line-height:22px;text-align:center;}
.gnb-cats .gnb-acc[aria-expanded="true"]{color:var(--ap-blue, #0066cc);}
.gnb-cats .gnb-acc[aria-expanded="true"] .gnb-chev{transform:rotate(180deg);}
.gnb-cats .gnb-acc:active{background:var(--surface-2);}
.gnb-cats .gnb-acc:focus-visible{outline:2px solid var(--ap-blue-focus, #0071e3);outline-offset:-2px;}
.gnb-catl{padding:0 0 6px;}
.gnb-catl>li:first-child>.gnb-dl-a{border-top:0;}
.gnb-catl .gnb-dl-a{min-height:50px;padding-left:22px;border-bottom:0;font-size:16px;}

/* ── 관리자 [사업장 전환] 팝업 ── */
.scope-sw-modal{max-width:520px;}
.ssw-now{margin:0 0 6px;font-size:15px;}
.ssw-help{margin:0 0 12px;line-height:1.55;}
.ssw-co{margin:0 0 14px;}
.ssw-co-h{margin:0 0 6px;font-size:14px;font-weight:800;color:var(--mint-ink);}
.ssw-co-h small{font-weight:600;color:var(--ink-2);}
.ssw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.ssw-fac{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:12px;
  background:var(--white);color:var(--ink);font:inherit;font-size:16px;font-weight:700;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.ssw-fac small{margin-left:8px;font-size:12px;font-weight:600;color:var(--ink-2);}
.ssw-fac.is-cur{border-color:var(--mint);background:var(--mint-tint);box-shadow:inset 3px 0 0 var(--mint);}
@media (hover:hover){ .ssw-fac:not(:disabled):hover{border-color:var(--mint);} }
.ssw-fac:focus-visible{outline:2px solid var(--mint);outline-offset:2px;}
.ssw-fac:disabled{opacity:.6;cursor:default;}
.ssw-fac-n{min-width:0;overflow-wrap:anywhere;}
.ssw-tags{display:inline-flex;gap:5px;flex:0 0 auto;}
.ssw-tag{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px;}
.ssw-tag.cur{background:var(--mint);color:#fff;}
.ssw-tag.mine{background:#eef1f5;color:#475569;}