/* CO-CHU-0311 */
/* Chế độ sửa tại chỗ cho Quản trị (02/11/2026). Học viên không tải phần giao diện này. */
#qtBtn{position:fixed;right:10px;bottom:10px;z-index:9400;border:0;border-radius:999px;padding:8px 12px;
  font:600 12px/1 Arial,system-ui,sans-serif;color:#fff;background:rgba(15,23,42,.72);cursor:pointer}
#qtBtn:hover{background:#0f172a}
.qt-wrap{position:fixed;inset:0;z-index:9500;display:none;align-items:center;justify-content:center;background:rgba(8,12,24,.55)}
.qt-wrap.on{display:flex}
.qt-card{width:min(420px,92vw);background:#fff;border-radius:16px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.35);
  font:400 14px/1.5 Arial,system-ui,sans-serif;color:#0f172a}
.qt-card h3{margin:0 0 10px;font-size:18px}
.qt-card input{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}
.qt-card .qt-row{display:flex;gap:8px;margin-top:12px}
.qt-card button{flex:1;padding:10px;border:0;border-radius:10px;font:600 14px/1 inherit;cursor:pointer}
.qt-ok{background:#0284c7;color:#fff}.qt-no{background:#e2e8f0;color:#0f172a}
.qt-err{margin-top:8px;color:#1C5DB9;font-size:14.5px;min-height:18px}

#qtPanel{position:fixed;right:auto;bottom:auto;top:12px;left:12px;width:min(368px,94vw);height:620px;z-index:9450;display:none;flex-direction:column;
  box-sizing:border-box;border-radius:14px;overflow:hidden;background:#0f172a;color:#e2e8f0;font:400 13px/1.45 Arial,system-ui,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.35)}
body.qt-on #qtPanel{display:flex}
#qtPanel header{padding:8px 10px;background:#13285c;font-weight:700;display:flex;align-items:center;gap:6px;flex-shrink:0;cursor:grab;touch-action:none;user-select:none}
#qtPanel .qt-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#qtPanel header button{flex:none;width:32px;height:32px;padding:0;background:transparent;border:0;border-radius:6px;color:#e2e8f0;font:600 20px/1 system-ui;cursor:pointer}
#qtPanel header button:hover{background:#334155}
#qtPanel :focus-visible{outline:2px solid #7dd3fc;outline-offset:-2px}
#qtPanel.qt-moving header{cursor:grabbing}
#qtBody{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto}
#qtBody[hidden],#qtPanel .qt-resize[hidden]{display:none}
#qtPanel .qt-resize{position:absolute;right:0;bottom:0;width:24px;height:20px;padding:0;border:0;border-radius:4px;background:#1e293b;color:#94a3b8;font:16px/1 system-ui;cursor:nwse-resize;touch-action:none}

/* Khung Tua nhanh buổi học để duyệt nhanh */
#qtFast{padding:7px 10px;background:#13203b;border-top:1px solid #1e293b;border-bottom:1px solid #1e293b;display:flex;flex-direction:column;gap:5px;flex-shrink:0}
.qtf-row1,.qtf-row2,.qtf-row3{display:flex;align-items:center;gap:5px;min-width:0}
.qtf-row3{justify-content:space-between;flex-wrap:wrap;gap:4px}
.qtf-ttl{font-weight:700;font-size:13px;color:#38bdf8;white-space:nowrap}
#qtJumpSel{flex:1;min-width:0;padding:4px 6px;border-radius:6px;border:1px solid #334155;background:#0b1220;color:#e2e8f0;font:600 11.5px/1.2 inherit}
.qtf-auto{flex:none;padding:4px 7px;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#cbd5e1;font:600 11px/1.1 inherit;cursor:pointer;white-space:nowrap}
.qtf-auto.on{background:#0284c7;border-color:#38bdf8;color:#fff}
#qtScrub{flex:1;min-width:60px;accent-color:#38bdf8;cursor:pointer;margin:0;height:18px}
.qtf-lb{font-size:12.5px;color:#cbd5e1;white-space:nowrap;max-width:48%;overflow:hidden;text-overflow:ellipsis}
.qtf-nav,.qtf-spd{display:flex;align-items:center;gap:3px}
.qtf-nav button,.qtf-spd button{border:1px solid #334155;background:#1e293b;color:#e2e8f0;border-radius:6px;padding:4px 6px;font:600 11.5px/1 inherit;cursor:pointer;min-width:26px}
.qtf-nav button:hover,.qtf-spd button:hover{background:#334155}
.qtf-spd button.on{background:#0284c7;border-color:#38bdf8;color:#fff}

#qtLog{flex:1;min-height:60px;overflow:auto;padding:8px 10px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.qt-msg{padding:8px 10px;border-radius:10px;white-space:pre-wrap;word-break:break-word}
.qt-me{background:#1d4ed8;align-self:flex-end;max-width:88%}
.qt-ai{background:#1e293b;max-width:96%}
.qt-ai code{background:#0b1220;padding:1px 4px;border-radius:4px}
.qt-ops{margin:6px 0 0;padding-left:16px}
.qt-act{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}
.qt-act button{flex:1 1 auto;padding:7px 8px;border:0;border-radius:8px;font:600 11.5px/1.1 inherit;cursor:pointer;white-space:nowrap}
.qt-p{background:#0B6CF3;color:#fff}
.qt-p.on{background:#0284c7;color:#fff;box-shadow:inset 0 0 0 1.5px #7dd3fc}
.qt-y{background:#15803d;color:#fff}.qt-n{background:#334155;color:#e2e8f0}
#qtForm{display:flex;flex-shrink:0;gap:5px;padding:8px 10px 22px;border-top:1px solid #1e293b;align-items:flex-end}
#qtInput{flex:1;min-width:0;min-height:36px;max-height:110px;resize:none;padding:8px;border-radius:10px;border:1px solid #334155;
  background:#0b1220;color:#e2e8f0;font:inherit}
#qtForm button{border:0;border-radius:9px;padding:8px 9px;font:600 12px/1.1 inherit;cursor:pointer;background:#0284c7;color:#fff;white-space:nowrap}
#qtForm button.qt-mic{background:#0C68EA;padding:8px}
#qtForm button.qt-mic.rec{background:#2672DC}
#qtForm button.qt-prev{background:#0B6CF3;color:#fff}
#qtForm button.qt-prev.on{background:#0957C3;box-shadow:0 0 0 2px #5E98EA}
#qtBar{display:flex;flex-shrink:0;gap:5px;padding:6px 10px;border-top:1px solid #1e293b;flex-wrap:wrap}
#qtBar button{flex:1 1 46%;padding:7px;border:0;border-radius:8px;font:600 11.5px/1 inherit;cursor:pointer;background:#334155;color:#e2e8f0}
#qtBar button.qt-pub{background:#15803d;color:#fff}
#qtState{padding:4px 10px 5px;font-size:13px;color:#94a3b8;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.qt-prev-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:99px;background:#0B6CF3;color:#fff;font-weight:700;font-size:12px}
body.qt-on [data-qt-hi]{outline:3px dashed #2D73D4 !important;outline-offset:3px;box-shadow:0 0 0 4px rgba(45,212,191,.22) !important;transition:outline .2s,box-shadow .2s}