/* 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 .rb-trong{color:#616a7a;font-size:14px;margin:0}

/* 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 .tl-cc-trai > input[type="text"],.tl-page .tl-cc-trai > textarea{color:#212025;font:400 15px/1.5 var(--font-body);padding:10px 13px;margin-bottom:16px}
.tl-page .tl-cc-trai > textarea{min-height:88px;resize:vertical}
.tl-page .lm-goi-y{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:#616a7a}
.tl-page .lm-nhom{border:1px solid #dbe3f5;border-radius:14px;padding:12px;margin-bottom:10px;background:#f4f7fd}
.tl-page .lm-nhom-dau{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:8px}
.tl-page .lm-nhom-dau input{width:100%;min-width:0;border:1px solid #dbe3f5;border-radius:10px;background:#fff;color:#212025;font:700 14px/1.4 var(--font-body);padding:8px 11px}
.tl-page .lm-nhom-dau input:focus,.tl-page .lm-lk input:focus{outline:none;border-color:#004aef;box-shadow:0 0 0 3px #c0d2fb}
.tl-page .lm-xoa-nhom{border:1px solid #dbe3f5;background:#fff;color:#8f1d1d;border-radius:10px;padding:7px 10px;font-size:12.5px;cursor:pointer;white-space:nowrap}
.tl-page .lm-xoa-nhom:hover{background:#f6cbcb;border-color:#dc2f2f}
/* Mỗi liên kết trong cột hẹp: tên và nút xoá một hàng, địa chỉ và ghi chú mỗi thứ một hàng */
.tl-page .lm-lk{display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:"ten xoa" "url url" "ghi ghi";gap:6px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #dbe3f5;min-width:0}
.tl-page .lm-lk-ten{grid-area:ten}.tl-page .lm-lk-url{grid-area:url}.tl-page .lm-lk-ghichu{grid-area:ghi}.tl-page .lm-xoa-lk{grid-area:xoa}
.tl-page .lm-lk input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dbe3f5;border-radius:9px;background:#fff;color:#212025;font:400 13.5px/1.4 var(--font-body);padding:7px 9px}
.tl-page .lm-lk input.rb-loi{border-color:#dc2f2f;background:#f6cbcb}
.tl-page .lm-xoa-lk{border:1px solid #dbe3f5;background:#fff;color:#8f1d1d;border-radius:9px;width:32px;height:32px;font-size:16px;line-height:1;cursor:pointer}
.tl-page .lm-xoa-lk:hover{background:#f6cbcb;border-color:#dc2f2f}
.tl-page .lm-them-lk{border:1px dashed #80a4f7;background:#fff;color:#004aef;border-radius:9px;padding:7px 11px;font:600 13px/1 var(--font-body);cursor:pointer}
.tl-page .lm-them-lk:hover,.tl-page .lm-them-nhom:hover{background:#e3ebff}
.tl-page .lm-them-nhom{width:100%;border:1px dashed #80a4f7;background:#fff;color:#004aef;border-radius:12px;padding:10px;font:600 14px/1.2 var(--font-body);cursor:pointer;margin:0 0 18px}
.tl-page .lm-thu{display:flex;flex-direction:column;gap:8px;align-items:center}
.tl-page .lm-lien-phu{color:#616a7a;font-weight:500}
.tl-page .tl-cc-cho:not([hidden]) ~ .lm-ra{display:none}
.tl-page .lm-vd-tep{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/1.6 'JetBrains Mono',monospace;color:#212025;background:#f4f7fd;border-radius:14px;padding:14px 16px}
.tl-page .lm-nhan-ra{display:block;font-size:15px;font-weight:700;color:#212025;margin:0 0 10px}
.tl-page .lm-btns{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.tl-page .lm-nut-phu{border:1px solid #004aef;background:#fff;color:#004aef;border-radius:12px;padding:9px 16px;font:700 14px/1 var(--font-body);cursor:pointer}
.tl-page .lm-nut-phu:hover{background:#e3ebff}
.tl-page .lm-ghi{font-size:13.5px;color:#616a7a}
.tl-page #lm-xem{width:100%;box-sizing:border-box;min-height:360px;resize:vertical;border:1px solid #dbe3f5;border-radius:14px;background:#f4f7fd;color:#212025;font:400 13.5px/1.6 'JetBrains Mono',monospace;padding:14px 16px;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto}
/* Cột trái dài khi có nhiều nhóm liên kết: bản xem nội dung bám theo màn hình trên máy tính. */
@media (min-width:981px){ .tl-page .lm-ra{position:sticky;top:96px} }