/* Chip chủ đề Toán theo khối (host/math-topics-g11.js) — dùng chung modal AI và trình tạo bài giảng AI. */
.topic-chips-head { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 13px; color: #44506a; }
.topic-chips-label { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.topic-grade { font: inherit; font-size: 13px; padding: 4px 8px; min-height: 36px; border: 1px solid #c7d2e5; border-radius: 8px; background: #fff; color: #1f2a44; }
.topic-chips-note { margin: 6px 0; font-size: 13px; color: #44506a; }
.topic-chips[hidden], .topic-chips-head[hidden], .topic-chips-note[hidden] { display: none; }
.topic-chips { display: flex; flex-wrap: wrap; gap: 6px; max-height: 120px; overflow-y: auto; padding: 2px; margin: 6px 0; overscroll-behavior: contain; }
.topic-chip { appearance: none; display: inline-flex; align-items: center; min-height: 36px; padding: 4px 12px; border: 1px solid #c7d2e5; border-radius: 999px; background: #f1f5fb; color: #1f2a44; font: inherit; font-size: 13px; line-height: 1.2; cursor: pointer; transition: background .12s, border-color .12s; }
.topic-chip:hover { background: #e3ebf8; border-color: #9fb3d6; }
.topic-chip[aria-pressed="true"] { background: #1d4ed8; border-color: #1d4ed8; color: #fff; }
.topic-chip[aria-pressed="true"]:hover { background: #1a44bd; }
.topic-chip:focus-visible { outline: 3px solid #93b4ff; outline-offset: 2px; }
@media (max-width: 640px) { .topic-chip { min-height: 44px; padding: 6px 14px; } }
/* PB-H04/N01: dòng lượt AI ở đầu hộp "Tạo câu hỏi bằng AI" / "Tạo đề từ file có sẵn" (host/views/editor-ai.js). */
.ai-quota-line { margin: 0 0 10px; padding: 8px 12px; border-radius: 8px; background: #eef4ff; color: #1f2a44; font-size: 13px; line-height: 1.4; }
.ai-quota-line.is-near { background: #fff6e0; color: #6b4a00; }
.ai-quota-line.is-exhausted { background: #fdecec; color: #8a1c1c; font-weight: 600; }
.ai-quota-line[hidden] { display: none; }