/* 온톨로지: 태그 관리 — console.css + transfer.css 셸 재사용 */
.tg-toolbar{display:flex;align-items:center;gap:10px;margin:4px 0 12px;flex-wrap:wrap;}
.tg-grps{display:flex;gap:7px;flex-wrap:wrap;}
.tg-gb{font-family:inherit;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 13px;cursor:pointer;border:1px solid var(--color-border,#E0D5CC);background:var(--color-surface,#fff);color:var(--color-text-muted,#6B5F57);}
.tg-gb.is-on{background:var(--color-text-strong,#15110E);border-color:var(--color-text-strong,#15110E);color:#fff;}
.tg-sort{font-family:inherit;font-size:12.5px;font-weight:600;border:1px solid var(--color-border,#E0D5CC);border-radius:9px;padding:7px 11px;background:var(--color-surface,#fff);color:var(--color-text,#3D342E);}
.tg-tbl th,.tg-tbl td{padding:11px 14px;}
.tg-off{opacity:.5;}
.tg-nm{display:flex;align-items:center;gap:8px;}
.tg-chip{font-size:12.5px;font-weight:700;color:var(--accent-text,#B23A12);background:var(--accent-bg,#FFE9E0);border-radius:7px;padding:3px 9px;white-space:nowrap;}
.tg-chip--mut{color:var(--color-text-muted,#6B5F57);background:var(--color-bg-subtle,#F5EEE9);}
.tg-grp{font-size:11px;color:var(--color-text-subtle,#9A8C82);}
.tg-cv{display:flex;align-items:center;gap:9px;}
.tg-cv__bar{width:60px;height:6px;border-radius:999px;background:var(--color-bg-subtle,#F5EEE9);overflow:hidden;}
.tg-cv__bar>div{height:100%;border-radius:999px;background:var(--ok,#1F8A5B);}
.tg-trend{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;white-space:nowrap;}
.tg-up{color:var(--ok,#1F8A5B);}
.tg-down{color:var(--rose,#E11D48);}
.tg-flat{color:var(--color-text-subtle,#9A8C82);}
.tg-toggle{width:38px;height:22px;border-radius:999px;border:none;cursor:pointer;background:var(--color-border-strong,#D8CCC2);position:relative;transition:background .15s;}
.tg-toggle span{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.2);}
.tg-toggle.is-on{background:var(--ok,#1F8A5B);}
.tg-toggle.is-on span{left:18px;}
.tg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
@media(max-width:1100px){.tg-grid{grid-template-columns:1fr;}}
.tg-mvs{display:flex;flex-direction:column;gap:9px;}
.tg-mv{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-border,#E0D5CC);border-radius:11px;}
.tg-mv--up{border-left:3px solid var(--ok,#1F8A5B);}
.tg-mv--down{border-left:3px solid var(--rose,#E11D48);}
.tg-mv__p{font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;gap:4px;}
.tg-mv__n{font-size:11.5px;color:var(--color-text-muted,#6B5F57);}
.tg-cleans{display:flex;flex-direction:column;gap:8px;}
.tg-clean{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--color-border,#E0D5CC);border-radius:11px;}
.tg-clean.is-done{opacity:.6;}
.tg-clean__b{flex:1;font-size:12px;color:var(--color-text-muted,#6B5F57);}

/* 데모 배지 — 소스 없는 디자인 메트릭(그룹·구독전환·전환율·병합) 정직 표기 */
.tg-demo-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.02em;color:#92600A;background:#FEF3C7;border:1px solid #FDE68A;border-radius:6px;padding:1px 5px;vertical-align:middle;margin-left:3px;line-height:1.5;}
