/* 모노 라인 아이콘 공통(스프라이트 /static/icons.svg) */
svg.lic{width:1em;height:1em;vertical-align:-.125em;flex:none;display:inline-block}
/* Global Tax Analyzer 공용 좌측 셸
 * 기본 챗봇(.side)과 에이전트(.sidebar)가 같은 타이포·간격·상태 표현을 사용한다.
 * 화면별 인라인 CSS보다 뒤에 로드해 과거 복제 스타일의 차이를 한 곳에서 정규화한다. */
.side,
.sidebar {
  width:264px;
  flex:none;
  flex-shrink:0;
  background:#2E2E38;
  color:#ECECF1;
  border-right:1px solid #4a4a57;
  display:flex;
  flex-direction:column;
  font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Malgun Gothic","Apple SD Gothic Neo",sans-serif;
  font-size:15px;
  line-height:1.25;
}

.side .side-top,
.sidebar .sb-brand {
  height:56px;
  flex:none;
  padding:0 14px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #4a4a57;
}

.side .brand,
.sidebar .brand {
  display:flex;
  align-items:center;
  gap:9px;
  color:#ECECF1;
  text-decoration:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  font-size:13.5px;
  font-weight:700;
  letter-spacing:-.2px;
  line-height:1;
}
.side .brand img,
.sidebar .brand img {display:block;width:38px;height:38px;flex:none}
.side .brand span,
.sidebar .brand span {transform:translateY(4px)}

.side .newbtn,
.sidebar .sb-back {
  margin:10px 12px;
  min-height:39px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:#414150;
  border:1px solid #4a4a57;
  color:#ECECF1;
  border-radius:10px;
  padding:10px;
  font-family:inherit;
  font-size:13.5px;
  font-weight:600;
  line-height:1.25;
  cursor:pointer;
  text-decoration:none;
}
.side .newbtn:hover,
.sidebar .sb-back:hover {border-color:#FFE600}

/* 에이전트 페이지는 버튼과 목록이 한 스크롤 영역에 있으므로 좌우 여백을 목록에서 담당한다. */
.sidebar .sb-scroll {flex:1;overflow-y:auto;padding:0 12px 8px}
.sidebar .sb-back {margin-left:0;margin-right:0}
.side .side-agents {margin:0 12px 8px;padding-bottom:8px;border-bottom:1px solid #4a4a57}

.side .side-agents-h,
.sidebar .sb-sec {
  margin:0 4px 4px;
  padding:2px 8px;
  color:#b3b3c2;
  font-size:10.5px;
  line-height:1.25;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.side .agent-link,
.sidebar .nav-item {
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 12px;
  border-radius:8px;
  color:#D3D3DB;
  font-size:13px;
  font-weight:400;
  line-height:1.3;
  text-decoration:none;
  transition:background .15s,color .15s;
}
.side .agent-link:hover,
.sidebar .nav-item:hover {background:#3a3a48}
.sidebar .nav-item.active {
  background:#414150;
  color:#fff;
  font-weight:600;
  box-shadow:none;
}
.side .agent-link .ic,
.sidebar .nav-item .ic {width:18px;text-align:center;font-size:14px;line-height:1}

.side .agent-more {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:1px;
  padding:8px 12px;
  border-radius:8px;
  color:#b3b3c2;
  font-size:12.5px;
  line-height:1.25;
}

.sidebar .subnav {margin:0 0 4px}
.sidebar .subnav-item {
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 12px 7px 40px;
  border-radius:8px;
  color:#a7a7b8;
  font-size:12.5px;
  line-height:1.25;
  text-decoration:none;
}
.sidebar .subnav-item:hover {background:#3a3a48;color:#e6e6ec}
.sidebar .subnav-item.on,
.sidebar .subnav-item.active {color:#FFE600;font-weight:700}

.side .agent-tier-divider,
.sidebar .agent-tier-divider {
  border-top:1px solid rgba(140,140,160,.28);
  margin:10px 8px 8px;
}

.side .side-scroll {flex:1;overflow-y:auto;padding:0 8px 12px}
.side .side-kb {flex:none;border-top:1px solid #4a4a57;padding:8px 8px 12px;max-height:30vh;overflow-y:auto}
.side .side-kb:empty {display:none;border-top:none;padding:0}
.side .side-foot,
.sidebar .sb-foot {
  flex:none;
  border-top:1px solid #4a4a57;
  padding:11px 14px;
  color:#8e8e9f;
  font-size:11px;
  line-height:1.45;
}
.side .legal-link,
.sidebar .legal-link {color:#8e8e9f;text-decoration:none}

/* ── 모바일 드로어(2026-07-17 파트너 지시 "모바일 엉망" — 클로드 모바일식) ──
   에이전트 페이지들의 @media .sidebar{display:none}(사이드바 접근 불가)을 대체:
   gta-mobile.js가 topbar에 버거·스크림을 주입하고 .gta-open으로 슬라이드 인.
   이 파일이 페이지 인라인 CSS보다 나중에 로드되어 display:none을 이긴다. */
.gta-mburger{display:none;background:none;border:none;color:#ECECF1;font-size:19px;
  cursor:pointer;padding:2px 8px;border-radius:7px;flex:none;font-family:inherit}
.gta-mburger:hover{background:#3a3a48}
.gta-mscrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:65}
@media (max-width:820px){
  .gta-mburger{display:inline-flex}
  .sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:70;
    transform:translateX(-100%);transition:transform .22s ease}
  .sidebar.gta-open{transform:none;box-shadow:24px 0 60px rgba(0,0,0,.5)}
  .gta-mscrim.on{display:block}
  .topbar{padding:0 12px;gap:8px}
  .topbar .crumb,.topbar .pill{display:none}
  .topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* ── 좌측 셸은 테마와 무관하게 항상 다크(2026-07-17 파트너 지시) ──
   종전의 body.gta-light 사이드바 라이트 오버라이드 블록(07-17 오전 도입)을 제거했다.
   이 파일이 페이지 인라인 CSS보다 나중에 로드되므로, 라이트 오버라이드가 남아 있으면
   index의 변수 재고정(body.gta-light .side 다크 팔레트)을 구체 색상으로 되덮어
   '라이트에서도 다크 사이드바' 지시가 무효화된다(2026-07-17 로컬 렌더 실측).
   되돌릴 일이 생기면 git 이력의 이 블록(커밋 7717b44 시점)을 복원할 것. */

/* 하부 메뉴 트리 레일(2026-07-19 파트너 승인) — 부모 메뉴 소속을 세로 가이드로 표시.
   레일 x=21px: nav-item 패딩 12px + 아이콘 폭 20px의 중앙. 셸은 항상 다크(고정). */
.sidebar .subnav{position:relative}
.sidebar .subnav::before{content:"";position:absolute;left:21px;top:3px;bottom:3px;width:1px;background:#4a4a57;z-index:1}