/* smplus-web 전용 스타일 - style.css(smplus-hub-admin과 동일 파일)에 없는 것만 여기에 추가.
   style.css 자체는 손대지 않고 그대로 유지(다른 프로젝트와 계속 동일 파일로 교체 가능하게). */

/* 사이드바 접기/펴기 - 상단 ☰ 가 body 에 sidebar-collapsed 를 토글한다.
   2026-09-16 부터 접으면 폭이 0 이 되는 대신 아이콘만 남는 좁은 띠가 된다(파일 맨 아래 규칙). */
.top_bar-menu-btn {
  background: none; border: none; cursor: pointer; padding: 6px; border-radius: 6px;
  display: flex; flex-direction: column; justify-content: center; gap: 4px; flex-shrink: 0;
  transition: background .15s; margin-right: 10px;
}
.top_bar-menu-btn:hover { background: var(--header-hover); }
.top_bar-menu-btn span { display: block; width: 16px; height: 2px; background: #94a3b8; border-radius: 1px; transition: background .15s; }
.top_bar-menu-btn:hover span { background: var(--header-text); }


/* 저장 상태 텍스트("저장되었습니다" 등) - 142.44.163.80:3031(basic-template)의
   .cb-autosave-status 스타일을 그대로 가져와 재사용. footer-text로 쓰던 저장 상태
   문구들을 이 클래스로 교체한다. */
.save-status-text { font-size: 11px; flex-shrink: 0; transition: color .2s; min-width: 60px; text-align: right; }

/* ── 외부 이미지 차단 배너 (메일 상단) ────────────────────────────── */
/* 본문 바로 위에 한 줄로 붙는 얇은 안내 줄. 버튼 대신 인라인 링크를 쓴다
   (SmarterMail 의 "이미지 표시 또는 이 보낸 사람의 이미지를 항상 표시합니다." 형태). */
.mail-extimg-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin:0;padding:8px 14px;font-size:.8125rem;line-height:1.5;
  background:#f8fafc;border-bottom:1px solid var(--clr-border);color:var(--clr-text-sub)}
.mail-extimg-bar .mail-extimg-ico{flex-shrink:0;color:#2563eb}
.mail-extimg-bar.is-allowed .mail-extimg-ico{color:#059669}
.mail-extimg-bar .mail-extimg-msg{flex:1;min-width:180px}
.mail-extimg-bar .mail-extimg-link{color:#2563eb;text-decoration:none;cursor:pointer}
.mail-extimg-bar .mail-extimg-link:hover{text-decoration:underline}

/* ── 왼쪽 메뉴 아이콘 · 접으면 아이콘만(2026-09-16) ─────────────────
   토글(상단 ☰)은 그대로 body.sidebar-collapsed 를 켜고 끈다. 예전에는 메뉴가 통째로
   사라졌는데, 이제는 좁은 띠로 줄어 아이콘만 남는다 — 어디에 있는지 계속 보이고
   한 번 더 누르면 이름이 돌아온다. 이름표는 접혀 있을 때 풍선말(title)로 뜬다. */
:root { --sidebar-rail: 56px; }

.sidebar-nav li a { gap: 10px; }
.sidebar-nav .nav-icon { flex: none; width: 18px; height: 18px; color: #64748b; transition: color .12s; }
.sidebar-nav li a:hover .nav-icon { color: #334155; }
.sidebar-nav li a.active .nav-icon { color: var(--clr-primary); }
.sidebar-nav .nav-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.sidebar-collapsed .sidebar { width: var(--sidebar-rail); overflow-x: hidden; }
.sidebar-collapsed .sidebar-nav li a { justify-content: center; padding: 0 8px; }
.sidebar-collapsed .sidebar-nav .nav-label { display: none; }
.sidebar-collapsed .sidebar-footer { display: none; }

/* 머리 로고 그림(2026-09-16) — 관리자 콘솔에서 그림을 올리면 글자 대신 이것이 보인다. */
.top_bar-logo-img { display: block; height: 26px; max-width: 180px; object-fit: contain; }

/* 머리줄 밑줄 지움(2026-09-16) — style.css 는 짙은 남색 1px 선을 깔아 두는데, 머리 색을
   관리자가 고르게 된 뒤로는 색과 따로 노는 «줄»로 보였다. 머리 색 자체가 본문과 갈라 주므로 선은 뺀다. */
.top_bar { border-bottom: 0; }