.tj-muted{color:var(--text-muted)}.tj-brand{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;color:inherit;transition:opacity .15s}.tj-brand:hover{opacity:.85}.tj-brand__logo{width:3rem;height:3rem;border-radius:0;object-fit:cover;box-shadow:0 4px 14px #6366f140}.tj-brand__text{display:flex;flex-direction:column;gap:.15rem}.tj-brand__title{font-size:1.35rem;font-weight:800;line-height:1.2;color:var(--text-primary)}@media(min-width:768px){.tj-brand__title{font-size:1.6rem}.tj-brand__logo{width:3.4rem;height:3.4rem}}.tj-brand__hint{font-size:.75rem;font-weight:600;color:var(--text-muted)}.tj-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.tj-label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.tj-sublabel{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.35rem}.tj-input{width:100%;padding:.7rem .9rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.tj-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.tj-textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.5;resize:vertical;min-height:9rem}.tj-hint{font-size:.75rem;color:var(--text-muted)}.tj-preview-sample{font-family:ui-monospace,monospace;font-size:.8rem;font-weight:700;color:var(--text-primary)}.tj-preview-sample__affix{color:var(--text-secondary);font-weight:600}.tj-preview-sample__num{color:#dc2626;font-weight:800}[data-theme=dark] .tj-preview-sample__num{color:#f87171}.tj-mode{display:inline-flex;padding:.2rem;border-radius:999px;background:var(--bg-input);border:1px solid var(--border);gap:.15rem}.tj-mode__btn{padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--text-muted);border:none;background:transparent;cursor:pointer}.tj-mode__btn.is-active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 4px #0f172a14}.tj-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:7.5rem}.tj-choice{display:flex;align-items:center;justify-content:center;padding:.4rem .35rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);cursor:pointer;transition:border-color .15s,background .15s}.tj-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.tj-choice__num{font-size:.95rem;font-weight:800;line-height:1;color:var(--text-primary)}.tj-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.tj-type{padding:.4rem .35rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-weight:800;font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.tj-type.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent)}.tj-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(min-width:640px){.tj-server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.tj-server{display:flex;align-items:center;gap:.55rem;padding:.7rem .75rem;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.tj-server.is-active{border-color:var(--accent);background:var(--accent-soft)}.tj-server__idx{flex-shrink:0;width:1.55rem;height:1.55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:.75rem;font-weight:800}.tj-server.is-active .tj-server__idx{background:var(--accent);color:#fff}.tj-server__name{font-size:.85rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tj-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.tj-badge{flex-shrink:0;padding:.3rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border)}.tj-badge.is-ready{background:color-mix(in srgb,#10b981 16%,transparent);color:#059669;border-color:color-mix(in srgb,#10b981 35%,transparent)}[data-theme=dark] .tj-badge.is-ready{color:#6ee7b7}.tj-aside{display:flex;flex-direction:column;gap:1rem;max-height:80vh}.tj-preview{flex:1 1 auto;min-height:12rem;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.tj-preview:empty:before{content:"Chưa thêm tài khoản nào. Điền form bên trái rồi bấm Thêm.";display:block;padding:1.35rem 1rem;color:var(--text-muted);font-size:.85rem;text-align:center;line-height:1.5}.tj-row{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.65rem;align-items:center;padding:.7rem .85rem;border-bottom:1px solid var(--border);color:var(--text-primary)}.tj-row:last-child{border-bottom:none}.tj-row__idx{font-size:1.05rem;font-weight:800;color:var(--accent);text-align:center;line-height:1}.tj-row__body{min-width:0;display:flex;flex-direction:column;gap:.15rem}.tj-row__tk{font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tj-row__meta{font-size:.7rem;font-weight:600;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tj-error{padding:.65rem .8rem;border-radius:var(--radius-sm);background:color-mix(in srgb,#ef4444 12%,transparent);border:1px solid color-mix(in srgb,#ef4444 30%,transparent);color:#dc2626;font-size:.8rem;font-weight:600}[data-theme=dark] .tj-error{color:#fca5a5}.tj-hide{display:none!important}.tj-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.1rem;border-radius:var(--radius-sm);font-weight:800;font-size:.92rem;cursor:pointer;transition:transform .15s,opacity .15s,filter .15s}.tj-btn--add{border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f159}.tj-btn--add:hover{transform:translateY(-1px);filter:brightness(1.05)}.tj-btn--dl{border:none;background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 14px #10b9814d}.tj-btn--dl:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.tj-btn--clear{border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-secondary)}.tj-btn--clear:hover:not(:disabled){border-color:color-mix(in srgb,#ef4444 40%,var(--border));color:#dc2626}.tj-btn--dl:disabled,.tj-btn--clear:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}
