.section-kicker{margin:18px 2px 10px;font-size:9px;font-weight:800;letter-spacing:.13em;color:#718092;text-transform:uppercase}
.quick-grid.enhanced{gap:12px}.quick-grid.enhanced .quick{position:relative;overflow:hidden;min-height:116px;padding:0;border:1px solid var(--line);box-shadow:0 7px 22px rgba(17,32,51,.06)}
.quick-grid.enhanced .quick{background:linear-gradient(135deg,#0874c9,#12456f)}.quick-grid.enhanced .quick:nth-child(2){background:linear-gradient(135deg,#6c4ed6,#35267e)}.quick-grid.enhanced .quick:nth-child(3){background:linear-gradient(135deg,#16856e,#0c4b43)}.quick-grid.enhanced .quick:nth-child(4){background:linear-gradient(135deg,#df7b20,#91420d)}
.quick-grid.enhanced .quick img{position:absolute;right:-4%;top:-18%;width:62%;height:136%;object-fit:contain;object-position:center;opacity:.48;filter:drop-shadow(0 12px 20px rgba(0,0,0,.18));transition:transform .25s}.quick-grid.enhanced .quick:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 25%,rgba(255,255,255,.18),transparent 48%)}.quick-grid.enhanced .quick:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,34,.25),transparent 75%)}
.quick-grid.enhanced .quick span{position:absolute;left:13px;right:30px;bottom:12px;z-index:2;color:#fff;font-size:10px}.quick-grid.enhanced .quick b{position:absolute;right:12px;bottom:10px;z-index:2;color:#fff}.quick-grid.enhanced .quick:hover img{transform:scale(1.04)}
.market-action button{cursor:pointer}.market-action h3{font-size:17px}.market-action p{line-height:1.55}
.subject-ranking{display:grid}.subject-rank{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 16px;border-top:1px solid #edf0f2}.subject-rank:first-child{border-top:0}.subject-art{position:relative;width:44px;height:44px;overflow:hidden;border:1px solid #e1e9ef;border-radius:13px;background:#f6f1e8}.subject-art img{width:100%;height:100%;object-fit:cover}.subject-art i{position:absolute;left:3px;bottom:3px;width:17px;height:17px;border-radius:6px;display:grid;place-items:center;background:rgba(7,34,57,.92);color:#fff;font-size:7px;font-style:normal;font-weight:850;box-shadow:0 2px 7px rgba(7,34,57,.2)}.subject-rank strong{display:block;font-size:10px}.subject-rank small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.subject-rank b{font-size:15px;letter-spacing:-.04em}.subject-rank b small{font-size:7px;font-weight:600;text-align:right}
.performance-head{gap:14px}.performance-matrix-cta{min-width:210px;padding:10px 13px;border:1px solid #cde4f4;border-radius:13px;background:linear-gradient(135deg,#f1f9fe,#e5f4fd);color:#173b55;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.performance-matrix-cta span{display:block;color:#658197;font-size:7px;font-weight:750}.performance-matrix-cta strong{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;font-size:9px}.performance-matrix-cta b{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#087ac7;color:#fff;font-size:12px}.performance-matrix-cta:hover{transform:translateY(-1px);border-color:#91c9eb;box-shadow:0 8px 18px rgba(8,122,199,.1)}

.family-strip{grid-template-columns:minmax(0,1fr) auto!important;border:1px solid #d7e7f2!important;border-radius:16px!important}.family-strip>div{min-width:0;display:grid;gap:5px}.family-strip strong,.family-strip span{overflow-wrap:anywhere}.family-strip span{line-height:1.55}.parent-student-select{max-width:220px;min-width:150px;height:38px;border:1px solid #c9dce9;border-radius:10px;background:#fff;padding:0 30px 0 11px;color:#17344b;font-size:9px;font-weight:800}

@media(max-width:650px){.family-strip{grid-template-columns:1fr!important;padding:15px!important}.parent-student-select{width:100%;max-width:none}.family-strip button{display:block!important;width:100%}}

/* Veli oturumu: öğrenci portalından ayrışan sıcak, kontrollü turuncu tema. */
#portal[data-role="parent"] .home-hero.parent-tone{background:linear-gradient(135deg,#e88724 0%,#cb6412 58%,#9f470d 100%)!important;box-shadow:0 18px 38px rgba(190,89,13,.2)}
#portal[data-role="parent"] .quick{border-color:#f0c89f!important;border-top:3px solid #e47c1b!important;background:linear-gradient(145deg,#fffdf9,#fff6eb)!important;box-shadow:0 9px 22px rgba(178,88,18,.07)!important}
#portal[data-role="parent"] .quick:hover{border-color:#df8a38!important;box-shadow:0 13px 27px rgba(178,88,18,.13)!important}
#portal[data-role="parent"] .quick b{color:#d96d12!important;background:#fff0df!important;border-color:#f2cfaa!important}
#portal[data-role="parent"] .quick .quick-arrow,#portal[data-role="parent"] .quick>i{color:#d96d12!important;background:#fff0df!important;border-color:#f2cfaa!important}
#portal[data-role="parent"] .sidebar{background:linear-gradient(180deg,#2b170a 0%,#4b2309 56%,#2c160a 100%)!important}
#portal[data-role="parent"] .brand span,#portal[data-role="parent"] #roleLabel{color:#f3a557!important}
#portal[data-role="parent"] .profile-card{background:linear-gradient(145deg,rgba(255,167,79,.14),rgba(255,255,255,.055))!important;border-color:rgba(255,183,111,.2)!important}
#portal[data-role="parent"] .profile-card small{color:#f6ad65!important}
#portal[data-role="parent"] .nav button.active{background:#fff5e9!important;color:#71340b!important}
#portal[data-role="parent"] .nav button.active .nav-mark{background:#ffe2c1!important;color:#d86b10!important}
#portal[data-role="parent"] .nav button:hover{background:rgba(255,164,74,.11)!important}
#portal[data-role="parent"] .side-label{color:rgba(255,190,126,.58)!important}
#portal[data-role="parent"] .mobile-dock button.active{color:#d96d12!important;background:#fff1e1!important}

.nav-mark.nav-image{display:grid;place-items:center}.nav-mark.nav-image img{width:15px;height:15px;object-fit:contain}
.nav button.active .nav-mark.nav-image img{filter:brightness(0) saturate(100%) invert(38%) sepia(92%) saturate(1440%) hue-rotate(176deg) brightness(85%) contrast(97%)}
#portal[data-role="parent"] .nav button.active .nav-mark.nav-image img{filter:brightness(0) saturate(100%) invert(42%) sepia(98%) saturate(1670%) hue-rotate(359deg) brightness(91%) contrast(91%)}
.top-notification-button{position:relative;width:38px;height:38px;border:0;border-radius:12px;background:#0b2c48;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(12,45,72,.12)}
.top-notification-button img{width:20px;height:20px;object-fit:contain}
.top-notification-button:hover{transform:translateY(-1px)}
.top-notification-count{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:10px;background:#ed7b1b;color:#fff;font-size:7px;font-weight:900;line-height:13px;text-align:center}
.push-permission-button{height:38px;padding:0 11px;border:1px solid #d7e4ec;border-radius:12px;background:#fff;color:#8293a1;display:flex;align-items:center;gap:6px;font-size:10px}.push-permission-button b{font-size:8px}.push-permission-button[data-permission="granted"]{border-color:#bde6d8;background:#e9f7f2;color:#168065}.push-permission-button[data-permission="denied"]{border-color:#efd2d2;background:#fff1f1;color:#bd584d}.push-permission-button:disabled{opacity:.55}@media(max-width:650px){.push-permission-button b{display:none}.push-permission-button{width:36px;padding:0;justify-content:center}}
#portal[data-role="parent"] .top-notification-button{background:#d96d12;box-shadow:0 8px 20px rgba(180,80,9,.2)}
#portal[data-role="parent"] .top-notification-count{background:#7b3509}
@media(max-width:650px){.top-notification-button{width:36px;height:36px;border-radius:11px}.top-notification-button img{width:18px;height:18px}}
.reminder-panel .dense-list{padding:8px 10px 12px;gap:6px}.dense-row.notification-item{position:relative;width:100%;min-height:68px;grid-template-columns:4px 40px minmax(0,1fr) auto 32px;gap:11px;padding:10px 11px;border:1px solid transparent;border-radius:13px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.dense-row.notification-item:hover{transform:translateY(-1px);border-color:#d8e7f1;background:#f9fcfe;box-shadow:0 8px 22px rgba(18,65,96,.07)}.notification-item:after{display:none}.notification-item .dense-side{display:none}.notification-unread{width:4px;height:28px;border-radius:999px;background:var(--blue)}.notification-item.is-read .notification-unread{background:#d8e1e7}.notification-item.is-read{opacity:.68}.notification-item .dense-icon{width:40px;height:40px;border:1px solid #d8ebf7;border-radius:12px;background:#edf7fd;color:var(--blue);box-shadow:none}.notification-item .dense-main strong{font-size:10.5px;line-height:1.35}.notification-item .dense-main span{margin-top:4px;font-size:8.5px;line-height:1.45}.notification-date{align-self:start;padding-top:3px;color:#7b8d9d;font-size:7.5px;font-weight:750;white-space:nowrap}.notification-arrow{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#edf7fd;color:var(--blue);font-size:13px;font-weight:800}
.notification-item .dense-main small{display:block;margin-bottom:3px;color:var(--notification-accent,var(--blue));font-size:6.5px;font-weight:900;letter-spacing:.11em}.notification-item .dense-icon,.notification-item .notification-arrow{background:var(--notification-soft,#edf7fd);color:var(--notification-accent,var(--blue));border-color:color-mix(in srgb,var(--notification-accent,var(--blue)) 18%,#fff)}.notification-item .notification-unread{background:var(--notification-accent,var(--blue))}.notification-exam_result{--notification-accent:#087ac7;--notification-soft:#e8f5fd}.notification-monthly_progress{--notification-accent:#6d4bc3;--notification-soft:#f1edfc}.notification-study_guide{--notification-accent:#158269;--notification-soft:#e8f7f2}.notification-month_start{--notification-accent:#d8781c;--notification-soft:#fff2e4}.notification-teacher_note{--notification-accent:#c64f78;--notification-soft:#fcebf1}
.notification-item .dense-icon{overflow:hidden;padding:0}.notification-item .dense-icon img{display:block;width:100%;height:100%;object-fit:cover}.notification-archive .dense-list{display:grid;gap:8px;padding:10px}.notification-archive .notification-item{min-height:76px}.notification-archive .dense-icon{width:48px;height:48px}.notification-archive .notification-item{grid-template-columns:4px 48px minmax(0,1fr) auto 32px}
.teacher-note{width:100%;grid-template-columns:48px minmax(0,1fr) auto 32px;border:0;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .18s,transform .18s}.teacher-note:hover{background:#f8fbfd;transform:translateY(-1px)}.teacher-note .teacher-badge{width:46px;height:46px;overflow:hidden;padding:0;border:1px solid #dce7ee;background:#f3f7fa!important}.teacher-note .teacher-badge img{display:block;width:100%;height:100%;object-fit:cover}.teacher-note-arrow{align-self:center;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#edf7fd;color:#087ac7;font-size:13px;font-weight:850}.np-modal-text,.np-modal p{white-space:pre-line}
.np-modal{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:18px;background:rgba(7,18,29,.56);backdrop-filter:blur(7px)}.np-modal[hidden]{display:none}.np-modal-card{position:relative;width:min(540px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(7,18,29,.34)}.np-modal-dismiss{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:rgba(7,28,46,.76);color:#fff;font-size:22px;line-height:1;box-shadow:0 8px 20px rgba(7,18,29,.18);backdrop-filter:blur(8px)}.np-modal-dismiss:hover{background:#071c2e}.np-modal-art{height:220px;width:100%;object-fit:cover;object-position:center}.np-modal-body{padding:24px}.np-modal-label{font-size:8px;font-weight:850;letter-spacing:.15em;color:var(--blue)}.np-modal h3{margin:8px 0;font-size:24px;line-height:1.18}.np-modal p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.np-modal-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin-top:20px}.np-modal-actions button{min-width:0;height:46px;border:1px solid #d4e1ea;border-radius:13px;background:#f7fafc;color:#18324a;font-size:9.5px;font-weight:850}.np-modal-actions button:hover{border-color:#9bc9e6;background:#edf7fd}.np-modal-actions button[hidden]{display:none}.np-modal-actions .primary-action{border-color:var(--blue);background:linear-gradient(135deg,#1288d5,#0872bd);color:#fff;box-shadow:0 10px 22px rgba(8,113,190,.2)}.np-modal-actions .primary-action:hover{background:linear-gradient(135deg,#087ac7,#075fa3)}
.scope-analysis{align-items:stretch}.scope-analysis .quality-aside{grid-column:1/-1;display:block;padding:20px 22px;border-radius:16px;background:var(--navy);color:#fff}.quality-aside .student-comment>small{display:block;color:#6dc5fb;font-size:8px;font-weight:900;letter-spacing:.13em}.quality-aside .student-comment h3{margin:6px 0 8px;font-size:18px}.quality-aside .student-comment p{max-width:820px;margin:0;color:rgba(255,255,255,.78);font-size:11px;line-height:1.65}.quality-aside .quality-meter,.quality-aside>p,.quality-aside .quality-card{display:none}
.exam-name-meta{margin-top:7px}.exam-name-meta .quality-chip{background:#f3f6f8}.exam-name-meta .quality-chip>span{font-size:7px}.scope-analysis .data-table th,.scope-analysis .data-table td{padding-left:10px;padding-right:10px}.exam-trend{margin-top:10px}.trend-stage{margin-bottom:4px}
.matrix-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.matrix-toolbar button{height:34px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5c6d7e;font-size:9px;font-weight:800}.matrix-toolbar button.active{border-color:var(--blue);background:var(--blue);color:#fff}.matrix-note{margin:0 0 12px;color:var(--muted);font-size:10px}.matrix .matrix-row[hidden]{display:none}
.portal-empty{grid-column:1/-1;min-height:132px;padding:24px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;color:var(--ink)}
.portal-empty-icon{width:44px;height:44px;flex:0 0 44px;border:1px solid #cfe4f3;border-radius:14px;display:grid;place-items:center;background:#edf7fd;color:var(--blue);font-size:17px;font-weight:800}
.portal-empty strong{display:block;font-size:12px;line-height:1.35}.portal-empty p{max-width:430px;margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
.last-exam-row.is-empty{display:block!important;padding:0!important}.last-exam-row.is-empty .portal-empty{min-height:118px}
.subject-ranking>.portal-empty{min-height:156px}#view-matrix .matrix>.portal-empty{min-height:190px}#view-notes .panel>.portal-empty{min-height:180px}
#view-reports .panel>.portal-empty{min-height:160px}
#view-home .home-grid{align-items:start}#view-home .home-stack{align-content:start}.live-grid{align-items:start}
.guide-clickable{cursor:pointer}.guide-clickable:hover{outline:2px solid rgba(8,111,200,.18)}
.nav-mark{display:grid;place-items:center}.nav-mark img{width:20px;height:20px;object-fit:contain;opacity:.8}.nav button.active .nav-mark img{filter:brightness(0) saturate(100%) invert(31%) sepia(92%) saturate(1428%) hue-rotate(181deg);opacity:1}.mobile-dock button b img{width:20px;height:20px;object-fit:contain;filter:brightness(0) saturate(100%) invert(53%) sepia(10%) saturate(564%);opacity:.85}.mobile-dock button.active b img{filter:brightness(0) saturate(100%) invert(31%) sepia(92%) saturate(1428%) hue-rotate(181deg);opacity:1}
@media(max-width:650px){.section-kicker{margin-top:14px}.quick-grid.enhanced{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin-right:0;padding-right:0}.quick-grid.enhanced .quick{min-width:0;min-height:104px}.quick-grid.enhanced .quick span{right:9px;font-size:9px}.quick-grid.enhanced .quick b{display:none}.scope-analysis .quality-aside{grid-template-columns:1fr;gap:12px;padding:16px}.quality-aside .quality-meter{padding:10px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.subject-rank{padding:11px 13px}.np-modal{padding:12px}.np-modal-card{border-radius:20px}.np-modal-art{height:150px}.np-modal-body{padding:20px}.np-modal h3{font-size:21px}.np-modal-actions{grid-template-columns:1fr 1.12fr;gap:8px}.np-modal-actions button{height:44px;padding:0 8px}.np-modal-dismiss{right:10px;top:10px;width:35px;height:35px}.exam-trend{margin-top:8px}.trend-stage{margin-top:8px}.scope-analysis .exam-results-table{min-width:0;table-layout:fixed}.scope-analysis .exam-results-table th,.scope-analysis .exam-results-table td{padding:10px 5px}.scope-analysis .exam-results-table th:first-child,.scope-analysis .exam-results-table td:first-child{width:42%;padding-left:10px}.scope-analysis .exam-results-table th:nth-child(2),.scope-analysis .exam-results-table td:nth-child(2){width:18%}.scope-analysis .exam-results-table th:nth-child(3),.scope-analysis .exam-results-table td:nth-child(3){width:17%}.scope-analysis .exam-results-table .exam-date{width:23%;padding-right:9px;text-align:right;white-space:nowrap;font-size:8px}.scope-analysis .exam-results-table td:first-child>strong{display:block;line-height:1.35}.scope-analysis .exam-results-table .exam-name-meta{gap:3px}.scope-analysis .exam-results-table .quality-chip{padding:3px 4px}.scope-analysis .exam-results-table .quality-chip i{gap:1px}}


/* =========================================================
   V4 QUICK ACCESS — clean NeoPusula modules
   visual-only override, DOM / JS untouched
   ========================================================= */
.quick-grid.enhanced{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
  padding:0!important;
  margin-right:0!important;
}
.quick-grid.enhanced .quick{
  --q-accent:#0877c9;
  position:relative!important;
  overflow:hidden!important;
  min-width:0!important;
  min-height:142px!important;
  padding:17px!important;
  border:1px solid #dce8f0!important;
  border-radius:21px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbfd 72%,#eef7fc 100%)!important;
  box-shadow:0 9px 28px rgba(18,55,80,.055)!important;
  color:#0b2030!important;
  text-align:left!important;
  isolation:isolate!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .28s!important;
}
.quick-grid.enhanced .quick:nth-child(2){--q-accent:#236fbd}
.quick-grid.enhanced .quick:nth-child(3){--q-accent:#397fba}
.quick-grid.enhanced .quick:nth-child(4){--q-accent:#166eae}
.quick-grid.enhanced .quick:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto auto 0!important;
  width:100%!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--q-accent),#63c8f5 64%,transparent)!important;
  opacity:.92!important;
  z-index:3!important;
  pointer-events:none!important;
}
.quick-grid.enhanced .quick:after{
  position:absolute!important;
  left:17px!important;
  top:18px!important;
  right:auto!important;
  bottom:auto!important;
  inset:auto!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  color:#7890a1!important;
  background:none!important;
  z-index:3!important;
  pointer-events:none!important;
}
.quick-grid.enhanced .quick:nth-child(1):after{content:"SINAV & TREND"!important}
.quick-grid.enhanced .quick:nth-child(2):after{content:"RAPOR MERKEZİ"!important}
.quick-grid.enhanced .quick:nth-child(3):after{content:"GERİ BİLDİRİM"!important}
.quick-grid.enhanced .quick:nth-child(4):after{content:"KONU ANALİZİ"!important}
.quick-grid.enhanced .quick img{
  position:absolute!important;
  right:15px!important;
  top:18px!important;
  width:62px!important;
  height:62px!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:.92!important;
  filter:none!important;
  transform:none!important;
  z-index:1!important;
  transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s!important;
}
.quick-grid.enhanced .quick span{
  position:absolute!important;
  left:17px!important;
  right:58px!important;
  bottom:18px!important;
  top:auto!important;
  z-index:3!important;
  color:#0b2030!important;
  font-size:14px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  font-weight:820!important;
}
.quick-grid.enhanced .quick b{
  position:absolute!important;
  right:15px!important;
  bottom:15px!important;
  z-index:4!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#e8f5fd!important;
  border:1px solid #d4ebf9!important;
  color:var(--q-accent)!important;
  font-size:15px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.quick-grid.enhanced .quick:hover{
  transform:translateY(-4px)!important;
  border-color:#acd7ef!important;
  box-shadow:0 20px 42px rgba(18,72,108,.11)!important;
}
.quick-grid.enhanced .quick:hover img{
  transform:translateY(-2px) scale(1.045)!important;
  opacity:1!important;
}
.quick-grid.enhanced .quick:hover b{
  background:var(--q-accent)!important;
  color:#fff!important;
  border-color:var(--q-accent)!important;
}
.section-kicker{
  margin:20px 2px 11px!important;
  font-size:9px!important;
  color:#6f8495!important;
  letter-spacing:.14em!important;
}
@media(max-width:980px){
  .quick-grid.enhanced{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .quick-grid.enhanced .quick{min-height:126px!important;border-radius:18px!important;padding:15px!important}
  .quick-grid.enhanced .quick:after{left:15px!important;top:16px!important;font-size:7px!important}
  .quick-grid.enhanced .quick img{right:12px!important;top:15px!important;width:54px!important;height:54px!important}
  .quick-grid.enhanced .quick span{left:15px!important;right:50px!important;bottom:16px!important;font-size:12px!important}
  .quick-grid.enhanced .quick b{right:12px!important;bottom:12px!important;width:32px!important;height:32px!important;border-radius:10px!important}
}
@media(max-width:520px){
  .quick-grid.enhanced{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .quick-grid.enhanced .quick{min-height:120px!important}
  .quick-grid.enhanced .quick img{width:47px!important;height:47px!important;opacity:.86!important}
  .quick-grid.enhanced .quick span{right:12px!important;padding-right:28px!important;font-size:11px!important}
  .quick-grid.enhanced .quick b{width:29px!important;height:29px!important;font-size:13px!important}
}
@media(max-width:650px){
  .teacher-note{grid-template-columns:42px minmax(0,1fr) 29px!important;gap:10px!important}.teacher-note .teacher-badge{width:42px;height:42px}.teacher-note>.date{display:none}.teacher-note-arrow{width:29px;height:29px}
  .performance-head{align-items:stretch;flex-direction:column}.performance-matrix-cta{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.performance-matrix-cta span{grid-column:1}.performance-matrix-cta strong{grid-column:1/3;margin-top:2px}.performance-matrix-cta b{grid-column:2;grid-row:1/3}
  .portal-empty{min-height:116px;padding:20px 16px;justify-content:flex-start}.portal-empty-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}.portal-empty strong{font-size:11px}.portal-empty p{font-size:9px}
  .subject-ranking>.portal-empty,#view-matrix .matrix>.portal-empty,#view-notes .panel>.portal-empty,#view-reports .panel>.portal-empty{min-height:140px}
  .reminder-panel .dense-list{padding:7px 8px 10px}.dense-row.notification-item{grid-template-columns:4px 38px minmax(0,1fr) 29px;min-height:64px;padding:9px;gap:9px}.notification-item .dense-icon{width:38px;height:38px}.notification-date{display:none}.notification-arrow{width:29px;height:29px}.notification-item .dense-main span{display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* Fill the visual viewport at intermediate widths and browser zoom levels. */
html,body{width:100%;min-width:0;overflow-x:hidden}
body>.app{width:100vw;max-width:none;min-width:0}
.app>.main{width:100%;min-width:0}
@media(min-width:781px) and (max-width:1180px){
  body>.app{display:block!important;padding:0!important}
  .app>.main{min-height:100vh!important;border-radius:0!important}
  .app>.sidebar{position:fixed!important;left:0!important;top:0!important;height:100vh!important;width:276px!important;border-radius:0 24px 24px 0!important;transform:translateX(-100%)!important}
  .app>.sidebar.open{transform:translateX(0)!important}
  .app .menu{display:grid!important;place-items:center!important}
  .app .content{width:min(calc(100% - 32px),960px)!important}
  .app .home-grid,.app .live-grid{grid-template-columns:1fr!important}
}

/* Exam archive / trend mode switch */
.exam-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0;padding:6px;border:1px solid #d7e5ee;border-radius:18px;background:#eaf3f8;box-shadow:inset 0 1px 2px rgba(9,39,61,.04)}
.exam-view-switch button{min-width:0;padding:13px 18px;border:0;border-radius:13px;background:transparent;color:#6c8190;text-align:left;cursor:pointer;transition:.2s ease}
.exam-view-switch button span{display:block;margin-bottom:3px;font-size:8px;font-weight:850;letter-spacing:.14em}
.exam-view-switch button strong{font-size:14px;color:inherit}
.exam-view-switch button.active{background:#fff;color:#076fbd;box-shadow:0 7px 20px rgba(19,73,108,.11)}
.exam-card-list{display:grid;gap:12px;margin-bottom:18px}
.exam-card-list[hidden],.exam-trend-surface[hidden]{display:none!important}
.exam-archive-card{display:grid;grid-template-columns:72px minmax(0,1fr);overflow:hidden;border:1px solid #d9e6ee;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(18,64,94,.06)}
.exam-card-program{display:grid;place-items:center;background:linear-gradient(145deg,#087fcd,#075a98);color:#fff;font-size:15px;font-weight:900;letter-spacing:.08em}
.exam-card-main{min-width:0;padding:18px 20px}
.exam-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.exam-card-heading small{display:block;margin-bottom:4px;color:#718797;font-size:9px;font-weight:800;letter-spacing:.08em}
.exam-card-heading h2{margin:0;color:#0b2030;font-size:17px;line-height:1.25}
.exam-card-score{display:grid;grid-template-columns:repeat(2,minmax(68px,1fr));align-items:stretch;gap:7px;text-align:right;white-space:nowrap}.exam-card-score>span{display:block;min-width:0;padding:8px 9px;border:1px solid #d9edf9;border-radius:11px;background:#edf8fe}.exam-card-score strong{display:block;color:#096fb8;font-size:clamp(19px,2vw,24px);line-height:1}.exam-card-score small{display:block;margin-top:5px;color:#638196;font-size:7px;font-weight:800}.exam-card-score .normalized{border-color:#e5dcf8;background:#f4f0fc}.exam-card-score .normalized strong{color:#7556bb}.exam-card-score .normalized small{color:#786b99}
.exam-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px}.exam-card-meta .quality-chip{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:9px;background:#f2f7fa;color:#506b7c;font-size:9px;font-weight:850}.exam-card-meta .quality-chip i{display:flex;gap:2px}.exam-card-meta .quality-chip b{width:6px;height:6px;border-radius:50%;background:#d2dfe6}.exam-card-meta .quality-chip b.on{background:#f49a35}.exam-card-change{padding:6px 8px;border-radius:9px;background:#eef3f6;color:#718592;font-size:8px;font-weight:850}.exam-card-change.up{background:#e7f7ef;color:#17825a}.exam-card-change.down{background:#fff0f0;color:#c44b52}
.exam-card-trend{display:grid;place-items:center;width:27px;height:27px;border-radius:10px;font-size:18px;font-weight:950;line-height:1}.exam-card-trend.strong-up,.exam-card-trend.up{background:#e4f7ed;color:#11865a}.exam-card-trend.stable{background:#eef3f6;color:#657b89}.exam-card-trend.soft-down{background:#fff2df;color:#c67818}.exam-card-trend.down{background:#ffebec;color:#c7424b}
#view-tables .summary-strip .metric{justify-content:center;min-height:112px}#view-tables .summary-strip .metric>span{display:none!important}#view-tables .summary-strip .metric>strong.trend-label{font-size:16px;line-height:1.15}#view-tables .trend-label.strong-up,#view-tables .trend-label.up{color:#11865a}#view-tables .trend-label.stable{color:#607684}#view-tables .trend-label.soft-down{color:#c67818}#view-tables .trend-label.down{color:#c7424b}
.exam-card-subjects{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.exam-card-subjects span{padding:5px 8px;border:1px solid #e1eaf0;border-radius:8px;color:#536b7c;font-size:8px}.exam-card-subjects b{color:#102738}
.exam-card-action{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:18px;border:0;border-left:1px solid #e1ebf1;background:#f4f9fc;color:#6c8190;cursor:pointer;text-align:left}.exam-card-action span{font-size:8px;font-weight:800;letter-spacing:.08em}.exam-card-action strong{color:#0874bd;font-size:12px}.exam-card-action:hover{background:#e8f5fd}
.exam-archive-card{cursor:pointer;transition:border-color .2s,box-shadow .2s}.exam-archive-card:hover,.exam-archive-card.is-expanded{border-color:#a8d3ec;box-shadow:0 16px 38px rgba(18,64,94,.1)}
.exam-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.exam-card-hint{display:flex;align-items:center;gap:6px;color:#7a8f9e;font-size:8px;font-weight:750}.exam-card-hint b{display:grid;place-items:center;width:18px;height:18px;border-radius:7px;background:#eaf5fb;color:#087bc8;transition:transform .2s}.exam-archive-card.is-expanded .exam-card-hint b{transform:rotate(180deg)}.exam-card-quick-report{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 11px;border:1px solid #cce4f3;border-radius:10px;background:#edf8fe;color:#0875bc;font-size:8px;font-weight:900;cursor:pointer}.exam-card-quick-report:hover{border-color:#8fc8e9;background:#e3f4fd}.exam-card-quick-report b{font-size:12px}
.exam-card-detail{grid-column:1/3;padding:0 20px 20px 92px;border-top:1px solid #e2ebf1;background:#fbfdfe;cursor:default}.exam-card-detail[hidden]{display:none!important}.exam-detail-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:18px 0 12px}.exam-detail-head small{display:block;margin-bottom:3px;color:#0b7ac5;font-size:8px;font-weight:900;letter-spacing:.13em}.exam-detail-head h3{margin:0;color:#102638;font-size:17px}.exam-detail-list{overflow:hidden;border:1px solid #e0e9ef;border-radius:15px;background:#fff}.exam-detail-row{display:grid;grid-template-columns:minmax(160px,1.15fr) repeat(3,minmax(54px,.46fr)) minmax(68px,.58fr) minmax(78px,.68fr);align-items:center;min-height:66px;padding:8px 12px;border-bottom:1px solid #e8eef2}.exam-detail-row:last-child{border-bottom:0}.exam-detail-row>span{text-align:center}.exam-detail-row b{display:block;color:#162b3b;font-size:13px}.exam-detail-row small{display:block;margin-top:3px;color:#8395a2;font-size:7.5px}.exam-detail-subject{display:flex;align-items:center;gap:8px;min-width:0}.exam-detail-subject>strong{color:#142a3a;font-size:12px}.exam-detail-quality{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:9px;background:#f4f8fa;white-space:nowrap}.exam-detail-quality i{display:flex;gap:2px}.exam-detail-quality i b{width:5px;height:5px;border-radius:50%;background:#d5e1e7}.exam-detail-quality i b.on{background:#f49a35}.exam-detail-row .exam-detail-net,.exam-detail-row .exam-detail-normalized{padding:8px 6px;border-radius:10px;background:#eaf6fd}.exam-detail-row .exam-detail-net b{color:#0876bd;font-size:14px}.exam-detail-row .exam-detail-normalized{background:#f1edfb}.exam-detail-row .exam-detail-normalized b{color:#7556bb;font-size:14px}.exam-detail-empty{margin:0;padding:18px;color:#718693;font-size:10px}.exam-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:13px}.exam-detail-footer p{max-width:560px;margin:0;color:#6d8291;font-size:9px;line-height:1.5}.exam-detail-footer button{flex:0 0 auto;padding:10px 14px;border:0;border-radius:10px;background:#087bc8;color:#fff;font-size:9px;font-weight:850;cursor:pointer}.exam-detail-footer button:hover{background:#0667a8}.normalized-net strong{color:#7556bb!important}

/* Keep trend controls readable instead of clipping them into black blocks. */
#view-tables .trend-control-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;overflow:visible!important}
#view-tables .trend-control-row button{flex:0 0 auto!important;min-width:66px!important;height:auto!important;padding:10px 15px!important;border:1px solid #d9e7ef!important;border-radius:11px!important;background:#f5f9fb!important;color:#557080!important;box-shadow:none!important;white-space:nowrap!important}
#view-tables .trend-control-row button.active{border-color:#087bc8!important;background:#087bc8!important;color:#fff!important;box-shadow:0 7px 16px rgba(8,123,200,.18)!important}
@media(max-width:650px){
  .exam-view-switch{margin:13px 0;border-radius:15px}.exam-view-switch button{padding:11px 12px;border-radius:11px}.exam-view-switch button strong{font-size:11px}
  .exam-archive-card{grid-template-columns:52px minmax(0,1fr)}.exam-card-program{font-size:12px}.exam-card-main{padding:16px 14px}.exam-card-heading{gap:9px}.exam-card-heading h2{font-size:14px}.exam-card-score{grid-template-columns:repeat(2,minmax(62px,1fr));gap:5px}.exam-card-score>span{padding:7px 6px}.exam-card-score strong{font-size:clamp(16px,4vw,19px)}.exam-card-score small{font-size:6.5px}.exam-card-subjects{display:none}.exam-card-actions{gap:8px}.exam-card-hint{font-size:7px}.exam-card-quick-report{padding:7px 9px;font-size:7.5px}
  .exam-card-detail{grid-column:1/3;padding:0 10px 14px}.exam-detail-head{align-items:flex-start;padding:14px 3px 10px}.exam-detail-row{grid-template-columns:minmax(124px,1.25fr) repeat(3,minmax(31px,.38fr)) minmax(43px,.52fr) minmax(49px,.6fr);gap:2px;padding:10px 6px;min-height:72px}.exam-detail-row b{font-size:11px}.exam-detail-row small{font-size:6.5px}.exam-detail-subject{align-items:flex-start;flex-direction:column;gap:5px}.exam-detail-subject>strong{font-size:10.5px}.exam-detail-quality{gap:4px;padding:5px 6px}.exam-detail-quality i b{width:5px;height:5px}.exam-detail-row .exam-detail-net b,.exam-detail-row .exam-detail-normalized b{font-size:11.5px}.exam-detail-footer{align-items:stretch;flex-direction:column;gap:9px}.exam-detail-footer button{width:100%}
  #view-tables .trend-control-row{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin}
}

@media(max-width:650px){
  .scope-analysis .exam-results-table th{font-size:7.5px;letter-spacing:.08em;vertical-align:middle}
  .scope-analysis .exam-results-table td{font-size:9.5px;vertical-align:middle}
  .scope-analysis .exam-results-table td:first-child>strong{font-size:10.5px}
  .scope-analysis .exam-results-table td.center>strong{font-size:12px}
  .scope-analysis .exam-results-table .exam-date{font-size:8.5px}
  .scope-analysis .exam-results-table .quality-chip>span{font-size:7px}
  .scope-analysis .exam-results-table .quality-chip b{width:5px;height:5px}
}

/* Trend analysis order and independent graph/table controls. */
#view-tables .quality-aside.exam-trend-surface{margin-top:16px}
.assessment-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.assessment-heading small{display:block;color:#6dc5fb;font-size:8px;font-weight:900;letter-spacing:.13em}
.assessment-heading h3{margin-bottom:8px!important}
.analysis-branch{flex:0 0 auto;padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:9px;font-weight:850}
.graph-filter-controls{padding:16px 18px 2px}
.exam-trend .trend-control-row button{border-color:#29465f!important;background:#11283b!important;color:#9db1c2!important}
.exam-trend .trend-control-row button.active{border-color:#2791dc!important;background:#0d75c3!important;color:#fff!important}
.analysis-table-head{padding:18px 18px 2px}
.analysis-table-head small{color:#087bc8;font-size:8px;font-weight:900;letter-spacing:.13em}
.analysis-table-head h2{margin:5px 0 0;color:#102638;font-size:18px}
.table-filter-controls{padding-top:12px;padding-bottom:14px;border-bottom:1px solid #e4edf2}
.trend-legend{display:flex;gap:13px;margin-top:10px;color:#8ea4b8;font-size:8px;font-weight:800}
.trend-legend span{display:inline-flex;align-items:center;gap:6px}
.trend-legend span:before{content:"";width:9px;height:9px;border-radius:3px;background:#4eb3ff}
.trend-legend .normalized:before{background:#9b7bea}
.trend-score{display:flex;gap:13px;align-items:flex-start}
.trend-score>span{min-width:68px;text-align:right;color:inherit!important}
.trend-score>span+span{padding-left:13px;border-left:1px solid #263b4e}
.trend-score strong{font-size:22px!important}
.trend-score .normalized strong{color:#b39af4}
.trend-score small{display:block;margin-top:5px;color:#7890a5;font-size:7px;font-weight:800}
.trend-bars{justify-content:stretch!important;gap:9px!important}
.trend-bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:4px;flex:1;min-width:0;height:100%}
.trend-bar-pair .trend-bar{width:min(28px,4vw)}
.trend-bar-pair .trend-bar.raw{background:linear-gradient(180deg,#4eb3ff,#1476c5)}
.trend-bar-pair .trend-bar.normalized{background:linear-gradient(180deg,#b59bf3,#7657c8)}
.trend-bar-pair .trend-bar.raw:after{left:50%;margin-left:-2px;transform:translateX(-100%);color:#8fd0ff}
.trend-bar-pair .trend-bar.normalized:after{left:50%;margin-left:2px;transform:translateX(0);color:#c3adfa}
.trend-dates{gap:9px;padding-left:34px;padding-right:34px}
.trend-dates span{flex:1;min-width:0;text-align:center}
.trend-range-controls{display:flex;justify-content:center;gap:7px;padding:2px 16px 14px}
.trend-range-controls button{padding:8px 12px;border:1px solid #29435c;border-radius:9px;background:#102238;color:#91a7ba;font-size:8px;font-weight:850;cursor:pointer}
.trend-range-controls button.active{border-color:#318dd2;background:#0d6db8;color:#fff}
.trend-range-controls button[hidden]{display:none}
.scope-analysis.exam-trend-surface{display:block;margin-top:16px}
.scope-analysis.exam-trend-surface>.panel{overflow:hidden}

@media(max-width:650px){
  #view-tables .exam-trend-surface[hidden]{display:none!important}
  #view-tables .quality-aside.exam-trend-surface{display:block!important;width:100%}
  #view-tables .quality-aside .student-comment{display:block;width:100%;grid-column:1/-1}
  #view-tables .quality-aside .student-comment p{width:100%;max-width:none;font-size:10.5px;line-height:1.7}
  .assessment-heading{align-items:flex-start}.analysis-branch{padding:7px 10px;font-size:8px}
  .graph-filter-controls,.table-filter-controls{padding-left:12px;padding-right:12px}
  .exam-trend-head{align-items:flex-start;gap:10px}.exam-trend-head h2{font-size:15px}
  .trend-score{gap:7px}.trend-score>span{min-width:52px}.trend-score>span+span{padding-left:7px}.trend-score strong{font-size:17px!important}.trend-score small{font-size:6px}
  .trend-bar-pair{gap:2px}.trend-bar-pair .trend-bar{width:min(17px,4vw)}
  .trend-dates{padding-left:18px;padding-right:18px;gap:4px;font-size:6.5px}
  .analysis-table-head{padding:15px 13px 0}.analysis-table-head h2{font-size:16px}
}

@media(min-width:651px) and (max-width:750px){
  #view-tables .quality-aside.exam-trend-surface{display:block!important}
  #view-tables .quality-aside .student-comment{width:100%;grid-column:1/-1}
  #view-tables .quality-aside .student-comment p{max-width:none}
}

#view-tables .exam-trend-surface[hidden],
#view-tables .quality-aside.exam-trend-surface[hidden]{display:none!important}

/* Topic matrix must remain horizontally reachable on narrow screens. */
#view-matrix .matrix{display:block;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
#view-matrix .matrix-row{min-width:860px;grid-template-columns:1.65fr 1.05fr 1.15fr repeat(3,.68fr)}
#view-matrix .matrix-row .matrix-cell:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 #e5edf2}
#view-matrix .matrix-row:first-child .matrix-cell:first-child{z-index:3;background:#f4f8fb}
#view-matrix .matrix-cell{display:flex;flex-direction:column;justify-content:center;min-width:0}
#view-matrix .matrix-cell>small{display:block;margin-top:5px;color:#8294a1;font-size:7px}

.matrix-info-card{margin-bottom:16px;padding:22px;border:1px solid #183d5b;border-radius:20px;background:linear-gradient(145deg,#071c30,#0d3657);color:#fff;box-shadow:0 16px 38px rgba(7,28,48,.13)}
.matrix-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.matrix-info-head small{display:block;color:#69c1f8;font-size:8px;font-weight:900;letter-spacing:.13em}
.matrix-info-head h2{margin:6px 0 0;font-size:20px}
.matrix-info-head>span{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.08);font-size:8px;font-weight:900}
.matrix-info-card>p{max-width:850px;margin:13px 0 17px;color:rgba(255,255,255,.74);font-size:10.5px;line-height:1.7}
.matrix-advice-guide{display:grid;grid-template-columns:1fr;gap:0}
.matrix-advice-guide>div{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.matrix-advice-guide>div:last-child{border-bottom:0}
.matrix-advice-guide b,.matrix-advice{display:inline-flex;width:max-content;max-width:100%;padding:0;border:0;border-radius:0;background:transparent!important;font-size:8.5px;font-weight:900;white-space:nowrap}
.matrix-advice-guide span{display:block;margin:0;color:rgba(255,255,255,.72);font-size:9px;line-height:1.55}
.matrix-advice.light-review,.matrix-advice-guide .light-review{color:#43d19a}
.matrix-advice.review,.matrix-advice-guide .review{color:#66bdf3}
.matrix-advice.relearn,.matrix-advice-guide .relearn{color:#f1b458}
.matrix-advice.study,.matrix-advice-guide .study{color:#f28a55}
.matrix-advice.must-study,.matrix-advice-guide .must-study{color:#ef6974}
.matrix-advice.pending{color:#7f91a0}
.matrix-low-data{color:#bb6a16!important;font-weight:800}
.neopusula-advice-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:15px;margin:0 0 16px;padding:18px 20px;border:1px solid #f2c58f;border-radius:17px;background:linear-gradient(135deg,#fff4e5,#ffead0);box-shadow:0 10px 28px rgba(190,102,25,.08)}
.neopusula-advice-icon{display:grid;place-items:center;width:46px;height:46px;padding:6px;border:1px solid #f2c58f;border-radius:14px;background:#fff;color:#fff;box-shadow:0 8px 18px rgba(213,105,20,.14);overflow:hidden}.neopusula-advice-icon img{display:block;width:100%;height:100%;object-fit:contain}
.neopusula-advice-card small{display:block;color:#c46616;font-size:8px;font-weight:900;letter-spacing:.13em}
.neopusula-advice-card h2{margin:5px 0 6px;color:#4e2d11;font-size:16px}
.neopusula-advice-card p{max-width:850px;margin:0;color:#805329;font-size:10px;line-height:1.7}

@media(max-width:650px){
  #view-matrix .matrix-row{min-width:780px}
  #view-matrix .matrix{scrollbar-width:thin;scrollbar-color:#9ec9e5 #eef4f8}
  .matrix-info-card{padding:17px 15px;border-radius:17px}.matrix-info-head{gap:10px}.matrix-info-head h2{font-size:17px}.matrix-info-card>p{font-size:9.5px}.matrix-advice-guide{display:grid;overflow:visible;padding:0}.matrix-advice-guide>div{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:9px 0}.matrix-advice-guide span{font-size:8px}
  .neopusula-advice-card{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:15px}.neopusula-advice-icon{width:40px;height:40px;border-radius:12px}.neopusula-advice-card h2{font-size:14px}.neopusula-advice-card p{font-size:9px}
}