/* ============================================================
   공급자 어드민 공용 스타일 — supplier-admin/ 아래 모든 도구 페이지가 함께 쓴다.
   상단 검은 바(topbar)는 도구마다 같은 위계의 UI인데 파일마다 복사돼 있으면서
   폭(900/1100/1200)과 링크 클래스(a.back / a.site)가 제각각이었다 —
   여기 한 곳으로 모으고, 브랜드 위치가 도구를 옮겨도 안 흔들리도록 폭을 1200px로 통일한다(2026-08-19).
   ============================================================ */
.topbar{background:#111; color:#fff;}
.topbar-in{max-width:1200px; margin:0 auto; padding:0 24px; height:56px;
  display:flex; align-items:center; justify-content:space-between;}
.topbar .brand{display:inline-flex; align-items:center; gap:9px; font-size:14px; font-weight:700;
  color:#fff; text-decoration:none;}
.topbar .brand-badge{display:inline-flex; align-items:center; justify-content:center; height:20px;
  padding:0 7px; border:1px solid rgba(255,255,255,.9); border-radius:4px;
  font-size:10px; font-weight:800; letter-spacing:.06em; color:#fff;}
.topbar .brand small{font-weight:400; color:#aaa; margin-left:8px; font-size:12px;}
/* 상단 바 오른쪽/가운데 링크는 전부 같은 급이다 — 클래스 이름만 다를 뿐 생김새는 하나로 둔다 */
.topbar a.back-home,
.topbar a.back,
.topbar a.site{font-size:12.5px; color:#bbb; text-decoration:none;}
.topbar a.back-home:hover,
.topbar a.back:hover,
.topbar a.site:hover{color:#fff;}
.topbar a.back-home{margin-right:auto; margin-left:18px;}