/* ============================================================
   SMARTC&S shell — sidebar + topbar + content layout, sidebar
   nav items, login split panel. DORMANT until Phase 2 emits the
   .app-shell / .sidebar / .login-grid markup.
   ============================================================ */

.app-shell { display: flex; height: 100vh; overflow: hidden; }
.shell-main { flex: 1; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
.shell-content { flex: 1; overflow-y: auto; }
.shell-page { padding: var(--sp-6); max-width: 1480px; margin: 0 auto; }

/* ---- sidebar (220px fixed rail) ---- */
.sidebar {
  width: 220px; flex-shrink: 0; background: var(--white);
  border-right: 1px solid var(--line-1);
  display: flex; flex-direction: column; height: 100%;
}
.sidebar-logo { padding: 18px 18px 16px; border-bottom: 1px solid var(--line-1); }
.sidebar-logo img { height: 26px; }
.sidebar-nav { padding: 12px; display: flex; flex-direction: column; gap: 2px; flex: 1; overflow-y: auto; }
.sidebar-group-label { font-size: 10px; font-weight: var(--fw-semibold); letter-spacing: var(--tracking-caps); text-transform: uppercase; color: var(--fg4); padding: 12px 10px 4px; }
.nav-item {
  display: flex; align-items: center; gap: 10px; padding: 9px 10px;
  border-radius: var(--r-sm); border: none; cursor: pointer; text-decoration: none;
  font-family: var(--font-sans); font-size: 13.5px; font-weight: var(--fw-medium);
  background: transparent; color: var(--fg2); text-align: left; width: 100%;
}
.nav-item .nav-ico { color: var(--fg3); display: inline-flex; }
.sidebar-footer { padding: 12px; border-top: 1px solid var(--line-1); }
.user-chip { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--r-sm); background: var(--ink-50); }
.user-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--blue-600); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: var(--fw-semibold); flex-shrink: 0; }

/* ---- topbar ---- */
.topbar {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 24px; border-bottom: 1px solid var(--line-1);
  background: var(--white); flex-shrink: 0;
}
.topbar-title { font-size: 19px; font-weight: var(--fw-bold); letter-spacing: var(--tracking-tight); color: var(--fg1); margin: 0; }
.topbar-sub { font-size: 12.5px; color: var(--fg3); margin-top: 2px; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.breadcrumb-mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

/* 로그인 화면 스타일은 50_theme.css (.login-*) 로 이전 — 분할 패널 폐기 2026-09-11 */