/* 설정 > 리소스 — 사람 · 기계 · 지울 예정 (HQ [발주] 09-28 항목 4 · 2.184.0 · people.js · people_accounts.js)
   링고: 표 + 바로 조작 · 사무적이지 않게. 좁은 칸에 줄바꿈되는 긴 글 없이 — 설명은 풍선(title)으로. */

.people-card .acct-summary { margin-top: -.2rem; }
.people-card .acct-h {
  margin: 1.1rem 0 .35rem; font-size: .92rem; letter-spacing: .02em;
  display: flex; align-items: center; gap: .4rem;
}
.people-card .acct-h::before {
  content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--accent, #6c8cff);
}
.people-card .acct-machines .acct-h::before { background: #7c6cf0; border-radius: 2px; }

/* 이름 칸 — 동그라미 + 이름 · 밑에 작은 줄(아이디 · 2단계 인증 · 비밀번호) */
.people-card td.name-cell { min-width: 12rem; }
.people-card .acct-name { display: flex; align-items: center; gap: .45rem; }
.people-card .acct-dot {
  flex: none; width: 1.7rem; height: 1.7rem; border-radius: 50%; overflow: hidden;
  display: inline-grid; place-items: center; font-size: .8rem; font-weight: 700;
  background: color-mix(in srgb, var(--accent, #6c8cff) 22%, transparent); color: var(--fg, inherit);
}
.people-card .acct-dot img { width: 100%; height: 100%; object-fit: cover; }
.people-card .acct-lock { font-size: .8rem; opacity: .65; cursor: help; }
.people-card .acct-small {
  margin: .15rem 0 0 2.15rem; font-size: .74rem; opacity: .75;
  display: flex; flex-wrap: wrap; align-items: center; gap: .05rem .35rem;
}
.people-card .acct-bit { white-space: nowrap; display: inline-flex; align-items: center; gap: .2rem; }

/* 칸 폭 — 표는 `table-layout: fixed` 라 머리 칸 폭을 못박는다(이름 칸이 좁으면 작은 줄이 잘린다) */
.people-card table.people-table { width: 66rem; max-width: 100%; }
.people-card table.people-table th.col-name { width: 17rem; }
.people-card table.people-table th.col-role { width: 7.5rem; }
.people-card table.people-table th.col-projects { width: 13.5rem; }
.people-card table.people-table th.col-autoapprove { width: 8.5rem; }
.people-card table.people-table th.col-mail { width: 11rem; }
.people-card table.people-table th.col-lastseen { width: 6.5rem; }
.people-card table.people-table th.col-act { width: 2.8rem; }
.people-card table.machine-table { width: 56rem; max-width: 100%; }
.people-card table.machine-table th.col-name { width: 15rem; }
.people-card table.machine-table th.col-projects { width: 13.5rem; }
.people-card table.machine-table th.col-lastseen { width: 7rem; }
.people-card table.machine-table th.col-act { width: 2.8rem; }
.people-card .acct-small .twofa-cell { display: inline-flex; gap: .25rem; align-items: center; }
.people-card .acct-small button.small { font-size: .72rem; padding: 0 .35rem; }
.people-card .acct-sep { opacity: .5; }
.people-card td.lastseen { white-space: nowrap; font-size: .82rem; }
.people-card td.act-cell { width: 2rem; text-align: right; }
.people-card .acct-retire { opacity: .45; }
.people-card tr:hover .acct-retire { opacity: 1; }
.people-card .acct-retire:hover { color: var(--st-retake); }
.people-card tbody tr:hover { background: color-mix(in srgb, currentColor 4%, transparent); }
.people-card .proj-all { cursor: default; font-size: .8rem; }

/* 기계 표 — 참여 프로젝트 칩은 사람 표와 같은 부품(2열 격자 · × 만 빼기) */
.machine-table { max-width: 62rem; }
.machine-table td.projcell { width: 13rem; }
.machine-table .st-chip { cursor: default; }
.machine-table .st-chip button.x {
  border: 0; background: none; padding: 0 .15rem; font: inherit; line-height: 1;
  color: inherit; cursor: pointer; opacity: .55; border-radius: 4px;
}
.machine-table .proj-chips {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; max-width: 13rem; align-items: start;
}
.machine-table .proj-chips input.proj-add { grid-column: 1 / -1; width: 100%; }
.machine-table .acct-uses { display: flex; flex-wrap: wrap; gap: .25rem; max-width: 22rem; }
.machine-table .acct-use, .machine-table .acct-token { font-size: .78rem; padding: .05rem .5rem; }
.machine-table .acct-token { opacity: .8; }

/* 지울 예정 — 접혀 있다 */
.acct-dormant { margin: 1rem 0 .4rem; }
.acct-dormant > summary { cursor: pointer; font-size: .88rem; opacity: .8; }
.acct-dormant[open] > summary { margin-bottom: .35rem; }
.acct-dormant .dormant-table { max-width: 46rem; opacity: .85; }
.acct-dormant .acct-left { white-space: nowrap; font-weight: 600; }

/* 한 번 더 묻는 창 */
.acct-dialog .acct-card { max-width: 30rem; }
.acct-dialog .acct-rules { margin: .3rem 0 .8rem 1.1rem; padding: 0; font-size: .88rem; line-height: 1.55; }
.acct-dialog .acct-type { display: grid; gap: .3rem; font-size: .85rem; margin-bottom: .8rem; }
.acct-dialog .acct-confirm { font: inherit; padding: .35rem .5rem; }
.people-card td.name-cell input.cell { width: 11rem; }