/* 콘솔 v2 (doc/44 §4, doc/46, doc/45 토큰) — 셸·상담 로그 작업대·알림·검색. 마지막에 불러옵니다. 글자 12·13·14·16·20·28, 반경 토큰만. */
/* 사이드바: 묶음 제목, 선택은 옅은 브랜드 바탕 + 브랜드 글자 */
.sidebar nav .nav-group-title{margin:16px 12px 4px;font-size:12px;font-weight:700;color:var(--text-3);letter-spacing:0}
.sidebar nav a.active,.sidebar nav .nav-item.open>a.current{background:var(--bg-selected);color:var(--text-brand);font-weight:700}
.sidebar nav a.active .icon{color:var(--text-brand)}
.sidebar .nav-badge.warn{background:var(--warning-bg);color:var(--warning-text)}
.app-shell.nav-mini .sidebar nav .nav-group-title{display:none}
/* 상단 막대: 검색 · 발행 상태 · 알림 */
.workspace-top{display:flex;align-items:center;gap:12px}
.workspace-top .breadcrumb{flex:1;min-width:0}
.top-actions{display:flex;align-items:center;gap:8px}
.top-search{display:inline-flex;align-items:center;gap:8px;height:var(--h-sm);min-width:240px;padding:0 10px 0 12px;border:1px solid var(--line-1);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--text-3);font:inherit;font-size:13px;cursor:pointer}
.top-search .icon{width:16px;height:16px}
.top-search span{flex:1;text-align:left}
.top-search kbd{font:inherit;font-size:12px;color:var(--text-3);border:1px solid var(--line-1);border-radius:var(--r-xs);padding:0 6px;background:var(--bg-subtle)}
.publish-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-pill);background:var(--bg-muted);color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap}
.publish-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--n-400)}
.publish-pill.on{background:var(--success-bg);color:var(--success-text)}
.publish-pill.on::before{background:var(--success-mark)}
.top-bell{position:relative;display:grid;place-items:center;width:var(--h-sm);height:var(--h-sm)}
.bell-count,.tab-count-dot{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--danger-text);color:var(--text-inverse);font-size:12px;font-weight:700;line-height:18px;text-align:center;box-sizing:border-box}
.mobile-menu,.mobile-tabs{display:none}
.readonly-strip{display:flex;align-items:center;gap:8px;margin:0;padding:10px 24px;background:var(--info-bg);color:var(--info-text);font-size:13px;border-bottom:1px solid var(--n-150)}
.readonly-strip .icon{width:16px;height:16px;flex:none}
/* 전체 메뉴 시트 · 알림 · 검색 (모달 안) */
.menu-sheet section{display:grid;gap:2px;margin:12px 0}
.menu-sheet h3{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--text-3)}
.menu-sheet a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--r-sm);color:var(--text-1);text-decoration:none;font-size:14px}
.menu-sheet a.sub{padding-left:42px;font-size:13px;color:var(--text-2)}
.menu-sheet a.active{background:var(--bg-selected);color:var(--text-brand);font-weight:700}
.menu-sheet a .icon{width:18px;height:18px;color:var(--text-3)}
.menu-sheet a .nav-badge{margin-left:auto}
.notice-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:44px}
.notice-list ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px;max-height:60vh;overflow:auto}
.notice-list li button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;border:1px solid var(--n-150);border-radius:var(--r-sm);background:var(--bg-surface);text-align:left;font:inherit;cursor:pointer}
.notice-list li.unread button{border-color:var(--forest-200);background:var(--forest-50)}
.notice-list li.unread b::after{content:'';display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--danger-text);vertical-align:middle}
.notice-text{display:flex;flex-direction:column;min-width:0}
.notice-text b{font-size:14px;color:var(--text-1)}
.notice-text small{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notice-list time{font-size:12px;color:var(--text-3);white-space:nowrap}
.notice-kind{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:var(--r-pill);background:var(--bg-muted);color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap}
.notice-kind.handoff,.notice-kind.send{background:var(--warning-bg);color:var(--warning-text)}
.notice-kind.lead{background:var(--success-bg);color:var(--success-text)}
.notice-kind.reply{background:var(--info-bg);color:var(--info-text)}
.console-search input{width:100%}
#console-search-results{display:grid;gap:12px;margin-top:12px;max-height:60vh;overflow:auto}
#console-search-results h3{margin:0 0 4px;font-size:12px;color:var(--text-3)}
#console-search-results section{display:grid;gap:2px}
#console-search-results button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:var(--r-sm);background:transparent;text-align:left;font:inherit;cursor:pointer}
#console-search-results button b{font-size:14px;color:var(--text-1)}
#console-search-results button small{font-size:12px;color:var(--text-3);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 상담 로그 작업대: 보기 184 · 목록 300 · 대화 · 고객 280 (각 열 따로 스크롤) */
.inbox-work{display:grid;grid-template-columns:184px 300px minmax(0,1fr) 280px;gap:0;height:calc(100dvh - 64px - 40px);min-height:560px;border:1px solid var(--n-150);border-radius:var(--r-lg);background:var(--bg-surface);overflow:hidden}
.inbox-work>*{min-width:0;min-height:0;overflow:auto}
.inbox-views{display:flex;flex-direction:column;gap:2px;padding:12px;border-right:1px solid var(--n-150);background:var(--bg-subtle)}
.inbox-views .convo-search{margin:0 0 8px}
.inbox-view-list{display:flex;flex-direction:column;gap:2px}
.inbox-views a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0 10px;border-radius:var(--r-sm);color:var(--text-1);text-decoration:none;font-size:13px}
.inbox-views a b{font-size:12px;font-weight:600;color:var(--text-3)}
.inbox-views a.active{background:var(--bg-selected);color:var(--text-brand);font-weight:700}
.inbox-views a.active b{color:var(--text-brand)}
.inbox-list{border-right:1px solid var(--n-150)}
.inbox-list-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 12px;border-bottom:1px solid var(--n-150);background:var(--bg-surface)}
.inbox-list-head b{font-size:14px}
.inbox-list-head .button{margin-left:auto}
.convo-row{display:flex;gap:10px;width:100%;padding:12px;border:0;border-bottom:1px solid var(--n-100);border-left:3px solid transparent;background:var(--bg-surface);text-align:left;font:inherit;cursor:pointer}
.convo-row.selected{background:var(--bg-selected);border-left-color:var(--forest-800)}
.convo-row .avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--avatar-1-bg);color:var(--avatar-1-fg);font-size:14px;font-weight:700}
.convo-row .avatar.a2{background:var(--avatar-2-bg);color:var(--avatar-2-fg)}.convo-row .avatar.a3{background:var(--avatar-3-bg);color:var(--avatar-3-fg)}.convo-row .avatar.a4{background:var(--avatar-4-bg);color:var(--avatar-4-fg)}.convo-row .avatar.a5{background:var(--avatar-5-bg);color:var(--avatar-5-fg)}
.convo-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.convo-top{display:flex;align-items:center;gap:6px}
.convo-top b{font-size:14px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.convo-row.unread .convo-top b{font-weight:800}
.unread-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--danger-text)}
.convo-top time{margin-left:auto;flex:none;font-size:12px;color:var(--text-3)}
.convo-last{font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.convo-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.convo-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--bg-muted);color:var(--text-2);font-size:12px}
.convo-tag.warn{background:var(--warning-bg);color:var(--warning-text)}
.convo-pane{display:flex;flex-direction:column;padding:0 20px 16px}
.convo-pane.empty-pane{display:grid;place-items:center}
.convo-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;min-height:60px;margin:0 -20px 12px;padding:8px 20px;border-bottom:1px solid var(--n-150);background:var(--bg-surface)}
.convo-head h2{margin:0;font-size:16px}
.convo-head small{font-size:12px;color:var(--text-3)}
.convo-head>div:nth-child(2){flex:1;min-width:0}
.convo-back{display:none}
.convo-pane .inbox-messages{flex:none}
.trace-line{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.trace-line span{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--bg-muted);color:var(--text-2);font-size:12px}
.official-add{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;color:var(--text-brand)}
.official-add .icon{width:14px;height:14px}
.official-q{margin:12px 0;padding:12px 14px;border-left:3px solid var(--forest-300);background:var(--bg-subtle);font-size:14px;color:var(--text-1)}
.compose{margin-top:16px;border-top:1px solid var(--n-150);padding-top:8px}
.compose-tabs{margin-bottom:8px}
.note-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.note-list li{padding:10px 12px;border-radius:var(--r-sm);background:var(--warning-bg)}
.note-list p{margin:0 0 4px;font-size:14px;color:var(--text-1);white-space:pre-wrap}
.note-list small{font-size:12px;color:var(--text-2)}
#note-form{display:grid;gap:8px}
.convo-side{padding:16px;border-left:1px solid var(--n-150);background:var(--bg-subtle)}
.convo-side section{margin-bottom:20px}
.convo-side h3{margin:0 0 8px;font-size:14px}
.convo-who{margin:0 0 8px;font-size:14px}
.convo-next{margin-top:12px}
.convo-side .diag-grid{grid-template-columns:auto 1fr}
@media (max-width:1439px){.inbox-work{grid-template-columns:184px 280px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.inbox-work>.inbox-views,.inbox-work>.inbox-list{grid-row:1/-1}.inbox-work>.convo-pane{grid-column:3;grid-row:1}.inbox-work>.convo-side{grid-column:3;grid-row:2;max-height:240px;border-left:0;border-top:1px solid var(--n-150)}}
@media (max-width:1150px){.inbox-work{grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto;height:auto;min-height:0;overflow:visible}.inbox-work>*{overflow:visible}.inbox-work>.inbox-views{grid-column:1/-1;grid-row:auto;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;border-right:0;border-bottom:1px solid var(--n-150)}.inbox-work>.inbox-views{flex-direction:column;overflow:visible}.inbox-view-list{flex-direction:row;overflow-x:auto;scrollbar-width:none}.inbox-views a{flex:none}.inbox-work>.inbox-list{grid-column:1;grid-row:auto}.inbox-work>.convo-pane{grid-column:2;grid-row:auto}.inbox-work>.convo-side{grid-column:2;grid-row:auto;max-height:none}.top-search{min-width:0}.top-search span,.top-search kbd{display:none}}
/* 휴대폰: 아래 탭 막대 5칸 + 상단 「전체 메뉴」, 상담 로그는 목록 → 대화 두 화면 */
@media (max-width:760px){
 .mobile-menu{display:grid;place-items:center;width:var(--h-md);height:var(--h-md);flex:none}
 .mobile-tabs{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-popover);display:grid;grid-template-columns:repeat(5,1fr);padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:var(--bg-surface);border-top:1px solid var(--n-150)}
 .mobile-tabs a,.mobile-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:4px 0;border:0;background:none;color:var(--text-2);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
 .mobile-tabs .icon{width:22px;height:22px}
 .mobile-tabs .active{color:var(--text-brand);font-weight:700}
 .mobile-tabs .tab-count-dot{top:2px;right:calc(50% - 22px)}
 .app-shell:not(.admin-shell)>.sidebar{display:none!important}
 .workspace-top{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;height:56px;min-height:56px;padding:6px 8px 6px 4px;background:var(--bg-surface);border-bottom:1px solid var(--n-150)}
 .workspace-top .crumb-root,.workspace-top .crumb-sep{display:none}
 .top-actions{gap:4px}
 .top-search{width:var(--h-md);height:var(--h-md);min-width:0;padding:0;justify-content:center;border:0}
 .top-bell{width:var(--h-md);height:var(--h-md)}
 .inbox-work:not(.has-detail) .convo-pane{display:none}
 .app-shell .workspace-main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 .workspace-top .breadcrumb{font-size:16px;font-weight:700;color:var(--text-1)}
 .workspace-top .breadcrumb>span,.workspace-top .breadcrumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .publish-pill{display:none}
 .readonly-strip{padding:10px 16px}
 .inbox-work{display:block;border:0;border-radius:0;background:transparent}
 .inbox-views{padding:0 0 8px;background:transparent;border:0}
 .inbox-list{border:1px solid var(--n-150);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-surface)}
 .inbox-work.has-detail .inbox-views,.inbox-work.has-detail .inbox-list{display:none}
 .convo-pane{padding:0 16px 16px;border:1px solid var(--n-150);border-radius:var(--r-lg);background:var(--bg-surface)}
 .convo-head{margin:0 -16px 12px;padding:8px 12px}
 .convo-back{display:grid;place-items:center;font-size:20px}
 .convo-side{margin-top:12px;border:1px solid var(--n-150);border-radius:var(--r-lg)}
}
@media (min-width:761px){.sidebar nav a{min-height:40px}.sidebar nav .nav-item>a{min-height:40px}}
/* 대시보드 (doc/44 4-1): 할 일 카드 4 · 지표 4칸(7일 막대) · 최근 상담 / 상담봇 상태 · 시작하기 */
.todo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.todo-card{position:relative;display:flex;flex-direction:column;gap:4px;min-height:132px;padding:20px;border:1px solid var(--n-150);border-radius:var(--r-lg);background:var(--bg-surface);color:var(--text-1);text-decoration:none}
.todo-card>span{font-size:14px;font-weight:600;color:var(--text-2)}
.todo-card strong{font-size:28px;line-height:1.3;font-weight:700}
.todo-card strong small{margin-left:2px;font-size:14px;font-weight:600;color:var(--text-2)}
.todo-card p{margin:0;font-size:13px;color:var(--text-2)}
.todo-card.none strong,.todo-card.none p{color:var(--text-3)}
.todo-card.urgent{box-shadow:inset 3px 0 0 var(--forest-800)}
.info-strip.urgent-strip{background:var(--warning-bg);color:var(--warning-text)}
.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.metric{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;gap:4px 12px;padding:16px 20px;border:1px solid var(--n-150);border-radius:var(--r-lg);background:var(--bg-surface)}
.metric>span{grid-column:1/-1;font-size:13px;color:var(--text-2)}
.metric strong{font-size:28px;line-height:1.2;font-weight:700;color:var(--text-1)}
.metric strong small{margin-left:2px;font-size:14px;color:var(--text-2)}
.spark{display:flex;align-items:flex-end;gap:3px;height:32px;width:84px}
.spark i{flex:1;min-height:3px;border-radius:var(--r-pill);background:var(--chart-1);opacity:.85}
.dashboard-grid.v2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}
.recent-list{list-style:none;margin:0;padding:0}
.recent-list a{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:0 4px;border-bottom:1px solid var(--n-100);color:var(--text-1);text-decoration:none;font-size:14px}
.recent-who{display:flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-last{color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-list time{font-size:12px;color:var(--text-3);white-space:nowrap}
.bot-state .diag-grid{grid-template-columns:auto 1fr}
.usage-line{display:grid;gap:6px;margin-top:16px;font-size:13px;color:var(--text-2)}
.usage-bar{display:block;height:8px;border-radius:var(--r-pill);background:var(--bg-muted);overflow:hidden}
.usage-bar i{display:block;height:100%;border-radius:var(--r-pill);background:var(--forest-600)}
.usage-bar.warn i{background:var(--amber-500)}
.setup-card .panel-head{gap:16px}
.setup-bar{flex:1;max-width:240px;height:8px;border-radius:var(--r-pill);background:var(--bg-muted);overflow:hidden}
.setup-bar i{display:block;height:100%;border-radius:var(--r-pill);background:var(--forest-600)}
.setup-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.setup-list li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--n-150);border-radius:var(--r-sm)}
.setup-list li.done{background:var(--bg-subtle)}
.setup-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg-muted);color:var(--text-2);font-size:14px;font-weight:700}
.setup-list li.done .setup-mark{background:var(--success-bg);color:var(--success-text)}
.setup-mark .icon{width:16px;height:16px}
.setup-list strong{font-size:14px}
.setup-list p{margin:2px 0 0;font-size:13px;color:var(--text-2)}
.setup-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:1150px){.todo-grid,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid.v2{grid-template-columns:1fr}}
@media (max-width:760px){.todo-card{min-height:0;padding:16px}.metric{padding:14px 16px}.spark{width:64px}.recent-list a{grid-template-columns:96px minmax(0,1fr);}.recent-list time{display:none}.setup-list li{grid-template-columns:32px minmax(0,1fr)}.setup-list li>:last-child{grid-column:1/-1}.setup-actions{justify-content:flex-start}}
/* 지식 라이브러리 자료 목록 (doc/44 4-3, doc/46 화면 7): 유형 칩 · 이름 찾기 · 처리 단계 점 · 처리 중 목록 · 오른쪽 서랍 */
.doc-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.chip-row{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.chip{display:inline-flex;align-items:center;gap:6px;height:var(--h-sm);padding:0 12px;border:1px solid var(--line-1);border-radius:var(--r-pill);background:var(--bg-surface);color:var(--text-1);font:inherit;font-size:13px;cursor:pointer}
.chip span{font-size:12px;color:var(--text-3)}
.chip.on{border-color:var(--bg-inverse);background:var(--bg-inverse);color:var(--text-inverse)}
.chip.on span{color:var(--n-300)}
.doc-search{width:220px;height:var(--h-sm);min-height:var(--h-sm);font-size:13px}
.stage-dots{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}
.stage-dots i{width:8px;height:8px;border-radius:50%;background:var(--n-200)}
.stage-dots i.on{background:var(--forest-600)}
.stage-dots i.now{background:var(--amber-500)}
.stage-note{display:block;margin-top:4px;font-size:12px}
.processing .panel-head{gap:12px;flex-wrap:wrap}
.processing .panel-head .button{margin-left:auto}
.processing-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.processing-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:44px;padding:6px 12px;border:1px solid var(--n-150);border-radius:var(--r-sm)}
.processing-list b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-icon .icon{width:18px;height:18px;color:var(--text-3)}
.modal-overlay.drawer-overlay{justify-content:flex-end;padding:0}
.modal.drawer{width:440px;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;overflow:auto;box-shadow:var(--e-4)}
.drawer-flow{list-style:none;margin:16px 0;padding:0;display:grid;gap:0}
.drawer-flow li{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:0 0 14px}
.drawer-flow li::before{content:'';position:absolute;left:5px;top:14px;bottom:0;width:2px;background:var(--n-150)}
.drawer-flow li:last-child::before{display:none}
.drawer-flow .flow-dot{width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--n-200)}
.drawer-flow li.done .flow-dot{background:var(--forest-600)}
.drawer-flow b{display:block;font-size:14px}
.drawer-flow small{font-size:13px;color:var(--text-2)}
.drawer-facts{grid-template-columns:auto 1fr;margin:0 0 12px}
.drawer-source summary{cursor:pointer;font-size:14px;font-weight:600;margin:8px 0}
@media (max-width:760px){.doc-search{width:100%}.processing-list li{grid-template-columns:24px minmax(0,1fr)}.processing-list li>.stage-dots,.processing-list li>small{grid-column:2}}
/* 발행 전 비교 (doc/46 화면 12) */
.release-diff{list-style:none;margin:12px 0 16px;padding:0;display:grid;gap:4px;max-height:40vh;overflow:auto}
.release-diff li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:8px 12px;border-radius:var(--r-sm);background:var(--bg-subtle);font-size:14px}
.release-diff b{font-weight:600}
.release-diff span{color:var(--text-2);overflow-wrap:anywhere}
.release-note{display:block;color:var(--text-2)}
.faq-ground{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600}
.faq-ground.ok{background:var(--success-bg);color:var(--success-text)}
.faq-ground.weak{background:var(--warning-bg);color:var(--warning-text)}
/* 설정 (doc/44 4-11): 왼쪽 세로 메뉴 200 + 오른쪽 패널, 설치 사이트 동작 상태, 역할 표 */
.settings-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}
.settings-nav{position:sticky;top:16px;display:grid;gap:16px}
.settings-group{display:grid;gap:2px}
.settings-group>span{margin:0 0 4px 10px;font-size:12px;font-weight:700;color:var(--text-3)}
.settings-nav button{display:flex;align-items:center;min-height:40px;padding:0 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-1);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.settings-nav button.active{background:var(--bg-selected);color:var(--text-brand);font-weight:700}
.settings-body{min-width:0}
.install-status{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.install-status li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r-sm);background:var(--bg-subtle);font-size:13px;color:var(--text-2);overflow-wrap:anywhere}
.site-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--n-400)}
.site-dot.on{background:var(--success-mark)}
.role-table{margin-top:16px}
.role-table summary{cursor:pointer;font-size:14px;font-weight:600;margin-bottom:8px}
.role-table td.role-cell{text-align:center}
.role-yes{color:var(--success-text);font-weight:700}
.role-no{color:var(--text-3)}
@media (max-width:760px){.settings-layout{grid-template-columns:1fr;gap:12px}.settings-nav{position:static;display:flex;gap:8px;overflow-x:auto}.settings-group{display:flex;gap:4px;align-items:center}.settings-group>span{display:none}.settings-nav button{white-space:nowrap;border:1px solid var(--line-1)}}
/* 여정 품질 점수 원형 (doc/46 화면 15) */
.score-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}
.score-ring{display:grid;justify-items:center;gap:6px;padding:16px 8px;border:1px solid var(--n-150);border-radius:var(--r-lg);text-align:center}
.score-ring .ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--chart-1) calc(var(--p)*1%),var(--n-150) 0);-webkit-mask:radial-gradient(circle 24px,transparent 98%,#000 100%);mask:radial-gradient(circle 24px,transparent 98%,#000 100%)}
.score-ring b{font-size:20px;line-height:1.35;color:var(--text-1)}
.score-ring>span:last-child{font-size:13px;color:var(--text-2)}
@media (max-width:760px){.score-rings{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 조회자: 바꾸는 버튼은 흐리게 + 「편집자 이상」 */
.role-locked{opacity:.55;cursor:not-allowed}
.button.role-locked::after{content:'편집자 이상';margin-left:6px;padding:0 6px;border-radius:var(--r-pill);background:var(--bg-muted);color:var(--text-2);font-size:12px;font-weight:600}
/* 고객 상세 영업 단계 진행 막대 (doc/46 화면 5) */
.stage-track{list-style:none;display:flex;gap:4px;margin:0 0 16px;padding:0}
.stage-track li{flex:1;min-width:0}
.stage-track li span{display:block;padding:8px 6px 0;border-top:4px solid var(--n-150);font-size:12px;color:var(--text-3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage-track li.done span{border-top-color:var(--forest-300);color:var(--text-2)}
.stage-track li.now span{border-top-color:var(--forest-800);color:var(--text-brand);font-weight:700}
.stage-track li.off span{border-top-color:var(--danger-text);color:var(--danger-text)}
.quote-step{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--bg-selected);color:var(--text-brand);font-size:13px;font-weight:700;vertical-align:2px}
/* 빌더 단계 목록 (doc/44 4-5): 단계 200 · 설정 · 미리보기, 1439px 이하는 위쪽 가로 줄 */
.builder-layout.with-steps{grid-template-columns:200px minmax(0,1fr) minmax(0,440px)}
.builder-steps{position:sticky;top:16px;align-self:start;display:grid;gap:16px}
.builder-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.builder-steps a{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border-radius:var(--r-sm);color:var(--text-1);text-decoration:none;font-size:13px}
.builder-steps a.active{background:var(--bg-selected);color:var(--text-brand);font-weight:700}
.step-no{font-size:12px;font-weight:700;color:var(--text-3)}
.builder-save{display:grid;gap:8px;padding:12px;border:1px solid var(--n-150);border-radius:var(--r-lg);background:var(--bg-surface)}
#builder-dirty.dirty{color:var(--warning-text);font-weight:600}
@media (max-width:1439px){.builder-layout.with-steps{grid-template-columns:minmax(0,1fr) minmax(0,440px)}.builder-steps{grid-column:1/-1;position:static;display:flex;align-items:center;gap:12px;overflow-x:auto}.builder-steps ol{display:flex;gap:4px}.builder-steps a{white-space:nowrap;border:1px solid var(--line-1)}.builder-save{display:flex;align-items:center;padding:0;border:0;background:none}.builder-save .button{width:auto;white-space:nowrap}.builder-save p{white-space:nowrap}}
@media (max-width:1150px){.builder-layout.with-steps{grid-template-columns:1fr}}
@media (min-width:761px){.sidebar nav{gap:2px}.sidebar nav .nav-item{margin:0}.sidebar nav a,.sidebar nav .nav-item>a{min-height:40px;padding-top:8px;padding-bottom:8px;line-height:24px}.sidebar nav .nav-group-title{margin:12px 12px 2px}.sidebar nav .nav-subs a{min-height:36px;padding-top:6px;padding-bottom:6px}}

/* 점검 보완(2026-10-24): 한 줄 컨트롤의 바깥 여백, 대화 머리 제목 간격·뒤로 버튼 대비 */
.doc-toolbar .doc-search,.inbox-list-head .button,.builder-save .button{margin:0}
.convo-head h2{margin:0 0 4px;line-height:1.35}.convo-head small{display:block}
.convo-back{color:var(--text-2)}
.workspace-content .builder-save>.button.button,.workspace-content .inbox-list-head>.button.button,.workspace-content .doc-toolbar>.doc-search.doc-search{margin:0}
.inbox-list-head>.button{height:var(--h-md);min-height:var(--h-md)}
.workspace-content .inbox-views .convo-search>input#convo-q{margin:0}
.inbox-list-head{padding:12px;min-height:68px}
/* Knowledge graph (doc/46 8): the three line shapes named as the card drawer names them; a link can be cut from the drawer. */
.graph-legend{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:var(--text-2)}
.graph-legend span{display:inline-flex;align-items:center;gap:6px}
.graph-legend svg{width:28px;height:6px;overflow:visible}
.graph-legend path{fill:none;stroke-width:2}
.claim-links li .text-button.danger{justify-self:start;font-size:13px}
.claim-clash{border-left:3px solid var(--warning-text);padding-left:12px}

/* 빌더 테스트 도구 막대 아래 「초안·발행 설정」 차이 안내 (2026-10-24 사용자 요청) */
.preview-caption.test-mode-note{margin:-4px 0 12px;text-align:left}
/* 필터 칩 팝오버(고객 관리 doc/44 §4-6): 칩을 누르면 아래에 선택 목록, 고른 칩은 잉크 + 지우기(×) */
.chip-wrap{position:relative;display:inline-flex;align-items:center}
.chip-pop{position:relative}
.chip-pop>summary{list-style:none;user-select:none}
.chip-pop>summary::-webkit-details-marker{display:none}
.chip-pop[open]>summary:not(.on){border-color:var(--line-strong);background:var(--bg-muted)}
.chip-chev{flex:none;opacity:.7}
.chip-wrap .chip.on{padding-right:36px}
.chip-x{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-inverse);font:inherit;font-size:16px;line-height:1;cursor:pointer}
.chip-x:hover,.chip-x:focus-visible{background:color-mix(in srgb,var(--text-inverse) 18%,transparent)}
.chip-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:var(--z-popover);display:grid;gap:2px;min-width:180px;max-height:320px;overflow:auto;padding:6px;border:1px solid var(--line-1);border-radius:var(--r-sm);background:var(--bg-surface);box-shadow:var(--e-3)}
.chip-menu button{display:block;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:var(--r-xs);background:transparent;color:var(--text-1);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.chip-menu button:hover,.chip-menu button:focus-visible{background:var(--bg-muted)}
.chip-menu button[aria-pressed=true]{font-weight:700;color:var(--text-brand);background:var(--bg-selected)}
.chip-menu.chip-form{gap:12px;min-width:260px;padding:14px}
.chip-form label{margin:0;font-size:13px;font-weight:600}
.chip-form .text-button{justify-self:start;font-size:13px}
.grade-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-1);white-space:nowrap}
.grade-dot i{width:8px;height:8px;border-radius:50%;background:var(--n-300)}
.grade-dot.high i{background:var(--success-mark)}
.grade-dot.mid i{background:var(--warning-mark)}

/* 검색·필터 막대 (2026-10-25 사용자 요청: 고객 관리 기준으로 모든 검색 영역 통일, public/filter-bar.js).
   칩은 한 줄(넘치면 좌우로 밀고 끝을 흐리게), 검색 칸은 오른쪽 260px·36px·돋보기. 휴대폰은 칩 한 줄 아래에 검색 칸.
   칩 메뉴의 기준은 스크롤되지 않는 .chip-scroll이라 칩 줄의 스크롤 영역에 잘리지 않는다(위치는 filter-bar.js가 맞춤). */
.filter-bar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-2)}
.panel:not(.no-pad)>.filter-bar{margin:0 -24px 16px;padding:0 24px 16px}
.filter-bar .chip-scroll{position:relative;flex:1 1 auto;min-width:0}
.filter-bar .chip-row{flex-wrap:nowrap;align-items:center;overflow-x:auto;scrollbar-width:none;margin:-3px;padding:3px}
.filter-bar .chip-row::-webkit-scrollbar{display:none}
.filter-bar .chip-row>*{flex:none}
.filter-bar .chip-scroll.more::after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg-surface))}
.filter-bar .chip-wrap,.filter-bar .chip-pop{position:static}
.filter-bar .chip-wrap .chip.on{padding-right:36px}
.filter-bar .chip-x{position:static;transform:none;margin:0 5px 0 -31px;color:var(--text-inverse)}
.filter-bar .chip-menu{top:calc(100% + 6px)}
.search-box{position:relative;flex:none;width:260px;max-width:100%}
.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}
.search-box>input.search-input:not([type=checkbox]):not([type=radio]):not([type=file]){display:block;width:100%;height:var(--h-sm);min-height:var(--h-sm);margin:0;padding:0 12px 0 36px;font-size:13px}
.inbox-views .search-box,.insight-search .search-box{width:100%}
/* 지식 연결망 확대·축소는 연결망 영역 오른쪽 아래에 떠 있음(스크롤과 무관하게 고정) */
.graph-stage{position:relative}
.graph-stage>.graph-zoom{position:absolute;right:16px;bottom:16px;z-index:3;height:40px;margin:0;box-shadow:var(--e-2)}
.graph-stage>.graph-zoom .icon-button{width:32px;height:32px}
@media (max-width:760px){
 .filter-bar{flex-direction:column;align-items:stretch;padding:16px}
 .panel:not(.no-pad)>.filter-bar{margin:0 -20px 16px;padding:0 20px 16px}
 .filter-bar .search-box{width:100%}
 .filter-bar .chip-menu{left:0!important;right:0;min-width:0}
 .graph-stage>.graph-zoom{right:12px;bottom:12px}
}

/* 버튼 배치 (2026-10-25 사용자 요청): 폼·카드의 결정 버튼(저장·실행·승인·제외 등)은 내용 바로 아래 16px에 오른쪽 한 줄.
   목록에 항목을 더하는 버튼(.list-add)은 목록 아래 왼쪽, 보기 전환(기간·탭)은 왼쪽, 페이지·패널 버튼은 머리줄 오른쪽.
   앞 요소의 아래 여백은 0으로 두어 간격이 늘 16px이다(입력 라벨 16 + 버튼 20이 겹쳐 36px이던 문제). */
:is(.workspace-content,.modal) :is(form>.row-actions,.form-actions).row-actions,:is(.workspace-content,.modal) .form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:16px 0 0}
:is(.workspace-content,.modal) :is(form>.row-actions,.form-actions)>.button{margin:0}
:is(.workspace-content,.modal) :has(+ .form-actions),:is(.workspace-content,.modal) form>:has(+ .row-actions){margin-bottom:0}
:is(.workspace-content,.modal) .list-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;justify-content:flex-start}
/* 칸 사이 간격(gap)을 쓰는 폼은 그 간격이 버튼 위 간격이다(16px 폼은 여백 0, 8·12px 폼은 나머지만). */
:is(.workspace-content,.modal) :is(.quote-editor form,.quote-form-grid,.notification-setting form)>:is(.form-actions,.row-actions){margin-top:0}
:is(.workspace-content,.modal) :is(.reply-edit,.reply-rewrite,.reply-in-form)>:is(.form-actions,.row-actions){margin-top:4px}
:is(.workspace-content,.modal) :is(#note-form,.quote-ai-form)>:is(.form-actions,.row-actions){margin-top:8px}
.workspace-content .test-sim{display:block}
.quote-rows:empty{display:none}
/* 짧은 화면과 긴 화면 사이를 오갈 때 스크롤 막대 자리 때문에 화면 폭이 흔들리지 않게 늘 자리를 둔다(2026-10-25 사용자 요청: 페이지 이동 시 부자연스러운 스크롤 노출) */
html{scrollbar-gutter:stable}
:is(.workspace-content,.modal) .form-row:has(+ .form-actions)>label,:is(.workspace-content,.modal) form>.form-row:has(+ .row-actions)>label{margin-bottom:0}
.workspace-content #simulate-form{margin-bottom:16px}
.workspace-content .install-card .install-buttons{justify-content:flex-end}

/* 담당자 알림 받는 주소 상태(2026-10-26): 주소 · 상태 배지 · 확인 메일 버튼이 한 줄 */
.alert-recipients{list-style:none;margin:0;padding:0;display:grid;gap:8px;grid-column:1/-1}.alert-recipients li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;font-size:var(--fs-14)}.alert-recipients li>span:first-child{overflow-wrap:anywhere;min-width:0}

/* 페이지 이동 중(2026-10-28): 0.15초가 넘으면 떠나는 화면을 흐리게 하고 누를 수 없게, 맨 위에 얇은 진행 막대 */
html.nav-busy .workspace-content{opacity:.55;pointer-events:none;transition:opacity var(--dur-2) ease}
html.nav-busy::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;z-index:var(--z-toast);pointer-events:none;background:linear-gradient(90deg,transparent,var(--action-primary),transparent) no-repeat;background-size:40% 100%;animation:nav-busy 1s linear infinite}
@keyframes nav-busy{from{background-position:-40% 0}to{background-position:140% 0}}
@media (prefers-reduced-motion:reduce){html.nav-busy::before{animation:none;background:var(--action-primary)}}