/* V14.2 — Quản lý thứ tự ảnh chương, hỗ trợ sáng/tối */
.tg-v142-panel{border:1px solid var(--line,#495263);border-radius:15px;background:var(--surface2,#15202c);padding:18px;min-width:0;color:var(--white,#eef0f4)}
.tg-v142-heading{display:flex;justify-content:space-between;align-items:start;gap:10px;flex-wrap:wrap}
.tg-v142-heading h3{margin:0 0 6px;color:var(--gold,#dfb269);font-size:19px}
.tg-v142-heading p{margin:0;color:var(--muted,#b1b6bf);font-size:13px;line-height:1.65;font-weight:400}
.tg-v142-count{white-space:nowrap;border:1px solid var(--line,#554833);border-radius:99px;padding:5px 13px;font-size:12px;color:var(--gold,#dfb269)}
.tg-v142-actions{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 10px}
.tg-v142-actions button{margin:0!important;padding:10px 13px!important}
.tg-v142-help{min-height:25px;font-size:13px;font-weight:600;color:var(--gold,#deb06e);margin:8px 0 14px}
.tg-v142-error{color:#ef9389!important}
.tg-v142-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tg-v142-card{min-width:0;overflow:hidden;background:var(--surface,#0e1924);border:1px solid var(--line,#475164);border-radius:11px;display:flex;flex-direction:column;box-shadow:0 4px 18px #00000010}
.tg-v142-card.is-picked{border-color:var(--gold,#dea960)}
.tg-v142-card.is-pending{opacity:.8;border-style:dashed}
.tg-v142-thumbnail{border:0!important;background:#111923!important;border-radius:0!important;display:block;position:relative;width:100%;padding:0!important;cursor:pointer;height:190px;overflow:hidden}
.tg-v142-thumbnail>img{display:block;width:100%;height:100%;object-fit:contain;background:#101720}
.tg-v142-thumbnail:disabled{cursor:default}
.tg-v142-thumbnail:focus-visible{outline:3px solid var(--gold,#e5b96a);outline-offset:-3px}
.tg-v142-image-loading{display:grid;place-items:center;color:#c9cdd5;padding:14px;font-size:12px;height:100%}
.tg-v142-number{position:absolute;left:9px;top:9px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:17px;color:#121720;background:linear-gradient(135deg,#f3ce8b,#d3a256);box-shadow:0 3px 12px #0008}
.tg-v142-number.is-empty{background:#323b48;color:#eee;border:1px dashed #b1a48d}
.tg-v142-card-body{padding:10px;display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.tg-v142-card-body>strong{font-size:12px;color:var(--white,#f0f2f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-v142-card-body>span{font-size:11px;color:var(--muted,#a3a9b3)}
.tg-v142-controls{display:flex;gap:5px;margin-top:auto}
.tg-v142-controls button{cursor:pointer;min-height:32px;border:1px solid var(--line,#495364);background:var(--surface2,#182332);color:var(--white,#fff);border-radius:7px;padding:5px 9px;line-height:1.2;font-size:13px}
.tg-v142-controls button:disabled{cursor:not-allowed;opacity:.4}
.tg-v142-controls button[data-v142-action="remove"]{margin-left:auto;color:#f2a59b}
.tg-v142-controls button:not(:disabled):hover{border-color:var(--gold,#f0bc74)}
.tg-v142-empty{grid-column:1/-1;padding:26px 10px;text-align:center;border:1px dashed var(--line,#495364);border-radius:10px;color:var(--muted,#aaa);font-size:13px}
.tg-v142-note{font-size:12px;color:var(--muted,#aaa);line-height:1.7;margin:14px 0 0}
@media(max-width:800px){.tg-v142-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tg-v142-thumbnail{height:165px}}
@media(max-width:570px){.tg-v142-panel{padding:12px}.tg-v142-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tg-v142-thumbnail{height:150px}.tg-v142-card-body{padding:8px}.tg-v142-actions button{flex:1;font-size:12px}.tg-v142-heading h3{font-size:17px}}

.tg-v142-card{position:relative}
.tg-v142-zoom{position:absolute;top:8px;right:8px;background:#16222be8;color:#f7cf84;border:1px solid #c99b6e;border-radius:7px;z-index:2;min-width:32px;min-height:32px;cursor:pointer;font-size:19px;line-height:1}
.tg-v142-zoom:disabled{opacity:.35;cursor:not-allowed}
.tg-v142-lightbox{position:fixed;inset:0;background:#000e;z-index:100000;display:grid;place-items:center;padding:18px}
.tg-v142-lightbox[hidden]{display:none!important}
.tg-v142-lightbox-inner{position:relative;max-width:min(94vw,960px);max-height:94vh;display:flex;flex-direction:column;align-items:center;gap:6px;color:white}
.tg-v142-lightbox-inner img{max-width:100%;max-height:82vh;object-fit:contain;background:#0d111b;border-radius:7px}
.tg-v142-zoom-caption{font-size:13px;color:#f4d49b;max-width:90%;overflow-wrap:anywhere}
.tg-v142-close{align-self:flex-end;border:1px solid #b5a282;border-radius:9px;background:#172331;color:white;font-size:24px;line-height:1;cursor:pointer;min-width:40px;min-height:40px}