/* QAJ Teacher Portal v15.81 - HM batch/observation stable fix */
#viewHeadMuallimas .qaj-hm-v1581-shell { display: grid; gap: 12px; padding-bottom: 96px; }
#viewHeadMuallimas .qaj-hm-v1581-hero { padding: 14px; border-radius: 20px; }
#viewHeadMuallimas .qaj-hm-v1581-hero h2 { margin: 3px 0 4px; font-size: 22px; }
#viewHeadMuallimas .qaj-hm-v1581-hero p { margin: 0; font-size: 13px; line-height: 1.35; }
#viewHeadMuallimas .qaj-hm-v1581-filters { display: grid; grid-template-columns: 150px 1fr; gap: 10px; align-items: end; padding: 12px; }
#viewHeadMuallimas .qaj-hm-v1581-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#viewHeadMuallimas .qaj-hm-v1581-stats article,
#viewHeadMuallimas .qaj-hm-v1581-batch-stats article { padding: 10px; border-radius: 14px; }
#viewHeadMuallimas .qaj-hm-v1581-no-exams-note { border: 1px dashed #d0d5dd; background: #f8fafc; color: #475467; border-radius: 16px; padding: 10px 12px; font-size: 13px; font-weight: 800; }
#viewHeadMuallimas .qaj-hm-v1581-batch-strip { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; overflow: visible; }
#viewHeadMuallimas .qaj-hm-v1581-batch-card { width: 100%; min-width: 0; border: 1px solid #e5e7eb; background: #fff; color: #111827; border-radius: 17px; padding: 12px; display: grid; gap: 3px; text-align: left; box-shadow: 0 8px 18px rgba(15,23,42,.05); }
#viewHeadMuallimas .qaj-hm-v1581-batch-card strong { font-size: 15px; }
#viewHeadMuallimas .qaj-hm-v1581-batch-card span,
#viewHeadMuallimas .qaj-hm-v1581-batch-card small { color: #667085; font-size: 12px; font-weight: 800; }
#viewHeadMuallimas .qaj-hm-v1581-batch-card.active { border-color: #175cd3; background: #eff6ff; box-shadow: 0 0 0 3px rgba(23,92,211,.12); }
#viewHeadMuallimas .qaj-hm-v1581-batch-dashboard { display: grid; gap: 10px; padding-bottom: 16px; }
#viewHeadMuallimas .qaj-hm-v1581-accordion { border: 1px solid #e5e7eb; border-radius: 18px; background: #fff; overflow: hidden; }
#viewHeadMuallimas .qaj-hm-v1581-accordion summary { list-style: none; cursor: pointer; padding: 13px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-weight: 950; }
#viewHeadMuallimas .qaj-hm-v1581-accordion summary::-webkit-details-marker { display: none; }
#viewHeadMuallimas .qaj-hm-v1581-accordion summary::after { content: "Open"; font-size: 11px; text-transform: uppercase; color: #175cd3; background: #dbeafe; border-radius: 999px; padding: 5px 8px; }
#viewHeadMuallimas .qaj-hm-v1581-accordion[open] summary::after { content: "Close"; color: #344054; background: #f2f4f7; }
#viewHeadMuallimas .qaj-hm-v1581-accordion summary strong { background: #f2f4f7; border-radius: 999px; padding: 5px 9px; font-size: 12px; color: #344054; }
#viewHeadMuallimas .qaj-hm-v1581-student-grid,
#viewHeadMuallimas .qaj-hm-v1581-teacher-list,
#viewHeadMuallimas .qaj-hm-v1581-time-list,
#viewHeadMuallimas .qaj-hm-v1581-observation-list { display: grid; gap: 9px; padding: 0 12px 12px; }
#viewHeadMuallimas .qaj-hm-v1581-student-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#viewHeadMuallimas .qaj-hm-v1581-student-grid article,
#viewHeadMuallimas .qaj-hm-v1581-teacher-list article { border: 1px solid #eef2f7; border-radius: 14px; background: #f8fafc; padding: 10px; display: grid; gap: 3px; }
#viewHeadMuallimas .qaj-hm-v1581-student-grid span,
#viewHeadMuallimas .qaj-hm-v1581-teacher-list small { color: #667085; font-size: 11px; font-weight: 900; text-transform: uppercase; }
#viewHeadMuallimas .qaj-hm-v1581-student-grid strong,
#viewHeadMuallimas .qaj-hm-v1581-teacher-list strong { font-size: 13px; overflow-wrap: anywhere; }
#viewHeadMuallimas .qaj-hm-v1581-time-row { border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; padding: 11px; display: grid; gap: 10px; }
#viewHeadMuallimas .qaj-hm-v1581-time-row.missing { border-color: #fed7d7; background: #fffafa; }
#viewHeadMuallimas .qaj-hm-v1581-time-row.submitted { border-color: #bbf7d0; background: #f7fff9; }
#viewHeadMuallimas .qaj-hm-v1581-time-main { display: grid; gap: 4px; }
#viewHeadMuallimas .qaj-hm-v1581-time-main strong { font-size: 15px; }
#viewHeadMuallimas .qaj-hm-v1581-time-main small { color: #667085; font-weight: 800; }
#viewHeadMuallimas .qaj-hm-v1581-inline-select { display: grid; gap: 5px; font-size: 12px; font-weight: 900; color: #344054; }
#viewHeadMuallimas .qaj-hm-v1581-inline-select select { min-height: 42px; }
#viewHeadMuallimas .qaj-hm-v1581-time-actions,
#viewHeadMuallimas .qaj-hm-v1581-observation-actions { display: flex; flex-wrap: wrap; gap: 7px; }
#viewHeadMuallimas .qaj-hm-v1581-time-actions button,
#viewHeadMuallimas .qaj-hm-v1581-observation-actions button { flex: 1 1 132px; min-height: 39px; padding: 9px 10px; font-size: 12px; }
#viewHeadMuallimas .qaj-hm-v1581-observation-row { display: grid; grid-template-columns: 1fr; gap: 8px; }
.qaj-hm-v1581-modal { z-index: 3500 !important; }
.qaj-hm-v1581-view-modal { max-width: 760px; margin-bottom: 96px !important; }
.qaj-hm-v1581-observation-view { display: grid; gap: 10px; }
body.qaj-v1575-more-open #moreMenu,
body.qaj-v1574-more-open #moreMenu,
#moreMenu:not(.hidden) { z-index: 5000 !important; }
@media (min-width: 900px) {
  #viewHeadMuallimas .qaj-hm-v1581-batch-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #viewHeadMuallimas .qaj-hm-v1581-student-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  #viewHeadMuallimas .qaj-hm-v1581-stats { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  #viewHeadMuallimas .qaj-hm-v1581-filters { grid-template-columns: 1fr; }
  #viewHeadMuallimas .qaj-hm-v1581-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #viewHeadMuallimas .qaj-hm-v1581-hero { align-items: flex-start; }
  #viewHeadMuallimas .qaj-hm-v1581-hero .qaj-hm-refresh-v150 { width: 100%; }
  #viewHeadMuallimas .qaj-hm-v1581-time-actions button,
  #viewHeadMuallimas .qaj-hm-v1581-observation-actions button { flex-basis: calc(50% - 4px); }
}