/* 진료 항목 휴지통 (PLAN 260906-1, 원장 261009 휴지통 화면)
 *
 * 약재·처방·침구 처방 세 화면이 함께 쓴다. 목록 행의 삭제 단추(ct-)와 휴지통 화면(ctp-).
 */

/* 「휴지통 (N)」 토글은 공용 도구 줄 단추 .ui-tool-button.is-danger(ui-kit.css)다 — 평소 테두리, 호버만 빨강(원장 261008).
   [hidden] 처리·개수 글자색도 ui-kit 에 있다. */

/* 목록 행의 삭제 — 상세 버튼 옆에 붙는 아이콘 하나. 「병원 전용」 행에만 그려진다. */
.ct-row-del {
  margin-left: 6px; padding: 4px 8px; border-radius: 7px;
  border: 1px solid #d1d9e0; background: none; color: #94a3b8;
  font-size: 0.8rem; cursor: pointer;
}
.ct-row-del:hover { color: #b91c1c; border-color: #dc9c9c; background: #fef2f2; }

/* 다크 — 행 삭제 단추 */
body[data-theme="dark"] .ct-row-del { color: var(--dark-accent); border-color: var(--dark-border-2); }
body[data-theme="dark"] .ct-row-del:hover { color: #f0a3a3; border-color: #7a4040; background: #2a1a1a; }

/* ── 휴지통 화면 (원장 261009) ────────────────────────────────────────────
 * 펼치는 칸이 아니라 들어가서 보는 화면. 표 하나 — 선택 열·모두 선택(청구 관리 명세서 목록과 같은 자리), 50개씩 쪽 나눔(.ui-pager).
 * 삭제한 번들은 폴더 줄 하나, 이름을 누르면 그 번들 안으로. 표 모양은 침구·처방 번들 화면 표와 같은 글자(머리 12px 500, 이름 14px 500, 본문 13px).
 * 색은 토큰만 쓴다 — 양 테마가 같은 규칙이다.
 */

.ctp-tools { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.ctp-tools .ui-search { flex: 1 1 220px; min-width: 0; margin: 0; }
.ctp-count { font-size: 13px; color: var(--ui-muted); white-space: nowrap; }

.ctp-table-wrap { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: 12px; overflow: hidden; }
/* 한 쪽을 모두 골랐을 때 — 「휴지통 N개 모두 선택」 */
.ctp-all { padding: 8px 14px; font-size: 12.5px; color: var(--ui-muted); background: var(--ui-surface-2); border-bottom: 1px solid var(--ui-border); text-align: center; }
.ctp-all button { border: 0; background: none; padding: 0; margin-left: 6px; font: inherit; color: var(--color-primary); cursor: pointer; }

.ctp-table { width: 100%; border-collapse: collapse; }
.ctp-table thead th { padding: 10px 14px; text-align: left; font-size: 12px; font-weight: 500; color: var(--ui-soft); background: var(--ui-surface-2); border-bottom: 1px solid var(--ui-border); }
.ctp-table tbody tr { border-bottom: 1px solid var(--ui-border); cursor: pointer; }
.ctp-table tbody tr:last-child { border-bottom: none; }
.ctp-table tbody tr:hover { background: var(--ui-hover); }
.ctp-table tbody tr.is-picked { background: color-mix(in srgb, var(--color-primary) 7%, transparent); }
.ctp-table td { padding: 10px 14px; font-size: 13px; vertical-align: middle; }
.ctp-table .ctp-check { width: 40px; padding-right: 0; }
.ctp-table .ctp-check input { width: 15px; height: 15px; margin: 0; vertical-align: middle; cursor: pointer; }
.ctp-table .ctp-name { font-size: 14px; font-weight: 500; color: var(--ui-text); }
.ctp-table .ctp-sub { color: var(--ui-muted); }
.ctp-table td.ctp-time { color: var(--ui-muted); white-space: nowrap; text-align: right; }
.ctp-table th.ctp-time { text-align: right; }
/* 제목은 관리 첫 화면 제목과 같은 글자색(번들 화면 제목 규칙의 파랑을 받지 않는다, 원장 261009) */
#workspace-main .workspace-page-head h1.ctp-title { color: var(--ui-text); }
.ctp-folder { display: inline-flex; align-items: center; gap: 8px; }
.ctp-folder > i { color: var(--ui-soft); }
.ctp-folder a { color: var(--ui-text); text-decoration: none; }
.ctp-folder a:hover { text-decoration: underline; }
.ctp-empty { padding: 42px 16px; text-align: center; font-size: 13px; color: var(--ui-soft); }
/* 완전 삭제하지 못한 항목과 그 이유(처방·약재 — 차트·합방·재고가 가리키는 것) */
.ctp-blocked { margin: 0 0 10px; padding: 10px 14px; border: 1px solid var(--ui-border); border-radius: 10px; font-size: 12.5px; color: var(--ui-muted); line-height: 1.6; }
.ctp-blocked strong { color: var(--ui-text); font-weight: 600; }

/* 제목 옆 「삭제한 번들」 */
.ctp-title-tag { margin-left: 8px; vertical-align: middle; }

/* 「이름을 바꿔 복원」 창(원장 261009) — 공용 모달 입력란, 안내와 첫 칸 사이는 선택지 목록 창과 같은 14px, 경고는 빨간 글씨 */
.ui-modal .ctp-rename .ui-modal-note + .ui-modal-field { margin-top: 14px; }
.ui-modal .ctp-rename .ctp-warn { color: var(--ui-danger); }