/* V14.51 — Gán chương vào quyển theo khoảng, giao diện quản trị responsive */
.tg51-tools{margin:18px 0 4px;padding:18px;border:1px solid #755d3a;border-radius:15px;background:linear-gradient(135deg,#1d2939,#151c2b);color:#f0e2c4}
.tg51-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.tg51-head small{color:#d3ad73;letter-spacing:.1em;font-size:11px}.tg51-head h3{font-size:19px;margin:7px 0;color:#ffe2a8}.tg51-head p{font-size:13px;margin:0 0 6px}.tg51-stats{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 14px}.tg51-stats span{border:1px solid #435065;border-radius:9px;background:#101a29;padding:8px 12px;font-size:12px;color:#bec9d8}.tg51-stats strong{color:#ffda93;font-size:15px}
.tg51-controls{display:grid;grid-template-columns:minmax(90px,.65fr) minmax(90px,.65fr) minmax(190px,1.7fr) minmax(170px,1.4fr);gap:12px;align-items:end}.tg51-controls>label{display:grid;gap:8px;font-size:13px;color:#e4c589;min-width:0}.tg51-controls input[type=number],.tg51-controls select{min-width:0;width:100%;box-sizing:border-box;background:#0d1726;border:1px solid #607086;border-radius:9px;color:#f7f2e7;padding:11px;font:inherit}.tg51-controls .tg51-protect{align-self:center;display:flex;align-items:center;gap:9px;font-size:12px;color:#e6e2d3;line-height:1.5}.tg51-protect input{width:18px;height:18px;flex-shrink:0;accent-color:#bd8a3b}.tg51-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 12px}.tg51-actions button{min-height:39px}.tg51-actions button:disabled{opacity:.48;cursor:not-allowed}.tg51-preview{padding:13px;border:1px dashed #63738a;border-radius:11px;background:#111b2b;min-height:50px;color:#d8e0eb;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.tg51-preview p{margin:7px 0}.tg51-preview ol{margin:10px 0 0;padding-left:25px}.tg51-preview li{margin:3px 0}.tg51-warning{color:#ffd18a;font-weight:700}.tg51-disclaimer{font-size:12px;margin:11px 0 0}
@media(max-width:1000px){.tg51-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.tg51-tools{padding:12px}.tg51-head>button{width:100%}.tg51-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tg51-controls>label:nth-child(3),.tg51-controls>label:nth-child(4){grid-column:1/-1}.tg51-actions{display:grid;grid-template-columns:1fr}.tg51-actions button{width:100%}}
