/* =================================================================================================
   EMIS — STAGE 1 / PHASE 4 MOBILE POLISH
   Reports + cumulative + broadsheets + academic history + administration/utility workspaces.
   Loaded after every page stylesheet and mobile_core.css so desktop behavior is not changed.
   ================================================================================================= */

@media (max-width:700px) {
  /* ===============================================================================================
     SHARED REPORT / ADMIN MOBILE DENSITY
     =============================================================================================== */
  :is(.report-page,.cum-shell,.broad-shell,.history-shell,.academic-settings-page,.subject-manager-page,.support-page,.admin-page,.uploads-wrapper,.convert-wrapper,.teacher-phase3) { padding:9px 8px 82px !important; gap:9px !important; background:#f4f7fb !important; }
  :is(.report-hero,.cum-hero,.broad-hero,.history-hero,.academic-hero,.subject-hero,.support-hero,.admin-hero-panel,.uploads-header,.uploads-hero) { border-radius:17px !important; box-shadow:0 7px 22px rgba(15,43,70,.07) !important; }
  :is(.report-btn,.cum-btn,.broad-btn,.history-btn,.academic-btn,.subject-btn,.support-btn) { min-height:38px !important; border-radius:10px !important; font-size:8.5px !important; }

  /* ===============================================================================================
     REPORT SHEETS 2.0 — MOBILE WORKSPACE
     =============================================================================================== */
  .report-page.report-attendance-style { gap:8px !important; }
  .report-hero.report-hero-ribbon { display:grid !important; grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; }
  .report-title-row { align-items:flex-start !important; gap:10px !important; }.report-title-icon { width:39px !important; height:39px !important; min-width:39px !important; border-radius:11px !important; font-size:15px !important; }.report-kicker { font-size:7px !important; }.report-title-row h1 { font-size:20px !important; line-height:1.05 !important; }.report-title-row p { margin-top:3px !important; font-size:9.5px !important; line-height:1.45 !important; }
  .report-mini-row { display:flex !important; flex-wrap:nowrap !important; gap:5px !important; overflow-x:auto !important; scrollbar-width:none !important; }.report-mini-row::-webkit-scrollbar { display:none !important; }.report-mini-row > * { flex:0 0 auto !important; }
  .report-live-card { min-height:43px !important; padding:7px 9px !important; border-radius:11px !important; }.report-live-icon { width:29px !important; height:29px !important; min-width:29px !important; border-radius:9px !important; font-size:11px !important; }

  .report-stats-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.report-stat-card { min-width:0 !important; min-height:48px !important; padding:7px 9px !important; border-radius:12px !important; box-shadow:none !important; }.report-stat-icon { width:29px !important; height:29px !important; min-width:29px !important; border-radius:9px !important; font-size:11px !important; }.report-stat-card small { font-size:6.7px !important; }.report-stat-card strong { font-size:15px !important; }
  .report-intelligence-grid { display:flex !important; grid-template-columns:none !important; gap:7px !important; overflow-x:auto !important; scroll-snap-type:x proximity !important; scrollbar-width:none !important; }.report-intelligence-grid::-webkit-scrollbar { display:none !important; }.report-intel-card { flex:0 0 min(84vw,315px) !important; min-width:0 !important; padding:10px !important; border-radius:13px !important; scroll-snap-align:start !important; }.report-intel-head h3 { font-size:11px !important; }.report-intel-head p { font-size:8px !important; }

  .report-control-panel-v2 { padding:10px !important; border-radius:15px !important; }.report-control-head { align-items:flex-start !important; gap:7px !important; }.report-control-head h2 { font-size:15px !important; }.report-control-head p { font-size:8.5px !important; }.report-control-grid.compact-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; }.report-control-grid .form-group,.report-control-grid label { min-width:0 !important; }.report-control-grid :is(input,select) { min-height:39px !important; height:39px !important; border-radius:10px !important; font-size:9.5px !important; }
  .report-action-dock-v2,.report-action-premium { display:grid !important; grid-template-columns:1fr !important; gap:6px !important; padding:8px !important; border-radius:12px !important; }.report-action-group { display:flex !important; gap:5px !important; overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }.report-action-group::-webkit-scrollbar { display:none !important; }.report-action-group .report-btn,.report-dock-btn { flex:0 0 auto !important; min-height:34px !important; padding:0 9px !important; font-size:7.5px !important; }

  .report-data-board-v2 { grid-template-columns:1fr !important; gap:8px !important; }.report-data-card { border-radius:14px !important; }.report-data-head,.report-list-head-v2 { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; padding:10px !important; }.report-data-head h2,.report-list-head-v2 h2 { font-size:14px !important; }.report-table-tools,.report-compact-actions { width:100% !important; display:flex !important; flex-wrap:nowrap !important; gap:5px !important; overflow-x:auto !important; scrollbar-width:none !important; }.report-table-tools::-webkit-scrollbar,.report-compact-actions::-webkit-scrollbar { display:none !important; }.report-mini-btn,.report-table-filter { flex:0 0 auto !important; min-height:32px !important; padding:0 8px !important; border-radius:8px !important; font-size:7px !important; }
  .report-source-panel { order:2 !important; }.report-source-list { max-height:200px !important; }

  /* Loaded student and saved-report tables become vertical cards. */
  .report-students-table-wrap,.report-saved-modal .report-table-wrap { max-height:none !important; overflow:visible !important; padding:7px !important; background:#eef3f8 !important; }
  .report-students-table,.report-saved-table { display:block !important; width:100% !important; min-width:0 !important; }.report-students-table thead,.report-saved-table thead { display:none !important; }.report-students-table tbody,.report-saved-table tbody { display:grid !important; gap:7px !important; width:100% !important; }
  .report-students-table tbody tr,.report-saved-table tbody tr { position:relative !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px 8px !important; padding:10px !important; border:1px solid #dce6ef !important; border-radius:12px !important; background:#fff !important; box-shadow:0 4px 12px rgba(15,43,70,.04) !important; }
  .report-students-table td,.report-saved-table td { display:block !important; min-width:0 !important; padding:0 !important; border:0 !important; font-size:9px !important; }.report-students-table td::before,.report-saved-table td::before { display:block; margin-bottom:2px; color:#8a99aa; font-size:6.2px; font-weight:950; text-transform:uppercase; }
  .report-students-table td:nth-child(1),.report-saved-table td:nth-child(1) { position:absolute !important; top:9px !important; right:9px !important; }.report-students-table td:nth-child(1)::before,.report-saved-table td:nth-child(1)::before { display:none !important; }.report-students-table td:nth-child(2),.report-saved-table td:nth-child(2) { position:absolute !important; top:10px !important; right:38px !important; color:#8695a3 !important; font-size:7px !important; }.report-students-table td:nth-child(2)::before,.report-saved-table td:nth-child(2)::before { display:none !important; }
  .report-students-table td:nth-child(3)::before,.report-saved-table td:nth-child(3)::before { content:"Admission"; }.report-students-table td:nth-child(4),.report-saved-table td:nth-child(4) { grid-column:1/-1 !important; padding-right:62px !important; color:#173b5c !important; font-size:11px !important; font-weight:950 !important; }.report-students-table td:nth-child(4)::before,.report-saved-table td:nth-child(4)::before { content:"Student"; }.report-students-table td:nth-child(5)::before,.report-saved-table td:nth-child(5)::before { content:"Class"; }.report-students-table td:nth-child(6)::before { content:"Assessment"; }.report-students-table td:nth-child(7)::before { content:"Exam"; }.report-students-table td:nth-child(8)::before { content:"Attendance"; }.report-students-table td:nth-child(9)::before,.report-saved-table td:nth-child(9)::before { content:"Action"; }.report-saved-table td:nth-child(6)::before { content:"Average"; }.report-saved-table td:nth-child(7)::before { content:"Grade"; }.report-saved-table td:nth-child(8)::before { content:"Subjects"; }
  .report-students-table td:nth-child(9),.report-saved-table td:nth-child(9) { grid-column:1/-1 !important; }.report-students-table td[colspan],.report-saved-table td[colspan] { grid-column:1/-1 !important; position:static !important; width:100% !important; padding:20px 8px !important; text-align:center !important; }.report-students-table td[colspan]::before,.report-saved-table td[colspan]::before { display:none !important; }

  .report-toolbar-v2 { position:sticky !important; bottom:70px !important; z-index:35 !important; display:grid !important; grid-template-columns:1fr !important; gap:6px !important; margin:0 2px !important; padding:8px !important; border-radius:13px !important; box-shadow:0 12px 30px rgba(15,43,70,.14) !important; }.report-toolbar-actions { width:100% !important; display:flex !important; gap:5px !important; overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }.report-toolbar-actions::-webkit-scrollbar { display:none !important; }.report-toolbar-actions .report-btn { flex:0 0 auto !important; min-height:35px !important; padding:0 9px !important; font-size:7.5px !important; }

  .report-generation-methods,.report-mode-grid { display:flex !important; grid-template-columns:none !important; gap:7px !important; overflow-x:auto !important; scroll-snap-type:x proximity !important; scrollbar-width:none !important; }.report-generation-methods::-webkit-scrollbar,.report-mode-grid::-webkit-scrollbar { display:none !important; }.generation-method-card,.report-mode-card { flex:0 0 min(84vw,315px) !important; min-height:105px !important; scroll-snap-align:start !important; border-radius:13px !important; }
  .report-hybrid-workspace { border-radius:14px !important; }.hybrid-workspace-head { gap:7px !important; padding:10px !important; }.hybrid-mode-strip { display:flex !important; grid-template-columns:none !important; gap:5px !important; overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }.manual-studio-toolbar,.phase5-manual-toolbar { grid-template-columns:1fr !important; gap:6px !important; padding:8px !important; }.manual-studio-grid,.phase5-manual-grid { grid-template-columns:1fr !important; gap:7px !important; }.manual-side-column { grid-template-columns:1fr !important; }.manual-score-table-wrap { max-width:100% !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }.manual-score-table { min-width:760px !important; }.manual-attendance-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }

  .report-cumulative-hub { padding:10px !important; border-radius:14px !important; }.report-cumulative-head { gap:7px !important; }.report-cumulative-actions { display:flex !important; width:100% !important; gap:5px !important; overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }.report-cumulative-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.report-cumulative-progress { grid-template-columns:1fr !important; }.cumulative-preview-table-wrap { overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }.cumulative-preview-table { min-width:760px !important; }

  .report-modal { padding:5px !important; }.report-modal-panel { width:calc(100vw - 10px) !important; max-width:calc(100vw - 10px) !important; max-height:calc(100dvh - 77px) !important; border-radius:15px !important; }.report-modal-panel.fullscreen,.report-modal-panel.fullscreen-soft { width:100vw !important; max-width:100vw !important; height:100dvh !important; max-height:100dvh !important; border-radius:0 !important; }.report-modal-head { padding:10px !important; }.report-modal-body { padding:9px !important; }.report-modal-footer,.report-modal-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; padding:9px !important; }.report-modal-footer .report-btn,.report-modal-actions .report-btn { width:100% !important; min-width:0 !important; }
  .report-app-dock { left:6px !important; right:6px !important; bottom:71px !important; max-width:none !important; padding:5px !important; border-radius:13px !important; }.report-app-item,.report-app-tool { min-width:0 !important; font-size:7px !important; }
  .report-command-panel { left:6px !important; right:6px !important; width:auto !important; max-width:none !important; border-radius:15px !important; }

  /* ===============================================================================================
     CUMULATIVE RESULT SHEETS
     =============================================================================================== */
  .cum-hero { grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; }.cum-hero-copy h1 { font-size:20px !important; }.cum-hero-copy p { font-size:9.5px !important; line-height:1.45 !important; }.cum-hero-pills { display:flex !important; gap:5px !important; flex-wrap:nowrap !important; overflow-x:auto !important; scrollbar-width:none !important; }.cum-hero-pills::-webkit-scrollbar { display:none !important; }.cum-hero-pills span { flex:0 0 auto !important; font-size:6.8px !important; }.cum-hero-card { width:100% !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; padding:9px !important; border-radius:12px !important; }.hero-card-status { grid-column:1/-1 !important; }
  .cum-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.cum-stats article { min-height:48px !important; padding:7px 9px !important; border-radius:12px !important; }.cum-stats article i { width:28px !important; height:28px !important; min-width:28px !important; border-radius:8px !important; font-size:10px !important; }.cum-stats span { font-size:6.7px !important; }.cum-stats strong { font-size:14px !important; }
  .cum-filter-card { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; padding:10px !important; border-radius:14px !important; }.cum-filter-card label { font-size:7px !important; }.cum-filter-card :is(input,select) { min-height:39px !important; height:39px !important; border-radius:10px !important; font-size:9px !important; }.cum-filter-card .cum-btn { width:100% !important; }
  .cum-layout { grid-template-columns:1fr !important; gap:8px !important; }.cum-card-head { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; padding:10px !important; }.cum-head-tools { width:100% !important; display:flex !important; gap:5px !important; }.cum-search { flex:1 !important; min-width:0 !important; }.cum-list-card,.cum-preview-card { border-radius:14px !important; }
  .cum-table-wrap { max-height:none !important; overflow:visible !important; padding:7px !important; background:#eef3f8 !important; }.cum-table { display:block !important; width:100% !important; min-width:0 !important; }.cum-table thead { display:none !important; }.cum-table tbody { display:grid !important; gap:7px !important; }.cum-table tbody tr { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px 8px !important; padding:10px !important; border:1px solid #dce6ef !important; border-radius:12px !important; background:#fff !important; }.cum-table td { display:block !important; padding:0 !important; border:0 !important; font-size:9px !important; }.cum-table td::before { display:block; margin-bottom:2px; color:#8999a8; font-size:6.2px; font-weight:950; text-transform:uppercase; }.cum-table td:nth-child(1)::before { content:"#"; }.cum-table td:nth-child(2) { grid-column:1/-1 !important; color:#173b5c !important; font-size:11px !important; font-weight:950 !important; }.cum-table td:nth-child(2)::before { content:"Student"; }.cum-table td:nth-child(3)::before { content:"Sheet"; }.cum-table td:nth-child(4)::before { content:"1st Term"; }.cum-table td:nth-child(5)::before { content:"2nd Term"; }.cum-table td:nth-child(6)::before { content:"3rd Term"; }.cum-table td:nth-child(7)::before { content:"Annual"; }.cum-table td:nth-child(8)::before { content:"Position"; }.cum-table td:nth-child(9)::before { content:"Status"; }.cum-table td[colspan] { grid-column:1/-1 !important; padding:20px 8px !important; text-align:center !important; }.cum-table td[colspan]::before { display:none !important; }
  .preview-title-row { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; }.preview-toolbar { width:100% !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.preview-toolbar .cum-btn { width:100% !important; min-width:0 !important; }.cum-preview-content { overflow-x:auto !important; padding:7px !important; }.cum-help-strip { font-size:8px !important; }

  /* ===============================================================================================
     BROADSHEETS — KEEP THE MATRIX, MOBILE-NATIVE EVERYTHING AROUND IT
     =============================================================================================== */
  .broad-hero { grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; }.broad-hero-copy h1 { font-size:20px !important; }.broad-hero-copy p { font-size:9.5px !important; line-height:1.45 !important; }.broad-hero-pills { display:flex !important; gap:5px !important; flex-wrap:nowrap !important; overflow-x:auto !important; scrollbar-width:none !important; }.broad-hero-pills::-webkit-scrollbar { display:none !important; }.broad-hero-pills span { flex:0 0 auto !important; font-size:6.8px !important; }.broad-hero-card { padding:9px !important; border-radius:12px !important; }
  .broad-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.broad-stats article { min-height:48px !important; padding:7px 9px !important; border-radius:12px !important; }.broad-stats span { font-size:6.7px !important; }.broad-stats strong { font-size:14px !important; }
  .broad-controls { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px !important; padding:10px !important; border-radius:14px !important; }.broad-controls label { font-size:7px !important; }.broad-controls :is(input,select) { min-height:39px !important; height:39px !important; border-radius:10px !important; font-size:9px !important; }.broad-controls .broad-btn { width:100% !important; }.broad-health-card { grid-column:1/-1 !important; }
  .broad-tabs { display:flex !important; flex-wrap:nowrap !important; gap:5px !important; overflow-x:auto !important; scrollbar-width:none !important; }.broad-tabs::-webkit-scrollbar { display:none !important; }.broad-tabs button { flex:0 0 auto !important; min-width:max-content !important; min-height:34px !important; padding:0 10px !important; font-size:7.5px !important; }
  .broad-view { padding:9px !important; border-radius:14px !important; }.broad-view-head { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; }.broad-view-head h2 { font-size:15px !important; }.broad-tools { width:100% !important; display:flex !important; gap:5px !important; flex-wrap:nowrap !important; overflow-x:auto !important; scrollbar-width:none !important; }.broad-tools::-webkit-scrollbar { display:none !important; }.broad-search { min-width:180px !important; min-height:36px !important; }.broad-table-wrap { position:relative !important; max-height:65dvh !important; overflow:auto !important; border-radius:10px !important; -webkit-overflow-scrolling:touch !important; }.broad-table { min-width:900px !important; font-size:8px !important; }.broad-table th,.broad-table td { padding:7px 6px !important; }.broad-table th:nth-child(1),.broad-table td:nth-child(1) { position:sticky !important; left:0 !important; z-index:5 !important; }.broad-table th:nth-child(2),.broad-table td:nth-child(2) { position:sticky !important; left:34px !important; z-index:5 !important; box-shadow:5px 0 8px rgba(18,59,105,.06) !important; }
  .term-coverage-strip { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.analytics-grid { grid-template-columns:1fr !important; gap:7px !important; }.analytics-card,.subject-analytics-card { padding:10px !important; border-radius:13px !important; }.subject-analytics-grid { display:flex !important; grid-template-columns:none !important; gap:7px !important; overflow-x:auto !important; scroll-snap-type:x proximity !important; scrollbar-width:none !important; }.subject-analytics-grid::-webkit-scrollbar { display:none !important; }.subject-card { flex:0 0 min(72vw,250px) !important; scroll-snap-align:start !important; }.grade-chart { min-height:130px !important; }.grade-bar { height:115px !important; }

  /* ===============================================================================================
     ACADEMIC HISTORY / TRANSCRIPT VAULT
     =============================================================================================== */
  .history-hero { grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; }.history-eyebrow { font-size:7px !important; }.history-hero h1 { font-size:20px !important; }.history-hero p { font-size:9.5px !important; line-height:1.45 !important; }.history-hero-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.history-hero-actions .history-btn { width:100% !important; min-width:0 !important; }.history-hero-card { padding:9px !important; border-radius:12px !important; }.vault-icon { width:35px !important; height:35px !important; min-width:35px !important; border-radius:10px !important; }
  .history-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.history-stats article { min-height:48px !important; padding:7px 9px !important; border-radius:12px !important; }.history-stat-icon { width:29px !important; height:29px !important; min-width:29px !important; border-radius:9px !important; font-size:11px !important; }.history-stats span { font-size:6.7px !important; }.history-stats strong { font-size:14px !important; }
  .history-toolbar-card { grid-template-columns:1fr 1fr !important; gap:7px !important; padding:10px !important; border-radius:14px !important; }.history-toolbar-card .history-search-box { grid-column:1/-1 !important; min-height:39px !important; }.history-toolbar-card :is(select,input) { min-height:39px !important; height:39px !important; border-radius:10px !important; font-size:9px !important; }.history-toolbar-card .history-btn { width:100% !important; }
  .history-workspace { grid-template-columns:1fr !important; gap:8px !important; }.history-results-pane,.history-profile-pane { border-radius:14px !important; }.history-search-results { max-height:260px !important; }.student-profile-banner { grid-template-columns:auto 1fr !important; gap:8px !important; padding:10px !important; }.student-profile-actions { grid-column:1/-1 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.student-profile-actions .history-btn { width:100% !important; }.history-view-tabs { display:flex !important; overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }.history-view-tabs::-webkit-scrollbar { display:none !important; }.history-view-tabs button { flex:0 0 auto !important; min-width:max-content !important; }
  .history-insight-grid { grid-template-columns:1fr !important; gap:7px !important; }.history-trend-card,.history-summary-card { padding:10px !important; border-radius:12px !important; }
  .history-record-panel { padding:9px !important; border-radius:14px !important; }.record-panel-heading { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; }.record-panel-actions { width:100% !important; display:grid !important; grid-template-columns:1fr 40px !important; gap:6px !important; }.record-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.record-kpi-grid article { padding:8px !important; border-radius:10px !important; }
  .record-table-wrap { overflow:visible !important; }.record-table { display:block !important; width:100% !important; min-width:0 !important; }.record-table thead { display:none !important; }.record-table tbody { display:grid !important; gap:7px !important; }.record-table tbody tr { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px 8px !important; padding:10px !important; border:1px solid #dce6ef !important; border-radius:12px !important; background:#fff !important; }.record-table td { display:block !important; padding:0 !important; border:0 !important; font-size:9px !important; }.record-table td::before { display:block; margin-bottom:2px; color:#8999a8; font-size:6.2px; font-weight:950; text-transform:uppercase; }.record-table td:nth-child(1)::before { content:"#"; }.record-table td:nth-child(2) { grid-column:1/-1 !important; font-size:11px !important; font-weight:950 !important; color:#173b5c !important; }.record-table td:nth-child(2)::before { content:"Subject"; }.record-table td:nth-child(3)::before { content:"CA"; }.record-table td:nth-child(4)::before { content:"Exam"; }.record-table td:nth-child(5)::before { content:"Total"; }.record-table td:nth-child(6)::before { content:"Grade"; }.record-table td:nth-child(7)::before { content:"Position"; }.record-table td:nth-child(8) { grid-column:1/-1 !important; }.record-table td:nth-child(8)::before { content:"Comment"; }.record-table td[colspan] { grid-column:1/-1 !important; padding:20px 8px !important; text-align:center !important; }.record-table td[colspan]::before { display:none !important; }
  .transcript-action-bar { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; }.transcript-action-bar > div:last-child { width:100% !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.transcript-action-bar .history-btn { width:100% !important; min-width:0 !important; }.emis-document-preview-shell { padding:6px !important; overflow-x:auto !important; border-radius:10px !important; }

  /* ===============================================================================================
     ACADEMIC SETTINGS / SUBJECTS / TEACHER ADMINISTRATION
     =============================================================================================== */
  .academic-hero,.subject-hero { display:grid !important; grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; }.academic-hero h1,.subject-hero h1 { font-size:20px !important; }.academic-hero p,.subject-hero p { font-size:9.5px !important; line-height:1.45 !important; }.academic-feature-row,.subject-feature-row { display:flex !important; gap:5px !important; flex-wrap:nowrap !important; overflow-x:auto !important; scrollbar-width:none !important; }.academic-feature-row::-webkit-scrollbar,.subject-feature-row::-webkit-scrollbar { display:none !important; }.academic-feature-row span,.subject-feature-row span { flex:0 0 auto !important; font-size:6.8px !important; }
  .academic-status-grid,.subject-stat-grid,.teacher-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.academic-status-card,.subject-stat-card,.teacher-stat-card { min-width:0 !important; min-height:48px !important; padding:7px 9px !important; border-radius:12px !important; }.academic-status-icon,.subject-stat-icon,.teacher-stat-icon { width:29px !important; height:29px !important; min-width:29px !important; border-radius:9px !important; font-size:11px !important; }
  .academic-main-grid { grid-template-columns:1fr !important; gap:8px !important; }.academic-panel { padding:10px !important; border-radius:14px !important; }.academic-panel-head { align-items:flex-start !important; flex-direction:column !important; gap:6px !important; }.academic-form-grid,.readiness-grid,.academic-rules-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.academic-form-group :is(input,select) { min-height:39px !important; height:39px !important; border-radius:10px !important; font-size:9px !important; }.academic-actions,.readiness-head-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; width:100% !important; }.academic-actions .academic-btn,.readiness-head-actions .academic-btn { width:100% !important; min-width:0 !important; }

  .subject-workspace { grid-template-columns:1fr !important; gap:8px !important; }.subject-panel { padding:10px !important; border-radius:14px !important; }.subject-registry-top,.subject-panel-head { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; }.subject-filter-bar { width:100% !important; display:grid !important; grid-template-columns:1fr !important; gap:6px !important; }.subject-search { width:100% !important; min-width:0 !important; min-height:39px !important; }.subject-table-wrap { overflow:visible !important; }.subject-table { display:block !important; width:100% !important; min-width:0 !important; }.subject-table thead { display:none !important; }.subject-table tbody { display:grid !important; gap:7px !important; }.subject-table tbody tr { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px 8px !important; padding:10px !important; border:1px solid #dce6ef !important; border-radius:12px !important; background:#fff !important; }.subject-table td { display:block !important; padding:0 !important; border:0 !important; font-size:9px !important; }.subject-table td::before { display:block; margin-bottom:2px; color:#8999a8; font-size:6.2px; font-weight:950; text-transform:uppercase; }.subject-table td:nth-child(1) { grid-column:1/-1 !important; font-size:11px !important; font-weight:950 !important; color:#173b5c !important; }.subject-table td:nth-child(1)::before { content:"Subject"; }.subject-table td:nth-child(2)::before { content:"Status"; }.subject-table td:nth-child(3)::before { content:"Classes"; }.subject-table td:nth-child(4)::before { content:"Sections"; }.subject-table td:nth-child(5) { grid-column:1/-1 !important; }.subject-table td:nth-child(5)::before { content:"Action"; }.subject-table td[colspan] { grid-column:1/-1 !important; text-align:center !important; }.subject-table td[colspan]::before { display:none !important; }

  .teacher-page-header { align-items:flex-start !important; flex-direction:column !important; gap:8px !important; }.teacher-page-header .header-actions { width:100% !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.teacher-manager-grid { grid-template-columns:1fr !important; gap:8px !important; }.teacher-directory-card,.teacher-assignment-card,.teacher-self-overview,.teacher-tools-panel { padding:10px !important; border-radius:14px !important; }.teacher-directory-controls { display:grid !important; grid-template-columns:1fr !important; gap:6px !important; }.teacher-search-box { width:100% !important; min-width:0 !important; }.teacher-builder-grid { grid-template-columns:1fr !important; gap:7px !important; }.teacher-editor-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.teacher-tools-panel .modules-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }

  /* ===============================================================================================
     ID MANAGER + SUPPORT
     =============================================================================================== */
  .admin-dashboard .dash-header { align-items:flex-start !important; flex-direction:column !important; gap:8px !important; }.admin-dashboard .dash-header .header-actions { width:100% !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.admin-dashboard .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.admin-dashboard .stat-card { min-width:0 !important; min-height:55px !important; padding:8px !important; border-radius:12px !important; }.admin-dashboard .modules-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.admin-dashboard .module-item { min-width:0 !important; padding:9px !important; border-radius:11px !important; }
  #teacherSection.table-container { overflow:visible !important; padding:8px !important; border-radius:13px !important; }#teacherTable { display:block !important; width:100% !important; min-width:0 !important; }#teacherTable thead { display:none !important; }#teacherTable tbody { display:grid !important; gap:7px !important; }#teacherTable tbody tr { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px 8px !important; padding:10px !important; border:1px solid #dce6ef !important; border-radius:12px !important; background:#fff !important; }#teacherTable td { display:block !important; padding:0 !important; border:0 !important; font-size:9px !important; }#teacherTable td::before { display:block; margin-bottom:2px; color:#8999a8; font-size:6.2px; font-weight:950; text-transform:uppercase; }#teacherTable td:nth-child(1)::before { content:"Teacher ID"; }#teacherTable td:nth-child(2)::before { content:"Password"; }#teacherTable td:nth-child(3)::before { content:"Status"; }#teacherTable td:nth-child(4)::before { content:"Created"; }#teacherTable td:nth-child(5) { grid-column:1/-1 !important; }#teacherTable td:nth-child(5)::before { content:"Actions"; }

  .support-hero { grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; }.support-hero h1 { font-size:20px !important; }.support-hero p { font-size:9.5px !important; line-height:1.45 !important; }.support-mini-row { display:flex !important; flex-wrap:nowrap !important; gap:5px !important; overflow-x:auto !important; scrollbar-width:none !important; }.support-hero-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.support-hero-actions .support-btn { width:100% !important; min-width:0 !important; }.support-layout { grid-template-columns:1fr !important; gap:8px !important; }.contact-grid,.social-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.contact-card,.social-card,.support-panel,.support-template-card { padding:10px !important; border-radius:12px !important; }.contact-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:5px !important; }

  /* ===============================================================================================
     LARGE ADMIN CONTROL CENTER
     =============================================================================================== */
  .admin-page { gap:8px !important; }.admin-hero-panel { grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; }.admin-hero-left h1 { font-size:20px !important; }.admin-hero-left p { font-size:9.5px !important; line-height:1.45 !important; }.admin-user-strip { gap:6px !important; }.admin-hero-right { width:100% !important; }.hero-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }
  .admin-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.admin-stat-card { min-width:0 !important; min-height:52px !important; padding:8px !important; border-radius:12px !important; }
  .quick-access-card { padding:9px !important; border-radius:13px !important; }.quick-module-grid { display:flex !important; grid-template-columns:none !important; flex-wrap:nowrap !important; gap:6px !important; overflow-x:auto !important; scroll-snap-type:x proximity !important; scrollbar-width:none !important; }.quick-module-grid::-webkit-scrollbar { display:none !important; }.quick-module { flex:0 0 112px !important; min-height:76px !important; padding:8px !important; border-radius:11px !important; scroll-snap-align:start !important; }
  .admin-overview-grid,.split-grid,.student-zone-grid { grid-template-columns:1fr !important; gap:8px !important; }.admin-card,.sub-panel,.upload-panel,.mini-list-panel,.table-panel { border-radius:13px !important; }.admin-card { padding:10px !important; }.form-grid.two,.form-grid.three { grid-template-columns:1fr !important; gap:7px !important; }.form-input { min-height:39px !important; border-radius:10px !important; font-size:9px !important; }.form-footer { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }
  .table-panel,.table-wrap { max-width:100% !important; overflow-x:auto !important; -webkit-overflow-scrolling:touch !important; }.admin-page .table-panel table,.admin-results-table { min-width:720px !important; font-size:8px !important; }.admin-page .table-panel th,.admin-page .table-panel td,.admin-results-table th,.admin-results-table td { padding:7px 6px !important; }

  /* ===============================================================================================
     UPLOAD LIBRARY / EXAM CONVERTER
     =============================================================================================== */
  .uploads-header { align-items:flex-start !important; flex-direction:column !important; gap:8px !important; padding:12px !important; }.uploads-header-main { gap:9px !important; }.uploads-title-block h1 { font-size:19px !important; }.uploads-title-block p { font-size:9px !important; }.uploads-header-actions { width:100% !important; display:flex !important; gap:5px !important; overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }.uploads-status-bar { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; padding:8px !important; border-radius:12px !important; }
  .uploads-workspace,.convert-workspace { grid-template-columns:1fr !important; gap:8px !important; }.workspace-panel,.convert-panel,.years-panel,.portal-map-panel,.activity-panel { padding:10px !important; border-radius:14px !important; }.workspace-side { order:1 !important; }.workspace-main { order:2 !important; }.library-toolbar,.convert-toolbar { display:grid !important; grid-template-columns:1fr !important; gap:6px !important; }.library-header,.workspace-step-header,.secondary-panel-header { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; }
  .table-wrapper { overflow:visible !important; }.uploads-table { display:block !important; width:100% !important; min-width:0 !important; }.uploads-table thead { display:none !important; }.uploads-table tbody { display:grid !important; gap:7px !important; }.uploads-table tbody tr { position:relative !important; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px 8px !important; padding:10px !important; border:1px solid #dce6ef !important; border-radius:12px !important; background:#fff !important; }.uploads-table td { display:block !important; padding:0 !important; border:0 !important; font-size:9px !important; }.uploads-table td::before { display:block; margin-bottom:2px; color:#8999a8; font-size:6.2px; font-weight:950; text-transform:uppercase; }.uploads-table td:nth-child(1) { position:absolute !important; top:9px !important; right:9px !important; }.uploads-table td:nth-child(1)::before { display:none !important; }.uploads-table td:nth-child(2) { grid-column:1/-1 !important; padding-right:30px !important; font-size:11px !important; font-weight:950 !important; color:#173b5c !important; }.uploads-table td:nth-child(2)::before { content:"Exam File"; }.uploads-table td:nth-child(3)::before { content:"Subject"; }.uploads-table td:nth-child(4)::before { content:"Class"; }.uploads-table td:nth-child(5)::before { content:"Term"; }.uploads-table td:nth-child(6)::before { content:"Objective"; }.uploads-table td:nth-child(7)::before { content:"Theory"; }.uploads-table td:nth-child(8)::before { content:"Status"; }.uploads-table td:nth-child(9) { grid-column:1/-1 !important; }.uploads-table td:nth-child(9)::before { content:"Actions"; }.uploads-table td[colspan] { grid-column:1/-1 !important; position:static !important; text-align:center !important; }.uploads-table td[colspan]::before { display:none !important; }
  .portal-map-grid,.subjects-grid,.convert-check-grid,.convert-detected-grid,.convert-save-target-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }

  .convert-hero { grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; }.hero-left h1 { font-size:20px !important; }.hero-mini-actions { display:flex !important; gap:5px !important; flex-wrap:nowrap !important; overflow-x:auto !important; scrollbar-width:none !important; }.hero-right { width:100% !important; }.convert-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.convert-pipeline-steps { display:flex !important; gap:6px !important; overflow-x:auto !important; flex-wrap:nowrap !important; scrollbar-width:none !important; }.convert-pipeline-steps > * { flex:0 0 150px !important; }.convert-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.convert-input,.convert-textarea { font-size:9px !important; border-radius:10px !important; }.convert-input { min-height:39px !important; }.convert-json-pre { max-height:260px !important; font-size:8px !important; }
}

@media (max-width:390px) {
  .report-control-grid.compact-grid,.report-cumulative-grid,.manual-attendance-grid,.cum-filter-card,.broad-controls,.history-toolbar-card,.academic-form-grid,.readiness-grid,.academic-rules-grid,.contact-grid,.social-grid,.convert-form-grid,.portal-map-grid,.subjects-grid,.convert-check-grid,.convert-detected-grid,.convert-save-target-grid { grid-template-columns:1fr !important; }
  .report-students-table tbody tr,.report-saved-table tbody tr,.cum-table tbody tr,.record-table tbody tr,.subject-table tbody tr,#teacherTable tbody tr,.uploads-table tbody tr { grid-template-columns:1fr !important; }
  .report-students-table td:nth-child(n+3),.report-saved-table td:nth-child(n+3),.cum-table td,.record-table td,.subject-table td,#teacherTable td,.uploads-table td:nth-child(n+2) { grid-column:1/-1 !important; }
  .history-hero-actions,.student-profile-actions,.preview-toolbar,.transcript-action-bar > div:last-child,.academic-actions,.readiness-head-actions,.teacher-page-header .header-actions,.teacher-editor-actions,.support-hero-actions,.contact-actions,.hero-actions,.form-footer,.admin-dashboard .dash-header .header-actions { grid-template-columns:1fr !important; }
}

/* =================================================================================================
   STANDALONE / STUDENT-FACING MOBILE SCREENS
   These templates do not inherit base.html, so they load this file explicitly after their page CSS.
   ================================================================================================= */
@media (max-width:700px) {
  /* Admin login */
  .login-page { min-height:100dvh !important; display:block !important; padding:0 !important; background:#f4f7fb !important; }.login-showcase { display:none !important; }.login-auth { width:100% !important; min-height:100dvh !important; padding:max(20px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom)) !important; display:grid !important; place-items:center !important; }.auth-card { width:min(100%,430px) !important; padding:20px 15px !important; border-radius:20px !important; box-shadow:0 16px 45px rgba(15,43,70,.12) !important; }.auth-logo-wrap { width:64px !important; height:64px !important; }.auth-header h1 { font-size:22px !important; }.auth-header p { font-size:10px !important; }.login-form .form-group { margin-bottom:11px !important; }.login-form .input-box { min-height:44px !important; border-radius:11px !important; }.login-button { min-height:44px !important; border-radius:11px !important; }.security-strip { grid-template-columns:1fr 1fr !important; gap:6px !important; }.feature-pill { min-height:34px !important; padding:6px 8px !important; font-size:7.5px !important; }

  /* Student login */
  .student-login-page { min-height:100dvh !important; padding:0 !important; background:#f4f7fb !important; }.student-stage { min-height:100dvh !important; padding:10px !important; }.student-topbar { min-height:56px !important; padding:7px 8px !important; border-radius:14px !important; }.student-brand img { width:34px !important; height:34px !important; border-radius:10px !important; }.student-brand strong { font-size:10px !important; }.student-brand span { font-size:6.8px !important; }.top-status { font-size:7px !important; }.student-layout { grid-template-columns:1fr !important; gap:9px !important; padding:8px 0 max(12px,env(safe-area-inset-bottom)) !important; }.student-welcome { display:none !important; }.student-card { width:100% !important; max-width:460px !important; margin:auto !important; padding:17px 14px !important; border-radius:18px !important; box-shadow:0 14px 36px rgba(15,43,70,.11) !important; }.card-header h1 { font-size:20px !important; }.card-header p { font-size:9px !important; }.student-card .input-box { min-height:44px !important; border-radius:11px !important; }.login-btn { min-height:44px !important; border-radius:11px !important; }.student-help-strip { margin-top:8px !important; padding:8px !important; border-radius:11px !important; font-size:8px !important; }

  /* Student portal */
  .students-body { background:#f4f7fb !important; }.dashboard-shell { min-height:100dvh !important; padding-bottom:max(10px,env(safe-area-inset-bottom)) !important; }.dashboard-header { position:sticky !important; top:0 !important; z-index:100 !important; min-height:60px !important; padding:8px 9px !important; gap:7px !important; backdrop-filter:blur(16px) !important; }.dashboard-brand-logo { width:35px !important; height:35px !important; border-radius:10px !important; }.dashboard-brand-text strong { font-size:10px !important; }.dashboard-brand-text span { display:none !important; }.dashboard-header-right { gap:5px !important; }.dashboard-clock-wrap { display:none !important; }.dashboard-icon-btn,.dashboard-logout-btn { width:36px !important; height:36px !important; min-width:36px !important; padding:0 !important; border-radius:10px !important; font-size:0 !important; }.dashboard-icon-btn i,.dashboard-logout-btn i { margin:0 !important; font-size:12px !important; }.dashboard-main { width:100% !important; padding:9px !important; }.dashboard-hero { grid-template-columns:1fr !important; gap:9px !important; padding:14px !important; border-radius:17px !important; }.dashboard-hero-content h1 { font-size:20px !important; }.dashboard-hero-content p { font-size:9.5px !important; line-height:1.45 !important; }.dashboard-hero-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.hero-action { min-width:0 !important; min-height:38px !important; padding:0 8px !important; font-size:8px !important; border-radius:10px !important; }.candidate-profile { padding:10px !important; border-radius:13px !important; }.candidate-avatar { width:46px !important; height:46px !important; min-width:46px !important; }.dashboard-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.summary-card { min-width:0 !important; min-height:54px !important; padding:8px !important; border-radius:12px !important; }.summary-icon { width:30px !important; height:30px !important; min-width:30px !important; border-radius:9px !important; }.summary-text span { font-size:6.8px !important; }.summary-text strong { font-size:13px !important; }.dashboard-grid { grid-template-columns:1fr !important; gap:8px !important; }.dashboard-card { padding:10px !important; border-radius:14px !important; }.card-head { align-items:flex-start !important; gap:7px !important; }.details-grid,.support-boxes { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.subjects-list { gap:6px !important; }.exam-card { padding:9px !important; border-radius:11px !important; }.exam-card-actions { display:grid !important; grid-template-columns:1fr 1fr !important; gap:5px !important; }.modal-box { width:calc(100vw - 16px) !important; max-width:calc(100vw - 16px) !important; max-height:calc(100dvh - 24px) !important; border-radius:16px !important; padding:14px !important; }

  /* Exam pre-start/dashboard */
  .exam-body { background:#f4f7fb !important; }.exam-topbar { position:sticky !important; top:0 !important; z-index:100 !important; min-height:60px !important; padding:8px 9px !important; gap:7px !important; }.brand-icon { width:35px !important; height:35px !important; min-width:35px !important; border-radius:10px !important; }.topbar-brand h1 { font-size:10px !important; }.topbar-brand p { display:none !important; }.topbar-actions { gap:4px !important; }.topbar-actions .live-clock { display:none !important; }.topbar-actions .icon-btn,.topbar-actions .logout-btn { width:36px !important; height:36px !important; min-width:36px !important; padding:0 !important; border-radius:10px !important; font-size:0 !important; }.topbar-actions .icon-btn i,.topbar-actions .logout-btn i { margin:0 !important; font-size:12px !important; }.exam-dashboard { padding:9px !important; }.hero-panel { grid-template-columns:1fr !important; gap:8px !important; padding:14px !important; border-radius:17px !important; }.hero-panel h2 { font-size:20px !important; }.hero-panel p { font-size:9.5px !important; line-height:1.45 !important; }.candidate-card { padding:10px !important; border-radius:13px !important; }.quick-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.stat-card { min-width:0 !important; min-height:52px !important; padding:8px !important; border-radius:12px !important; }.dashboard-grid { grid-template-columns:1fr !important; gap:8px !important; }.dash-card,.instructions-card,.tips-card,.action-card { padding:10px !important; border-radius:13px !important; }.exam-steps { gap:6px !important; }.exam-modal { padding:5px !important; }.exam-modal-content { width:calc(100vw - 10px) !important; max-width:calc(100vw - 10px) !important; max-height:calc(100dvh - 10px) !important; overflow:auto !important; border-radius:16px !important; }

  /* Active exam: compact but deliberately not over-styled; usability and question navigation stay primary. */
  .exam-body .exam-appbar { min-height:58px !important; padding:7px 8px !important; gap:6px !important; }.exam-brand { min-width:0 !important; }.exam-brand h1 { font-size:10px !important; }.exam-brand p { display:none !important; }.brand-mark { width:34px !important; height:34px !important; min-width:34px !important; border-radius:10px !important; }.exam-appbar-actions { gap:4px !important; }.exam-appbar-actions .icon-btn,.exam-appbar-actions .logout-btn { width:35px !important; height:35px !important; min-width:35px !important; padding:0 !important; font-size:0 !important; border-radius:10px !important; }.exam-appbar-actions .icon-btn i,.exam-appbar-actions .logout-btn i { margin:0 !important; font-size:12px !important; }.exam-student-chip { max-width:120px !important; padding:5px 7px !important; font-size:7px !important; }.exam-controlbar { display:grid !important; grid-template-columns:1fr auto !important; gap:6px !important; padding:7px 8px !important; }.exam-subject-pill { min-width:0 !important; font-size:8px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }.exam-control-right { gap:4px !important; }.exam-date-time-chip { display:none !important; }.exam-topbar-timer { min-width:72px !important; padding:6px 7px !important; border-radius:9px !important; font-size:9px !important; }
  .exam-shell { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; padding:8px !important; }.exam-sidebar { position:static !important; width:100% !important; max-height:none !important; padding:9px !important; border-radius:14px !important; }.sidebar-title { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:7px !important; }.sidebar-title h3 { font-size:11px !important; }.progress-overview { padding:7px !important; }.counts { grid-template-columns:repeat(3,1fr) !important; gap:5px !important; }.count-block { min-height:44px !important; padding:6px !important; border-radius:9px !important; }.count-num { font-size:14px !important; }.legend-row { display:flex !important; gap:7px !important; overflow-x:auto !important; flex-wrap:nowrap !important; font-size:7px !important; }.sidebar-section { margin-top:7px !important; }.question-grid { display:flex !important; gap:5px !important; overflow-x:auto !important; flex-wrap:nowrap !important; padding:3px 1px 5px !important; scrollbar-width:none !important; }.question-grid::-webkit-scrollbar { display:none !important; }.question-grid > * { flex:0 0 34px !important; width:34px !important; height:34px !important; }.sidebar-actions { display:grid !important; grid-template-columns:1fr !important; gap:5px !important; }.sidebar-footer { display:none !important; }.exam-main { width:100% !important; min-width:0 !important; }.question-stage { padding:0 !important; }.question-card { padding:12px !important; border-radius:14px !important; }.question-header { align-items:flex-start !important; gap:7px !important; }.question-text { font-size:13px !important; line-height:1.5 !important; }.answers-list { gap:7px !important; }.answers-list label { min-height:45px !important; padding:9px !important; border-radius:11px !important; }.question-foot { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.question-foot button { min-width:0 !important; min-height:40px !important; border-radius:10px !important; font-size:8px !important; }.passage-block,.essay-section,.section-instruction-card { padding:10px !important; border-radius:13px !important; }.modal-backdrop { padding:5px !important; }.modal-card,.modern-instr-card { width:calc(100vw - 10px) !important; max-width:calc(100vw - 10px) !important; max-height:calc(100dvh - 10px) !important; overflow:auto !important; border-radius:16px !important; }.instructions-grid { grid-template-columns:1fr !important; gap:6px !important; }.instruction-card { min-height:0 !important; padding:9px !important; border-radius:10px !important; }.modal-foot { display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.modal-foot > * { width:100% !important; min-width:0 !important; }

  /* Result/completion page */
  .result-body { background:#f4f7fb !important; }.result-header { min-height:60px !important; padding:8px 9px !important; gap:7px !important; }.result-brand-icon { width:35px !important; height:35px !important; min-width:35px !important; border-radius:10px !important; }.result-header-left h1 { font-size:10px !important; }.result-header-left p { display:none !important; }.result-header-right { gap:4px !important; }.result-clock-card { display:none !important; }.header-icon-btn { width:36px !important; height:36px !important; min-width:36px !important; border-radius:10px !important; }.result-user-avatar { width:36px !important; height:36px !important; min-width:36px !important; }.result-wrapper { width:100% !important; padding:9px !important; }.result-topbar { align-items:flex-start !important; flex-direction:column !important; gap:7px !important; }.result-topbar-actions { width:100% !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }.completion-card { padding:14px !important; border-radius:17px !important; }.completion-icon { width:48px !important; height:48px !important; }.completion-card h1 { font-size:20px !important; }.completion-card p { font-size:9.5px !important; }.completion-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }.result-main-grid { grid-template-columns:1fr !important; gap:8px !important; }.student-info-card,.core-result-card,.result-detail-card { padding:10px !important; border-radius:13px !important; }.info-grid,.detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }
}

@media (max-width:390px) {
  .security-strip,.dashboard-hero-actions,.details-grid,.support-boxes,.exam-card-actions,.quick-stats,.question-foot,.modal-foot,.result-topbar-actions,.completion-summary-grid,.info-grid,.detail-grid { grid-template-columns:1fr !important; }
}