/* EDUHUNT R487.1. Includes the R486 dedicated reminder style unchanged. */
/* EDUHUNT R486. Scoped solely to the Exam Reminder V2 screen. */
#er486Page{--er-bg:#fff;--er-text:#16364f;--er-muted:#4e6476;--er-border:#b9cbd9;--er-panel:#f1f7fb;display:grid;gap:14px;min-width:0;width:100%;max-width:100%;color:var(--er-text)}
body[data-desktop-theme="dark"] #er486Page{--er-bg:#082034;--er-text:#edf7ff;--er-muted:#c0d2e2;--er-border:#32566f;--er-panel:#0e2c44}
#er486Page *{box-sizing:border-box}
#er486Page .page-head{margin:0!important;min-width:0}
#er486Page .page-head h2{color:var(--er-text)}
#er486Page .er486-release{font-size:12px;font-weight:750;line-height:1.4;color:var(--er-muted)}
#er486Page .card{background:var(--er-bg)!important;color:var(--er-text)!important;border:1px solid var(--er-border)!important;min-width:0;margin:0!important;padding:14px!important}
#er486Page h3{font-size:18px;line-height:1.3;margin:0 0 9px;color:var(--er-text)}
#er486Page .er486-help{font-size:13px;line-height:1.5;margin:0 0 12px;color:var(--er-muted);overflow-wrap:anywhere}
#er486Page .er486-counts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-width:0}
#er486Page .er486-count{display:flex!important;flex-direction:column!important;gap:5px;align-items:center;justify-content:center;border:1px solid var(--er-border);border-radius:11px;padding:10px 5px;background:var(--er-bg);min-width:0;color:var(--er-text);text-align:center}
#er486Page .er486-count b{display:block;position:static!important;font-size:21px;line-height:1.15;color:inherit}
#er486Page .er486-count span{display:block;position:static!important;font-size:11px;line-height:1.3;font-weight:700;overflow-wrap:anywhere;color:var(--er-muted)}
#er486Page .er486-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-width:0;margin-bottom:10px}
#er486Page .er486-filters--four{grid-template-columns:repeat(4,minmax(0,1fr))}
#er486Page .form-field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
#er486Page label{color:var(--er-text);font-size:13px;line-height:1.35;font-weight:700}
#er486Page select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px 10px;background:var(--er-bg)!important;border:1px solid var(--er-border)!important;color:var(--er-text)!important;border-radius:9px;font-size:13px}
#er486Page input[type="checkbox"]{width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;accent-color:#0c87b8;cursor:pointer}
#er486Page .button{min-height:40px;max-width:100%;height:auto;white-space:normal!important;line-height:1.35;text-align:center;font-size:13px}
#er486Page .button svg{width:18px;height:18px;flex-shrink:0}
#er486Page button:disabled{cursor:not-allowed;opacity:.55}
#er486Page :is(button,input,select,summary):focus-visible{outline:3px solid #00a3d5;outline-offset:3px}
#er486Page .er486-selection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
#er486Page .er486-selection label{display:flex;align-items:center;gap:9px;min-height:40px}
#er486Page #er486Selection{font-size:12px;color:var(--er-muted);line-height:1.4}
#er486Page #er459Send{margin-left:auto;min-width:180px}
#er486Page .er486-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--er-border);border-radius:10px}
#er486Page .er486-table{border-collapse:collapse;width:100%;min-width:690px;background:var(--er-bg);color:var(--er-text);table-layout:auto}
#er486Page .er486-table th,#er486Page .er486-table td{text-align:left;padding:10px;border-bottom:1px solid var(--er-border);vertical-align:top;font-size:12px;line-height:1.5;background:var(--er-bg);color:var(--er-text)}
#er486Page .er486-table th{background:var(--er-panel);font-size:11px;text-transform:uppercase;letter-spacing:.02em}
#er486Page .er486-table td:first-child{width:42px}
#er486Page .er486-table small{display:block;font-size:12px;line-height:1.4;color:var(--er-muted);margin-top:3px}
#er486Page .er486-exam-lines{white-space:pre-line;overflow-wrap:anywhere;min-width:100px}
#er486Page .er486-empty{padding:20px 12px;line-height:1.6;color:var(--er-muted);font-size:14px}
#er486Page .er486-batches{display:grid;gap:10px}
#er486Page .er486-batch{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid var(--er-border);border-radius:10px;color:var(--er-text)}
#er486Page .er486-batch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
#er486Page .er486-batch-heading>div{min-width:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#er486Page .er486-batch-heading small{display:block;color:var(--er-muted);font-size:12px;margin-top:4px}
#er486Page .er486-pill{display:inline-flex;max-width:100%;padding:5px 8px;border:1px solid var(--er-border);border-radius:15px;background:var(--er-panel);font-size:10px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
#er486Page .er486-batch-counts{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;line-height:1.5;color:var(--er-muted)}
#er486Page .er486-batch>button{justify-self:start}
#er486Page .er486-note,#er486Page .er486-error{border:1px solid var(--er-border);border-radius:9px;padding:12px;background:var(--er-panel);font-size:13px;line-height:1.55;color:var(--er-text);overflow-wrap:anywhere}
#er486Page .er486-note--warning,#er486Page .er486-error{border-color:#b36f24}
#er486Page [hidden]{display:none!important}
#er486Page .er486-worker-note{margin-top:12px;font-size:12px;line-height:1.5;color:var(--er-muted)}
#er486Page .er486-worker-note summary{cursor:pointer;padding:8px 0;font-weight:700}
#er486Page .er486-worker-note p{font-size:12px;line-height:1.55;margin:0}
@media(max-width:1024px){#er486Page .er486-filters{grid-template-columns:repeat(2,minmax(0,1fr))}#er486Page .er486-counts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){
  #er486Page .er486-counts{grid-template-columns:repeat(3,minmax(0,1fr))}
  #er486Page .er486-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  #er486Page #er459Send{width:100%;margin:0;min-width:0}
  #er486Page .card{padding:12px!important}
  #er486Page .er486-table-wrap{border:0;overflow:visible}
  #er486Page .er486-table,#er486Page .er486-table tbody{display:block;width:100%;min-width:0;max-width:100%}
  #er486Page .er486-table thead{display:none}
  #er486Page .er486-table tr{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px 6px;border:1px solid var(--er-border);border-radius:9px;padding:10px;margin:10px 0;min-width:0}
  #er486Page .er486-table td{display:block;grid-column:2;grid-row:auto;min-width:0;width:auto!important;border:0;padding:0;font-size:13px;overflow-wrap:anywhere}
  #er486Page .er486-table td:first-child{grid-column:1;grid-row:1 / span 5}
  #er486Page .er486-table td:not(:first-child)::before{content:attr(data-label);display:block;font-size:10px;line-height:1.5;font-weight:700;text-transform:uppercase;color:var(--er-muted);margin-bottom:2px}
  #er486Page .er486-batch-heading{flex-wrap:wrap}
}
@media(max-width:360px){#er486Page .er486-filters{grid-template-columns:minmax(0,1fr)}}

:root{--eduhunt-r487-build:1;}
/* R487: remove only the six small counter explanations. Preserve titles, counts,
   action data attributes, active state, and all student/test filters. */
html body[data-portal-role="PRINCIPAL"][data-portal-module="online-test-participation"] .otr82-kpis--actions .otr82-kpi-action small{
  display:none!important;
}
/* The original banner had ~290px of nearly transparent vertical canvas.
   The new asset is tightly bounded; spacing is now CSS space, not image padding. */
html body[data-portal-module="dasara-vacation-work"] #content.content{
  padding-top:5mm!important;
}
html body[data-portal-module="dasara-vacation-work"] #content > .eh487-dasara-banner{
  display:block!important;position:relative!important;width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0 0 5mm!important;padding:0!important;border:0!important;
  line-height:0!important;background:none!important;box-shadow:none!important;
}
html body[data-portal-module="dasara-vacation-work"] #content > .eh487-dasara-banner > img{
  display:block!important;position:static!important;width:100%!important;max-width:100%!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;box-sizing:border-box!important;
  object-fit:contain!important;aspect-ratio:2105 / 434!important;
  transform:none!important;border-radius:0!important;box-shadow:none!important;
}
html body[data-portal-module="dasara-vacation-work"] #content > .dasara-vacation-card{
  margin-top:0!important;
}
html body[data-portal-role="STUDENT"][data-portal-module="dasara-vacation-work"] #content > .student-dasara-auto-scope{
  margin:0 0 5mm!important;
}
/* No clipping of the cropped banner on Student Home. */
html body[data-portal-role="STUDENT"] .student-dasara-home-banner > img{
  width:100%!important;height:auto!important;object-fit:contain!important;
  aspect-ratio:2105 / 434!important;
}
#ehR487AssetAlert{
  position:fixed;inset:auto 12px 16px;z-index:100000;box-sizing:border-box;
  max-width:900px;margin:0 auto;padding:14px 18px;background:#512017;color:#fff;
  border:2px solid #ffbd80;border-radius:12px;font:600 15px/1.45 system-ui,sans-serif;
}
#ehR487AssetAlert[hidden]{display:none!important}
#ehR487AssetAlert a{color:#fff;text-decoration:underline;font-weight:800}