/* Giao diện riêng của công cụ này. Sửa ở đây không ảnh hưởng công cụ khác. */
.tl-page .note{margin-top:14px;background:#e3ebff;border-radius:14px;padding:14px 18px;font-size:14.5px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;color:#212025}
.tl-page .note .ic{width:20px;height:20px;margin-top:3px;flex:none;fill:#004aef}
.tl-page .note.warn{background:#fff6d6}
.tl-page .note.warn .ic{fill:#7a5f00}
.tl-page .note.loi{background:#f6cbcb}
.tl-page .note.loi .ic{fill:#8f1d1d}

.tl-page .btn{border:1px solid #dbe3f5;background:#f4f7fd;color:#212025;border-radius:999px;padding:9px 15px;font:600 13.5px/1 var(--font-body);cursor:pointer}
.tl-page .btn:hover{background:#e3ebff;border-color:#004aef;color:#0033b3}
.tl-page .btn-chinh{background:#004aef;border-color:#004aef;color:#fff}
.tl-page .btn-chinh:hover{background:#0033b3;border-color:#0033b3;color:#fff}

/* Khối công cụ hai cột: dùng bộ lớp tl-cc trong src/shared/tools.css, ở đây chỉ phần riêng. */
.tl-page .kb-goi-y{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:#616a7a}
.tl-page #kb-nhap{min-height:220px;resize:vertical;color:#212025;font:400 13.5px/1.6 var(--font-mono,'JetBrains Mono',monospace);padding:12px 14px}
.tl-page #kb-duong{color:#212025;font:400 14.5px/1.4 var(--font-mono,'JetBrains Mono',monospace);padding:10px 12px;margin-bottom:6px}
.tl-page .tl-cc .kb-buoc-2{margin-top:18px}
.tl-page .tl-cc-nut{margin-top:10px}
.tl-page .tl-cc-cho:not([hidden]) ~ #kb-tom-tat{display:none}
.tl-page .tl-cc-vd .kb-hang:first-of-type{border-top:1px solid #dbe3f5;padding-top:14px}

.tl-page .kb-tom-tat{font-size:14.5px;color:#434343;margin-bottom:14px}
.tl-page .kb-hang{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:start;padding:14px 0;border-top:1px solid #dbe3f5}
.tl-page .kb-hang:first-child{border-top:none;padding-top:0}
.tl-page .kb-nhan-bot{font:700 14.5px/1.3 var(--font-body);color:#212025}
.tl-page .kb-the{display:inline-flex;align-items:center;font:700 12.5px/1 var(--font-body);padding:6px 11px;border-radius:999px;white-space:nowrap}
.tl-page .kb-the.cho-phep{background:#dcfbef;color:#046b47}
.tl-page .kb-the.bi-chan{background:#f6cbcb;color:#8f1d1d}
.tl-page .kb-chi-tiet{margin-top:6px;font-size:13.5px;color:#616a7a;line-height:1.55}
.tl-page .kb-chi-tiet b{color:#212025}
.tl-page .kb-chi-tiet code{background:#f4f7fd;border-radius:6px;padding:1px 5px;font-family:var(--font-mono);font-size:12.5px;word-break:break-word}
.tl-page .kb-ghi-chu{margin-top:6px;font-size:13px;color:#0a6a7d;background:#e3fafe;border-radius:10px;padding:8px 11px}
.tl-page .kb-mo-ta{margin-top:8px;font-size:13.5px;color:#434343;line-height:1.55}

@media (max-width:480px){
  .tl-page .kb-hang{grid-template-columns:1fr}
}