/* =============================================================
   AI 개발팀 — 맥 고밀도형 (사용자 2026-11-03 "1")
   범위: #ai_dev_team-content 안쪽만(머리 · 숫자 4칸 · 에이전트 · 작업 보드 · 상세 · 체크리스트). 화면에서만.
   숫자 큰 카드 4개 · 굵은 글씨 52곳 · 10px 글자 34곳 · 채운 단추 2개(작업 등록 · '전체' 칩) · 작업 카드 안 색 단추 →
   한 줄 숫자 묶음, 세그먼트 거르기, 흰 단추(뜻 색 글자), 11px 이상, 채운 파랑은 '작업 등록' 하나.
   우선순위 · 위험도 · 상태 아이콘 색(뜻이 있는 색)과 에이전트 구분 색은 남김. 누르면 하는 일은 그대로(JS 는 이름표만).
   ============================================================= */
@media screen{
html #ai_dev_team-content .ai-dev-page{ padding:20px 24px !important; font-family:var(--ui-font); color:var(--ui-text-1) }
html #ai_dev_team-content .ai-dev-page.space-y-4 > * + *{ margin-top:12px !important }

/* ---------- 머리 ---------- */
html #ai_dev_team-content .aid-head{ min-height:54px }
html #ai_dev_team-content .aid-head h2{ color:var(--ui-text-1) !important; font-size:var(--ui-text-title2) !important; font-weight:var(--ui-weight-semibold) !important; line-height:1.3 }
html #ai_dev_team-content .aid-head h2 > i{ display:none !important }
html #ai_dev_team-content .aid-head p{ margin-top:2px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #ai_dev_team-content .aid-head > .flex{ gap:6px !important }
html #ai_dev_team-content .aid-btn{ height:28px; gap:5px !important; padding:0 12px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-regular) !important }
html #ai_dev_team-content .aid-btn:hover{ background:var(--ui-fill-subtle) !important }
html #ai_dev_team-content .aid-btn > i{ color:var(--ui-text-2); font-size:var(--ui-text-caption) }
html #ai_dev_team-content .aid-btn.aid-primary{ background:var(--ui-accent) !important; box-shadow:none !important; color:var(--ui-on-accent) !important; font-weight:var(--ui-weight-semibold) !important }
html #ai_dev_team-content .aid-btn.aid-primary:hover{ background:var(--ui-accent-hover) !important }
html #ai_dev_team-content .aid-btn.aid-primary > i{ color:inherit }

/* ---------- 숫자 4칸: 큰 카드 → 한 줄 묶음 ---------- */
html #ai_dev_team-content .aid-stats{ gap:0 !important; border-radius:var(--ui-radius-group); background:var(--ui-surface); box-shadow:0 0 0 .5px var(--ui-line); overflow:hidden }
html #ai_dev_team-content .aid-stat{ min-height:32px; padding:5px 12px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important }
html #ai_dev_team-content .aid-stat + .aid-stat{ box-shadow:inset .5px 0 var(--ui-line) !important }
html #ai_dev_team-content .aid-stat > .flex > div:first-child{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; width:100% }
html #ai_dev_team-content .aid-stat > .flex > div:first-child > div:first-child{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #ai_dev_team-content .aid-stat > .flex > div:first-child > div:last-child{ margin:0 !important; 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 #ai_dev_team-content .aid-stat > .flex{ width:100% }
html #ai_dev_team-content .aid-stat > .flex > div:last-child{ display:none !important }

/* ---------- 구역 공통 ---------- */
html #ai_dev_team-content .aid-sec{ 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 #ai_dev_team-content .aid-sec-head{ min-height:36px; padding:6px 12px !important; border:0 !important; background:var(--ui-surface-alt); box-shadow:inset 0 -.5px var(--ui-line) }
html #ai_dev_team-content .aid-sec-head h3{ color:var(--ui-text-1) !important; font-size:var(--ui-text-callout) !important; font-weight:var(--ui-weight-semibold) !important }
html #ai_dev_team-content .aid-sec-head > span, html #ai_dev_team-content .aid-sec-head > button{ color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }

/* ---------- 에이전트 역할: 8개 카드 → 촘촘한 칸 ---------- */
html #ai_dev_team-content .aid-agents > .grid{ gap:0 !important; padding:0 !important }
html #ai_dev_team-content .aid-agent{ padding:8px 12px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:inset -.5px -.5px var(--ui-line) !important }
html #ai_dev_team-content .aid-agent:hover{ background:var(--ui-fill-subtle) !important }
html #ai_dev_team-content .aid-agent.is-selected{ background:var(--ui-accent-tint) !important; box-shadow:inset 3px 0 var(--ui-accent), inset -.5px -.5px var(--ui-line) !important }
html #ai_dev_team-content .aid-agent > .flex{ gap:10px !important; align-items:center !important }
html #ai_dev_team-content .aid-agent > .flex > div:first-child{ width:28px !important; height:28px !important; border-radius:var(--ui-radius-control) !important; font-size:var(--ui-text-footnote) }
html #ai_dev_team-content .aid-agent .font-bold.text-gray-900{ color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important }
html #ai_dev_team-content .aid-agent .text-xs{ font-size:var(--ui-text-footnote) !important }
html #ai_dev_team-content .aid-agent .text-gray-500, html #ai_dev_team-content .aid-agent .text-gray-400{ color:var(--ui-text-2) !important }
html #ai_dev_team-content .aid-agent .mt-2{ margin-top:2px !important }
html #ai_dev_team-content .aid-agent .mt-0\.5{ display:none }
html #ai_dev_team-content .aid-agent .text-sky-600{ color:var(--ui-text-1) !important; font-weight:var(--ui-weight-semibold) !important; font-variant-numeric:tabular-nums }
html #ai_dev_team-content .aid-chip{ padding:0 6px !important; border-radius:var(--ui-radius-pill) !important; background:var(--ui-fill) !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important; line-height:16px }
html #ai_dev_team-content .aid-chip.is-on{ display:inline-flex; align-items:center; gap:4px }
html #ai_dev_team-content .aid-chip.is-on::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--ui-success) }

/* ---------- 작업 보드 ---------- */
html #ai_dev_team-content .aid-filters{ gap:0 !important; padding:2px; border-radius:var(--ui-radius-control); background:var(--ui-fill) }
html #ai_dev_team-content .aid-filter{ height:24px; padding:0 9px !important; border-radius:var(--ui-radius-row) !important; background:transparent !important; color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #ai_dev_team-content .aid-filter.is-on{ background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; font-weight:var(--ui-weight-semibold) !important }
html #ai_dev_team-content .aid-board > .p-4{ padding:8px !important }
html #ai_dev_team-content .aid-board > .p-4 > .grid{ gap:6px !important }
html #ai_dev_team-content .aid-col{ min-height:200px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-fill-subtle) !important }
html #ai_dev_team-content .aid-col-head{ min-height:28px; padding:0 8px !important; border:0 !important }
html #ai_dev_team-content .aid-col-head > div{ color:var(--ui-text-1) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-semibold) !important }
html #ai_dev_team-content .aid-col-head > span{ color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-regular) !important; font-variant-numeric:tabular-nums }
html #ai_dev_team-content .aid-col > .p-2{ padding:0 6px 6px !important }
html #ai_dev_team-content .aid-col > .p-2 > * + *{ margin-top:6px !important }
html #ai_dev_team-content .aid-col > .p-2 > .text-center{ padding:16px 0 !important; color:var(--ui-text-3) !important; font-size:var(--ui-text-footnote) !important }
html #ai_dev_team-content .aid-task{ padding:8px !important; border:0 !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:0 0 0 .5px var(--ui-line) !important }
html #ai_dev_team-content .aid-task-title{ color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-semibold) !important; line-height:1.35 !important }
html #ai_dev_team-content .aid-task button[onclick^="aiDevDeleteTask"]{ color:var(--ui-text-3) !important; font-size:var(--ui-text-caption) !important }
html #ai_dev_team-content .aid-task button[onclick^="aiDevDeleteTask"]:hover{ color:var(--ui-danger) !important }
html #ai_dev_team-content .aid-tags{ margin-top:6px !important; gap:4px !important }
html #ai_dev_team-content .aid-tags > span{ padding:0 5px !important; border-radius:var(--ui-radius-row) !important; font-size:var(--ui-text-caption) !important; line-height:16px; font-weight:var(--ui-weight-semibold) !important }
html #ai_dev_team-content .aid-task .text-xs{ font-size:var(--ui-text-footnote) !important }
html #ai_dev_team-content .aid-task .text-gray-500, html #ai_dev_team-content .aid-task .text-gray-400{ color:var(--ui-text-2) !important }
html #ai_dev_team-content .aid-task .mt-2{ margin-top:6px !important }
html #ai_dev_team-content .aid-task .mt-3{ margin-top:8px !important }
html #ai_dev_team-content .aid-task a.text-\[11px\]{ color:var(--ui-accent-text) !important; font-size:var(--ui-text-footnote) !important }
html #ai_dev_team-content .aid-actions{ gap:4px !important }
html #ai_dev_team-content .aid-actions > button{ height:26px; padding:0 8px !important; border-radius:var(--ui-radius-control) !important; background:var(--ui-surface) !important; box-shadow:var(--ui-elev-control) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #ai_dev_team-content .aid-actions > button:hover{ background:var(--ui-fill-subtle) !important }
html #ai_dev_team-content .aid-actions > button.text-gray-700{ color:var(--ui-text-1) !important }

/* ---------- 에이전트 상세 · 배포 체크리스트 ---------- */
html #ai_dev_team-content .aid-detail .aid-sec-head h3{ font-size:var(--ui-text-callout) !important }
html #ai_dev_team-content .aid-detail .aid-sec-head .w-10{ width:28px !important; height:28px !important; border-radius:var(--ui-radius-control) !important; font-size:var(--ui-text-footnote) }
html #ai_dev_team-content .aid-detail .aid-sec-head p{ margin-top:6px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
html #ai_dev_team-content :is(.aid-detail,.aid-checks) > .p-4{ padding:8px 12px 12px !important }
html #ai_dev_team-content .aid-detail > .p-4 > * + *{ margin-top:12px !important }
html #ai_dev_team-content .aid-detail > .p-4 > div > .text-xs.font-bold{ margin-bottom:4px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important; font-weight:var(--ui-weight-regular) !important }
html #ai_dev_team-content .aid-detail .space-y-2 > * + *{ margin-top:0 !important }
html #ai_dev_team-content .aid-mine{ min-height:32px; padding:0 4px !important; border-radius:0 !important; background:transparent !important; box-shadow:inset 0 -.5px var(--ui-line) }
html #ai_dev_team-content .aid-mine > span:first-child{ color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-regular) !important }
html #ai_dev_team-content .aid-mine > span:last-child{ color:var(--ui-text-2) !important; font-size:var(--ui-text-caption) !important; font-weight:var(--ui-weight-regular) !important }
html #ai_dev_team-content .aid-log{ padding:4px 0 4px 10px !important; border-left:2px solid var(--ui-line-control) !important }
html #ai_dev_team-content .aid-log > div:first-child{ color:var(--ui-text-1) !important; font-weight:var(--ui-weight-semibold) !important }
html #ai_dev_team-content .aid-log > div:nth-child(2){ color:var(--ui-text-2) !important }
html #ai_dev_team-content .aid-log > div:last-child{ color:var(--ui-text-3) !important; font-size:var(--ui-text-caption) !important }
html #ai_dev_team-content .aid-checks > .p-4 > * + *{ margin-top:0 !important }
html #ai_dev_team-content .aid-check{ min-height:32px; gap:8px !important; padding:0 4px !important; border:0 !important; border-radius:0 !important; box-shadow:inset 0 -.5px var(--ui-line) }
html #ai_dev_team-content .aid-check:hover{ background:var(--ui-fill-subtle) !important }
html #ai_dev_team-content .aid-check > span{ color:var(--ui-text-1) !important; font-size:var(--ui-text-body) !important; font-weight:var(--ui-weight-regular) !important }
html #ai_dev_team-content .aid-check > input{ accent-color:var(--ui-accent) }
html #ai_dev_team-content .aid-checks > .p-4 > .text-xs{ padding-top:8px !important; color:var(--ui-text-2) !important; font-size:var(--ui-text-footnote) !important }
}

/* ---------- 휴대폰 ---------- */
@media screen and (max-width:768px){
html #ai_dev_team-content .ai-dev-page{ padding:12px !important }
html #ai_dev_team-content .aid-btn{ height:36px }
html #ai_dev_team-content .aid-stat:nth-child(3){ box-shadow:inset 0 .5px var(--ui-line) !important }
html #ai_dev_team-content .aid-stat:nth-child(4){ box-shadow:inset .5px .5px var(--ui-line) !important }
html #ai_dev_team-content .aid-agent{ min-height:44px }
html #ai_dev_team-content .aid-filters{ flex-wrap:nowrap !important; max-width:100%; overflow-x:auto; scrollbar-width:none }
html #ai_dev_team-content .aid-filters::-webkit-scrollbar{ display:none }
html #ai_dev_team-content .aid-filter{ height:32px; flex:0 0 auto; white-space:nowrap }
html #ai_dev_team-content .aid-actions > button{ height:36px }
html #ai_dev_team-content :is(.aid-mine,.aid-check){ min-height:44px }
}