/* ══ v-198 뼈대 — 왼쪽 다섯 갈래 · 고른 갈래 안 메뉴(늘 펼침) · 사무실은 내 이름 칸 · 휴대폰 아래 탭 다섯 · 찾기 창 바로 가기 ══
   색은 왼쪽 메뉴 글자색(currentColor)에서 섞어 씀 — 어느 옷(밝은 · 어두운 메뉴)에서도 같은 결. 빨간 숫자만 고정색(흰 글자 대비 4.8:1). */
aside .g5{display:flex;flex-direction:column;gap:3px;margin:4px 0 2px}
aside .g5b{display:flex;align-items:center;gap:11px;width:100%;min-height:40px;padding:0 10px;box-sizing:border-box;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:750;letter-spacing:-.01em;text-align:left;cursor:pointer}
aside .g5b:hover{background:color-mix(in srgb,currentColor 7%,transparent)}
aside .g5b:focus-visible,aside .g5o:focus-visible,#g5tab .g5tb:focus-visible,.ov5-c:focus-visible{outline:2px solid var(--accent,#155EEF);outline-offset:1px}
aside .g5i{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,currentColor 9%,transparent)}
aside .g5i svg{display:block;width:17px;height:17px}
aside .g5n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
aside .g5c,#g5tab .g5tc{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:#D92D20;color:#fff;font-size:11px;font-weight:800;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;line-height:1}
aside .g5b[aria-pressed="true"]{background:color-mix(in srgb,var(--accent,#155EEF) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#155EEF) 28%,transparent)}
aside .g5b[aria-pressed="true"] .g5i{background:linear-gradient(145deg,#53B1FD 0%,#155EEF 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 12px -6px rgba(21,94,239,.8)}
aside .g5b.cur:not([aria-pressed="true"]) .g5i{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent,#155EEF) 60%,transparent)}
aside .g5t{margin:12px 4px 2px 10px;font-size:11.5px;font-weight:800;letter-spacing:.01em;opacity:.82}
aside .g5s{margin:10px 4px 1px 12px;font-size:11px;font-weight:750;letter-spacing:.01em;opacity:.78}
/* 고른 갈래만 — 묶음 머리(.grp)는 갈래 단추가 대신함 · 접기 기억(jk_navc)은 쓰지 않음(늘 펼침) */
aside.g5on>.grp{display:none}
aside.g5on a.nav.hid{display:flex;opacity:1}   /* 즐겨찾기로 올린 메뉴도(접어 둔 묶음에서 올렸어도) */
aside.g5on[data-g5="home"]>[data-g]:not([data-g="home"]),
aside.g5on[data-g5="client"]>[data-g]:not([data-g="client"]),
aside.g5on[data-g5="work"]>[data-g]:not([data-g="work"]),
aside.g5on[data-g5="comm"]>[data-g]:not([data-g="comm"]),
aside.g5on[data-g5="know"]>[data-g]:not([data-g="know"]),
aside.g5on[data-g5="office"]>[data-g]:not([data-g="office"]){display:none}
aside.mf-on>#g5,aside.mf-on>.g5t,aside.mf-on>.g5s{display:none!important}
body.favonly aside #g5,body.favonly aside .g5t,body.favonly aside .g5s{display:none}
/* 사무실 — 내 이름 칸 */
aside .who>div{min-width:0;flex:1}
aside .who>div b,aside .who>div #who-t{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
aside .who{flex-wrap:wrap}
aside .who .g5o{order:3;flex:1 1 100%;margin:8px 0 0;height:34px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12.5px;font-weight:750;white-space:nowrap}
aside .who .g5o svg{display:block}
aside .who .g5o .g5c{min-width:16px;height:16px;padding:0 4px;font-size:10px}
aside .who .g5o[aria-pressed="true"]{border-color:var(--accent,#155EEF);color:var(--accent,#155EEF)}
/* 찾기 창 — 빈 칸이면 바로 가기 */
.ov5{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px 2px}
.ov5[hidden]{display:none}
.ov5-l{font-size:11.5px;font-weight:800;color:var(--muted);margin-right:2px}
.ov5-c{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--line-2,var(--line));background:var(--surface,#fff);color:var(--ink);font-size:12.5px;font-weight:700;text-decoration:none}
.ov5-c:hover{border-color:var(--accent,#155EEF);color:var(--accent,#155EEF);text-decoration:none}
.ov5-c svg{display:block;color:var(--accent,#155EEF)}
/* 휴대폰 아래 탭 */
#g5tab{display:none}
@media (max-width:760px){
  body.g5tab{--g5bar:calc(62px + env(safe-area-inset-bottom,0px))}
  body.g5tab #g5tab{position:fixed;left:0;right:0;bottom:0;z-index:59;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-sizing:border-box;
    background:color-mix(in srgb,var(--surface,#fff) 95%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  #g5tab .g5tb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:50px;min-width:0;padding:0 2px;border:0;border-radius:14px;background:transparent;color:var(--muted);font:inherit;font-size:11.5px;font-weight:800;letter-spacing:-.02em;cursor:pointer}
  #g5tab .g5tb[aria-current="page"]{color:var(--accent-ink,var(--accent,#155EEF));background:var(--accent-soft,#EEF4FF)}
  #g5tab .g5ti{position:relative;display:flex}
  #g5tab .g5ti svg{display:block}
  #g5tab .g5tn{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #g5tab .g5tc{position:absolute;top:-6px;left:calc(100% - 8px);min-width:18px;height:18px;padding:0 5px;font-size:10.5px;border:2px solid var(--surface,#fff)}
  #g5tab .g5tc[hidden]{display:none}
  body.g5tab .page{padding-bottom:calc(80px + var(--g5bar))}
  body.g5tab .fbbtn,body.g5tab .asbtn,body.g5tab .kkfab,body.g5tab #toast,body.g5tab .ka-undo{translate:0 calc(-1 * var(--g5bar))}
  /* 숨은 알림 글은 탭 위로 올리면 아래 끝이 보이므로 — 숨을 때는 안 보이게(나타날 때는 바로) */
  body.g5tab #toast:not(.on),body.g5tab .ka-undo:not(.on){visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
  body.g5tab .nm .nm-mini{bottom:calc(12px + var(--g5bar))}
}
@media print{#g5tab{display:none!important}}