/* Student & plugin integration layer */
.masar-student-area .masar-main{background:
  radial-gradient(circle at 10% 0%,rgba(37,99,235,.035),transparent 28%),
  linear-gradient(180deg,#F8FAFD 0%,#F6F8FB 100%);
}
.masar-student-area .masar-page-content{display:grid;gap:18px}
.masar-student-area .qai-app-shell,
.masar-student-area .mge-app{max-width:1180px!important;margin:0 auto!important;width:100%!important;padding-inline:0!important}
.masar-student-area .qai-brand-strip,
.masar-student-area .qai-admin-brand-lockup{display:none!important}

/* hard safety: never allow logo/image to explode on student screens */
.masar-student-area img[src*="masar"],
.masar-student-area img[src*="logo"],
.masar-student-area .qai-brand-strip img,
.masar-student-area .qai-brand img{
  width:auto!important;
  height:auto!important;
  max-width:190px!important;
  max-height:84px!important;
  object-fit:contain!important;
}

/* normalize legacy dark account/profile blocks if any plugin injects them */
.masar-student-area .qai-user-menu,
.masar-student-area .qai-profile-menu,
.masar-student-area .student-profile-menu,
.masar-student-area .user-dropdown{
  background:linear-gradient(145deg,#11243E,#174E8B)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  box-shadow:0 18px 42px rgba(17,36,62,.20)!important;
}
.masar-student-area .qai-user-menu a,
.masar-student-area .qai-profile-menu a,
.masar-student-area .student-profile-menu a,
.masar-student-area .user-dropdown a{
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
}

/* existing plugin cards */
.masar-student-area .qai-card,
.masar-student-area .qai-hero-card,
.masar-student-area .mge-card,
.masar-student-area .mge-panel{
  border-radius:22px!important;
  border-color:#E5EAF0!important;
  box-shadow:0 10px 30px rgba(17,36,62,.05)!important;
}
.masar-student-area .qai-btn-primary,
.masar-student-area .mge-primary{
  background:linear-gradient(135deg,#2563EB,#1558E8)!important;
  border-color:transparent!important;
  box-shadow:0 8px 18px rgba(37,99,235,.16)!important;
}
.masar-student-area table{max-width:100%}
.masar-student-area .qai-table-wrap,
.masar-student-area .mge-admin-table-scroll{overflow-x:auto}

/* mobile */
@media(max-width:782px){
  .masar-student-area .qai-app-shell,
  .masar-student-area .mge-app{padding-inline:0!important}
  .masar-student-area .qai-card,
  .masar-student-area .qai-hero-card,
  .masar-student-area .mge-card,
  .masar-student-area .mge-panel{border-radius:18px!important}
  .masar-student-area input,
  .masar-student-area select,
  .masar-student-area button{font-size:16px}
}

/* Competition: player/avatar images are intentionally removed to protect the mobile layout. */
.masar-student-area .mge-app .mge-rival-avatar,
.masar-student-area .mge-app .mge-rival-intro img,
.masar-student-area .mge-app .mge-rival-card img,
.masar-student-area .mge-app .mge-rival-detail-head img,
.masar-student-area .mge-app .mge-weekly-rival img,
.masar-student-area .mge-app .mge-opponent-score img,
.masar-student-area .mge-app .mge-result img,
.masar-student-area .mge-app img[src*="avatar"],
.masar-student-area .mge-app img[src*="rival"]{display:none!important}

.masar-student-area .mge-rival-result-head,
.masar-student-area .mge-rival-detail-head,
.masar-student-area .mge-weekly-rival{gap:10px!important}

/* 60-second question timer for ranked competition matches. */
.masar-student-area .mge-question-timer{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:6px;
  width:max-content;
  min-width:124px;
  margin:14px auto 6px;
  padding:8px 13px;
  border:1px solid #BFDBFE;
  border-radius:999px;
  background:#EFF6FF;
  color:#1D4ED8;
  font-variant-numeric:tabular-nums;
  transition:.2s ease;
}
.masar-student-area .mge-question-timer span,
.masar-student-area .mge-question-timer small{font-size:12px;font-weight:700}
.masar-student-area .mge-question-timer strong{font-size:25px;line-height:1;font-weight:900}
.masar-student-area .mge-question-timer.is-warning{background:#FFF7ED;border-color:#FDBA74;color:#C2410C}
.masar-student-area .mge-question-timer.is-expired{background:#FEF2F2;border-color:#FCA5A5;color:#B91C1C}
.masar-student-area .mge-timeout-feedback{text-align:center}

@media(max-width:520px){
  .masar-student-area .mge-scoreboard{grid-template-columns:1fr auto 1fr;gap:7px}
  .masar-student-area .mge-scoreboard>div:not(.mge-vs){padding:10px 7px}
  .masar-student-area .mge-scoreboard strong{font-size:28px}
  .masar-student-area .mge-question-timer{margin-top:11px}
}

/* Tests: use the same visual language as the competition countdown. */
.masar-student-area #qai-test-stage .masar-test-timer{
  display:inline-flex!important;
  align-items:baseline;
  justify-content:center;
  gap:6px;
  min-width:132px;
  padding:9px 14px!important;
  border:1px solid #BFDBFE!important;
  border-radius:999px!important;
  background:#EFF6FF!important;
  color:#1D4ED8!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums;
  box-shadow:none!important;
}
.masar-student-area #qai-test-stage .masar-test-timer::before{
  content:'الوقت المتبقي';
  font-size:12px;
  font-weight:700;
  line-height:1.2;
}
.masar-student-area #qai-test-stage .masar-test-progress{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 13px!important;
  border:1px solid #E2E8F0!important;
  border-radius:999px!important;
  background:#F8FAFC!important;
  color:#475569!important;
  font-size:16px!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums;
}
.masar-student-area #qai-test-stage .masar-test-question-text{
  font-size:clamp(22px,5.7vw,28px)!important;
  line-height:1.75!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-align:right!important;
  color:#11243E!important;
  margin-block:18px 20px!important;
  text-wrap:pretty;
}
.masar-student-area #qai-test-stage .masar-test-choice{
  font-size:18px!important;
  line-height:1.65!important;
}

@media(max-width:520px){
  .masar-student-area #qai-test-stage .masar-test-timer{
    min-width:126px;
    padding:9px 12px!important;
    font-size:24px!important;
  }
  .masar-student-area #qai-test-stage .masar-test-timer::before{font-size:11px}
  .masar-student-area #qai-test-stage .masar-test-progress{font-size:15px!important;min-height:42px}
  .masar-student-area #qai-test-stage .masar-test-question-text{
    font-size:23px!important;
    line-height:1.8!important;
    margin-block:16px 18px!important;
  }
  .masar-student-area #qai-test-stage .masar-test-choice{
    font-size:18px!important;
    line-height:1.7!important;
  }
}