/* =============================================================
   커뮤니티 육성(너처링) — 맥 고밀도형 (사용자 2026-11-03 "2")
   범위: #nurturing-content 안쪽만(대시보드 · 계정 관리 · 월별 성과 · 투입 가능). 화면에서만.
   회색 상자 탭(보라 글자 · 파란 밑줄) · 큰 숫자 카드 4장 · 보라 채운 단추 · 10px 알약 · 40px 줄 →
   세그먼트 탭, 한 줄 숫자 묶음, 채운 파랑(탭마다 하나), 11px 이상, 32px 한 줄(휴대폰 44px).
   완료 초록 · 육성중 노랑 · 미활동 빨강 같은 뜻 색은 남김. 누르면 하는 일 · 저장은 그대로(JS 는 이름표만).
   ============================================================= */
@media screen{
html #nurturing-content #nurturing-inner{ padding:20px 24px !important; font-family:var(--ui-font); color:var(--ui-text-1) }
html #nurturing-content #nurturing-inner > .flex{ gap:12px !important }

/* ---------- 탭: 회색 상자 → 세그먼트 ---------- */
html #nurturing-content .nr-seg{ align-self:flex-start; gap:0 !important; padding:2px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-fill) !important; box-shadow:none !important }
html #nurturing-content .nr-seg .nr-tab-btn{ flex:0 0 auto !important; height:24px; padding:0 12px !important; border:0 !important; border-radius:var(--ui-radius-row) !important; background:transparent !important; box-shadow:none !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important; transform:none !important }
html #nurturing-content .nr-seg .nr-tab-btn::after{ display:none !important }
html #nurturing-content .nr-seg .nr-tab-btn.bg-white{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; font-weight:var(--ui-weight-semibold) !important }
html #nurturing-content .nr-seg .nr-tab-btn > i{ display:none !important }

/* ---------- 대시보드 ---------- */
html #nurturing-content #nr-content .nr-stats{ gap:0 !important; margin-bottom:12px !important; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 .5px var(--ui-line); overflow:hidden }
html #nurturing-content #nr-content .nr-stats > div{ display:flex; align-items:baseline; justify-content:space-between; flex-direction:row-reverse; gap:8px; min-height:32px; padding:5px 12px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important }
html #nurturing-content #nr-content .nr-stats > div + div{ box-shadow:inset .5px 0 var(--ui-line) !important }
html #nurturing-content #nr-content .nr-stats > div > .text-2xl{ font-size:var(--ui-text-title3) !important; font-weight:var(--ui-weight-semibold) !important; font-variant-numeric:tabular-nums }
html #nurturing-content #nr-content .nr-stats > div > .text-2xl.text-gray-800{ color:var(--ui-text-1) !important }
html #nurturing-content #nr-content .nr-stats > div > .text-2xl.text-green-600{ color:var(--ui-success) !important }
html #nurturing-content #nr-content .nr-stats > div > .text-2xl.text-yellow-600{ color:var(--ui-text-1) !important } /* 육성중은 진행 중일 뿐 — 빨강 계열 경고색이면 미활동(빨강)과 구분이 안 돼 보통 글자색 */
html #nurturing-content #nr-content .nr-stats > div > .text-2xl.text-red-500{ color:var(--ui-danger) !important }
html #nurturing-content #nr-content .nr-stats > div > .text-xs{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #nurturing-content #nr-content .nr-panel{ padding:0 !important; border:0 !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-surface) !important; box-shadow:0 0 0 .5px var(--ui-line) !important; overflow:hidden }
html #nurturing-content #nr-content .nr-panel > h3{ display:flex; align-items:center; min-height:36px; margin:0 !important; padding:0 12px !important; background:var(--ui-surface-alt); box-shadow:inset 0 -.5px var(--ui-line); color:var(--ui-text-1) !important; font-size:var(--ui-text-callout) !important; font-weight:var(--ui-weight-semibold) !important }
html #nurturing-content #nr-content .nr-panel > h3 > i{ display:none !important }
html #nurturing-content #nr-content .nr-month{ margin-bottom:12px !important }
html #nurturing-content #nr-content .nr-month > .grid{ gap:0 !important }
html #nurturing-content #nr-content .nr-month > .grid > div{ display:flex; align-items:baseline; justify-content:space-between; flex-direction:row-reverse; gap:8px; min-height:32px; padding:5px 12px }
html #nurturing-content #nr-content .nr-month > .grid > div + div{ box-shadow:inset .5px 0 var(--ui-line) }
html #nurturing-content #nr-content .nr-month > .grid > div > .text-xl{ color:var(--ui-text-1) !important; font-size:var(--ui-text-title3) !important; font-weight:var(--ui-weight-semibold) !important; font-variant-numeric:tabular-nums }
html #nurturing-content #nr-content .nr-month > .grid > div > .text-xs{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #nurturing-content #nr-content .nr-pair{ gap:12px !important; row-gap:12px !important }
html #nurturing-content #nr-content .nr-pair .nr-panel > div{ max-height:none !important; padding:0 !important }
html #nurturing-content #nr-content .nr-pair .nr-panel > div > * + *{ margin-top:0 !important }
html #nurturing-content #nr-content .nr-pair .nr-panel > div > div{ min-height:32px; padding:0 12px; box-shadow:inset 0 -.5px var(--ui-line); font-size:var(--ui-text-body) !important }
html #nurturing-content #nr-content .nr-pair .nr-panel > div > div:last-child{ box-shadow:none }
html #nurturing-content #nr-content .nr-pair .nr-panel .text-xs{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-variant-numeric:tabular-nums }
html #nurturing-content #nr-content .nr-pair .nr-panel .h-2{ height:4px !important; background:var(--ui-fill) !important }
html #nurturing-content #nr-content .nr-pair .nr-panel .bg-green-500{ background:var(--ui-success) !important }
html #nurturing-content #nr-content .nr-pair .nr-panel .text-green-600{ color:var(--ui-success) !important; font-weight:var(--ui-weight-semibold) !important }
html #nurturing-content #nr-content .nr-pair .nr-panel .text-gray-500{ color:var(--ui-text-2) !important }
html #nurturing-content #nr-content .nr-warn{ margin-top:12px !important; padding:0 12px !important; min-height:32px; display:flex; align-items:center; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:0 0 0 .5px var(--ui-line), inset 3px 0 var(--ui-danger) !important }
html #nurturing-content #nr-content .nr-warn > div{ color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-regular) !important }
html #nurturing-content #nr-content .nr-warn i{ color:var(--ui-danger) !important }

/* ---------- 계정 관리 · 월별 성과 · 투입 가능: 묶음 · 도구 줄 · 표 ---------- */
html #nurturing-content #nr-content .nr-card{ border:0 !important; border-radius:var(--ui-radius-group) !important; background:var(--ui-surface) !important; box-shadow:0 0 0 .5px var(--ui-line) !important; overflow:hidden }
html #nurturing-content #nr-content .nr-tools{ min-height:44px; gap:6px !important; padding:8px 12px !important; border:0 !important; background:var(--ui-surface) !important; box-shadow:inset 0 -.5px var(--ui-line) }
html #nurturing-content #nr-content .nr-tools :is(select,input){ height:28px; padding:0 10px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background-color:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #nurturing-content #nr-content .nr-tools select{ padding-right:26px !important }
html #nurturing-content #nr-content .nr-tools input{ width:160px !important; background:var(--ui-fill) !important; box-shadow:none !important }
html #nurturing-content #nr-content .nr-tools input:focus{ outline:0; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-field), var(--ui-focus-ring) !important }
html #nurturing-content #nr-content .nr-tools button.bg-purple-600{ height:28px; padding:0 12px !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important }
html #nurturing-content #nr-content .nr-tools button.bg-purple-600:hover{ background:var(--ui-accent-hover) !important }
html #nurturing-content #nr-content .nr-card:has(.nr-form:not(.hidden)) .nr-tools button.bg-purple-600{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-accent-text) !important }
html #nurturing-content #nr-content .nr-tools button.bg-purple-600 > i{ margin-right:5px !important; font-size:var(--ui-text-caption) }
html #nurturing-content #nr-content .nr-tools > .text-sm{ color:var(--ui-text-1) !important; font-size:var(--ui-text-callout) !important; font-weight:var(--ui-weight-semibold) !important }
html #nurturing-content #nr-content .nr-tools > .text-sm > i{ display:none !important }
html #nurturing-content #nr-content .nr-tools > .text-sm > .text-green-600{ color:var(--ui-success) !important }
html #nurturing-content #nr-content .nr-tools > .text-sm > .text-gray-400{ color:var(--ui-text-2) !important; font-weight:var(--ui-weight-regular) !important; font-size:var(--ui-text-footnote) }

/* 입력 줄(계정 추가 · 성과 기록) */
html #nurturing-content #nr-content .nr-form{ padding:10px 12px !important; border:0 !important; background:var(--ui-fill-subtle) !important; box-shadow:inset 0 -.5px var(--ui-line) }
html #nurturing-content #nr-content .nr-form :is(input,select){ height:28px; padding:0 10px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background-color:var(--ui-surface) !important; box-shadow:var(--ui-elev-field) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #nurturing-content #nr-content .nr-form :is(input,select):focus{ outline:0; box-shadow:var(--ui-elev-field), var(--ui-focus-ring) !important }
html #nurturing-content #nr-content .nr-form button{ height:28px; padding:0 14px !important; border-radius:var(--ui-radius-control) !important; font-size:var(--ui-text-body) !important }
html #nurturing-content #nr-content .nr-form button.bg-purple-600{ background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; font-weight:var(--ui-weight-semibold) !important }
html #nurturing-content #nr-content .nr-form button.bg-gray-300{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important }

/* 표 */
html #nurturing-content #nr-content .nr-card table{ border-collapse:separate; border-spacing:0; font-size:var(--ui-text-body) !important }
html #nurturing-content #nr-content .nr-card thead{ background:var(--ui-surface) !important }
html #nurturing-content #nr-content .nr-card thead th{ height:31px; padding:0 8px !important; background:var(--ui-surface) !important; box-shadow:inset 0 -.5px var(--ui-line); color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important; white-space:nowrap }
html #nurturing-content #nr-content .nr-card tbody tr{ border:0 !important }
html #nurturing-content #nr-content .nr-card tbody tr:hover{ background:var(--ui-fill-subtle) !important }
html #nurturing-content #nr-content .nr-card tbody tr.bg-yellow-50{ background:var(--ui-accent-tint) !important }
html #nurturing-content #nr-content .nr-card tbody td{ height:32px; padding:0 8px !important; box-shadow:inset 0 -.5px var(--ui-line); color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-regular) !important; white-space:nowrap; vertical-align:middle }
html #nurturing-content #nr-content .nr-card tbody td[colspan]:only-child{ height:auto; padding:24px 8px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #nurturing-content #nr-content .nr-card tbody td .text-gray-300, html #nurturing-content #nr-content .nr-card tbody td .text-gray-400{ color:var(--ui-text-3) !important }
html #nurturing-content #nr-content .nr-card tbody td .text-gray-600, html #nurturing-content #nr-content .nr-card tbody td .text-gray-700{ color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #nurturing-content #nr-content .nr-card tbody td .nr-num-display{ font-weight:var(--ui-weight-semibold) !important; font-variant-numeric:tabular-nums }
html #nurturing-content #nr-content .nr-card tbody td .nr-num-display.text-blue-600{ color:var(--ui-text-1) !important }
html #nurturing-content #nr-content .nr-card tbody td .nr-num-display:is(.text-teal-600,.text-purple-600){ color:var(--ui-text-1) !important }
/* 상태 · 단계 알약: 뜻 색 그대로, 11px · 600 */
html #nurturing-content #nr-content .nr-card tbody td span.rounded:is(.bg-green-100,.bg-yellow-100,.bg-blue-100){ display:inline-block; padding:1px 7px !important; border-radius:var(--ui-radius-pill) !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-semibold) !important; line-height:16px }
html #nurturing-content #nr-content .nr-card tbody td span.rounded.bg-blue-100{ background:var(--ui-accent-tint) !important; color:var(--ui-accent-text) !important }
html #nurturing-content #nr-content .nr-card tbody td span.text-red-500{ color:var(--ui-danger) !important; font-size:var(--ui-text-caption) !important }
html #nurturing-content #nr-content .nr-card tbody td i.fa-pencil-alt{ font-size:var(--ui-text-caption) !important; color:var(--ui-text-3) !important }
html #nurturing-content #nr-content .nr-card tbody td :is(input,select){ height:24px; padding:0 6px !important; border:0 !important; border-radius:var(--ui-radius-row) !important; background-color:var(--ui-surface) !important; box-shadow:var(--ui-elev-field) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important }
html #nurturing-content #nr-content .nr-card tbody td :is(input,select):focus{ outline:0; box-shadow:var(--ui-elev-field), var(--ui-focus-ring) !important }
html #nurturing-content #nr-content .nr-card tbody td .text-\[10px\], html #nurturing-content #nr-content .nr-card tbody td .text-\[9px\]{ font-size:var(--ui-text-caption) !important }
html #nurturing-content #nr-content .nr-card tbody td .nr-num-edit button{ width:20px !important; height:20px !important; border-radius:var(--ui-radius-row) !important; background:var(--ui-fill) !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important }
html #nurturing-content #nr-content .nr-card tbody td .nr-memo-edit button{ height:24px; padding:0 8px !important; border-radius:var(--ui-radius-row) !important; background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; font-size:var(--ui-text-caption) !important }
/* 관리 아이콘 */
html #nurturing-content #nr-content .nr-card tbody td:last-child > button{ width:24px; height:24px; margin:0 !important; border-radius:var(--ui-radius-row); color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #nurturing-content #nr-content .nr-card tbody td:last-child > button.text-blue-500{ color:var(--ui-accent-text) !important }
html #nurturing-content #nr-content .nr-card tbody td:last-child > button.text-red-400{ color:var(--ui-danger) !important; opacity:.75 }
html #nurturing-content #nr-content .nr-card tbody td:last-child > button.text-green-600{ color:var(--ui-success) !important }
html #nurturing-content #nr-content .nr-card tbody td:last-child > button:hover{ background:var(--ui-fill) !important; opacity:1 }
html #nurturing-content #nr-content .nr-card tbody td:last-child > button i{ font-size:var(--ui-text-footnote) !important }
/* 표 아래 건수 · 합계 */
html #nurturing-content #nr-content :is(#nr-accounts-count,#nr-perf-summary){ padding:6px 12px !important; border:0 !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #nurturing-content #nr-content #nr-perf-summary :is(b,.font-semibold){ color:var(--ui-text-1) !important; font-weight:var(--ui-weight-semibold) !important }

/* 투입 가능: 커뮤니티 묶음 */
html #nurturing-content #nr-content .nr-deploy > .divide-y > div{ padding:8px 12px !important; border-color:var(--ui-line) !important }
html #nurturing-content #nr-content .nr-deploy > .divide-y > div > .flex:first-child{ margin-bottom:4px !important }
html #nurturing-content #nr-content .nr-deploy > .divide-y > div > .flex:first-child > .font-medium{ color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important }
html #nurturing-content #nr-content .nr-deploy > .divide-y > div > .flex:first-child > .bg-green-100{ padding:0 !important; background:transparent !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #nurturing-content #nr-content .nr-deploy .grid{ gap:0 4px !important }
html #nurturing-content #nr-content .nr-deploy .grid > div{ min-height:28px; padding:0 8px !important; border-radius:var(--ui-radius-row) !important; background:transparent !important; font-size:var(--ui-text-body) !important }
html #nurturing-content #nr-content .nr-deploy .grid > div:hover{ background:var(--ui-fill-subtle) !important }
html #nurturing-content #nr-content .nr-deploy .grid > div > .font-medium{ color:var(--ui-text-1) !important; font-weight:var(--ui-weight-regular) !important }
html #nurturing-content #nr-content .nr-deploy .grid > div > :is(.text-gray-400,.text-gray-500){ color:var(--ui-text-2) !important }
html #nurturing-content #nr-content .nr-deploy > .p-6{ padding:24px 12px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) }
}

/* ---------- 휴대폰 ---------- */
@media screen and (max-width:768px){
html #nurturing-content #nurturing-inner{ padding:12px !important }
html #nurturing-content .nr-seg{ align-self:stretch; max-width:100%; overflow-x:auto; scrollbar-width:none }
html #nurturing-content .nr-seg::-webkit-scrollbar{ display:none }
html #nurturing-content .nr-seg .nr-tab-btn{ height:32px; flex:1 0 auto !important; white-space:nowrap }
html #nurturing-content #nr-content .nr-stats > div:nth-child(3){ box-shadow:inset 0 .5px var(--ui-line) !important }
html #nurturing-content #nr-content .nr-stats > div:nth-child(4){ box-shadow:inset .5px .5px var(--ui-line) !important }
html #nurturing-content #nr-content .nr-month > .grid > div{ flex-direction:column-reverse; align-items:flex-start; gap:0 }
html #nurturing-content #nr-content .nr-pair .nr-panel > div > div{ min-height:44px }
html #nurturing-content #nr-content .nr-tools :is(select,input,button.bg-purple-600){ height:36px }
html #nurturing-content #nr-content .nr-tools input{ flex:1 1 100%; width:auto !important }
html #nurturing-content #nr-content .nr-card tbody td{ height:44px }
html #nurturing-content #nr-content .nr-card tbody td:last-child > button{ width:32px; height:32px }
html #nurturing-content #nr-content .nr-deploy .grid > div{ min-height:44px }
}

/* 비밀번호 가림(사용자 2026-11-03 A안): 목록의 '보기' · '복사' 글자 단추, 입력칸 눈 단추 */
@media screen{
html #nurturing-content #nr-content .nr-card tbody td .nr-pw{ display:inline-block; min-width:52px; color:var(--ui-text-2) !important; font-size:var(--ui-text-body) !important; font-variant-numeric:tabular-nums; letter-spacing:.04em }
html #nurturing-content #nr-content .nr-card tbody td .nr-pw-btn{ height:24px; padding:0 6px !important; margin-left:2px !important; border-radius:var(--ui-radius-row); font-size:var(--ui-text-footnote) !important; text-decoration:none !important }
html #nurturing-content #nr-content .nr-card tbody td .nr-pw-btn.text-blue-600{ color:var(--ui-accent-text) !important }
html #nurturing-content #nr-content .nr-card tbody td .nr-pw-btn.text-gray-500{ color:var(--ui-text-1) !important }
html #nurturing-content #nr-content .nr-card tbody td .nr-pw-btn:hover{ background:var(--ui-fill) !important }
html #nurturing-content #nr-content .nr-pw-field .nr-pw-eye{ width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--ui-radius-row); color:var(--ui-text-2) !important }
html #nurturing-content #nr-content .nr-pw-field .nr-pw-eye i{ font-size:var(--ui-text-caption) !important }
}
@media screen and (max-width:768px){
html #nurturing-content #nr-content .nr-card tbody td .nr-pw-btn{ height:32px; padding:0 8px !important }
}