/* Báo cáo › Lịch sử làm bài */
.hist-wrap { display: grid; gap: 14px; }
.hist-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.hist-summary div { background: #fff; border: 1px solid #e9edf4; border-radius: 14px; padding: 14px 16px; display: grid; gap: 2px; }
.hist-summary b { font-size: 24px; }
.hist-summary span { color: #6b7489; font-size: 13px; }
.hist-filters { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 10px; }
.hist-filters select, .hist-search { height: 42px; border: 1px solid #d6dce8; border-radius: 10px; background: #fff; padding: 0 10px; font: inherit; min-width: 0; }
.hist-search { display: flex; align-items: center; gap: 8px; }
.hist-search input { border: 0; outline: none; flex: 1; min-width: 0; font: inherit; background: none; }
.hist-table-wrap { overflow-x: auto; background: #fff; border: 1px solid #e9edf4; border-radius: 14px; }
.hist-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.hist-table th { text-align: left; font-weight: 600; color: #47506a; background: #f7f9fd; padding: 11px 12px; white-space: nowrap; }
.hist-table td { padding: 11px 12px; border-top: 1px solid #eef1f6; vertical-align: top; }
.hist-table td small { display: block; color: #6b7489; font-size: 12px; margin-top: 2px; }
.hist-table .num { text-align: right; }
.hist-row { cursor: pointer; }
.hist-row:hover, .hist-row.open, .hist-row:focus-visible { background: #f6f8fc; outline: none; }
.hist-up { color: #127a4c; font-weight: 700; } .hist-down { color: #c4320a; font-weight: 700; } .hist-flat { color: #8a92a6; }
.hist-detail td { background: #f9fbff; }
.hist-detail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; padding: 4px 0; }
.hist-detail h4 { margin: 0 0 8px; font-size: 14px; }
.hist-mini { border-collapse: collapse; font-size: 13px; width: 100%; }
.hist-mini th, .hist-mini td { padding: 6px 8px; border-bottom: 1px solid #eef1f6; text-align: left; }
.hist-hint { margin: 0; color: #6b7489; font-size: 12px; }
.hist-empty { padding: 32px; text-align: center; color: #6b7489; background: #fff; border: 1px dashed #d6dce8; border-radius: 14px; }
@media (max-width: 760px) { .hist-summary, .hist-filters { grid-template-columns: 1fr; } }

.hist-detail h4 { margin: 4px 0 8px; font-size: 14px; }
.hist-detail .hist-mini { max-width: 560px; }

/* So sánh theo dạng câu / passage */
.cmp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px 28px; }
.cmp-block h4, .cmp-title { margin: 4px 0 8px; font-size: 14px; }
.cmp-block .hist-mini small { color: #6b7489; }
.cmp-block .hist-mini th { font-weight: 600; color: #47506a; font-size: 12px; }
.fl-chip { display: inline-block; padding: 3px 10px; border-radius: 8px; font-size: 12px; font-weight: 600; background: #eef2ff; color: #3a5bd9; }
.fl-chip.ok { background: #e8f8ef; color: #127a4c; } .fl-chip.late { background: #fff1ef; color: #a3341b; }
.fl-rule { max-width: 880px; line-height: 1.55; }
.fl-wrap td small { display: block; color: #98a2b3; font-size: 11px; }
.fl-wrap td small { display: block; color: #98a2b3; font-size: 11px; }
.fl-hard { margin-top: 14px; } .fl-hard h4 { margin: 0 0 6px; font-size: 14px; } .fl-hard p { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }