/* 210 · 담당 여러 명 — 칩 + 자동 완성 (assignee_pick.js) */
.ap-box { display: inline-flex; align-items: center; gap: .25rem; max-width: 9.5rem; min-width: 4.5rem;
  padding: .1rem .35rem; border: 1px solid var(--line, #3a3f4b); border-radius: 6px; background: transparent;
  color: inherit; font-size: .84rem; cursor: pointer; text-align: left; overflow: hidden; white-space: nowrap; }
.ap-box:disabled { cursor: default; border-color: transparent; }
.ap-box:not(:disabled):hover, .ap-box:focus-visible { border-color: var(--accent, #6aa0ff); outline: none; }
.ap-box .ap-chip { min-width: 0; flex: 0 1 auto; }
.ap-empty { color: var(--muted, #8a90a0); font-size: .82rem; }
.ap-more { flex: none; font-size: .75rem; padding: 0 .3rem; border-radius: 8px; background: rgba(127,140,170,.22); }

.ap-chip { display: inline-flex; align-items: center; gap: .2rem; max-width: 100%; padding: .05rem .4rem;
  border-radius: 10px; background: rgba(127,140,170,.18); font-size: .82rem; line-height: 1.35; }
.ap-chip .ap-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ap-chip.primary { background: rgba(106,160,255,.24); }
.ap-chip .ap-x { border: 0; background: none; color: inherit; padding: 0 .1rem; cursor: pointer; font-size: .9rem; line-height: 1; opacity: .7; }
.ap-chip .ap-x:hover { opacity: 1; }
.ap-chip .ap-lead { font-size: .66rem; opacity: .8; }
.ap-chip.dragging { opacity: .45; }
.ap-chip.drop { outline: 2px dashed var(--accent, #6aa0ff); }
.ap-chip:focus-visible { outline: 2px solid var(--accent, #6aa0ff); }
.ap-ai { font-style: normal; font-size: .6rem; font-weight: 700; padding: 0 .22rem; border-radius: 4px;
  background: #7c5cff; color: #fff; letter-spacing: .02em; }

.ap-pop { position: absolute; z-index: 9000; background: var(--panel, #1f232c); color: var(--fg, #e8eaf0);
  border: 1px solid var(--line, #3a3f4b); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.35); padding: .45rem; }
.ap-chips { display: flex; flex-wrap: wrap; gap: .25rem; margin-bottom: .35rem; min-height: 1.4rem; }
.ap-chips .ap-chip { cursor: grab; }
.ap-input { width: 100%; box-sizing: border-box; padding: .3rem .45rem; font-size: .9rem; }
.ap-list { max-height: 14rem; overflow-y: auto; margin-top: .3rem; }
.ap-opt { display: flex; align-items: center; gap: .35rem; padding: .3rem .45rem; border-radius: 5px; cursor: pointer; }
.ap-opt.hi { background: rgba(106,160,255,.25); }
.ap-none { padding: .3rem .45rem; font-size: .84rem; }
.ap-hint { font-size: .72rem; margin-top: .3rem; }

.ap-menu { position: absolute; z-index: 9100; background: var(--panel, #1f232c); border: 1px solid var(--line, #3a3f4b);
  border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,.35); padding: .2rem; display: flex; flex-direction: column; }
.ap-menu-item { text-align: left; border: 0; background: none; color: inherit; padding: .3rem .7rem; border-radius: 4px; cursor: pointer; }
.ap-menu-item:hover:not(:disabled), .ap-menu-item:focus-visible { background: rgba(106,160,255,.25); outline: none; }
.ap-menu-item:disabled { opacity: .45; cursor: default; }