/* Bangkitu Kí Tự Đặc Biệt — UI gọn nhẹ, đồng bộ theme (tím #6c2bd9). */

/* Icon SVG (không emoji) */
.bkt-ic{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.18em;flex:0 0 auto}
.bkt-tool-label svg,.bkt-gen svg{vertical-align:-.18em}
.bkt-row-copy{display:inline-flex;align-items:center;gap:4px}
.bkt-row-copy svg{width:14px;height:14px}
.bkt-nick-copies{display:inline-flex;align-items:center;gap:4px}
.bkt-nick-copies svg{width:13px;height:13px}
.bkt-toast-ic{display:inline-flex;align-items:center;color:#00c2ff}
.bkt-toast-ic svg{width:16px;height:16px}

/* ===== Toast sao chép ===== */
.bkt-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);z-index:1000;
  background:#10101a;color:#fff;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;
  display:flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(16,16,26,.25);
  opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.bkt-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
.bkt-toast-ic{color:#00c2ff}
.bkt-toast strong{font-weight:800}

/* trạng thái vừa copy cho mọi chip */
.bkt-chip.is-copied,.bkt-cell.is-copied,.bkt-nick.is-copied,.ktdb-chip.is-copied{
  background:#6c2bd9!important;color:#fff!important;border-color:#6c2bd9!important}

/* ===== Công cụ tạo tên [congcu] ===== */
.bkt-tool{margin:18px 0;padding:20px;border:1px solid #e4e0f2;border-radius:18px;background:#faf8ff}
.bkt-tool-label{display:block;font-weight:800;margin-bottom:10px;color:#10101a;font-size:1.05em}
.bkt-input{width:100%;box-sizing:border-box;font-size:1.05em;padding:13px 16px;border:1px solid #d4cdec;
  border-radius:12px;outline:none;background:#fff;color:#10101a;font-family:inherit}
.bkt-input:focus{border-color:#6c2bd9;box-shadow:0 0 0 3px rgba(108,43,217,.15)}
.bkt-tool-actions{margin:12px 0 4px;display:flex;gap:10px;flex-wrap:wrap}
.bkt-btn{font-size:1em;padding:11px 20px;border-radius:12px;border:none;cursor:pointer;font-weight:700;font-family:inherit}
.bkt-gen{background:#6c2bd9;color:#fff}
.bkt-gen:hover{background:#5a1fc0}
.bkt-clear{background:#ece8f7;color:#10101a}
.bkt-clear:hover{background:#ddd4f3}
.bkt-hint{font-size:.9em;color:#6b6b76;margin:8px 0 14px}
.bkt-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.bkt-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ececf2;border-radius:12px;
  padding:11px 14px;cursor:pointer;text-align:left;font-family:inherit}
.bkt-row:hover{border-color:#6c2bd9;background:#f6f1ff}
.bkt-out{flex:1 1 auto;font-size:1.05em;font-weight:500;min-width:0;color:#10101a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bkt-row-copy{flex:0 0 auto;font-size:12px;color:#9a9aa4}
.bkt-empty{color:#8a8a94;font-style:italic;padding:10px 2px;grid-column:1/-1}

/* ===== Bảng kí tự [bkt_palette] ===== */
.bkt-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin:16px 0}
.bkt-cell{border:1px solid #ececf2;background:#fff;border-radius:12px;padding:14px 6px;cursor:pointer;
  font-size:24px;line-height:1;font-family:inherit;color:#10101a}
.bkt-cell:hover{border-color:#6c2bd9;background:#f6f1ff}

/* ===== Top biệt danh [bkt_topnick] ===== */
.bkt-topnick{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:16px 0}
.bkt-nick{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #ececf2;border-radius:12px;
  padding:11px 13px;background:#fff;cursor:pointer;font-family:inherit}
.bkt-nick:hover{border-color:#6c2bd9;background:#faf8ff}
.bkt-nick-rank{font-weight:900;font-size:13px;color:#bdbdc7;width:30px;flex:0 0 auto}
.bkt-nick-name{flex:1;min-width:0;font-weight:500;font-size:15px;color:#10101a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bkt-nick-copies{flex:0 0 auto;font-size:11px;color:#8a8a94}

/* Nút copy có nhãn chữ (vd ký tự khoảng trống vô hình) */
.bkt-palette--labeled{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.bkt-cell--label{font-size:14px;font-weight:600;line-height:1.3;padding:14px 12px;text-align:center;color:#10101a}
.bkt-cell--label:hover{border-color:#6c2bd9;background:#f6f1ff}

@media (max-width:480px){.bkt-out{font-size:1em}.bkt-results{grid-template-columns:1fr}}