/* Màn khach-hang (mockup 4f) — CSS riêng của màn này (chỉ dùng token trong tokens.css). Lớp đều có tiền tố kh- để không đụng màn khác. */

/* Danh sách */
.kh-tim { height: 34px; width: 360px; max-width: 100%; color: var(--ink-subtle); }
.kh-tim input { border: 0; outline: 0; background: transparent; color: var(--ink); font: var(--text-body); font-family: var(--font-sans); width: 100%; min-width: 0; }
.kh-tim:focus-within { border-color: var(--focus); box-shadow: 0 0 0 3px var(--selected-tint); }
.kh-seg button { height: 32px; padding: 0 12px; display: inline-flex; align-items: center; font: 500 13px/1 var(--font-sans); color: var(--ink-muted); background: var(--surface); border: 0; border-right: 1px solid var(--line); cursor: pointer; }
.kh-seg button:last-child { border-right: 0; }
.kh-seg button.on { background: var(--ink); color: var(--surface); font-weight: 600; }
select.kh-dd { font-family: var(--font-sans); cursor: pointer; }
.kh-han-che td { color: var(--ink-muted); }
.kh-han-che .t { color: var(--ink-muted); }
.kh-han-che .s.row { gap: 4px; flex-wrap: nowrap; }
.kh-bang a.t:hover { color: var(--link); }

/* Trang công ty */
.ph .crumb a { color: var(--ink-muted); }
.ph .crumb a:hover { color: var(--link); }
.kh-tags { margin-top: 8px; flex-wrap: wrap; }
.kh-tabs { overflow-x: auto; scrollbar-width: none; }
.kh-tabs button { flex: none; white-space: nowrap; padding: 10px 0; font: 500 14px/1 var(--font-sans); color: var(--ink-muted); background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; }
.kh-tabs button.on { color: var(--ink); border-color: var(--ink); font-weight: 600; }
.kh-tabs button:hover { color: var(--ink); }
.kh-cot { gap: 16px; }
.kh-ds-lh { gap: 14px; }
.kh-lh { gap: 2px; }
.kh-lh-dau { justify-content: space-between; flex-wrap: nowrap; }
.kh-nho { width: 30px; height: 30px; background: none; cursor: pointer; }
.kh-nho:hover { color: var(--ink); background: var(--surface-alt); }
.kh-kv { grid-template-columns: 96px 1fr; }
.kh-ghi-chu { white-space: pre-line; }
.kh-cot .card > .empty { padding: 32px 16px; }

/* Hộp thoại: vai trò người liên hệ, xem trước nhập Excel */
.kh-vt { border: 0; padding: 0; margin: 0; }
.kh-vt legend { font: 600 13px/1.2 var(--font-sans); padding: 0; margin-bottom: 6px; }
.kh-vt .row { flex-wrap: wrap; gap: 8px 16px; }
.kh-vt label, .kh-chon { gap: 6px; cursor: pointer; }
.kh-xt { max-height: 50vh; overflow: auto; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.kh-xt .tbl td .two { padding: 4px 0; }