*{box-sizing:border-box;font-family:Arial,sans-serif}
body{margin:0;min-height:100vh;background:#f4f5f8;color:#222}
.page{display:none;min-height:100vh;align-items:center;justify-content:center;padding:24px}
.page.active{display:flex}
.card{width:100%;max-width:620px;background:#fff;border-radius:20px;padding:36px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.logo{text-align:center;font-size:34px;font-weight:700;color:#103c42;margin-bottom:8px}
h1,h2{text-align:center;margin:8px 0 14px}.sub{text-align:center;color:#777;line-height:1.8}
.field-hint{font-size:12px;color:#777;margin:6px 0 14px;text-align:right;}

label{display:block;margin:14px 0 7px;font-weight:700;color:#555;font-size:14px}
input,select{width:100%;padding:13px;border:1px solid #ddd;border-radius:10px;font-size:16px;background:#fff}
button{width:100%;margin-top:14px;padding:14px;border:0;border-radius:10px;background:#103c42;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
button:disabled{opacity:.6}.secondary,.logout{background:#fff;color:#103c42;border:1px solid #103c42}
.hidden{display:none!important}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.msg{text-align:center;min-height:24px;margin-top:12px;font-size:14px}.error{color:#c62828}.success{color:#2e7d32}
.box{margin-top:22px;padding:20px;border-radius:14px;background:#edf6f3;text-align:center}
.cred{font-size:24px;font-weight:700;color:#103c42;direction:ltr;margin:6px 0 18px}
.warn{margin-top:20px;padding:14px;background:#fff8e6;border-radius:12px;text-align:center;color:#8a6200;line-height:1.8}
.group{background:#eef8ee;color:#2e7d32}.back{background:transparent;color:#103c42;border:0}
.device-notice{margin:16px 0 6px;padding:14px;border:1px solid #edf6f3;background:#edf6f3;border-radius:12px;color:#103c42;line-height:1.8;font-size:14px}
.device-notice strong{display:block;margin-bottom:4px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:18px;z-index:1000}
.modal.active{display:flex}
.modal-card{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px;box-shadow:0 14px 45px rgba(0,0,0,.2);text-align:center}
.modal-card h3{margin:0 0 12px;color:#103c42}
.modal-card p{margin:0;line-height:1.9;color:#555}
@media(max-width:600px){.card{padding:26px 18px}.row{grid-template-columns:1fr}}

/* ================================
   إتقان Student Learning Area
   ================================ */
.student-shell{
  width:100%;
  max-width:1280px;
  min-height:calc(100vh - 48px);
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:18px;
  direction:ltr;
}
.student-main,.student-sidebar{
  direction:rtl;
  background:#fff;
  border-radius:20px;
  box-shadow:0 10px 40px rgba(0,0,0,.07);
}
.student-main{
  padding:28px;
  min-width:0;
}
.student-sidebar{
  padding:20px;
  position:sticky;
  top:24px;
  height:fit-content;
  max-height:calc(100vh - 48px);
  overflow:auto;
}
.student-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:20px;
  border-bottom:1px solid #eee;
}
.student-brand{
  color:#103c42;
  font-size:26px;
  font-weight:800;
}
.student-welcome{
  color:#555;
  margin-top:5px;
  font-size:14px;
}
.student-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.student-actions button{
  width:auto;
  margin:0;
  padding:10px 16px;
  font-size:13px;
}
.student-overview{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:20px 0;
}
.student-stat{
  padding:16px;
  border:1px solid #eee;
  border-radius:15px;
  background:#edf6f3;
}
.student-stat span{
  display:block;
  color:#777;
  font-size:12px;
  margin-bottom:7px;
}
.student-stat strong{
  color:#103c42;
  font-size:17px;
}
.learning-hero{
  border-radius:18px;
  padding:24px;
  background:linear-gradient(135deg,#edf6f3,#edf6f3);
  border:1px solid #edf6f3;
  margin-bottom:18px;
}
.learning-hero h2{
  text-align:right;
  margin:0 0 7px;
}
.learning-hero p{
  color:#666;
  line-height:1.8;
  margin:0;
}
.progress-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
}
.progress-track-student{
  height:9px;
  flex:1;
  background:#edf6f3;
  border-radius:99px;
  overflow:hidden;
}
.progress-fill-student{
  height:100%;
  width:0;
  background:#103c42;
  border-radius:99px;
}
.progress-value{
  color:#103c42;
  font-weight:800;
  font-size:13px;
}
.content-area{
  border:1px solid #eee;
  border-radius:18px;
  padding:24px;
  min-height:310px;
}
.content-area h2{
  text-align:right;
  color:#103c42;
  margin:0 0 8px;
}
.content-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 20px;
}
.content-pill{
  background:#edf6f3;
  color:#103c42;
  padding:7px 11px;
  border-radius:999px;
  font-size:12px;
}
.lesson-placeholder{
  background:#fafafa;
  border-radius:14px;
  padding:22px;
  color:#666;
  line-height:2;
}
.tasks-section{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.task-card{
  border:1px solid #eee;
  border-radius:16px;
  padding:18px;
  background:#fff;
}
.task-card h3{
  margin:0 0 7px;
  font-size:16px;
}
.task-card p{
  color:#777;
  margin:0;
  line-height:1.7;
  font-size:13px;
}
.task-card .task-status{
  display:inline-block;
  margin-top:12px;
  font-size:11px;
  padding:6px 9px;
  border-radius:999px;
  background:#edf6f3;
  color:#103c42;
}
.sidebar-title{
  font-size:19px;
  font-weight:800;
  color:#103c42;
  margin-bottom:5px;
}
.sidebar-subtitle{
  color:#888;
  font-size:12px;
  margin-bottom:18px;
}
.content-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 7px;
  font-size:13px;
}
.content-table th{
  color:#777;
  font-weight:700;
  padding:7px 8px;
  text-align:right;
  font-size:11px;
}
.content-row td{
  padding:0;
}
.content-row-inner{
  border:1px solid #eee;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.chapter-row .content-row-inner{
  background:#edf6f3;
  border-color:#edf6f3;
}
.content-link{
  width:100%;
  border:0;
  background:transparent;
  color:#333;
  text-align:right;
  margin:0;
  padding:12px;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
.content-link:hover{
  background:#edf6f3;
}
.chapter-row .content-link{
  color:#103c42;
}
.content-detail{
  padding:0 12px 11px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px 8px;
  color:#888;
  font-size:10px;
}
.content-status{
  color:#103c42;
}
.sidebar-legend{
  margin-top:16px;
  padding:12px;
  border-radius:12px;
  background:#edf6f3;
  color:#777;
  font-size:11px;
  line-height:1.8;
}

/* Dynamic lesson viewer */
.content-viewer-card{margin-top:14px;border:1px solid #edf6f3;border-radius:18px;background:#fff;padding:18px;min-height:240px}
.viewer-type{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#edf6f3;color:#103c42;font-size:12px;font-weight:800;margin-bottom:14px}
.viewer-description{color:#666;line-height:1.9;margin:0 0 16px;white-space:pre-wrap}
.viewer-media{width:100%;min-height:300px;border:0;border-radius:14px;background:#111;margin:4px 0 16px;overflow:visible;display:block}
.viewer-empty{padding:30px 18px;text-align:center;border:1px dashed #c7ded8;border-radius:14px;color:#777;background:#edf6f3}
.viewer-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.viewer-action{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 18px;cursor:pointer;font:inherit;font-weight:800;background:#103c42;color:#fff;text-decoration:none}
.viewer-action.secondary-action{background:#edf6f3;color:#103c42;border:1px solid #edf6f3}
.viewer-action:disabled{opacity:.6;cursor:not-allowed}
.viewer-feedback{margin-top:12px;font-size:12px;color:#14766c}
.item-active .content-row-inner{border-color:#46877f;box-shadow:0 0 0 2px rgba(139,112,201,.10)}
@media(max-width:650px){.viewer-action-row{flex-direction:column}.viewer-action{width:100%}.viewer-media{min-height:210px}}

@media(max-width:950px){
  .student-shell{grid-template-columns:1fr}
  .student-sidebar{
    position:static;
    max-height:none;
    order:2;
  }
  .student-main{order:1}
}
@media(max-width:650px){
  .student-overview{grid-template-columns:1fr}
  .student-topbar{align-items:flex-start;flex-direction:column}
  .student-actions{width:100%}
  .student-actions button{flex:1}
  .tasks-section{grid-template-columns:1fr}
  .student-main{padding:18px}
}


/* Assignment submission */
.assignment-box{border:1px solid #edf6f3;border-radius:16px;padding:16px;background:#edf6f3;width:100%;box-sizing:border-box}
.assignment-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
.assignment-chip{padding:6px 10px;border-radius:999px;background:#edf6f3;color:#103c42;font-size:12px;font-weight:800}
.assignment-textarea{width:100%;min-height:150px;box-sizing:border-box;border:1px solid #edf6f3;border-radius:12px;padding:12px;font:inherit;resize:vertical}
.assignment-file{width:100%;padding:10px;border:1px dashed #c7ded8;border-radius:12px;box-sizing:border-box;background:#fff}


/* ===================== ADMIN DASHBOARD ===================== */
.admin-shell{max-width:1500px;margin:0 auto;min-height:100vh;background:#edf6f3;color:#103c42}
.admin-topbar{height:74px;background:#fff;border-bottom:1px solid #edf6f3;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}
.admin-brand{font-weight:900;font-size:26px;color:#103c42;letter-spacing:.5px}
.admin-user{display:flex;gap:10px;align-items:center;font-weight:800}
.admin-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf6f3;color:#103c42}
.admin-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 74px);direction:rtl}
.admin-sidebar{background:#fff;border-left:1px solid #edf6f3;padding:18px 12px;position:sticky;top:74px;height:calc(100vh - 74px);overflow:auto}
.admin-nav-title{font-size:11px;color:#9b96a9;font-weight:900;padding:10px 12px}
.admin-nav-btn{width:100%;border:0;background:transparent;border-radius:12px;padding:13px 12px;text-align:right;font:inherit;font-weight:800;color:#103c42;cursor:pointer;margin:2px 0;display:flex;align-items:center;gap:10px}
.admin-nav-btn:hover{background:#edf6f3}.admin-nav-btn.active{background:#edf6f3;color:#103c42}
.admin-main{padding:28px;min-width:0}.admin-view{display:none}.admin-view.active{display:block}
.admin-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.admin-head h2{margin:0;font-size:26px}.admin-sub{color:#817a8f;margin-top:5px;font-size:13px}
.admin-btn{border:0;border-radius:11px;padding:10px 15px;background:#103c42;color:#fff;font:inherit;font-weight:800;cursor:pointer}.admin-btn.secondary{background:#edf6f3;color:#103c42}.admin-btn.danger{background:#a43c4b}.admin-btn:disabled{opacity:.6;cursor:not-allowed}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.admin-stat{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:18px;box-shadow:0 8px 30px rgba(55,35,100,.04)}.admin-stat-label{font-size:12px;color:#817a8f;font-weight:800}.admin-stat-value{font-size:30px;font-weight:900;margin-top:9px;color:#103c42}.admin-stat-note{font-size:11px;color:#46877f;margin-top:7px}
.admin-card{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:18px;margin-bottom:18px;box-shadow:0 8px 30px rgba(55,35,100,.04)}.admin-card h3{margin:0 0 14px;font-size:17px}
.admin-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.admin-input,.admin-select,.admin-textarea{font:inherit;border:1px solid #c7ded8;border-radius:10px;padding:10px 11px;background:#fff;box-sizing:border-box}.admin-input{min-width:180px}.admin-select{min-width:145px}.admin-textarea{width:100%;min-height:100px;resize:vertical}
.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;text-align:right}.admin-table th{font-size:12px;color:#7c7488;background:#edf6f3}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #edf6f3;white-space:nowrap}.admin-table td{font-size:13px}.admin-table tr:last-child td{border-bottom:0}
.admin-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.badge-approved,.badge-active,.badge-published,.badge-reviewed{background:#e7f6ee;color:#237448}.badge-pending,.badge-draft,.badge-under_review{background:#fff4dc;color:#9a6b08}.badge-rejected,.badge-suspended,.badge-archived{background:#fde9eb;color:#a43c4b}.badge-submitted{background:#eaf1ff;color:#3562b0}.badge-default{background:#edf6f3;color:#6f6879}
.admin-row-actions{display:flex;gap:6px}.admin-icon-btn{border:1px solid #c7ded8;background:#fff;border-radius:8px;padding:7px 9px;cursor:pointer;font:inherit}.admin-icon-btn:hover{background:#edf6f3}
.admin-empty{padding:24px;text-align:center;color:#8b8492;background:#edf6f3;border-radius:12px}.admin-loading{padding:18px;color:#14766c;font-weight:800}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form-grid .full{grid-column:1/-1}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-field label{font-size:12px;font-weight:900;color:#61596d}
.admin-modal{position:fixed;inset:0;background:rgba(27,20,43,.42);z-index:2147483001!important;display:none;align-items:center;justify-content:center;padding:20px;direction:rtl}.admin-modal.open{display:flex}.admin-modal-box{background:#fff;border-radius:20px;max-width:780px;width:100%;max-height:90vh;overflow:auto;padding:22px;box-shadow:0 20px 80px rgba(0,0,0,.25)}.admin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.admin-modal-head h3{margin:0}.admin-close{border:0;background:#edf6f3;border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:18px}
.admin-msg{font-size:12px;margin-top:10px;color:#a43c4b}.admin-msg.success{color:#237448}
.admin-mini-list{display:grid;gap:10px}.admin-mini-item{padding:11px 12px;border:1px solid #edf6f3;border-radius:11px;display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-permission{border:1px solid #edf6f3;border-radius:10px;padding:9px;display:flex;gap:8px;align-items:center;font-size:12px}
@media(max-width:1050px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;border-left:0;border-bottom:1px solid #edf6f3;display:flex;gap:5px;overflow:auto}.admin-nav-title{display:none}.admin-nav-btn{width:auto;white-space:nowrap}.admin-grid-2,.admin-grid-3{grid-template-columns:1fr}}
@media(max-width:650px){.admin-topbar{padding:0 15px}.admin-main{padding:16px}.admin-stats{grid-template-columns:1fr}.admin-head{align-items:flex-start;flex-direction:column}.admin-form-grid,.admin-permissions{grid-template-columns:1fr}.admin-topbar .admin-brand{font-size:20px}.admin-table th,.admin-table td{padding:9px}}


.video-watch-progress{
  margin:14px 0 18px;
  padding:14px 16px;
  border:1px solid #d8eadc;
  border-radius:14px;
  background:#fbfffc;
}
.video-watch-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.video-watch-progress-title{
  font-weight:800;
  color:#245c38;
}
.video-watch-progress-percent{
  font-weight:900;
  color:#168548;
  font-size:18px;
  direction:ltr;
}
.video-watch-progress-track{
  width:100%;
  height:10px;
  border-radius:999px;
  background:#e5efe7;
  overflow:hidden;
}
.video-watch-progress-fill{
  height:100%;
  width:0%;
  border-radius:inherit;
  background:#20a455;
  transition:width .25s ease;
}


/* LIVE CLASSROOM */
.live-card{margin:18px 0;padding:18px;border:1px solid #f0d7dc;border-radius:18px;background:#fffafb}.live-list{display:grid;gap:10px;margin-top:12px}.live-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border:1px solid #eee;border-radius:14px}.live-room{display:none;min-height:100vh;background:#103c42;color:#fff;padding:18px}.live-room.active{display:block}.live-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.live-stage,.live-panel{background:#103c42;border-radius:18px;padding:16px}.live-video{width:100%;background:#000;border-radius:14px;max-height:72vh}.live-chat{height:250px;overflow:auto;display:grid;gap:8px}.live-msg{background:#302c38;padding:8px;border-radius:10px}.live-actions{display:flex;gap:8px;flex-wrap:wrap}.live-actions button{width:auto;margin:0}.live-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-options button{margin:0;background:#103c42;text-align:right}.live-timer{text-align:center;font-size:22px;font-weight:900;color:#ffd166}@media(max-width:900px){.live-grid{grid-template-columns:1fr}}



.achievement-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin:16px 0}
.achievement-card{background:linear-gradient(135deg,#fff,#f7f9fc);border:1px solid #e6ebf2;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(20,35,60,.06)}
.achievement-card h3{margin:0 0 10px;color:#243047}.achievement-big{font-size:42px;font-weight:900;line-height:1;color:#1d4ed8}.achievement-label{color:#64748b;font-size:13px;margin-top:7px}
.achievement-meter{height:10px;background:#e9eef5;border-radius:999px;overflow:hidden;margin:10px 0}.achievement-meter i{display:block;height:100%;border-radius:999px;background:#2563eb;width:0;transition:width .5s ease}
.achievement-list{display:grid;gap:9px}.achievement-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #e8edf4}.achievement-row:last-child{border:0}.achievement-status{padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}.achievement-status.good{background:#eaf8ef;color:#16813a}.achievement-status.warn{background:#fff6df;color:#9a6700}.achievement-status.bad{background:#fff0f1;color:#b91c1c}.achievement-status.neutral{background:#eef3f8;color:#475569}
.achievement-section{margin:18px 0}.achievement-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.achievement-section-head h3{margin:0}.achievement-mini{font-size:12px;color:#64748b}
.admin-progress-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0}.admin-progress-kpi{padding:12px;border:1px solid #e6ebf2;border-radius:14px;background:#fff}.admin-progress-kpi b{font-size:22px;display:block;color:#1f2937}.admin-progress-kpi span{font-size:12px;color:#64748b}
@media(max-width:900px){.achievement-grid{grid-template-columns:1fr}.admin-progress-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}



.subject-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#1d4ed8;font-size:12px;font-weight:800;margin:3px}
.mapping-card{border:1px solid #e7edf4;border-radius:16px;padding:14px;margin:10px 0;background:#fff}
.mapping-card h4{margin:0 0 7px}.mapping-meta{color:#64748b;font-size:12px}
.mapping-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
@media(max-width:800px){.mapping-selects{grid-template-columns:1fr}}



.dashboard-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.quick-action{border:1px solid #dfe7f1;background:#fff;border-radius:14px;padding:14px;text-align:right;cursor:pointer;font-weight:800}.quick-action:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(20,40,70,.08)}
.pin-box{max-width:420px;margin:30px auto;padding:22px;border-radius:20px;background:#fff;box-shadow:0 18px 60px rgba(20,40,70,.12);text-align:center}.pin-box input{letter-spacing:12px;text-align:center;font-size:26px;font-weight:900;direction:ltr}
@media(max-width:900px){.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* ===== إتقان SUPER ADMIN V1 ===== */
#superAdminShell{display:none;min-height:100vh;background:#f4f7fb;color:#172033;font-family:Arial,sans-serif}
#superAdminShell.sa-active{display:block}
.sa-layout{min-height:100vh;display:grid;grid-template-columns:270px minmax(0,1fr);direction:ltr}
.sa-sidebar{direction:rtl;background:#111827;color:#e5e7eb;position:sticky;top:0;height:100vh;overflow:auto;padding:20px 14px}
.sa-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 22px;border-bottom:1px solid #273244;margin-bottom:15px}
.sa-brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#14766c,#46877f);display:grid;place-items:center;font-weight:900;color:#fff;font-size:18px}
.sa-brand-title{font-size:18px;font-weight:900}.sa-brand-sub{font-size:10px;color:#9ca3af;margin-top:3px}
.sa-section-label{font-size:10px;color:#7f8a9b;font-weight:900;padding:14px 10px 7px}
.sa-nav{display:grid;gap:4px}
.sa-nav button{width:100%;border:0;background:transparent;color:#cbd5e1;border-radius:11px;padding:11px 12px;text-align:right;font:inherit;font-size:13px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:9px;margin:0}
.sa-nav button:hover{background:#1b2433;color:#fff}.sa-nav button.active{background:#103c42;color:#c7ded8}
.sa-nav .sa-danger{color:#fca5a5}.sa-nav .sa-danger:hover{background:#3a2026}
.sa-content{direction:rtl;min-width:0}
.sa-topbar{height:76px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:30}
.sa-breadcrumb{font-size:12px;color:#8a94a5}.sa-page-title{font-size:23px;font-weight:900;margin-top:3px;color:#182234}
.sa-userbox{display:flex;align-items:center;gap:10px}.sa-user-avatar{width:40px;height:40px;border-radius:50%;background:#edf6f3;color:#103c42;display:grid;place-items:center;font-weight:900}
.sa-main{padding:26px;max-width:1600px;margin:auto}
.sa-view{display:none}.sa-view.active{display:block}
.sa-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.sa-head h2{margin:0;text-align:right;font-size:25px;color:#172033}.sa-head p{margin:6px 0 0;color:#7b8798;font-size:13px}
.sa-actions{display:flex;gap:8px;flex-wrap:wrap}
.sa-btn{border:0;border-radius:11px;padding:10px 14px;background:#103c42;color:#fff;font:inherit;font-weight:900;cursor:pointer;margin:0;width:auto}
.sa-btn.secondary{background:#edf6f3;color:#103c42}.sa-btn.ghost{background:#fff;color:#4b5563;border:1px solid #dfe5ee}.sa-btn.danger{background:#a43c4b}
.sa-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}
.sa-kpi{background:#fff;border:1px solid #e5eaf1;border-radius:16px;padding:16px;box-shadow:0 6px 22px rgba(25,45,75,.04)}
.sa-kpi-label{font-size:11px;color:#7b8798;font-weight:800}.sa-kpi-value{font-size:28px;font-weight:900;color:#182234;margin-top:7px}.sa-kpi-note{font-size:10px;color:#46877f;margin-top:4px}
.sa-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.sa-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sa-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:18px;box-shadow:0 6px 22px rgba(25,45,75,.04);margin-bottom:16px}
.sa-card h3{margin:0 0 12px;font-size:16px;color:#253044}.sa-card-sub{font-size:11px;color:#8a94a5;margin-top:-7px;margin-bottom:14px}
.sa-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sa-quick button{border:1px solid #e0e6ef;background:#fff;border-radius:14px;padding:14px;text-align:right;cursor:pointer;font:inherit;font-weight:900;color:#243047;margin:0;width:auto}
.sa-quick button:hover{border-color:#c7ded8;background:#edf6f3;transform:translateY(-1px)}
.sa-quick-icon{font-size:20px;margin-bottom:8px}.sa-quick small{display:block;color:#8a94a5;font-size:10px;margin-top:4px;font-weight:600}
.sa-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#fff8e8;border:1px solid #f2dfae;margin-bottom:9px;color:#72520a}
.sa-alert strong{font-size:13px}.sa-alert span{font-size:11px;color:#8a6a1c}
.sa-list{display:grid;gap:8px}.sa-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #eef1f5}.sa-list-item:last-child{border-bottom:0}
.sa-avatar-sm{width:34px;height:34px;border-radius:10px;background:#eef2ff;color:#4657a8;display:grid;place-items:center;font-weight:900}
.sa-list-left{display:flex;align-items:center;gap:9px;min-width:0}.sa-list-name{font-size:12px;font-weight:900}.sa-list-meta{font-size:10px;color:#8a94a5;margin-top:2px}
.sa-table-wrap{overflow:auto}.sa-table{width:100%;border-collapse:collapse}.sa-table th{font-size:11px;color:#7b8798;background:#f8fafc}.sa-table th,.sa-table td{padding:12px;border-bottom:1px solid #edf0f4;text-align:right;white-space:nowrap}.sa-table td{font-size:12px}.sa-table tr:last-child td{border-bottom:0}
.sa-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.sa-badge.good{background:#eaf8ef;color:#1d7a42}.sa-badge.warn{background:#fff5dc;color:#996b08}.sa-badge.bad{background:#ffeff0;color:#a43c4b}.sa-badge.neutral{background:#eef2f7;color:#667085}
.sa-statbar{height:9px;background:#edf1f6;border-radius:99px;overflow:hidden;min-width:120px}.sa-statbar i{display:block;height:100%;background:#14766c;border-radius:inherit}
.sa-empty{padding:28px;text-align:center;color:#8a94a5;background:#f9fafc;border-radius:12px}
.sa-perm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sa-perm-card{border:1px solid #e4e9f0;border-radius:14px;padding:13px;background:#fff}.sa-perm-card strong{font-size:12px}.sa-perm-card p{font-size:10px;color:#8791a1;margin:4px 0 10px}.sa-perm-card button{width:auto;margin:0;padding:7px 10px;font-size:11px}
.sa-mobile-menu{display:none}
@media(max-width:1250px){.sa-kpis{grid-template-columns:repeat(3,1fr)}.sa-grid{grid-template-columns:1fr}.sa-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sa-layout{grid-template-columns:1fr}.sa-sidebar{position:fixed;z-index:100;right:-290px;width:270px;transition:right .2s}.sa-sidebar.open{right:0}.sa-mobile-menu{display:inline-flex}.sa-topbar{padding:0 16px}.sa-main{padding:16px}.sa-grid-2{grid-template-columns:1fr}.sa-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.sa-kpis{grid-template-columns:1fr 1fr}.sa-quick{grid-template-columns:1fr}.sa-head{flex-direction:column}.sa-actions{width:100%}.sa-actions .sa-btn{flex:1}}



/* V15: one application page at a time — prevents login screen from remaining above admin */
.page { display: none !important; }
.page.active { display: flex !important; }
#staffPage.active {
  display: block !important;
  width: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  align-items: initial;
  justify-content: initial;
}
#staffPage .admin-shell {
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
}



/* V16: Super Admin is a separate application surface, never stacked below login/staff pages. */
#superAdminShell.sa-active{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  z-index:99999 !important;
  overflow:auto !important;
}
body:has(#superAdminShell.sa-active){overflow:hidden !important;}
body:has(#superAdminShell.sa-active) #staffPage{display:none !important;}



:root{--clean-bg:#f6f8fc;--clean-card:#fff;--clean-text:#18233b;--clean-muted:#7d8799;--clean-line:#e9edf4;--clean-primary:#46877f;--clean-primary2:#4f7cf7;--clean-good:#26ad72;--clean-warn:#f2a33b;--clean-danger:#e65b69}
.clean-page{background:var(--clean-bg);min-height:100vh;color:var(--clean-text)}
.clean-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;direction:ltr}
.clean-side{background:#0b1930;color:#e8edf7;padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto;direction:rtl}
.clean-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 22px;font-weight:900;font-size:22px;direction:ltr}
.clean-mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#46877f,#38a9ff);display:grid;place-items:center;color:#fff}
.clean-nav-title{font-size:10px;color:#91a0b7;font-weight:800;padding:14px 10px 6px}
.clean-nav button{width:100%;border:0;background:transparent;color:#dbe4f2;text-align:right;padding:11px 12px;border-radius:10px;cursor:pointer;font-weight:700;font-size:12px;margin:2px 0}
.clean-nav button:hover,.clean-nav button.active{background:linear-gradient(90deg,#46877f,#46877f);color:#fff}
.clean-main{direction:rtl;min-width:0}.clean-top{height:70px;background:#fff;border-bottom:1px solid var(--clean-line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}
.clean-user{display:flex;align-items:center;gap:10px}.clean-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#46877f,#4f7cf7);color:#fff;display:grid;place-items:center;font-weight:900}
.clean-content{padding:24px;max-width:1450px;margin:auto}.clean-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.clean-head h1{margin:0;font-size:25px}.clean-head p{margin:6px 0 0;color:var(--clean-muted);font-size:12px}
.clean-actions{display:flex;gap:8px;flex-wrap:wrap}.clean-btn{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.clean-primary{background:var(--clean-primary);color:#fff}.clean-secondary{background:#fff;border:1px solid var(--clean-line);color:#45526a}.clean-danger{background:#fff0f2;color:#c43d50;border:1px solid #ffd7dd}
.clean-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.clean-kpi,.clean-card{background:#fff;border:1px solid var(--clean-line);border-radius:17px;box-shadow:0 8px 28px #1b315b0b}.clean-kpi{padding:17px}.clean-kpi span{font-size:11px;color:var(--clean-muted)}.clean-kpi strong{display:block;font-size:25px;margin-top:8px}
.clean-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px}.clean-card{padding:18px}.clean-card h3{margin:0 0 13px;font-size:15px}
.clean-table{width:100%;border-collapse:collapse;font-size:11px}.clean-table th,.clean-table td{padding:11px 8px;border-bottom:1px solid #f0f2f6;text-align:right}.clean-table th{color:#7d8799;font-size:10px}
.clean-list{display:grid;gap:9px}.clean-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #eef1f6;border-radius:12px;background:#fbfcfe}.clean-item .grow{flex:1}.clean-meta{font-size:10px;color:var(--clean-muted);margin-top:3px}.clean-pill{font-size:9px;padding:5px 8px;border-radius:999px;background:#eaf8f1;color:#258f60;font-weight:800}.clean-pill.warn{background:#fff4df;color:#a86a0d}.clean-pill.blue{background:#eaf0ff;color:#4962c8}
.clean-progress{height:9px;background:#edf0f6;border-radius:99px;overflow:hidden}.clean-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--clean-primary),var(--clean-primary2));border-radius:99px}
.clean-route{display:none}.clean-route.active{display:block}.clean-empty{text-align:center;padding:35px;color:#8b95a8}
.clean-profile{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--clean-line);border-radius:15px;background:#fff}.clean-profile-avatar{width:54px;height:54px;border-radius:15px;background:#edf0ff;display:grid;place-items:center;font-size:28px}
.clean-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.clean-form label{font-size:11px;color:#6f7b90;font-weight:800}.clean-form input,.clean-form select,.clean-form textarea{width:100%;margin-top:5px;border:1px solid #e2e7ef;border-radius:9px;padding:10px;outline:none;background:#fff}.clean-form textarea{min-height:90px;resize:vertical}.clean-form .full{grid-column:1/-1}
.clean-modal{position:fixed;inset:0;background:#0c183166;display:none;align-items:center;justify-content:center;z-index:100}.clean-modal.open{display:flex}.clean-modal-box{width:min(620px,calc(100vw - 30px));max-height:85vh;overflow:auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 25px 80px #07152b45}.clean-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.clean-close{border:0;background:#f3f5f8;border-radius:8px;font-size:20px;width:34px;height:34px;cursor:pointer}
.clean-toast{position:fixed;bottom:20px;right:20px;background:#101c32;color:#fff;padding:12px 15px;border-radius:11px;z-index:200;display:none;font-size:11px}.clean-toast.show{display:block}
@media(max-width:1000px){.clean-kpis{grid-template-columns:repeat(2,1fr)}.clean-grid{grid-template-columns:1fr}}
@media(max-width:720px){.clean-shell{display:block}.clean-side{position:fixed;right:-260px;width:250px;z-index:60;transition:.2s}.clean-side.open{right:0}.clean-top{padding:0 13px}.clean-content{padding:14px}.clean-kpis{grid-template-columns:1fr 1fr}.clean-head{align-items:flex-start;flex-direction:column}.clean-form{grid-template-columns:1fr}.clean-form .full{grid-column:auto}}



/* Super Admin: enforce readable labels and obvious interactive states. */
#superAdminShell button { -webkit-appearance:none; appearance:none; }
#superAdminShell .sa-btn,
#superAdminShell .admin-btn,
#superAdminShell .sa-quick button,
#superAdminShell .admin-icon-btn,
#superAdminShell .quick-action { text-shadow:none; opacity:1; }
#superAdminShell .sa-btn:not(:disabled),
#superAdminShell .admin-btn:not(:disabled) { color:#fff; background:#103c42; }
#superAdminShell .sa-btn.secondary:not(:disabled),
#superAdminShell .admin-btn.secondary:not(:disabled) { color:#103c42; background:#edf6f3; border:1px solid #c7ded8; }
#superAdminShell .sa-btn.ghost:not(:disabled) { color:#334155; background:#fff; border:1px solid #cfd7e3; }
#superAdminShell .sa-btn:hover:not(:disabled),
#superAdminShell .admin-btn:hover:not(:disabled) { filter:brightness(.96); transform:translateY(-1px); }
#superAdminShell button:focus-visible { outline:3px solid rgba(91,60,157,.25); outline-offset:2px; }
#superAdminShell .sa-nav button { color:#d7deea; }
#superAdminShell .sa-nav button.active { color:#fff; background:#103c42; }
#superAdminShell .sa-nav .sa-danger { color:#fecaca; }
#superAdminShell .sa-quick button { color:#243047; }
#superAdminShell .admin-icon-btn { color:#103c42; background:#fff; }
#superAdminShell .admin-icon-btn:hover { color:#103c42; background:#edf6f3; }
#superAdminShell .admin-view, #superAdminShell .sa-view { min-width:0; }



#teacherWorkspacePage .tm-sidebar{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;}
#teacherWorkspacePage .tm-nav button{flex:none!important;}
#teacherWorkspacePage .tm-nav-label{flex:none!important;}
#teacherWorkspacePage .tm-help{margin-top:6px!important;}
#accountCenterModal{z-index:2147483647!important;}



#adminAcademicStructureView .academic-crud-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
#adminAcademicStructureView .academic-crud-tab{border:1px solid #edf6f3;background:#fff;color:#103c42;border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:700}
#adminAcademicStructureView .academic-crud-tab.active{background:#103c42;color:#fff}
#adminAcademicStructureView .academic-crud-pane{display:none}
#adminAcademicStructureView .academic-crud-pane.active{display:block}
#adminAcademicStructureView .crud-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px}
#adminAcademicStructureView .crud-table{width:100%;border-collapse:collapse;background:#fff}
#adminAcademicStructureView .crud-table th,#adminAcademicStructureView .crud-table td{padding:11px 9px;border-bottom:1px solid #edf6f3;text-align:right;vertical-align:middle}
#adminAcademicStructureView .crud-table th{background:#edf6f3;font-weight:800}
#adminAcademicStructureView .crud-actions{display:flex;gap:6px;flex-wrap:wrap}
#adminAcademicStructureView .crud-btn{border:1px solid #edf6f3;background:#fff;color:#103c42;border-radius:8px;padding:7px 10px;cursor:pointer}
#adminAcademicStructureView .crud-btn.primary{background:#103c42;color:#fff}
#adminAcademicStructureView .crud-btn.danger{color:#a61b1b;border-color:#f0caca}
#adminAcademicStructureView .crud-muted{color:#777;font-size:12px}
#adminAcademicStructureView .scope-box{border:1px solid #edf6f3;border-radius:12px;padding:12px;background:#edf6f3;max-height:250px;overflow:auto}
#adminAcademicStructureView .scope-stage{background:#fff;border:1px solid #edf6f3;border-radius:10px;padding:10px;margin-bottom:8px}
#adminAcademicStructureView .scope-title{font-weight:800;margin-bottom:8px}
#adminAcademicStructureView .scope-items{display:flex;gap:7px;flex-wrap:wrap}
#adminAcademicStructureView .scope-item{display:flex;gap:6px;align-items:center;border:1px solid #edf6f3;border-radius:8px;padding:7px 9px;background:#fff}
#adminAcademicStructureView .empty{padding:24px;text-align:center;color:#777;background:#edf6f3;border-radius:12px}



.admin-icon-btn.danger{color:#a61b1b!important;border-color:#efcaca!important}
.admin-row-actions{display:flex;gap:6px;flex-wrap:wrap}



.subject-scope-box{border:1px solid #edf6f3;background:#edf6f3;border-radius:12px;padding:12px;max-height:330px;overflow:auto}
.subject-stage-block{background:#fff;border:1px solid #edf6f3;border-radius:10px;padding:10px;margin-bottom:9px}
.subject-stage-title{display:flex;align-items:center;justify-content:space-between;font-weight:800;color:#103c42;margin-bottom:9px}
.subject-stage-toggle{border:1px solid #c7ded8;background:#edf6f3;color:#103c42;border-radius:7px;padding:5px 9px;cursor:pointer}
.subject-grade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px}
.subject-grade-option{display:flex;align-items:center;gap:7px;border:1px solid #edf6f3;border-radius:8px;padding:8px;background:#fff;cursor:pointer}
.subject-grade-option small{color:#888;margin-inline-start:auto}
.subject-grade-option input{accent-color:#103c42}
.subject-no-grades,.subject-no-stages{color:#777;padding:10px;text-align:center}
.subject-scope-help{font-size:12px;color:#777;margin-bottom:8px}
.subject-scope-summary{margin-top:8px;color:#103c42;font-weight:700;font-size:13px}
.subject-scope-cell{line-height:1.8}



.admin-icon-btn.danger{color:#a61b1b!important;border-color:#efcaca!important;background:#fff}
.mapping-actions,.academic-actions{display:flex;gap:8px;align-items:center;margin-top:8px}


.admin-row-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-icon-btn.danger{color:#a61b1b!important;border-color:#efcaca!important;background:#fff}


.academic-quick-add{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  flex-wrap:wrap;margin:14px 0;padding:15px 18px;border:1px solid #edf6f3;
  border-radius:14px;background:#edf6f3;
}
.academic-quick-add-copy{display:flex;flex-direction:column;gap:5px}
.academic-quick-add-copy strong{color:#103c42;font-size:15px}
.academic-quick-add-copy span{color:#777;font-size:12px}
.academic-quick-add-actions{display:flex;gap:8px;flex-wrap:wrap}


.mapping-delete-btn{font-weight:800!important;min-width:150px}.mapping-delete-note{margin-top:10px;padding:8px 10px;border-radius:8px;background:#fff7f7;border:1px solid #f1d1d1;color:#8d2727;font-size:11px}


.academic-hub-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.academic-hub-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.academic-hub-tab{border:1px solid #edf6f3;background:#fff;color:#103c42;border-radius:10px;padding:10px 15px;cursor:pointer;font-weight:800}
.academic-hub-tab.active{background:#103c42;color:#fff}
.academic-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.academic-hub-card{background:#fff;border:1px solid #edf6f3;border-radius:15px;padding:16px;box-sizing:border-box}
.academic-hub-card.full{grid-column:1/-1}
.academic-hub-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.academic-hub-card-head h3{margin:0}
.academic-list{display:flex;flex-direction:column;gap:8px}
.academic-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;border:1px solid #edf6f3;border-radius:10px;background:#edf6f3}
.academic-list-row>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.academic-list-row span{color:#777;font-size:12px}
.academic-hub-note{margin-top:12px;padding:10px;border-radius:10px;background:#edf6f3;color:#103c42;font-size:12px}
@media(max-width:900px){.academic-hub-grid{grid-template-columns:1fr}.academic-hub-card.full{grid-column:auto}}



.mapping-delete-banner{
  margin:0 0 14px;
  padding:10px 14px;
  border-radius:11px;
  background:#fff7f7;
  border:1px solid #f1d1d1;
  color:#7f1d1d;
  font-size:12px;
}
.mapping-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px;
  margin-top:8px;
  border:1px solid #edf6f3;
  border-radius:11px;
  background:#fff;
}
.mapping-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mapping-delete-btn{
  color:#a61b1b!important;
  border:1px solid #e8baba!important;
  background:#fff!important;
  font-weight:800!important;
  min-width:150px;
}
@media(max-width:800px){
  .mapping-card{align-items:stretch;flex-direction:column}
  .mapping-delete-btn{width:100%}
}



.academic-distribution-stack{display:flex;flex-direction:column;gap:16px}
.academic-distribution-card{background:#fff;border:1px solid #edf6f3;border-radius:16px;padding:16px}
.academic-distribution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.academic-distribution-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.academic-distribution-card-head h3{margin:0}
.academic-distribution-actions{display:flex;gap:8px;flex-wrap:wrap}
.academic-stage-grade-live{display:flex;flex-direction:column;gap:9px}
.academic-stage-live{border:1px solid #edf6f3;border-radius:12px;padding:11px;background:#edf6f3}
.academic-stage-live-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.academic-grade-live-list{display:flex;flex-direction:column;gap:7px;margin-top:9px;padding-right:10px;border-right:3px solid #edf6f3}
.academic-grade-live{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #edf6f3;border-radius:9px}
.academic-stage-empty{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px;border:1px dashed #c7ded8;border-radius:12px;background:#edf6f3}
@media(max-width:1050px){.academic-distribution-grid{grid-template-columns:1fr}}



#adminAcademicStructureViewNav,
#fixedTeacherCreateNav{display:none!important}
.academic-command-center{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;padding:18px 20px;border:1px solid #edf6f3;border-radius:16px;background:linear-gradient(135deg,#edf6f3,#fff);margin-bottom:16px}
.academic-command-center h2{margin:0 0 5px}
.academic-command-center p{margin:0;color:#756b87;font-size:12px}
.academic-command-actions{display:flex;gap:8px;flex-wrap:wrap}
.academic-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.academic-mini-list{display:flex;flex-direction:column;gap:7px;max-height:300px;overflow:auto}
.academic-mini-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px;border:1px solid #edf6f3;background:#edf6f3;border-radius:9px}
.academic-mini-row>div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.academic-mini-row span{font-size:11px;color:#777}
@media(max-width:1050px){.academic-three{grid-template-columns:1fr}}



.sv4-selftest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sv4-card{padding:18px;border:1px solid #edf6f3;border-radius:16px;background:#fff}
.sv4-card .sv4-icon{font-size:28px;margin-bottom:6px}
.sv4-points{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.sv4-pill{padding:6px 9px;border-radius:999px;background:#edf6f3;font-size:11px}
.sv41-mastery{margin-top:14px}
.sv41-mastery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sv41-stat{padding:12px;border:1px solid #edf6f3;border-radius:12px;background:#fff}
.sv41-stat strong{display:block;font-size:22px}
.sv41-stat span{font-size:11px;color:#766d7d}
.sv41-review{margin-top:12px;display:grid;gap:8px}
.sv41-review-item{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #edf6f3;border-radius:11px;background:#fff}
.tv41-required{display:inline-flex;align-items:center;gap:5px;margin:6px 0;padding:5px 8px;border-radius:999px;background:#fff2f2;color:#9b3d3d;font-size:10px;font-weight:800}
@media(max-width:760px){.sv4-selftest,.sv41-mastery-grid{grid-template-columns:1fr 1fr}}



.tv42-shell{display:grid;gap:14px}
.tv42-context{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:14px;border:1px solid #edf6f3;border-radius:16px;background:linear-gradient(180deg,#fff,#edf6f3)}
.tv42-context label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#655b6d}
.tv42-context .tv3-select{width:100%}
.tv42-context-note{grid-column:1/-1;padding:8px 10px;border-radius:10px;background:#edf6f3;color:#756b7c;font-size:10px;line-height:1.7}
.tv42-builder{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}
.tv42-tree{display:grid;gap:8px}
.tv42-unit{border:1px solid #edf6f3;border-radius:14px;background:#fff;overflow:hidden}
.tv42-unit-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#edf6f3;border-bottom:1px solid #edf6f3}
.tv42-lesson{margin:8px 10px;border:1px solid #edf6f3;border-radius:11px;background:#fff}
.tv42-lesson-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px}
.tv42-subtopics{display:grid;gap:5px;padding:0 11px 10px}
.tv42-subtopic{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;background:#edf6f3;color:#4f4655;font-size:11px}
.tv42-actions{display:flex;gap:5px;flex-wrap:wrap}
.tv42-mini{border:1px solid #edf6f3;background:#fff;border-radius:8px;padding:5px 8px;font-size:10px;cursor:pointer}
.tv42-mini:hover{background:#edf6f3}
.tv42-add-row{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border-top:1px dashed #edf6f3}
.tv42-input{width:100%;border:1px solid #c7ded8;border-radius:9px;padding:8px 10px;font-size:11px;outline:none}
.tv42-side{display:grid;gap:10px;align-content:start}
.tv42-side-card{padding:13px;border:1px solid #edf6f3;border-radius:14px;background:#fff}
.tv42-side-card h4{margin:0 0 7px;font-size:12px}
.tv42-side-card p{margin:0;color:#766d7d;font-size:10px;line-height:1.8}
.tv42-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf6f3;font-size:10px;margin:3px 2px}
.tv42-empty{padding:28px;text-align:center;color:#817887;border:1px dashed #c7ded8;border-radius:13px;background:#edf6f3}
@media(max-width:900px){.tv42-builder{grid-template-columns:1fr}.tv42-context{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.tv42-context{grid-template-columns:1fr}.tv42-context-note{grid-column:auto}}



.em44-map-banner{padding:14px 16px;border:1px solid #edf6f3;border-radius:15px;background:linear-gradient(135deg,#fff,#edf6f3);margin-bottom:14px}
.em44-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.em44-map-card{padding:13px;border:1px solid #edf6f3;border-radius:13px;background:#fff}
.em44-map-card strong{display:block;margin-bottom:5px}.em44-map-card span{font-size:11px;color:#707786;line-height:1.7}
.em44-map-tree{display:grid;gap:8px}.em44-map-unit,.em44-map-lesson{border:1px solid #edf6f3;border-radius:12px;background:#fff}
.em44-map-unit>summary,.em44-map-lesson>summary{cursor:pointer;padding:11px 13px;font-weight:800;list-style:none}
.em44-map-unit>summary::-webkit-details-marker,.em44-map-lesson>summary::-webkit-details-marker{display:none}
.em44-map-lesson{margin:8px 12px}.em44-map-sub{padding:0 13px 10px;color:#697282;font-size:11px}
@media(max-width:800px){.em44-map-grid{grid-template-columns:1fr}}



.tv42-shell,.tv42-shell *{box-sizing:border-box}
.tv42-shell,.tv42-shell *{color:#103c42}
.tv42-context-note,.tv42-side-card p,.tv4-muted,.tv42-unit .tv4-muted,.tv42-lesson .tv4-muted{color:#746b7b!important}
.tv42-tree{display:grid;gap:14px;padding:4px}
.tv42-unit{border:1px solid #edf6f3;border-radius:17px;background:#fff!important;overflow:hidden;box-shadow:0 3px 12px rgba(64,35,86,.045)}
.tv42-unit-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:15px 16px!important;background:linear-gradient(180deg,#edf6f3,#edf6f3)!important;border-bottom:1px solid #edf6f3!important}
.tv42-unit-head>div:first-child,.tv42-lesson-head>div:first-child{min-width:0}
.tv42-unit-head strong,.tv42-lesson-head strong,.tv42-subtopic span{color:#103c42!important}
.tv42-unit-head strong{font-size:14px;line-height:1.7}
.tv42-lesson-head strong{font-size:12px;line-height:1.7}
.tv47-order{display:inline-flex;align-items:center;gap:3px;margin-inline-start:6px;padding:4px 8px;border-radius:999px;background:#edf6f3;color:#103c42!important;font-size:9px;white-space:nowrap}
.tv47-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;width:auto!important;min-width:max-content!important}
.tv47-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;height:32px!important;padding:0 9px!important;border:1px solid #c7ded8!important;background:#fff!important;color:#103c42!important;border-radius:9px!important;font-size:10px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;white-space:nowrap!important}
.tv47-btn:hover:not(:disabled){background:#edf6f3!important;border-color:#c7ded8!important}
.tv47-btn:disabled{opacity:.35!important;cursor:not-allowed!important}
.tv47-btn.danger{border-color:#edcaca!important;color:#ad3d3d!important}
.tv47-btn.move{width:32px!important;padding:0!important;font-size:13px!important}
.tv47-btn.add{border-color:#c7ded8!important;background:#edf6f3!important}
.tv48-section-label{font-size:9px;color:#83788a!important;margin-inline-end:3px}
.tv42-lesson{margin:10px 12px!important;border:1px solid #edf6f3!important;border-radius:13px!important;background:#fff!important;overflow:hidden}
.tv42-lesson-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:12px 13px!important;background:#fff!important}
.tv42-subtopics{display:grid!important;gap:5px!important;padding:0 12px 11px!important}
.tv42-subtopic{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border:1px solid #edf6f3!important;border-radius:9px!important;background:#edf6f3!important}
.tv42-subtopic>span{min-width:0;line-height:1.7}
.tv42-subtopic strong{font-size:10px}
.tv42-add-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:10px 12px!important;border-top:1px dashed #edf6f3!important;background:#edf6f3!important}
.tv42-add-row .tv42-input{height:36px!important;color:#103c42!important;background:#fff!important}
.tv48-unit-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid #edf6f3;background:#edf6f3}
.tv48-unit-footer small{color:#83788a;font-size:9px}
@media(max-width:900px){
 .tv42-unit-head,.tv42-lesson-head{grid-template-columns:1fr!important}
 .tv47-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
 .tv42-subtopic{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 .tv42-add-row{grid-template-columns:1fr!important}
 .tv47-btn{height:30px!important;padding:0 8px!important}
}



.tv49-date{display:inline-flex;align-items:center;gap:4px;margin-inline-start:6px;padding:4px 8px;border-radius:999px;background:#eef7f2;color:#28704b!important;font-size:9px;white-space:nowrap;font-weight:700}
.tv49-date.muted{background:#edf6f3;color:#827788!important}
.tv49-date.changed{background:#fff4df;color:#8a5a16!important}
.tv49-date-input{height:34px!important}
.tv49-notice{padding:9px 11px;border-radius:10px;background:#fff7e8;border:1px solid #f0dfb9;color:#765219!important;font-size:10px;line-height:1.7}
.tv49-student-date{display:inline-flex;align-items:center;margin-inline-start:6px;padding:3px 7px;border-radius:999px;background:#eef7f2;color:#28704b!important;font-size:9px}



.v50-error{margin-top:8px;padding:9px 11px;border:1px solid #efcaca;border-radius:9px;background:#fff6f6;color:#a52f2f;font-size:11px;line-height:1.7}



.live-precision{margin-top:9px;padding:9px 12px;border:1px dashed #c7ded8;border-radius:10px;background:#edf6f3;color:#756b7d;font-size:10px;line-height:1.7;text-align:center}
.live-precision.active{border-color:#c7ded8;background:#edf6f3;color:#103c42;font-weight:700}



.v65-private-notice{position:fixed;z-index:99998;bottom:18px;right:22px;width:min(340px,90vw);padding:13px;border:1px solid #c7ded8;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(20,25,40,.18);display:grid;gap:5px;direction:rtl}.v65-private-notice b{font-size:11px;color:#103c42}.v65-private-notice span{font-size:8px;color:#6e7685;line-height:1.7}.v65-private-notice button{width:auto!important;margin:4px 0 0!important;border:0!important;background:#14766c!important;color:#fff!important;border-radius:8px!important;padding:8px!important;font-size:8px!important;font-weight:900!important}



#v42LiveEditForm .live-panel{border:1px solid rgba(127,105,255,.14);border-radius:18px;padding:16px;background:rgba(255,255,255,.72)}
#v42LiveEditForm .live-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#v42LiveEditForm .live-save-btn{min-height:48px;padding:0 22px;font-size:15px}
@media(max-width:760px){#v42LiveEditForm .live-footer{align-items:stretch}#v42LiveEditForm .live-save-btn{width:100%}}



#tabarakNotesView{display:none}
#tabarakNotesView.active{display:block}
.notes-wrap{direction:rtl}
.notes-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}
.notes-hero h2{margin:0 0 8px;font-size:26px;color:#172033}
.notes-hero p{margin:0;color:#64748b;line-height:1.8}
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.note-card{background:#fff;border:1px solid #e4e9f1;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(24,39,75,.06)}
.note-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.note-id{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#64748b;letter-spacing:.04em}
.note-card h3{margin:7px 0 8px;font-size:18px;color:#172033}
.note-summary{color:#475569;line-height:1.75;margin:0 0 14px}
.note-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.note-badge.p0{background:#fff0f0;color:#b42318}.note-badge.p1{background:#fff7df;color:#946200}
.note-state{font-size:12px;color:#64748b;margin-bottom:14px}
.note-section{border-top:1px solid #edf1f6;padding-top:12px;margin-top:12px}
.note-section strong{display:block;font-size:12px;color:#334155;margin-bottom:7px}
.note-section ul{margin:0;padding-right:18px;color:#475569;line-height:1.8;font-size:13px}
.note-risk{background:#fff8f8;border:1px solid #f2d4d4;border-radius:12px;padding:11px 12px;color:#8b1e1e;font-size:13px;line-height:1.7}
.note-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.note-download{border:0;border-radius:10px;padding:9px 13px;background:#103c42;color:#fff;font-weight:800;cursor:pointer}
.note-download:hover{filter:brightness(.96);transform:translateY(-1px)}
.note-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.notes-banner{background:linear-gradient(135deg,#edf6f3,#fff);border:1px solid #edf6f3;border-radius:16px;padding:15px 17px;margin-bottom:18px;color:#103c42;line-height:1.8}
@media(max-width:900px){.notes-grid{grid-template-columns:1fr}.notes-hero{flex-direction:column}}



#teacherWorkspacePage .ca-v114-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
#teacherWorkspacePage .ca-v114-head h1{font-size:30px;letter-spacing:-.6px;margin:0;color:#103c42}
#teacherWorkspacePage .ca-v114-head p{margin:7px 0 0;color:#777087;font-size:13px;line-height:1.7}
#teacherWorkspacePage .ca-v114-actions{display:flex;gap:8px;flex-wrap:wrap}
#teacherWorkspacePage .ca-v114-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:11px;padding:10px 14px;font-family:inherit;font-weight:850;cursor:pointer}
#teacherWorkspacePage .ca-v114-btn.primary{background:#14766c;color:#fff;border-color:#14766c;box-shadow:0 7px 18px rgba(98,64,168,.18)}
#teacherWorkspacePage .ca-v114-btn.primary:hover{filter:brightness(.97);transform:translateY(-1px)}
#teacherWorkspacePage .ca-v114-btn.soft{background:#edf6f3;border-color:#edf6f3}
#teacherWorkspacePage .ca-v114-btn.danger{color:#a82b31;border-color:#f0d3d5}
#teacherWorkspacePage .ca-v114-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:16px}
#teacherWorkspacePage .ca-v114-card{background:#fff;border:1px solid #edf6f3;border-radius:19px;box-shadow:0 8px 24px rgba(42,25,68,.045);padding:18px}
#teacherWorkspacePage .ca-v114-hero-main{background:linear-gradient(135deg,#edf6f3 0%,#fff 65%);border-color:#edf6f3}
#teacherWorkspacePage .ca-v114-eyebrow{font-size:11px;font-weight:900;color:#14766c;margin-bottom:7px}
#teacherWorkspacePage .ca-v114-hero-main h2{margin:0;font-size:22px;color:#103c42}
#teacherWorkspacePage .ca-v114-hero-main p{color:#6f6679;line-height:1.8;font-size:12px;margin:8px 0 15px}
#teacherWorkspacePage .ca-v114-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#teacherWorkspacePage .ca-v114-kpi{background:#fff;border:1px solid #edf6f3;border-radius:13px;padding:11px}
#teacherWorkspacePage .ca-v114-kpi b{display:block;font-size:21px;color:#103c42}
#teacherWorkspacePage .ca-v114-kpi span{font-size:10px;color:#82798c}
#teacherWorkspacePage .ca-v114-side-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
#teacherWorkspacePage .ca-v114-side-title strong{font-size:14px}
#teacherWorkspacePage .ca-v114-scope{display:grid;gap:8px}
#teacherWorkspacePage .ca-v114-scope-row{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid #edf6f3;border-radius:12px}
#teacherWorkspacePage .ca-v114-scope-row strong{font-size:12px}.ca-v114-scope-row small{color:#8b8293}
#teacherWorkspacePage .ca-v114-toolbar{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:13px}
#teacherWorkspacePage .ca-v114-search{flex:1;min-width:220px;border:1px solid #c7ded8;border-radius:11px;padding:11px 13px;font-family:inherit;background:#fff}
#teacherWorkspacePage .ca-v114-filters{display:flex;gap:6px;flex-wrap:wrap}
#teacherWorkspacePage .ca-v114-filter{border:1px solid #edf6f3;background:#fff;border-radius:999px;padding:7px 10px;font-family:inherit;font-size:11px;font-weight:800;color:#6c6077;cursor:pointer}
#teacherWorkspacePage .ca-v114-filter.active{background:#edf6f3;color:#103c42;border-color:#c7ded8}
#teacherWorkspacePage .ca-v114-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#teacherWorkspacePage .ca-v114-content-card{border:1px solid #edf6f3;border-radius:16px;padding:14px;background:#fff;display:flex;flex-direction:column;min-height:190px;transition:.18s}
#teacherWorkspacePage .ca-v114-content-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(42,25,68,.07)}
#teacherWorkspacePage .ca-v114-content-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf6f3;color:#103c42;font-size:20px;margin-bottom:11px}
#teacherWorkspacePage .ca-v114-content-card h3{font-size:15px;margin:0 0 6px;color:#103c42;line-height:1.5}
#teacherWorkspacePage .ca-v114-content-card p{font-size:11px;color:#7c7284;line-height:1.7;margin:0 0 10px;min-height:36px}
#teacherWorkspacePage .ca-v114-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}
#teacherWorkspacePage .ca-v114-pill{font-size:9px;font-weight:850;padding:5px 7px;border-radius:999px;background:#edf6f3;color:#6e6278}
#teacherWorkspacePage .ca-v114-pill.good{background:#ebf8f0;color:#19794a}.ca-v114-pill.warn{background:#fff4e4;color:#a35c00}.ca-v114-pill.bad{background:#fff0f1;color:#a72b38}
#teacherWorkspacePage .ca-v114-card-actions{display:flex;gap:6px;margin-top:12px}
#teacherWorkspacePage .ca-v114-mini{flex:1;border:1px solid #edf6f3;background:#fff;border-radius:9px;padding:7px 8px;font-family:inherit;font-size:10px;font-weight:850;color:#103c42;cursor:pointer}
#teacherWorkspacePage .ca-v114-mini.danger{color:#a72b38}
#teacherWorkspacePage .ca-v114-assignment-hero{background:linear-gradient(135deg,#fff6e9,#fff 70%);border-color:#f0dfc4}
#teacherWorkspacePage .ca-v114-assignment-hero .ca-v114-eyebrow{color:#a46614}
#teacherWorkspacePage .ca-v114-assignment-hero h2{font-size:22px}
#teacherWorkspacePage .ca-v114-assignment-board{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}
#teacherWorkspacePage .ca-v114-assignment-list{display:grid;gap:10px}
#teacherWorkspacePage .ca-v114-assignment{border:1px solid #edf6f3;border-radius:16px;padding:15px;background:#fff}
#teacherWorkspacePage .ca-v114-assignment-top{display:flex;justify-content:space-between;gap:12px}
#teacherWorkspacePage .ca-v114-assignment h3{font-size:15px;margin:0 0 5px}.ca-v114-assignment small{color:#82798c;font-size:10px}
#teacherWorkspacePage .ca-v114-due{padding:6px 9px;border-radius:9px;font-size:10px;font-weight:900;background:#fff4e5;color:#a15f0c;white-space:nowrap}
#teacherWorkspacePage .ca-v114-due.overdue{background:#fff0f1;color:#aa2935}.ca-v114-due.future{background:#edf8f2;color:#19794b}
#teacherWorkspacePage .ca-v114-progress{height:7px;background:#edf6f3;border-radius:99px;overflow:hidden;margin:11px 0 7px}
#teacherWorkspacePage .ca-v114-progress span{display:block;height:100%;background:#14766c;border-radius:99px}
#teacherWorkspacePage .ca-v114-assignment-stats{display:flex;gap:8px;flex-wrap:wrap}
#teacherWorkspacePage .ca-v114-stat-chip{font-size:10px;color:#6e6476;background:#edf6f3;border-radius:8px;padding:6px 8px}
#teacherWorkspacePage .ca-v114-side-stat{display:grid;gap:8px}
#teacherWorkspacePage .ca-v114-side-stat .box{border:1px solid #edf6f3;border-radius:13px;padding:12px}
#teacherWorkspacePage .ca-v114-side-stat b{font-size:23px;color:#103c42;display:block}.ca-v114-side-stat span{font-size:10px;color:#82798c}
#teacherWorkspacePage .ca-v114-empty{padding:42px 18px;text-align:center;border:1px dashed #c7ded8;border-radius:16px;color:#81768d;background:#edf6f3}
#teacherWorkspacePage .ca-v114-empty strong{display:block;color:#103c42;font-size:15px;margin-bottom:6px}
@media(max-width:1000px){#teacherWorkspacePage .ca-v114-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ca-v114-hero,.ca-v114-assignment-board{grid-template-columns:1fr}}
@media(max-width:650px){#teacherWorkspacePage .ca-v114-content-grid{grid-template-columns:1fr}.ca-v114-kpis{grid-template-columns:1fr}.ca-v114-head{flex-direction:column}}



/* V115 — consistent teacher workspace controls */
#teacherWorkspacePage .tm-primary,
#teacherWorkspacePage .tm-secondary,
#teacherWorkspacePage .tv3-btn,
#teacherWorkspacePage .tv3-mini,
#teacherWorkspacePage .tv4-mini,
#teacherWorkspacePage .tv4-level,
#teacherWorkspacePage .tm-icon-btn,
#teacherWorkspacePage button[class*="btn"],
#teacherWorkspacePage button[class*="Button"]{
  font-family:inherit;
  line-height:1.25;
  min-height:38px;
  font-weight:850;
  letter-spacing:0;
}
#teacherWorkspacePage .tm-primary,
#teacherWorkspacePage .tv3-btn.primary{background:#14766c!important;color:#fff!important;border-color:#14766c!important}
#teacherWorkspacePage .tm-secondary,
#teacherWorkspacePage .tv3-btn:not(.primary){background:#fff;color:#103c42;border:1px solid #c7ded8}
#teacherWorkspacePage .tm-primary:hover,
#teacherWorkspacePage .tv3-btn:hover,
#teacherWorkspacePage .tm-secondary:hover,
#teacherWorkspacePage .tv4-mini:hover{filter:brightness(.98);transform:translateY(-1px)}
#teacherWorkspacePage .tm-table{border-collapse:separate!important;border-spacing:0 7px!important}
#teacherWorkspacePage .tm-table thead th{font-size:11px!important;color:#81758e!important;background:transparent!important;border:0!important;padding:7px 10px!important}
#teacherWorkspacePage .tm-table tbody tr{background:#fff;box-shadow:0 5px 16px rgba(45,27,75,.045)}
#teacherWorkspacePage .tm-table tbody td{border-top:1px solid #edf6f3!important;border-bottom:1px solid #edf6f3!important;padding:13px 10px!important;font-size:12px!important;vertical-align:middle}
#teacherWorkspacePage .tm-table tbody td:first-child{border-right:1px solid #edf6f3!important;border-radius:0 12px 12px 0}
#teacherWorkspacePage .tm-table tbody td:last-child{border-left:1px solid #edf6f3!important;border-radius:12px 0 0 12px}
#teacherWorkspacePage .tm-page-head{margin-bottom:16px}
#teacherWorkspacePage .tm-page-head h1{font-size:28px!important;letter-spacing:-.5px!important}
#teacherWorkspacePage .tm-card-head h3{font-size:15px!important}
#teacherWorkspacePage .v115-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
#teacherWorkspacePage .v115-kpi{background:#fff;border:1px solid #edf6f3;border-radius:16px;padding:14px;box-shadow:0 6px 18px rgba(45,27,75,.045)}
#teacherWorkspacePage .v115-kpi b{display:block;font-size:24px;color:#103c42;margin-bottom:4px}
#teacherWorkspacePage .v115-kpi span{font-size:10px;color:#82778c}
#teacherWorkspacePage .v115-report-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}
#teacherWorkspacePage .v115-bars{display:grid;gap:11px}
#teacherWorkspacePage .v115-bar-row{display:grid;grid-template-columns:90px 1fr 42px;align-items:center;gap:8px;font-size:10px;color:#6f6479}
#teacherWorkspacePage .v115-bar{height:9px;border-radius:99px;background:#edf6f3;overflow:hidden}
#teacherWorkspacePage .v115-bar i{display:block;height:100%;border-radius:99px;background:#14766c}
#teacherWorkspacePage .v115-health{display:grid;gap:8px}
#teacherWorkspacePage .v115-health-item{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;border:1px solid #edf6f3;border-radius:11px;background:#edf6f3}
#teacherWorkspacePage .v115-health-item b{font-size:15px;color:#103c42}
#teacherWorkspacePage .v115-health-item span{font-size:10px;color:#81758d}
#teacherWorkspacePage .v115-section-note{font-size:11px;color:#7b7084;line-height:1.8;margin-top:8px}
#teacherWorkspacePage .tm-empty,.tv3-empty{border-radius:16px!important;padding:34px 18px!important;background:#edf6f3!important;border:1px dashed #c7ded8!important}
#teacherWorkspacePage .tm-profile-card{overflow:hidden}
#teacherWorkspacePage .tm-profile-big{width:92px!important;height:92px!important;border-radius:26px!important;background:#edf6f3!important;display:grid!important;place-items:center!important;color:#103c42!important}
#teacherWorkspacePage .tm-list-item{min-height:58px}
#teacherWorkspacePage .tm-badge{font-weight:850!important;line-height:1.2!important}
#teacherWorkspacePage .tm-toast{font-weight:800!important}

/* Every teacher-side X/close control is intentionally red */
#teacherWorkspacePage .clean-close,
#teacherWorkspacePage .admin-close,
#teacherWorkspacePage .v86-camera-close,
#teacherWorkspacePage .account-close,
#teacherWorkspacePage button[aria-label="إغلاق"],
#teacherWorkspacePage button[aria-label="اغلاق"],
#teacherWorkspacePage button[title="إغلاق"],
#teacherWorkspacePage button[title="اغلاق"]{
  color:#c62828!important;
  border-color:#efc7c7!important;
  background:#fff4f4!important;
  font-weight:950!important;
}
#teacherWorkspacePage .clean-close:hover,
#teacherWorkspacePage .admin-close:hover,
#teacherWorkspacePage .v86-camera-close:hover,
#teacherWorkspacePage .account-close:hover{background:#ffe7e7!important;color:#a91f1f!important}

/* Live end button is destructive and visually unmistakable */
#teacherWorkspacePage #liveEndSessionBtn{
  background:#b42318!important;color:#fff!important;border-color:#b42318!important;
  font-weight:900!important;min-height:42px!important;border-radius:11px!important;
}
#teacherWorkspacePage #liveEndSessionBtn:hover{background:#9e1c13!important}
@media(max-width:1050px){#teacherWorkspacePage .v115-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v115-report-bottom{grid-template-columns:1fr}}
@media(max-width:620px){#teacherWorkspacePage .v115-report-grid{grid-template-columns:1fr}.v115-bar-row{grid-template-columns:72px 1fr 34px}}



.qb-v116{direction:rtl}.qb-v116 *{box-sizing:border-box}
.qb-v116 .qb-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.qb-v116 h1{margin:0;color:#103c42;font-size:29px;letter-spacing:-.5px}.qb-v116 h2{margin:0;color:#103c42;font-size:20px}
.qb-v116 p{color:#746a7f;line-height:1.85;font-size:12px}.qb-v116 .eyebrow{font-size:10px;font-weight:900;color:#14766c;margin-bottom:6px}
.qb-v116 .actions{display:flex;gap:8px;flex-wrap:wrap}.qb-v116 button{font-family:inherit}
.qb-v116 .btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:11px;padding:10px 14px;font-weight:850;cursor:pointer;line-height:1.35}
.qb-v116 .btn.primary{background:#103c42;color:#fff;border-color:#103c42;box-shadow:0 7px 18px rgba(94,61,157,.18)}
.qb-v116 .btn.soft{background:#edf6f3}.qb-v116 .btn.danger{color:#a82b35;border-color:#efcfd2;background:#fff}
.qb-v116 .card{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(35,25,51,.045);margin-bottom:14px}
.qb-v116 .notice{background:linear-gradient(135deg,#edf6f3,#fff);border:1px solid #edf6f3;border-radius:16px;padding:14px 16px;color:#103c42;line-height:1.9;font-size:12px}
.qb-v116 .notice.warn{background:#fff9ed;border-color:#f0dfbd;color:#785d2c}.qb-v116 .notice.red{background:#fff5f5;border-color:#efd0d0;color:#8e2b31}
.qb-v116 .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qb-v116 .kpi{border:1px solid #edf6f3;border-radius:14px;padding:13px;background:#fff}.qb-v116 .kpi b{font-size:23px;color:#103c42;display:block}.qb-v116 .kpi span{font-size:10px;color:#81778b}
.qb-v116 .toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.qb-v116 .search,.qb-v116 select{border:1px solid #c7ded8;border-radius:10px;padding:10px 12px;background:#fff;font-family:inherit;color:#103c42}.qb-v116 .search{flex:1;min-width:220px}
.qb-v116 .banks{display:grid;gap:10px}.qb-v116 .bank{border:1px solid #edf6f3;border-radius:15px;padding:14px;background:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center}.qb-v116 .bank strong{font-size:14px}.qb-v116 .bank small{display:block;color:#847a8e;margin-top:5px;line-height:1.6}.qb-v116 .bank-actions{display:flex;gap:6px;flex-wrap:wrap}
.qb-v116 .tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qb-v116 .tree select{width:100%}
.qb-v116 .questions{display:grid;gap:10px;margin-top:12px}.qb-v116 .question{border:1px solid #edf6f3;border-radius:15px;padding:14px;background:#fff}.qb-v116 .question.disabled{opacity:.58;background:#edf6f3}.qb-v116 .q-top{display:flex;justify-content:space-between;gap:10px}.qb-v116 .q-num{font-size:10px;color:#8b8193;font-weight:900}.qb-v116 .q-type{font-size:9px;background:#edf6f3;color:#103c42;border-radius:999px;padding:5px 8px;font-weight:900}.qb-v116 .question h3{font-size:14px;line-height:1.8;margin:9px 0;color:#103c42}.qb-v116 .options{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.qb-v116 .opt{border:1px solid #edf6f3;border-radius:10px;padding:8px;font-size:11px;color:#655b6d}.qb-v116 .opt.correct{border-color:#b8e3cb;background:#f1fbf5;color:#176b43;font-weight:800}
.qb-v116 .modal{position:fixed;inset:0;background:rgba(23,17,31,.48);display:none;align-items:center;justify-content:center;z-index:99999;padding:18px}.qb-v116 .modal.open{display:flex}.qb-v116 .modal-box{width:min(820px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:18px}.qb-v116 .modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.qb-v116 .x{border:0;background:#ef4444;color:#fff;width:34px;height:34px;border-radius:9px;font-size:22px;line-height:1;cursor:pointer}
.qb-v116 .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.qb-v116 label{font-size:11px;font-weight:850;color:#103c42}.qb-v116 input,.qb-v116 textarea,.qb-v116 .form-grid select{width:100%;margin-top:6px;border:1px solid #c7ded8;border-radius:10px;padding:10px 11px;font-family:inherit}.qb-v116 textarea{min-height:110px;resize:vertical}.qb-v116 .full{grid-column:1/-1}
.qb-v116 .drop{border:2px dashed #c7ded8;border-radius:16px;padding:22px;text-align:center;background:#edf6f3}.qb-v116 .drop input{border:0;background:transparent}
@media(max-width:900px){.qb-v116 .grid,.qb-v116 .tree{grid-template-columns:1fr 1fr}.qb-v116 .qb-head{flex-direction:column}}
@media(max-width:620px){.qb-v116 .grid,.qb-v116 .tree,.qb-v116 .form-grid{grid-template-columns:1fr}.qb-v116 .bank{flex-direction:column;align-items:stretch}}



.qb-teacher-v117 .qb-teacher-v117-guide{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#edf6f3,#fff);border:1px solid #edf6f3;border-radius:17px;padding:17px 18px;margin-top:14px;color:#103c42;line-height:1.9;font-size:12px}.qb-teacher-v117 .guide-icon{width:40px;height:40px;display:grid;place-items:center;background:#edf6f3;border-radius:12px;font-size:21px;flex:0 0 auto}.qb-teacher-v117-guide strong{color:#103c42;font-size:14px}.qb-teacher-v117-guide ol{margin:7px 0 0;padding-right:20px}.qb-teacher-v117-guide li{margin:3px 0}.qb-teacher-v117-note{margin-top:10px;padding:12px 14px;border-radius:12px;background:#fff9ed;border:1px solid #f0dfbd;color:#735a2a;font-size:11px;line-height:1.8}.qb-scope-count{font-size:10px;padding:6px 10px;border-radius:999px;background:#edf6f3;color:#103c42;font-weight:900}.qb-scope-list{display:flex;flex-wrap:wrap;gap:7px}.qb-scope-list span{background:#edf6f3;border:1px solid #edf6f3;border-radius:999px;padding:7px 10px;font-size:10px;color:#665a72}



.qb118-overlay{position:fixed;inset:0;z-index:100000;background:rgba(14,10,22,.66);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}
.qb118-dialog{width:min(900px,96vw);max-height:92vh;overflow:auto;background:#fff;border:1px solid #edf6f3;border-radius:24px;box-shadow:0 30px 90px rgba(20,12,31,.30);font-family:inherit}
.qb118-head{position:relative;padding:23px 26px 19px;background:linear-gradient(135deg,#103c42,#14766c);color:#fff}
.qb118-head .tag{font-size:10px;font-weight:900;opacity:.82;margin-bottom:5px}.qb118-head h2{margin:0;font-size:24px}.qb118-head p{margin:6px 0 0;font-size:12px;line-height:1.85;opacity:.92}
.qb118-close{position:absolute;left:17px;top:17px;width:38px;height:38px;border:0;border-radius:11px;background:#ef4444;color:#fff;font-size:23px;font-weight:900;cursor:pointer}
.qb118-main{padding:20px 24px 24px}.qb118-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}
.qb118-flow article{border:1px solid #edf6f3;border-radius:14px;background:#edf6f3;padding:11px}.qb118-flow b{display:flex;align-items:center;gap:7px;color:#103c42;font-size:11px}.qb118-flow i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#edf6f3;color:#103c42;font-weight:900}.qb118-flow span{display:block;color:#81778b;font-size:9px;line-height:1.7;margin-top:5px}
.qb118-help{border:1px solid #edf6f3;background:#edf6f3;border-radius:15px;padding:13px 15px;margin-bottom:14px;color:#62566d;font-size:10px;line-height:1.9}.qb118-help strong{color:#103c42;font-size:11px}.qb118-help ul{margin:6px 0 0;padding-right:18px}
.qb118-scope{border:1px solid #edf6f3;border-radius:15px;padding:13px;background:#fff;margin-bottom:12px}.qb118-scope label{font-size:10px;font-weight:850;color:#103c42}.qb118-scope select{width:100%;margin-top:6px;border:1px solid #c7ded8;border-radius:10px;padding:10px;background:#fff;font-family:inherit;color:#103c42}
.qb118-template{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #c7ded8;background:#edf6f3;border-radius:15px;padding:13px 15px;margin-bottom:12px}.qb118-template strong{display:block;font-size:11px;color:#103c42}.qb118-template span{display:block;font-size:9px;color:#80768a;margin-top:3px;line-height:1.6}
.qb118-file{border:2px dashed #c7ded8;border-radius:17px;padding:20px 16px;text-align:center;background:#edf6f3;transition:.18s}.qb118-file.drag{border-color:#14766c;background:#edf6f3}.qb118-file .ico{font-size:29px}.qb118-file strong{display:block;font-size:12px;color:#103c42;margin-top:4px}.qb118-file small{display:block;color:#847a8f;font-size:9px;margin-top:3px}.qb118-file input{display:none}.qb118-pick{display:inline-block;margin-top:10px;border:1px solid #c7ded8;border-radius:10px;background:#fff;color:#103c42;padding:9px 13px;font-weight:850;cursor:pointer;font-size:10px}
.qb118-selected{display:none;text-align:right;margin-top:9px;background:#f1faf5;border:1px solid #cde5d7;color:#236444;border-radius:10px;padding:8px 10px;font-size:9px}
.qb118-msg{display:none;margin-top:10px;border-radius:10px;padding:9px 11px;font-size:10px;line-height:1.7}.qb118-msg.show{display:block}.qb118-msg.info{background:#edf6f3;border:1px solid #edf6f3;color:#103c42}.qb118-msg.error{background:#fff4f4;border:1px solid #efd0d0;color:#922f35}.qb118-msg.ok{background:#f0faf4;border:1px solid #cce5d6;color:#236444}
.qb118-foot{display:flex;gap:8px;justify-content:flex-start;margin-top:13px}.qb118-btn{border:1px solid #c7ded8;border-radius:10px;padding:10px 15px;background:#fff;color:#103c42;font-family:inherit;font-weight:850;font-size:10px;cursor:pointer}.qb118-btn.primary{background:#103c42;border-color:#103c42;color:#fff;min-width:180px}.qb118-btn:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:650px){.qb118-flow{grid-template-columns:1fr}.qb118-template{flex-direction:column;align-items:stretch}.qb118-foot{flex-direction:column}.qb118-btn.primary{width:100%}}



.qb121-backdrop{position:fixed;inset:0;z-index:2147483000;background:rgba(16,11,24,.68);display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl;font-family:inherit}
.qb121-modal{width:min(820px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 35px 110px rgba(0,0,0,.34);border:1px solid #edf6f3}
.qb121-head{position:relative;padding:22px 26px;background:linear-gradient(135deg,#103c42,#14766c);color:#fff}
.qb121-head h2{margin:0;font-size:23px}.qb121-head p{margin:6px 0 0;font-size:11px;line-height:1.8;opacity:.92}.qb121-x{position:absolute;left:16px;top:15px;width:38px;height:38px;border:0;border-radius:11px;background:#ef4444;color:#fff;font-size:24px;font-weight:900;cursor:pointer}
.qb121-body{padding:20px 24px 24px}.qb121-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.qb121-step{border:1px solid #edf6f3;border-radius:14px;padding:11px;background:#edf6f3}.qb121-step b{font-size:11px;color:#103c42}.qb121-step span{display:block;margin-top:4px;font-size:9px;color:#81768b;line-height:1.7}
.qb121-help{background:#edf6f3;border:1px solid #edf6f3;border-radius:14px;padding:12px 15px;font-size:10px;line-height:1.85;color:#62566d;margin-bottom:13px}.qb121-help strong{color:#103c42}.qb121-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qb121-field{border:1px solid #edf6f3;border-radius:13px;padding:11px}.qb121-field.full{grid-column:1/-1}.qb121-field label{display:block;font-size:10px;font-weight:850;color:#103c42}.qb121-field select,.qb121-field input[type=text]{width:100%;margin-top:6px;box-sizing:border-box;border:1px solid #c7ded8;border-radius:9px;padding:9px;background:#fff;font:inherit;font-size:10px}
.qb121-template{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #c7ded8;background:#edf6f3;border-radius:14px;padding:12px 14px}.qb121-template b{font-size:11px;color:#103c42}.qb121-template small{display:block;color:#81768b;font-size:9px;margin-top:3px}.qb121-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:10px;padding:9px 13px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.qb121-btn.primary{background:#103c42;border-color:#103c42;color:#fff;min-width:190px}.qb121-btn:disabled{opacity:.5;cursor:not-allowed}
.qb121-drop{margin-top:10px;border:2px dashed #c7ded8;background:#edf6f3;border-radius:16px;padding:20px;text-align:center}.qb121-drop.drag{background:#edf6f3;border-color:#103c42}.qb121-drop .icon{font-size:28px}.qb121-drop b{display:block;font-size:12px;color:#103c42;margin-top:4px}.qb121-drop small{display:block;color:#847a8e;font-size:9px;margin-top:3px}.qb121-filepick{display:inline-block;margin-top:10px}.qb121-status{display:none;margin-top:10px;padding:9px 11px;border-radius:10px;font-size:10px;line-height:1.7}.qb121-status.show{display:block}.qb121-status.info{background:#edf6f3;color:#103c42;border:1px solid #edf6f3}.qb121-status.err{background:#fff4f4;color:#922f35;border:1px solid #efd0d0}.qb121-status.ok{background:#effaf4;color:#236444;border:1px solid #cce4d5}.qb121-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:12px}
@media(max-width:650px){.qb121-steps,.qb121-grid{grid-template-columns:1fr}.qb121-field.full{grid-column:auto}.qb121-template{flex-direction:column;align-items:stretch}.qb121-actions{flex-direction:column}.qb121-btn.primary{width:100%}}



.qbv122{direction:rtl;--qb-purple:#103c42;--qb-ink:#103c42;--qb-muted:#786d83;--qb-line:#edf6f3;--qb-soft:#edf6f3}
.qbv122 *{box-sizing:border-box}.qbv122 .qb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}
.qbv122 .qb-kicker{font-size:10px;font-weight:900;color:#14766c;margin-bottom:5px}.qbv122 h1{margin:0;color:var(--qb-ink);font-size:27px;letter-spacing:-.4px}.qbv122 .qb-head p{margin:7px 0 0;color:var(--qb-muted);font-size:11px;line-height:1.9;max-width:720px}
.qbv122 .qb-head-actions{display:flex;gap:8px;flex-wrap:wrap}.qbv122 .qb-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:11px;padding:10px 14px;font:inherit;font-size:10px;font-weight:900;cursor:pointer;transition:.16s}.qbv122 .qb-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(67,44,100,.08)}.qbv122 .qb-btn.primary{background:var(--qb-purple);border-color:var(--qb-purple);color:#fff}.qbv122 .qb-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.qbv122 .qb-policy{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:14px}.qbv122 .qb-card{background:#fff;border:1px solid var(--qb-line);border-radius:18px;padding:16px;box-shadow:0 7px 25px rgba(55,37,77,.045)}
.qbv122 .qb-policy-main{background:linear-gradient(135deg,#edf6f3,#fff);border-color:#c7ded8}.qbv122 .qb-policy-main h3,.qbv122 .qb-card h3{margin:0;font-size:13px;color:var(--qb-ink)}.qbv122 .qb-policy-main p{margin:7px 0 0;color:var(--qb-muted);font-size:10px;line-height:1.85}.qbv122 .qb-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.qbv122 .qb-rule{border:1px solid #edf6f3;border-radius:12px;padding:9px;background:#fff}.qbv122 .qb-rule b{font-size:10px;color:#103c42}.qbv122 .qb-rule span{display:block;font-size:9px;color:#83798d;margin-top:3px;line-height:1.6}
.qbv122 .qb-scope-strip{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.qbv122 .qb-scope-count{font-size:10px;color:#103c42}.qbv122 .qb-scope-pill{border:1px solid #edf6f3;background:#edf6f3;color:#103c42;border-radius:999px;padding:7px 9px;font-size:9px}
.qbv122 .qb-builder{margin-top:14px}.qbv122 .qb-builder-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:11px}.qbv122 .qb-builder-head p{margin:4px 0 0;color:var(--qb-muted);font-size:9px}.qbv122 .qb-stepbar{display:flex;gap:7px;align-items:center}.qbv122 .qb-step{display:flex;align-items:center;gap:5px;color:#8b8193;font-size:9px}.qbv122 .qb-step b{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#edf6f3;color:#14766c;font-size:9px}.qbv122 .qb-step.active{color:#103c42;font-weight:900}.qbv122 .qb-step.active b{background:#edf6f3;color:#103c42}.qbv122 .qb-step-line{width:22px;height:1px;background:#edf6f3}
.qbv122 .qb-select-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.qbv122 .qb-field label{display:block;font-size:9px;font-weight:900;color:#103c42;margin-bottom:5px}.qbv122 select,.qbv122 input[type=text]{width:100%;border:1px solid #c7ded8;background:#fff;border-radius:10px;padding:10px 9px;font:inherit;font-size:10px;color:#103c42;outline:none}.qbv122 select:focus,.qbv122 input[type=text]:focus{border-color:#14766c;box-shadow:0 0 0 3px rgba(101,65,159,.08)}.qbv122 .qb-disabled-note{margin-top:9px;padding:9px 11px;border-radius:11px;background:#edf6f3;color:#7c7186;font-size:9px;line-height:1.7;border:1px solid #edf6f3}
.qbv122 .qb-target{display:grid;grid-template-columns:190px 1fr;gap:9px;margin-top:10px}.qbv122 .qb-target-panel{border:1px solid #edf6f3;border-radius:13px;padding:11px;background:#edf6f3}.qbv122 .qb-target-panel strong{font-size:10px;color:#103c42}.qbv122 .qb-target-panel small{display:block;color:#81768c;font-size:8px;margin-top:3px;line-height:1.6}.qbv122 .qb-path{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}.qbv122 .qb-path span{background:#edf6f3;border:1px solid #edf6f3;color:#103c42;border-radius:8px;padding:6px 8px;font-size:9px}.qbv122 .qb-path .current{background:#edf6f3;color:#103c42;font-weight:900}
.qbv122 .qb-actions-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding:12px;border:1px solid #edf6f3;border-radius:14px;background:linear-gradient(180deg,#fff,#edf6f3)}.qbv122 .qb-actions-copy strong{display:block;font-size:11px;color:#103c42}.qbv122 .qb-actions-copy span{display:block;color:#80758a;font-size:9px;margin-top:3px}.qbv122 .qb-actions{display:flex;gap:7px}.qbv122 .qb-lock{color:#9b91a2;font-size:9px}
.qbv122 .qb-banks{margin-top:14px}.qbv122 .qb-banks-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.qbv122 .qb-banks-head h3{margin:0;font-size:13px;color:var(--qb-ink)}.qbv122 .qb-bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qbv122 .qb-bank{border:1px solid var(--qb-line);border-radius:15px;padding:13px;background:#fff}.qbv122 .qb-bank-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.qbv122 .qb-bank-title{font-size:11px;font-weight:900;color:#103c42}.qbv122 .qb-status{font-size:8px;padding:5px 7px;border-radius:999px;background:#edf6f3;color:#103c42;white-space:nowrap}.qbv122 .qb-bank-meta{margin-top:7px;color:#80758a;font-size:9px;line-height:1.7}.qbv122 .qb-bank-actions{display:flex;gap:6px;margin-top:10px}.qbv122 .qb-empty{padding:28px;text-align:center;border:1px dashed #c7ded8;border-radius:15px;color:#847a8f;background:#edf6f3;font-size:10px}.qbv122 .qb-danger{color:#a7333b!important;border-color:#edcfd2!important}
.qbv122 .qb-alert{margin-top:10px;display:none;border-radius:11px;padding:9px 11px;font-size:9px;line-height:1.7}.qbv122 .qb-alert.show{display:block}.qbv122 .qb-alert.info{background:#edf6f3;color:#103c42;border:1px solid #edf6f3}.qbv122 .qb-alert.ok{background:#effaf4;color:#236444;border:1px solid #cce4d5}.qbv122 .qb-alert.err{background:#fff4f4;color:#922f35;border:1px solid #efd0d0}
.qbv122 .qb-modal-backdrop{position:fixed;inset:0;z-index:2147482500;background:rgba(15,10,23,.67);display:flex;align-items:center;justify-content:center;padding:18px}.qbv122 .qb-modal{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;border:1px solid #edf6f3;box-shadow:0 35px 100px rgba(0,0,0,.3)}.qbv122 .qb-modal-head{position:relative;padding:20px 23px;background:linear-gradient(135deg,#103c42,#14766c);color:#fff}.qbv122 .qb-modal-head h2{margin:0;font-size:20px}.qbv122 .qb-modal-head p{margin:5px 0 0;font-size:9px;line-height:1.8;opacity:.92}.qbv122 .qb-modal-x{position:absolute;left:14px;top:13px;width:36px;height:36px;border:0;border-radius:10px;background:#ef4444;color:#fff;font-size:22px;font-weight:900;cursor:pointer}.qbv122 .qb-modal-body{padding:18px 21px 21px}.qbv122 .qb-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.qbv122 .qb-upload-drop{grid-column:1/-1;border:2px dashed #c7ded8;border-radius:15px;padding:22px;text-align:center;background:#edf6f3}.qbv122 .qb-upload-drop b{display:block;font-size:11px;margin-top:4px;color:#103c42}.qbv122 .qb-upload-drop small{display:block;font-size:8px;color:#857a8f;margin-top:3px}.qbv122 .qb-file-name{display:none;margin-top:8px;font-size:9px;color:#236444}.qbv122 .qb-modal-actions{display:flex;gap:7px;margin-top:11px}
@media(max-width:850px){.qbv122 .qb-policy,.qbv122 .qb-select-grid,.qbv122 .qb-bank-grid{grid-template-columns:1fr 1fr}.qbv122 .qb-target{grid-template-columns:1fr}.qbv122 .qb-head{flex-direction:column}}
@media(max-width:560px){.qbv122 .qb-policy,.qbv122 .qb-select-grid,.qbv122 .qb-bank-grid,.qbv122 .qb-upload-grid{grid-template-columns:1fr}.qbv122 .qb-step-line{display:none}.qbv122 .qb-actions-panel{flex-direction:column;align-items:stretch}.qbv122 .qb-actions{flex-direction:column}}



.qb-import-modal{width:min(940px,94vw);max-height:90vh;overflow:hidden;border-radius:24px}
.qb-import-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.qb-import-kicker{display:inline-block;font-size:12px;font-weight:800;color:#14766c;background:#edf6f3;border-radius:999px;padding:6px 10px;margin-bottom:7px}
.qb-import-head h2{margin:0;font-size:24px;line-height:1.35}
.qb-import-head p{margin:6px 0 0;color:#776d82;font-size:13px;line-height:1.8}
.qb-import-steps{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.qb-import-steps>div{display:flex;align-items:center;gap:7px;color:#8a8194;font-weight:700;font-size:12px}
.qb-import-steps>div.active{color:#14766c}
.qb-import-steps b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#edf6f3;color:#14766c}
.qb-import-steps .active b{background:#14766c;color:#fff}
.qb-import-steps i{height:1px;background:#edf6f3;flex:1}
.qb-import-note{display:flex;gap:10px;align-items:center;background:#edf6f3;border:1px solid #edf6f3;border-radius:14px;padding:11px 13px;margin-bottom:15px}
.qb-import-note strong{color:#103c42;white-space:nowrap}
.qb-import-note span{color:#756b80;font-size:12px}
.qb-import-section{border:1px solid #edf6f3;border-radius:18px;padding:15px;margin-bottom:13px;background:#fff}
.qb-import-section-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.qb-import-section-title>span{width:30px;height:30px;border-radius:10px;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-weight:900}
.qb-import-section-title strong{display:block;font-size:14px}
.qb-import-section-title small{display:block;color:#8a8194;margin-top:2px;font-size:11px}
.qb-import-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qb-import-wide{grid-column:span 2}
.qb-import-path{margin-top:11px;background:#edf6f3;border-radius:12px;padding:10px 12px;color:#786c86;font-size:12px;min-height:20px}
.qb-import-path span,.qb-import-path strong{display:inline-block}
.qb-import-path b{margin:0 7px;color:#46877f}
.qb-import-drop{min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1.5px dashed #c7ded8!important;background:linear-gradient(180deg,#edf6f3,#edf6f3);cursor:pointer;transition:.18s}
.qb-import-drop.drag{border-color:#14766c!important;background:#edf6f3}
.qb-import-file-icon{font-size:32px}
.qb-import-drop b{font-size:14px}
.qb-import-drop>span{font-size:11px;color:#8a8194}
.qb-import-drop .qb-btn{margin-top:5px}
.qb-import-drop .qb-file-name{margin-top:3px}
.qb-import-modal .qb-modal-body{overflow:auto;max-height:calc(90vh - 120px)}
@media(max-width:760px){.qb-import-grid{grid-template-columns:1fr 1fr}.qb-import-wide{grid-column:span 2}.qb-import-steps{gap:5px}}
@media(max-width:520px){.qb-import-grid{grid-template-columns:1fr}.qb-import-wide{grid-column:span 1}.qb-import-note{display:block}.qb-import-note strong{display:block;margin-bottom:4px}}



body>.qb-modal-backdrop{
 position:fixed!important;inset:0!important;z-index:2147483647!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 padding:18px!important;background:rgba(10,8,18,.72)!important;
 box-sizing:border-box!important;
}
body>.qb-modal-backdrop .qb-import-modal{
 display:block!important;position:relative!important;
 width:min(940px,94vw)!important;max-width:940px!important;
 max-height:90vh!important;overflow:hidden!important;
 background:#fff!important;color:#103c42!important;
 border-radius:24px!important;border:1px solid #edf6f3!important;
 box-shadow:0 35px 100px rgba(0,0,0,.38)!important;
 box-sizing:border-box!important;
}
body>.qb-modal-backdrop .qb-import-head{
 display:flex!important;justify-content:space-between!important;align-items:flex-start!important;
 gap:18px!important;padding:22px 24px!important;
 background:linear-gradient(135deg,#103c42,#14766c)!important;color:#fff!important;
}
body>.qb-modal-backdrop .qb-modal-x{
 position:relative!important;inset:auto!important;flex:0 0 38px!important;
 width:38px!important;height:38px!important;border:0!important;border-radius:10px!important;
 background:#ef4444!important;color:#fff!important;font-size:23px!important;
 font-weight:900!important;cursor:pointer!important;display:grid!important;place-items:center!important;
}
body>.qb-modal-backdrop .qb-modal-body{
 display:block!important;padding:18px 21px 21px!important;
 overflow:auto!important;max-height:calc(90vh - 112px)!important;
 background:#fff!important;
}
body>.qb-modal-backdrop .qb-import-grid{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;
}
body>.qb-modal-backdrop .qb-import-wide{grid-column:span 2!important}
body>.qb-modal-backdrop .qb-import-section{
 display:block!important;border:1px solid #edf6f3!important;border-radius:18px!important;
 padding:15px!important;margin-bottom:13px!important;background:#fff!important;
}
body>.qb-modal-backdrop .qb-import-section-title{
 display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:13px!important;
}
body>.qb-modal-backdrop .qb-import-drop{
 min-height:125px!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;gap:5px!important;
 border:1.5px dashed #c7ded8!important;background:linear-gradient(180deg,#edf6f3,#edf6f3)!important;
 cursor:pointer!important;
}
body>.qb-modal-backdrop .qb-field label{
 display:flex!important;flex-direction:column!important;gap:6px!important;
 font-size:12px!important;font-weight:700!important;color:#103c42!important;
}
body>.qb-modal-backdrop .qb-field select,
body>.qb-modal-backdrop .qb-field input{
 width:100%!important;min-height:42px!important;padding:9px 11px!important;
 border:1px solid #c7ded8!important;border-radius:11px!important;
 background:#fff!important;color:#103c42!important;box-sizing:border-box!important;
 font:inherit!important;
}
body>.qb-modal-backdrop .qb-modal-actions{
 display:flex!important;justify-content:flex-end!important;gap:10px!important;
 margin-top:13px!important;padding-top:13px!important;border-top:1px solid #edf6f3!important;
}
body>.qb-modal-backdrop .qb-btn{
 min-height:42px!important;padding:9px 16px!important;border:1px solid #c7ded8!important;
 border-radius:11px!important;background:#fff!important;color:#103c42!important;
 cursor:pointer!important;font-weight:800!important;
}
body>.qb-modal-backdrop .qb-btn.primary{
 background:#14766c!important;color:#fff!important;border-color:#14766c!important;
}
body>.qb-modal-backdrop .qb-btn:disabled{opacity:.45!important;cursor:not-allowed!important}
body>.qb-modal-backdrop .qb-alert.show{display:block!important}
@media(max-width:760px){
 body>.qb-modal-backdrop .qb-import-grid{grid-template-columns:1fr 1fr!important}
 body>.qb-modal-backdrop .qb-import-wide{grid-column:span 2!important}
}
@media(max-width:520px){
 body>.qb-modal-backdrop{padding:8px!important}
 body>.qb-modal-backdrop .qb-import-grid{grid-template-columns:1fr!important}
 body>.qb-modal-backdrop .qb-import-wide{grid-column:span 1!important}
 body>.qb-modal-backdrop .qb-import-head h2{font-size:19px!important}
}



.qbv122 .qb-main-start{margin-top:14px!important}
.qbv122 .qb-main-start .qb-actions-copy strong{font-size:15px!important}
.qbv122 .qb-main-start .qb-actions-copy span{font-size:12px!important;line-height:1.8!important}
.qbv122 .qb-main-start .qb-btn{min-height:44px!important;font-size:12px!important}



.qbv122 .qb-main-workflow{margin-top:14px!important}
.qbv122 .qb-main-workflow .qb-builder-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important}
.qbv122 .qb-main-workflow .qb-builder-head h3{font-size:18px!important;margin:4px 0!important}
.qbv122 .qb-main-workflow .qb-builder-head p{font-size:12px!important;line-height:1.9!important;color:#756a80!important;margin:0!important}
.qbv122 .qb-main-workflow .qb-main-start{margin-top:15px!important}
.qbv122 .qb-main-workflow .qb-btn{min-height:44px!important;font-size:12px!important}
@media(max-width:760px){.qbv122 .qb-main-workflow .qb-builder-head{display:block!important}.qbv122 .qb-main-workflow .qb-stepbar{margin-top:12px!important}}



.qbv122 .qb-bank-section{margin-top:16px}
.qbv122 .qb-bank-section-head h3{margin:4px 0;font-size:18px}
.qbv122 .qb-bank-section-head p{margin:0;color:#7d7285;font-size:12px}
.qbv122 .qb-bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:13px;margin-top:12px}
.qbv122 .qb-bank-card{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:15px;box-shadow:0 5px 18px rgba(75,47,110,.05)}
.qbv122 .qb-bank-card-top{display:flex;justify-content:space-between;align-items:center}
.qbv122 .qb-bank-icon{width:34px;height:34px;border-radius:10px;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-weight:900}
.qbv122 .qb-bank-status{font-size:10px;padding:5px 8px;border-radius:999px;background:#edf6f3;color:#756a80}
.qbv122 .qb-bank-card h4{margin:12px 0 5px;font-size:15px}
.qbv122 .qb-bank-card p{margin:0;color:#7d7285;font-size:11px;min-height:30px;line-height:1.7}
.qbv122 .qb-bank-meta{display:flex;gap:8px;margin:11px 0;font-size:11px;color:#766b80}
.qbv122 .qb-bank-meta span{background:#edf6f3;border-radius:8px;padding:5px 8px}
.qbv122 .qb-bank-actions{display:flex;gap:7px;flex-wrap:wrap}
.qbv122 .qb-btn.small{min-height:34px;padding:6px 10px;font-size:11px}
.qbv122 .qb-btn.danger{border-color:#efb7b7;color:#b42323}
.qbv122 .qb-btn.danger-solid{background:#dc2626;color:#fff;border-color:#dc2626}
body>.qb-modal-backdrop .qb-bank-preview{width:min(1000px,95vw)}
body>.qb-modal-backdrop .qb-preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:800;color:#103c42}
body>.qb-modal-backdrop .qb-preview-list{display:grid;gap:10px}
body>.qb-modal-backdrop .qb-question-card{border:1px solid #edf6f3;border-radius:16px;padding:13px;background:#fff}
body>.qb-modal-backdrop .qb-question-card.disabled{opacity:.65;background:#fafafa}
body>.qb-modal-backdrop .qb-q-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
body>.qb-modal-backdrop .qb-q-number{width:27px;height:27px;border-radius:8px;background:#14766c;color:#fff;display:grid;place-items:center;font-weight:900}
body>.qb-modal-backdrop .qb-q-type,.qb-q-status,.qb-q-path{font-size:10px;padding:5px 8px;border-radius:999px;background:#edf6f3;color:#665971}
body>.qb-modal-backdrop .qb-q-status.disabled{background:#fee2e2;color:#991b1b}
body>.qb-modal-backdrop .qb-q-status.active,.qb-q-status.complete{background:#e9f8ef;color:#17663a}
body>.qb-modal-backdrop .qb-q-status.needs_review{background:#fff6db;color:#875f00}
body>.qb-modal-backdrop .qb-q-text{font-size:14px;font-weight:800;line-height:1.8;margin:11px 0}
body>.qb-modal-backdrop .qb-q-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body>.qb-modal-backdrop .qb-q-options span{padding:8px;border:1px solid #edf6f3;border-radius:10px;font-size:11px}
body>.qb-modal-backdrop .qb-q-options span.correct{border-color:#7cc59b;background:#effaf3}
body>.qb-modal-backdrop .qb-q-options b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#edf6f3;color:#14766c;margin-left:6px}
body>.qb-modal-backdrop .qb-q-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:10px}
body>.qb-modal-backdrop .qb-question-editor{width:min(900px,95vw)}
body>.qb-modal-backdrop .qb-editor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body>.qb-modal-backdrop .qb-editor-wide{grid-column:span 4}
body>.qb-modal-backdrop .qb-editor-wide textarea{min-height:105px;resize:vertical}
body>.qb-modal-backdrop .qb-editor-section{border:1px solid #edf6f3;border-radius:15px;padding:13px;margin-top:14px}
body>.qb-modal-backdrop .qb-editor-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}
body>.qb-modal-backdrop .qb-editor-section-title span{font-size:10px;color:#7c7183}
body>.qb-modal-backdrop .qb-field textarea{width:100%;box-sizing:border-box;border:1px solid #c7ded8;border-radius:11px;padding:10px;font:inherit;color:#103c42}
@media(max-width:700px){body>.qb-modal-backdrop .qb-q-options{grid-template-columns:1fr}body>.qb-modal-backdrop .qb-editor-grid{grid-template-columns:1fr 1fr}body>.qb-modal-backdrop .qb-editor-wide{grid-column:span 2}}
@media(max-width:480px){body>.qb-modal-backdrop .qb-editor-grid{grid-template-columns:1fr}body>.qb-modal-backdrop .qb-editor-wide{grid-column:span 1}}



/* V150 — context-first question bank UI */
.qb149-context-gate,
.qb149-sa-context{
  background:#fff;
  border:1px solid #edf6f3;
  border-radius:20px;
  padding:22px 24px 20px;
  margin:14px 0 20px;
  direction:rtl;
  box-sizing:border-box;
  box-shadow:0 5px 18px rgba(73,45,111,.035);
}
.qb149-context-head{
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:18px;
}
.qb149-context-head>div{flex:1;text-align:right}
.qb149-context-head h2,
.qb149-context-head h3{
  margin:3px 0 6px;
  color:#103c42;
  font-size:19px;
  font-weight:800;
  line-height:1.5;
}
.qb149-context-head p{
  margin:0;
  color:#75687f;
  font-size:11px;
  line-height:1.9;
}
.qb149-lock{
  flex:0 0 auto;
  background:#edf6f3;
  color:#103c42;
  border:1px solid #edf6f3;
  border-radius:999px;
  padding:8px 12px;
  font-size:10px;
  white-space:nowrap;
}
.qb149-context-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
.qb149-context-grid label,
.qb149-edit-header label,
.qb149-editor label{
  display:block;
  min-width:0;
  font-size:10px;
  font-weight:800;
  color:#5d5267;
  text-align:right;
}
.qb149-context-grid select,
.qb149-edit-header input,
.qb149-edit-header select,
.qb149-editor input,
.qb149-editor select,
.qb149-editor textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  margin-top:6px;
  padding:11px 12px;
  min-height:42px;
  border:1px solid #c7ded8;
  border-radius:11px;
  background:#fff;
  color:#103c42;
  font:inherit;
  outline:none;
}
.qb149-context-grid select:focus,
.qb149-edit-header input:focus,
.qb149-edit-header select:focus,
.qb149-editor input:focus,
.qb149-editor select:focus,
.qb149-editor textarea:focus{
  border-color:#14766c;
  box-shadow:0 0 0 3px rgba(121,81,187,.08);
}
.qb149-context-grid select:disabled{
  background:#edf6f3;
  color:#a095a9;
  cursor:not-allowed;
}
.qb149-target-field{grid-column:span 2}
.qb149-context-grid label:nth-child(5){
  grid-column:1 / span 2;
}
.qb149-context-grid label:nth-child(6){
  grid-column:3 / span 2;
}
.qb149-context-foot{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  margin-top:15px;
}
.qb149-context-foot>div{
  width:100%;
  box-sizing:border-box;
  background:#edf6f3;
  border:1px solid #edf6f3;
  border-radius:11px;
  padding:10px 12px;
  font-size:11px;
  line-height:1.7;
  color:#665a70;
  text-align:right;
}
.qb149-context-foot .qb-btn{
  width:100%;
  min-height:44px;
}
.qb149-context-foot .qb-btn:disabled{
  opacity:.48;
  cursor:not-allowed;
}
.qb149-context-gate .qb-alert{margin-top:10px;text-align:right}

/* Full-page bank view/edit */
.qb149-page{
  max-width:1180px;
  margin:0 auto;
  padding:0 4px 40px;
  direction:rtl;
}
.qb149-page .qb148-page-head{
  text-align:right;
}
.qb149-summary{
  direction:rtl;
}
.qb149-toolbar{
  direction:rtl;
}
.qb149-editor{
  direction:rtl;
}
.qb149-editor .full{grid-column:1/-1}
.qb149-location{grid-column:1/-1}

/* Super-admin context block */
.qb149-sa-context{
  margin-top:14px;
}
.qb149-sa-context #qb149SaPath{
  margin-top:12px;
  width:100%;
  box-sizing:border-box;
  background:#edf6f3;
  border:1px solid #edf6f3;
  border-radius:11px;
  padding:10px 12px;
  font-size:11px;
  line-height:1.7;
  color:#665a70;
  text-align:right;
}
.qb149-sa-context .qb149-context-grid label:nth-child(5){
  grid-column:1 / span 2;
}
.qb149-sa-context .qb149-context-grid label:nth-child(6){
  grid-column:3 / span 2;
}

/* Gate pages use the same hierarchy */
.qb149-gate-page{
  max-width:1050px;
  margin:20px auto;
  direction:rtl;
}
.qb149-gate-page .qb149-context-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.qb149-gate-page .qb149-context-grid label:nth-child(5){
  grid-column:1 / span 2;
}
.qb149-gate-page .qb149-context-grid label:nth-child(6){
  grid-column:3 / span 2;
}
.qb149-gate-page .qb149-context-foot{
  margin-top:14px;
}

/* Avoid the broken-looking vertical helper/button area seen in the old layout. */
.qb149-context-gate + .qb-bank-section{
  margin-top:10px;
}

@media(max-width:900px){
  .qb149-context-grid,
  .qb149-gate-page .qb149-context-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .qb149-context-grid label:nth-child(5),
  .qb149-context-grid label:nth-child(6),
  .qb149-gate-page .qb149-context-grid label:nth-child(5),
  .qb149-gate-page .qb149-context-grid label:nth-child(6){
    grid-column:auto;
  }
}
@media(max-width:600px){
  .qb149-context-gate,
  .qb149-sa-context{padding:17px 14px}
  .qb149-context-head{
    flex-direction:column;
    align-items:stretch;
  }
  .qb149-context-grid,
  .qb149-gate-page .qb149-context-grid{
    grid-template-columns:1fr;
  }
  .qb149-context-grid label:nth-child(5),
  .qb149-context-grid label:nth-child(6),
  .qb149-gate-page .qb149-context-grid label:nth-child(5),
  .qb149-gate-page .qb149-context-grid label:nth-child(6){
    grid-column:auto;
  }
}



.qb149-context-grid label:nth-child(5),
.qb149-context-grid label:nth-child(6){
  position:relative;
  padding-top:8px;
}
.qb149-context-grid label:nth-child(5)::before,
.qb149-context-grid label:nth-child(6)::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:1px;
  background:#edf6f3;
}
.qb149-context-grid label:nth-child(5)::after{
  content:"الخطوة التالية";
  position:absolute;
  top:-8px;
  right:10px;
  background:#fff;
  padding:0 6px;
  color:#14766c;
  font-size:9px;
  font-weight:800;
}



.qb149-context-gate .qb149-context-foot>div:empty{display:none}
.qb149-context-gate .qb149-context-foot{margin-top:14px}
.qb149-context-gate .qb149-context-grid select{cursor:pointer}
.qb149-context-gate .qb149-context-grid select:disabled{cursor:not-allowed}



.qb149-context-gate,.qb149-context-gate *,.qb149-sa-context,.qb149-sa-context *{color-scheme:light}
.qb149-context-gate .qb149-context-head h2,.qb149-context-gate .qb149-context-head h3,.qb149-context-gate .qb149-context-head p,.qb149-context-gate label,.qb149-context-gate .qb149-context-foot>div,.qb149-sa-context h2,.qb149-sa-context p,.qb149-sa-context label,.qb149-sa-context #qb149SaPath{color:#103c42 !important}
.qb149-context-gate .qb-kicker,.qb149-sa-context .qb-sa-kicker{color:#14766c !important}
.qb149-context-gate select,.qb149-sa-context select,.qb149-context-gate select option,.qb149-sa-context select option{color:#103c42 !important;background:#fff !important}
.qb149-context-gate .qb149-context-foot .qb-btn.primary{color:#fff !important;background:#14766c !important}
.qb149-context-gate .qb149-lock{color:#14766c !important}



.qb149-context-gate,
.qb149-context-gate label,
.qb149-context-gate p,
.qb149-context-gate h2,
.qb149-context-gate h3,
.qb149-context-gate .qb-kicker,
.qb149-context-gate .qb149-context-foot>div{color:#103c42 !important}
.qb149-context-gate select,
.qb149-context-gate select:focus,
.qb149-context-gate select:disabled{
 color:#103c42 !important;
 -webkit-text-fill-color:#103c42 !important;
 background:#fff !important;
 opacity:1 !important;
}
.qb149-context-gate select option{
 color:#103c42 !important;
 background:#fff !important;
}
.qb149-context-gate select:disabled option{color:#8a7e94 !important}
.qb149-context-gate .qb149-context-foot .qb-btn.primary{
 color:#fff !important;
 -webkit-text-fill-color:#fff !important;
 background:#14766c !important;
 opacity:1 !important;
}
.qb149-context-gate .qb149-context-foot .qb-btn.primary:disabled{
 background:#46877f !important;
 color:#fff !important;
 -webkit-text-fill-color:#fff !important;
 opacity:1 !important;
}
.qb149-context-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.qb149-context-grid label:nth-child(5){grid-column:1 / span 2}
.qb149-context-grid label:nth-child(6){grid-column:3 / span 2}
.qb149-context-grid label:nth-child(7){grid-column:1 / span 4}
@media(max-width:900px){
 .qb149-context-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .qb149-context-grid label:nth-child(5),
 .qb149-context-grid label:nth-child(6),
 .qb149-context-grid label:nth-child(7){grid-column:auto}
}
@media(max-width:600px){
 .qb149-context-grid{grid-template-columns:1fr !important}
}



.qb149-context-gate select,
.qb149-context-gate select:hover,
.qb149-context-gate select:focus,
.qb149-context-gate select:active,
.qb149-context-gate select:disabled{
  appearance:auto !important;
  -webkit-appearance:auto !important;
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
  text-shadow:none !important;
  opacity:1 !important;
  background-color:#fff !important;
}
.qb149-context-gate select option,
.qb149-context-gate select option:checked,
.qb149-context-gate select option:hover{
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
  background:#fff !important;
}
.qb149-context-gate select:disabled,
.qb149-context-gate select:disabled option{
  color:#7b6d86 !important;
  -webkit-text-fill-color:#7b6d86 !important;
  opacity:1 !important;
}
/* Explicitly target the stage selectors used by the teacher and gate pickers. */
[id$="Stage"],
[id$="Stage"]:focus,
[id$="Stage"] option,
[id$="Stage"] option:checked{
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
  background-color:#fff !important;
  text-shadow:none !important;
}
[id$="Level"]:not(:disabled){
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
  background-color:#fff !important;
}



/* Unified dropdown readability — no white text on light surfaces */
.qb149-context-gate select,
.qb149-context-gate select *,
.qb149-sa-context select,
.qb149-sa-context select *,
.qb149-page select,
.qbv122 select,
.qbv122 select *{
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
  background-color:#fff !important;
  text-shadow:none !important;
  opacity:1 !important;
  color-scheme:light !important;
}
.qb149-context-gate select option,
.qb149-sa-context select option,
.qb149-page select option,
.qbv122 select option,
.qb149-context-gate select option:checked,
.qb149-sa-context select option:checked,
.qbv122 select option:checked{
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
  background:#fff !important;
  font-weight:600 !important;
}
.qb149-context-gate select:disabled,
.qb149-sa-context select:disabled,
.qbv122 select:disabled{
  color:#74657f !important;
  -webkit-text-fill-color:#74657f !important;
  background:#edf6f3 !important;
  opacity:1 !important;
}
.qb149-context-gate select:disabled option,
.qb149-sa-context select:disabled option,
.qbv122 select:disabled option{
  color:#74657f !important;
  -webkit-text-fill-color:#74657f !important;
}
[id$="Term"],[id$="Stage"],[id$="Grade"],[id$="Subject"],[id$="Unit"],[id$="Level"],[id$="Target"],
[id^="qbv122"]{
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
}
[id$="Term"] option,[id$="Stage"] option,[id$="Grade"] option,[id$="Subject"] option,
[id$="Unit"] option,[id$="Level"] option,[id$="Target"] option{
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
  background:#fff !important;
}
/* Result page */
.qb149-context-result{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 margin:14px 0;
 padding:13px 16px;
 border:1px solid #edf6f3;
 border-radius:12px;
 background:#edf6f3;
 color:#103c42;
}
.qb149-context-result strong{color:#14766c !important}
.qb149-context-result span{color:#103c42 !important}



.qb159-table-wrap{width:100%;overflow:auto;border:1px solid #edf6f3;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(65,40,95,.06)}
.qb159-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;direction:rtl}
.qb159-table th{background:#edf6f3;color:#103c42!important;font-weight:800;padding:15px 12px;border-bottom:1px solid #edf6f3;white-space:nowrap}
.qb159-table td{padding:13px 12px;border-bottom:1px solid #edf6f3;color:#103c42!important;background:#fff;vertical-align:middle}
.qb159-table tr:last-child td{border-bottom:0}
.qb159-table tr:hover td{background:#edf6f3}
.qb159-table tr.is-disabled td{opacity:.58}
.qb159-num{font-weight:800;color:#14766c!important;text-align:center;width:55px}
.qb159-question-cell{max-width:390px;min-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.qb159-correct{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;border-radius:9px;background:#edf6f3;color:#103c42!important;font-weight:900}
.qb159-action{border:1px solid #c7ded8;background:#fff;border-radius:9px;padding:8px 18px;cursor:pointer;font-weight:800;font-size:13px}
.qb159-action:hover{background:#edf6f3}
.qb159-action.edit{color:#103c42!important}
.qb159-action.view{color:#263c5e!important}
.qb159-table-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0 12px;padding:14px 16px;border:1px solid #edf6f3;border-radius:14px;background:#edf6f3;color:#103c42}
.qb159-table-head strong{font-size:18px;color:#103c42!important;display:block}
.qb159-table-head span{font-size:13px;color:#6c6075!important}
.qb159-legend{display:flex;align-items:center;gap:8px}
.qb159-legend b{color:#103c42!important}
.qb159-empty{margin-top:14px;padding:35px;text-align:center;border:1px dashed #c7ded8;border-radius:14px;color:#103c42;background:#fff}
.qb159-question-modal{max-width:900px;width:min(92vw,900px)}
.qb159-tabs{display:flex;gap:8px;padding:12px 18px 0;border-bottom:1px solid #edf6f3;background:#fff}
.qb159-tabs button{border:0;background:#edf6f3;color:#103c42!important;padding:11px 24px;border-radius:10px 10px 0 0;font-weight:800;cursor:pointer}
.qb159-tabs button.active{background:#14766c;color:#fff!important}
.qb159-tab-panel{padding:20px}
.qb159-question-box{padding:20px;border:1px solid #edf6f3;border-radius:14px;background:#edf6f3}
.qb159-label{font-size:12px;font-weight:800;color:#103c42;margin-bottom:8px}
.qb159-question-text{font-size:19px;line-height:1.9;font-weight:700;color:#103c42!important}
.qb159-meta{display:flex;gap:8px;margin:12px 0}.qb159-meta span{padding:6px 10px;border-radius:20px;background:#edf6f3;color:#103c42!important;font-weight:700;font-size:12px}
.qb159-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.qb159-choice{position:relative;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #edf6f3;border-radius:12px;background:#fff;color:#103c42!important}
.qb159-choice span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:#edf6f3;color:#103c42!important;font-weight:900}
.qb159-choice.is-correct{border-color:#69b58c;background:#f1fbf5}.qb159-choice.is-correct span{background:#d9f2e3;color:#28704b!important}
.qb159-choice b{margin-inline-start:auto;color:#28704b!important;font-size:12px}
.qb159-location{margin-top:16px;padding:14px;border:1px solid #edf6f3;border-radius:12px;background:#fff}
.qb159-location>b{display:block;margin-bottom:9px;color:#103c42!important}
.qb159-location>div{display:flex;flex-wrap:wrap;gap:8px}.qb159-location span{padding:7px 10px;border-radius:9px;background:#edf6f3;color:#103c42!important}
.qb159-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qb159-edit-grid .qb-editor-wide{grid-column:1/-1}
.qb159-section{margin-top:18px;padding:16px;border:1px solid #edf6f3;border-radius:14px;background:#edf6f3}
.qb159-section-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#103c42!important}.qb159-section-title span{font-size:12px;color:#75677d!important}
.qb159-edit textarea{min-height:130px}
.qb159-edit select,.qb159-edit input,.qb159-edit textarea{color:#103c42!important;-webkit-text-fill-color:#103c42!important;background:#fff!important}
@media(max-width:760px){.qb159-table-head{align-items:flex-start;flex-direction:column}.qb159-choices,.qb159-edit-grid{grid-template-columns:1fr}.qb159-tabs{overflow:auto}.qb159-tabs button{white-space:nowrap}}



/* Compact question editor — always fits the viewport */
.qb159-question-backdrop{
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
  overflow:hidden !important;
}
.qb159-question-modal{
  width:min(940px,96vw) !important;
  max-width:940px !important;
  max-height:calc(100vh - 36px) !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  margin:auto !important;
}
.qb159-question-modal .qb-modal-head{
  flex:0 0 auto !important;
  padding:15px 20px !important;
}
.qb159-question-modal .qb-modal-head h2{
  margin:2px 0 4px !important;
  font-size:19px !important;
}
.qb159-question-modal .qb-modal-head p{
  margin:0 !important;
  font-size:12px !important;
}
.qb159-tabs{
  flex:0 0 auto !important;
  padding:8px 14px 0 !important;
}
.qb159-tabs button{
  padding:9px 20px !important;
}
.qb159-tab-panel{
  overflow-y:auto !important;
  min-height:0 !important;
  max-height:calc(100vh - 145px) !important;
  padding:16px !important;
}
.qb159-edit-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
.qb159-edit-grid .qb-editor-wide{
  grid-column:1/-1 !important;
}
.qb159-edit .qb-field label,
.qb159-edit .qb-field>label{
  color:#103c42 !important;
  font-weight:700 !important;
  font-size:12px !important;
}
.qb159-edit textarea,
.qb159-edit .qb-editor-wide textarea{
  min-height:92px !important;
  height:92px !important;
  resize:vertical !important;
  line-height:1.65 !important;
  padding:10px 12px !important;
}
.qb159-edit input,
.qb159-edit select,
.qb159-edit textarea{
  min-height:40px !important;
  box-sizing:border-box !important;
  font-size:13px !important;
}
.qb159-section{
  margin-top:12px !important;
  padding:12px !important;
}
.qb159-section-title{
  margin-bottom:9px !important;
  align-items:center !important;
}
.qb159-section-title b{font-size:13px !important}
.qb159-section-title span{font-size:11px !important}
.qb159-modal-actions,
.qb159-edit .qb-modal-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:3 !important;
  background:#fff !important;
  border-top:1px solid #edf6f3 !important;
  margin:12px -16px -16px !important;
  padding:11px 16px !important;
}
.qb159-edit .qb-modal-actions .qb-btn{
  min-height:40px !important;
}
@media(max-width:700px){
  .qb159-question-backdrop{padding:8px !important}
  .qb159-question-modal{max-height:calc(100vh - 16px) !important;width:98vw !important}
  .qb159-edit-grid{grid-template-columns:1fr !important}
  .qb159-edit-grid .qb-editor-wide{grid-column:auto !important}
  .qb159-tab-panel{max-height:calc(100vh - 125px) !important;padding:12px !important}
}



.qb159-edit select,.qb159-edit select option,
.qb159-edit input,.qb159-edit textarea{
 color:#103c42 !important;
 -webkit-text-fill-color:#103c42 !important;
 background:#fff !important;
 opacity:1 !important;
}
.qb159-edit select:disabled{
 color:#766780 !important;
 -webkit-text-fill-color:#766780 !important;
 background:#edf6f3 !important;
}
.qb159-edit .qb-field{
 min-width:0 !important;
}



/* قاعدة ثابتة: نافذة السؤال ومحتواها أبيض بالكامل، بدون شفافية أو لون داكن */
.qb159-question-backdrop{
  background:rgba(20,16,28,.72) !important;
}
.qb159-question-modal,
.qb159-question-modal .qb-modal-head,
.qb159-question-modal .qb159-tabs,
.qb159-question-modal .qb159-tab-panel,
.qb159-question-modal .qb159-edit,
.qb159-question-modal .qb159-view{
  background:#fff !important;
  color:#103c42 !important;
  opacity:1 !important;
}
.qb159-question-modal{
  border:1px solid #edf6f3 !important;
  box-shadow:0 20px 60px rgba(30,20,45,.25) !important;
}
.qb159-question-modal .qb-modal-head h2,
.qb159-question-modal .qb-modal-head p,
.qb159-question-modal .qb159-tab-panel,
.qb159-question-modal .qb159-edit,
.qb159-question-modal .qb159-view,
.qb159-question-modal label{
  color:#103c42 !important;
}
.qb159-question-modal .qb159-edit-grid,
.qb159-question-modal .qb159-section,
.qb159-question-modal .qb159-question-box{
  background:#fff !important;
}
.qb159-question-modal input,
.qb159-question-modal textarea,
.qb159-question-modal select{
  background:#fff !important;
  color:#103c42 !important;
  -webkit-text-fill-color:#103c42 !important;
  opacity:1 !important;
}
.qb159-question-modal .qb159-modal-actions{
  background:#fff !important;
}
.qb159-question-modal .qb-modal-x{
  background:#ef4444 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}



.tabarak-readiness-panel{margin:16px 0;padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.tabarak-readiness-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}
.tabarak-readiness-card{padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}
.tabarak-readiness-card strong{display:block;margin-bottom:5px}
.tabarak-readiness-missing{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff7ed}
.tabarak-readiness-ready{background:#f0fdf4}
.tabarak-readiness-loading{opacity:.7}



.learning-journey{display:flex;flex-direction:column;gap:16px}
.learning-hero{padding:20px;border-radius:18px;background:linear-gradient(135deg,#edf6f3,#fff);border:1px solid #edf6f3}
.learning-hero h2{margin:0 0 6px;font-size:24px}
.learning-meta{color:#6b7280;font-size:13px}
.learning-progress{height:10px;background:#edf6f3;border-radius:999px;overflow:hidden;margin-top:12px}
.learning-progress i{display:block;height:100%;background:#14766c;border-radius:999px}
.learning-unit{border:1px solid #e6e7ee;border-radius:16px;background:#fff;overflow:hidden}
.learning-unit-head{padding:16px 18px;background:#fafafa;display:flex;justify-content:space-between;gap:12px;align-items:center}
.learning-concept{padding:14px 18px;border-top:1px solid #eee}
.learning-concept-title{font-weight:900;margin-bottom:10px}
.learning-lesson{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px dashed #edf6f3}
.learning-dot{width:12px;height:12px;border-radius:50%;background:#d1d5db;flex:0 0 12px}
.learning-lesson.done .learning-dot{background:#22c55e}
.learning-lesson.current .learning-dot{background:#14766c;box-shadow:0 0 0 4px #edf6f3}
.learning-lesson.next .learning-dot{background:#f59e0b}
.learning-lesson .grow{min-width:0}
.learning-badge{font-size:11px;padding:4px 8px;border-radius:999px;background:#f3f4f6;white-space:nowrap}
.learning-lesson.current .learning-badge{background:#edf6f3;color:#103c42}
.learning-lesson.done .learning-badge{background:#dcfce7;color:#166534}
.learning-distribution{margin-top:8px;padding:12px 14px;border-radius:12px;background:#f8fafc;font-size:12px;color:#6b7280}
@media(max-width:700px){
 .learning-hero h2{font-size:20px}
 .learning-unit-head{align-items:flex-start;flex-direction:column}
 .learning-lesson{align-items:flex-start}
}



.qb-modal-actions .danger-solid,.qb159-modal-actions .danger-solid{background:#b42318!important;color:#fff!important;border:1px solid #b42318!important}
.qb-modal-actions .danger-solid:hover,.qb159-modal-actions .danger-solid:hover{filter:brightness(.94)}



.tv47-actions .tv47-edit-button{cursor:pointer;min-width:82px}
.tv47-edit-actions{display:flex;gap:8px;margin-top:10px}



.tv47-edit-button{cursor:pointer!important;pointer-events:auto!important}



/* إتقان Chat V234 — visual layer only */
:root{
  --chat-purple:#14766c;
  --chat-purple-2:#14766c;
  --chat-soft:#edf6f3;
  --chat-border:#edf6f3;
  --chat-ink:#1f2440;
  --chat-muted:#7a7890;
  --chat-green:#2bb673;
}
.chat-v234-shell{background:linear-gradient(145deg,#edf6f3 0%,#edf6f3 100%);border:1px solid var(--chat-border);border-radius:24px;box-shadow:0 18px 50px rgba(48,35,92,.10);overflow:hidden}
.chat-v234-header{background:linear-gradient(135deg,var(--chat-purple),var(--chat-purple-2));color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.chat-v234-title{font-size:20px;font-weight:900;margin:0}
.chat-v234-sub{font-size:12px;opacity:.86;margin-top:4px}
.chat-v234-avatar{width:46px;height:46px;border-radius:16px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:21px;border:1px solid rgba(255,255,255,.25)}
.chat-v234-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:620px}
.chat-v234-list{background:rgba(255,255,255,.78);border-inline-end:1px solid var(--chat-border);padding:16px}
.chat-v234-search{width:100%;border:1px solid #edf6f3;border-radius:14px;padding:11px 13px;background:#fff;outline:none;box-sizing:border-box}
.chat-v234-search:focus{border-color:#46877f;box-shadow:0 0 0 4px #edf6f3}
.chat-v234-filter{display:flex;gap:7px;margin:12px 0;flex-wrap:wrap}
.chat-v234-filter button{border:1px solid #edf6f3;background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;cursor:pointer}
.chat-v234-filter button.active{background:#edf6f3;color:#103c42;border-color:#edf6f3;font-weight:800}
.chat-v234-thread{display:flex;align-items:center;gap:11px;padding:12px;border-radius:15px;cursor:pointer;transition:.18s;margin:5px 0}
.chat-v234-thread:hover{background:#edf6f3;transform:translateY(-1px)}
.chat-v234-thread.active{background:#edf6f3;box-shadow:inset 3px 0 0 var(--chat-purple)}
.chat-v234-thread-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#edf6f3,#edf6f3);color:#103c42;font-weight:900;flex:0 0 40px}
.chat-v234-thread-main{min-width:0;flex:1}
.chat-v234-thread-name{font-weight:800;color:var(--chat-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-v234-thread-preview{font-size:11px;color:var(--chat-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.chat-v234-badge{font-size:10px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff5f72;color:#fff;display:grid;place-items:center;font-weight:900}
.chat-v234-main{display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at 80% 0%,#fff 0,#edf6f3 45%,#edf6f3 100%)}
.chat-v234-conversation{padding:18px 22px;border-bottom:1px solid var(--chat-border);display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px)}
.chat-v234-status{width:9px;height:9px;border-radius:50%;background:var(--chat-green);box-shadow:0 0 0 4px #dff7ec}
.chat-v234-messages{flex:1;padding:24px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.chat-v234-date{text-align:center;color:#9993aa;font-size:10px;margin:3px 0 8px}
.chat-v234-msg{max-width:min(72%,560px);padding:11px 14px;border-radius:18px;line-height:1.7;box-shadow:0 5px 18px rgba(55,43,89,.06);position:relative}
.chat-v234-msg.in{align-self:flex-start;background:#fff;border:1px solid #edf6f3;border-bottom-right-radius:6px;color:var(--chat-ink)}
.chat-v234-msg.out{align-self:flex-end;background:linear-gradient(135deg,var(--chat-purple),var(--chat-purple-2));color:#fff;border-bottom-left-radius:6px}
.chat-v234-msg-meta{font-size:9px;opacity:.62;margin-top:4px;text-align:end}
.chat-v234-compose{padding:14px 18px;border-top:1px solid var(--chat-border);background:rgba(255,255,255,.86);display:flex;gap:9px;align-items:flex-end}
.chat-v234-compose textarea{flex:1;resize:none;min-height:44px;max-height:130px;border:1px solid #edf6f3;border-radius:15px;padding:11px 13px;outline:none;background:#fff}
.chat-v234-compose textarea:focus{border-color:#46877f;box-shadow:0 0 0 4px #edf6f3}
.chat-v234-attach,.chat-v234-send{width:45px;height:45px;border-radius:14px;border:1px solid #edf6f3;background:#fff;cursor:pointer;display:grid;place-items:center;font-size:18px}
.chat-v234-send{background:linear-gradient(135deg,var(--chat-purple),var(--chat-purple-2));color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(95,61,181,.25)}
.chat-v234-context{display:flex;gap:7px;flex-wrap:wrap;padding:8px 18px 0}
.chat-v234-context span{font-size:10px;background:#edf6f3;color:#103c42;padding:5px 8px;border-radius:999px}
@media(max-width:900px){
 .chat-v234-layout{grid-template-columns:235px minmax(0,1fr)}
}
@media(max-width:700px){
 .chat-v234-layout{grid-template-columns:1fr;min-height:0}
 .chat-v234-list{border-inline-end:0;border-bottom:1px solid var(--chat-border);max-height:280px;overflow:auto}
 .chat-v234-main{min-height:560px}
 .chat-v234-msg{max-width:86%}
 .chat-v234-messages{padding:16px}
 .chat-v234-compose{padding:10px}
}



.tv47-edit-button,.tv47-btn.danger{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:2}



.tabarak-wa-chat{height:min(760px,calc(100vh - 190px));min-height:560px;display:grid;grid-template-columns:320px minmax(0,1fr);background:#fff;border:1px solid #edf6f3;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(57,36,104,.12);direction:ltr}
.tabarak-wa-sidebar{direction:rtl;display:flex;flex-direction:column;background:#fff;border-left:1px solid #edf6f3;min-width:0}
.tabarak-wa-sidebar-head{height:72px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#103c42,#14766c);color:#fff}
.tabarak-wa-brand{display:flex;align-items:center;gap:10px}
.tabarak-wa-logo{width:42px;height:42px;border-radius:13px;background:#fff;color:#14766c;display:grid;place-items:center;font-size:23px;font-weight:1000;box-shadow:0 7px 18px rgba(34,18,70,.18)}
.tabarak-wa-brand strong{display:block;font-size:17px;line-height:1.1}.tabarak-wa-brand small{display:block;font-size:10px;opacity:.8;margin-top:3px}
.tabarak-wa-icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:22px;cursor:pointer}
.tabarak-wa-search{margin:14px 14px 8px;height:40px;border:1px solid #edf6f3;background:#edf6f3;border-radius:13px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#14766c}
.tabarak-wa-search input{border:0;outline:0;background:transparent;width:100%;font-family:inherit;font-size:12px}
.tabarak-wa-tabs{display:flex;gap:6px;padding:4px 14px 10px}
.tabarak-wa-tabs button{border:1px solid #edf6f3;background:#fff;color:#103c42;border-radius:999px;padding:6px 11px;font-size:10px;cursor:pointer}
.tabarak-wa-tabs button.active{background:#edf6f3;color:#103c42;border-color:#c7ded8;font-weight:800}
.tabarak-wa-conversations{flex:1;overflow:auto;padding:3px 8px}
.tabarak-wa-conv{width:100%;border:0;background:transparent;display:flex;direction:rtl;align-items:center;gap:10px;padding:11px 10px;border-radius:15px;cursor:pointer;text-align:right;font-family:inherit;transition:.15s}
.tabarak-wa-conv:hover{background:#edf6f3}.tabarak-wa-conv.active{background:#edf6f3;box-shadow:inset -3px 0 #14766c}
.tabarak-wa-avatar{width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#edf6f3,#edf6f3);color:#14766c;display:grid;place-items:center;flex:0 0 43px;font-size:19px}
.tabarak-wa-avatar.admin{background:linear-gradient(135deg,#e7eefc,#f4f6ff);color:#3c5c9b}
.tabarak-wa-conv-body{min-width:0;flex:1}.tabarak-wa-conv-body strong{display:block;color:#103c42;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabarak-wa-conv-body small{display:block;color:#91889f;font-size:9px;margin-top:3px}.tabarak-wa-chevron{color:#46877f;font-size:17px}
.tabarak-wa-new{padding:10px;border-top:1px solid #edf6f3;display:flex;gap:7px}.tabarak-wa-new button{flex:1;border:1px solid #edf6f3;background:#fff;color:#103c42;border-radius:11px;padding:9px 5px;font-family:inherit;font-size:10px;cursor:pointer}.tabarak-wa-new button:hover{background:#edf6f3}
.tabarak-wa-main{direction:rtl;display:flex;flex-direction:column;min-width:0;background:#edf6f3;position:relative}
.tabarak-wa-main:before{content:"";position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:radial-gradient(#c7ded8 1px,transparent 1px);background-size:18px 18px}
.tabarak-wa-topbar{height:72px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #edf6f3;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:relative;z-index:1}
.tabarak-wa-contact{display:flex;align-items:center;gap:10px}.tabarak-wa-contact>div strong{display:block;color:#103c42;font-size:14px}.tabarak-wa-contact>div small{display:block;color:#8c829b;font-size:9px;margin-top:3px}
.tabarak-wa-top-actions{display:flex;gap:5px}.tabarak-wa-top-actions button{width:34px;height:34px;border:0;background:#edf6f3;color:#103c42;border-radius:10px;cursor:pointer;font-size:18px}
.tabarak-wa-messages{flex:1;overflow:auto;padding:22px 28px;position:relative;z-index:1}
.tabarak-wa-date{text-align:center;margin:2px auto 16px;background:#edf6f3;color:#14766c;border-radius:999px;width:max-content;padding:5px 12px;font-size:9px}
.tabarak-wa-row{display:flex;margin:6px 0}.tabarak-wa-row.mine{justify-content:flex-start}.tabarak-wa-row.theirs{justify-content:flex-end}
.tabarak-wa-bubble{max-width:min(68%,570px);padding:9px 12px;border-radius:15px;line-height:1.75;font-size:12px;box-shadow:0 4px 12px rgba(56,42,87,.07)}
.tabarak-wa-row.mine .tabarak-wa-bubble{background:linear-gradient(135deg,#103c42,#14766c);color:#fff;border-bottom-right-radius:4px}
.tabarak-wa-row.theirs .tabarak-wa-bubble{background:#fff;color:#103c42;border:1px solid #edf6f3;border-bottom-left-radius:4px}
.tabarak-wa-bubble small{display:block;font-size:8px;opacity:.62;margin-top:3px;text-align:left}
.tabarak-wa-compose{min-height:66px;background:rgba(255,255,255,.97);border-top:1px solid #edf6f3;padding:10px 14px;display:flex;align-items:center;gap:9px;position:relative;z-index:1}
.tabarak-wa-input-wrap{flex:1;background:#edf6f3;border:1px solid #edf6f3;border-radius:15px;min-height:44px;display:flex;align-items:center}
.tabarak-wa-input-wrap input{width:100%;border:0;outline:0;background:transparent;padding:11px 13px;font-family:inherit;font-size:12px}
.tabarak-wa-attach,.tabarak-wa-send{width:44px;height:44px;border-radius:13px;cursor:pointer;font-size:18px;display:grid;place-items:center}
.tabarak-wa-attach{border:1px solid #edf6f3;background:#fff;color:#103c42}.tabarak-wa-send{border:0;background:linear-gradient(135deg,#103c42,#14766c);color:#fff;box-shadow:0 7px 16px rgba(91,58,171,.24)}
.tabarak-wa-welcome{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#81768f}
.tabarak-wa-welcome-icon{width:64px;height:64px;border-radius:20px;background:#edf6f3;display:grid;place-items:center;font-size:28px;margin-bottom:12px}.tabarak-wa-welcome strong{color:#103c42;font-size:15px}.tabarak-wa-welcome p{font-size:11px;margin:6px 0}
@media(max-width:800px){.tabarak-wa-chat{grid-template-columns:245px 1fr}.tabarak-wa-bubble{max-width:80%}}
@media(max-width:620px){.tabarak-wa-chat{grid-template-columns:1fr;height:calc(100vh - 150px)}.tabarak-wa-sidebar{display:none}.tabarak-wa-bubble{max-width:88%}.tabarak-wa-messages{padding:16px 12px}}



.tv47-btn[data-v47-edit],.tv47-btn[data-v47-delete]{cursor:pointer!important;pointer-events:auto!important}



.tabarak-wa-group{margin:3px 0 12px}
.tabarak-wa-group-head{display:flex;align-items:center;gap:7px;padding:8px 10px 5px;color:#766984;font-size:10px;position:sticky;top:0;background:#fff;z-index:2}
.tabarak-wa-group-head strong{font-weight:900;flex:1}.tabarak-wa-group-head em{font-style:normal;background:#edf6f3;color:#14766c;border-radius:999px;padding:2px 7px;font-size:9px}
.tabarak-wa-group .tabarak-wa-conv{margin:2px 0}
.tabarak-notify-pulse{animation:tabarakNotifyPulse .65s ease 2}
@keyframes tabarakNotifyPulse{50%{transform:scale(1.18);box-shadow:0 0 0 7px rgba(104,70,190,.16)}}



/* إتقان Curriculum — teacher workspace */
.tv47-actions{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:7px!important;flex-wrap:wrap!important;
  padding:7px!important;border:1px solid #edf6f3!important;
  background:#edf6f3!important;border-radius:14px!important;
}
.tv47-btn{
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:34px!important;padding:0 11px!important;
  border:1px solid #edf6f3!important;border-radius:10px!important;
  background:#fff!important;color:#103c42!important;
  font-family:inherit!important;font-size:11px!important;font-weight:800!important;
  line-height:1!important;cursor:pointer!important;pointer-events:auto!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease!important;
  box-sizing:border-box!important;
}
.tv47-btn:hover{transform:translateY(-1px)!important;background:#edf6f3!important;border-color:#c7ded8!important;box-shadow:0 5px 13px rgba(83,51,159,.10)!important}
.tv47-btn:active{transform:translateY(0)!important;box-shadow:none!important}
.tv47-btn.move{
  width:34px!important;padding:0!important;color:#14766c!important;background:#edf6f3!important;
  font-size:15px!important;font-weight:900!important;
}
.tv47-btn.move:disabled{opacity:.35!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.tv47-btn.tv47-edit-button{
  color:#103c42!important;background:#edf6f3!important;border-color:#c7ded8!important;
}
.tv47-btn.tv47-edit-button:hover{background:#edf6f3!important;border-color:#c7ded8!important}
.tv47-btn.danger{
  color:#bd3d50!important;background:#fff8f9!important;border-color:#f0c8cf!important;
}
.tv47-btn.danger:hover{background:#fff0f2!important;border-color:#e7aab5!important}
.tv47-btn.add{
  color:#fff!important;background:linear-gradient(135deg,#103c42,#14766c)!important;
  border-color:transparent!important;box-shadow:0 5px 12px rgba(93,59,170,.18)!important;
}
.tv47-btn.add:hover{background:linear-gradient(135deg,#103c42,#14766c)!important}
.tv48-unit{
  border:1px solid #edf6f3!important;border-radius:20px!important;
  background:#fff!important;box-shadow:0 8px 25px rgba(50,35,85,.06)!important;
  overflow:hidden!important;margin-bottom:16px!important;
}
.tv48-unit>header{
  background:linear-gradient(135deg,#edf6f3,#edf6f3)!important;
  border-bottom:1px solid #edf6f3!important;padding:15px 16px!important;
}
.tv42-lesson{
  border:1px solid #edf6f3!important;border-radius:16px!important;
  background:#fff!important;overflow:hidden!important;margin:12px!important;
}
.tv42-lesson-head{
  padding:13px 14px!important;background:#edf6f3!important;
  border-bottom:1px solid #edf6f3!important;
}
.tv42-subtopic{
  margin:8px 10px!important;padding:10px 12px!important;
  border:1px solid #edf6f3!important;border-radius:12px!important;
  background:#edf6f3!important;
}
.tv42-subtopic:hover{background:#edf6f3!important;border-color:#edf6f3!important}
.tv42-add-row{
  margin:10px 12px 14px!important;padding:10px!important;
  background:#edf6f3!important;border:1px dashed #c7ded8!important;border-radius:14px!important;
}
.tv48-unit-footer{
  padding:11px 15px!important;background:#edf6f3!important;border-top:1px solid #edf6f3!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
.tv47-order,.tv49-date{
  display:inline-flex!important;align-items:center!important;
  padding:4px 8px!important;border-radius:999px!important;
  background:#edf6f3!important;color:#14766c!important;font-size:9px!important;margin-inline-start:6px!important;
}
.tv49-date{background:#edf7f3!important;color:#378366!important}
.tv49-date.muted{background:#edf6f3!important;color:#91899a!important}
.tv47-edit-actions{display:flex!important;justify-content:flex-start!important;gap:8px!important;margin-top:8px!important}
@media(max-width:700px){
 .tv47-actions{width:100%!important}
 .tv47-btn{flex:1 1 auto!important}
 .tv47-btn.move{flex:0 0 34px!important}
 .tv48-unit-footer{align-items:stretch!important;flex-direction:column!important}
}



.tabarak-wa-tabs button[data-chat-filter]{
  cursor:pointer!important;pointer-events:auto!important;
  user-select:none!important;transition:.16s ease!important;
}
.tabarak-wa-tabs button[data-chat-filter]:hover{
  transform:translateY(-1px)!important;background:#edf6f3!important;
  border-color:#c7ded8!important;
}
.tabarak-wa-tabs button[data-chat-filter].active{
  background:#14766c!important;color:#fff!important;
  border-color:#14766c!important;box-shadow:0 5px 14px rgba(106,69,189,.18)!important;
}



[data-v47-edit],[data-v47-delete]{cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:5!important}
.tv47-edit-form .tv3-btn.primary{min-width:130px;font-weight:900}



/* Chat viewport contract: never grow beyond the visible teacher workspace. */
#teacherWorkspacePage .tm-main{min-height:0!important}
#teacherWorkspacePage .tm-content{min-height:0!important;box-sizing:border-box!important}
#teacherWorkspacePage .tm-route{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.tabarak-wa-chat{
  width:100%!important;
  height:calc(100dvh - 170px)!important;
  min-height:420px!important;
  max-height:calc(100dvh - 120px)!important;
  grid-template-columns:minmax(250px,300px) minmax(0,1fr)!important;
  min-width:0!important;
}
.tabarak-wa-sidebar,.tabarak-wa-main{min-width:0!important;min-height:0!important}
.tabarak-wa-conversations,.tabarak-wa-messages{min-height:0!important;overscroll-behavior:contain!important}
.tabarak-wa-topbar,.tabarak-wa-compose{flex:0 0 auto!important}
.tabarak-wa-mobile-back{display:none;border:0;background:#edf6f3;color:#103c42;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}
@media(max-width:1100px) and (min-width:761px){
  #teacherWorkspacePage .tm-content{padding:18px 16px 24px!important}
  .tabarak-wa-chat{grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;height:calc(100dvh - 145px)!important;min-height:430px!important}
  .tabarak-wa-sidebar-head{height:64px}.tabarak-wa-topbar{height:64px}
  .tabarak-wa-messages{padding:16px 18px}
  .tabarak-wa-bubble{max-width:78%}
}
@media(max-width:760px){
  #teacherWorkspacePage .tm-main{overflow:hidden!important}
  #teacherWorkspacePage .tm-content{padding:10px 8px 16px!important;overflow:auto!important}
  #teacherWorkspacePage .tm-route{max-width:none!important}
  .tabarak-wa-chat{
    display:grid!important;grid-template-columns:1fr!important;
    width:100%!important;height:calc(100dvh - 92px)!important;
    min-height:500px!important;max-height:none!important;
    border-radius:16px!important;
  }
  .tabarak-wa-sidebar{grid-column:1;grid-row:1;display:flex!important;border:0!important}
  .tabarak-wa-main{grid-column:1;grid-row:1;display:none!important;min-width:0!important}
  .tabarak-wa-chat.is-mobile-chat-open .tabarak-wa-sidebar{display:none!important}
  .tabarak-wa-chat.is-mobile-chat-open .tabarak-wa-main{display:flex!important}
  .tabarak-wa-mobile-back{display:block!important;flex:0 0 auto}
  .tabarak-wa-topbar{height:60px!important;padding:0 9px!important;gap:7px}
  .tabarak-wa-contact{min-width:0;flex:1}
  .tabarak-wa-contact>div{min-width:0}
  .tabarak-wa-contact>div strong{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tabarak-wa-top-actions{display:none}
  .tabarak-wa-messages{padding:12px 10px!important}
  .tabarak-wa-bubble{max-width:88%!important;font-size:11px}
  .tabarak-wa-compose{padding:8px!important;min-height:60px!important;gap:6px}
  .tabarak-wa-attach,.tabarak-wa-send{width:40px!important;height:40px!important}
  .tabarak-wa-input-wrap{min-height:40px!important}
  .tabarak-wa-input-wrap input{font-size:11px;padding:9px 10px}
  .tabarak-wa-sidebar-head{height:58px!important}
  .tabarak-wa-search{margin:9px 10px 6px!important}
  .tabarak-wa-tabs{padding:3px 10px 7px!important}
  .tabarak-wa-new{padding:8px!important}
}
@media(max-width:430px){
  #teacherWorkspacePage .tm-content{padding:6px 5px 10px!important}
  .tabarak-wa-chat{height:calc(100dvh - 78px)!important;min-height:460px!important;border-radius:13px!important}
  .tabarak-wa-new button{font-size:9px;padding:8px 3px}
  .tabarak-wa-group-head{font-size:9px}
  .tabarak-wa-conv{padding:9px 7px!important}
  .tabarak-wa-avatar{width:39px!important;height:39px!important;flex-basis:39px!important}
  .tabarak-wa-conv-body strong{font-size:11px}
  .tabarak-wa-conv-body small{font-size:8px}
}
@media(max-height:650px) and (max-width:760px){
  .tabarak-wa-chat{height:calc(100dvh - 70px)!important}
  .tabarak-wa-sidebar-head{height:52px!important}
  .tabarak-wa-search{height:34px!important}
  .tabarak-wa-conv{padding:7px!important}
}



[data-v47-edit],[data-v47-delete]{
 cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:999!important;
}
.tabarak-v243-modal-note{background:#edf6f3;border:1px solid #edf6f3;border-radius:12px;padding:10px;margin:8px 0;color:#103c42;font-size:11px}
.tabarak-v243-related{background:#fff6f7;border:1px solid #efcbd2;border-radius:12px;padding:12px;white-space:pre-line;color:#8e3141;font-size:12px;line-height:1.8}



.tabarak-wa-record{width:44px;height:44px;border-radius:13px;border:1px solid #edf6f3;background:#fff;color:#103c42;display:grid;place-items:center;cursor:pointer;font-size:17px}
.tabarak-wa-record:hover,.tabarak-wa-attach:hover{background:#edf6f3;border-color:#c7ded8}
.tabarak-wa-record.recording{background:#fff0f2;border-color:#e7a9b5;color:#b73449;animation:tabarakRecPulse 1s infinite}
@keyframes tabarakRecPulse{50%{box-shadow:0 0 0 5px rgba(183,52,73,.10)}}
.tabarak-wa-attachment-name,.tabarak-wa-recording-status{display:none;align-items:center;max-width:190px;padding:6px 8px;border-radius:9px;background:#edf6f3;color:#103c42;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tabarak-wa-recording-status{background:#fff0f2;color:#ad3347}
.tabarak-wa-attachment{display:flex;flex-direction:column;gap:5px;margin-top:7px;padding:7px;border-radius:11px;background:rgba(255,255,255,.72);border:1px solid rgba(105,73,151,.12);color:#103c42;text-decoration:none;max-width:270px}
.tabarak-wa-attachment.audio audio{width:240px;max-width:100%;height:34px}.tabarak-wa-attachment.image img{display:block;max-width:240px;max-height:190px;border-radius:8px}.tabarak-wa-attachment.video video{display:block;width:240px;max-width:100%;max-height:190px;border-radius:8px}.tabarak-wa-attachment.file{flex-direction:row;align-items:center;justify-content:space-between}.tabarak-wa-attachment small{font-size:8px;opacity:.72}
@media(max-width:760px){.tabarak-wa-record,.tabarak-wa-attach,.tabarak-wa-send{width:40px;height:40px}.tabarak-wa-compose{position:relative!important}.tabarak-wa-attachment-name,.tabarak-wa-recording-status{position:absolute;bottom:65px;right:8px;max-width:220px}}


[data-v47-edit],[data-v47-delete]{pointer-events:auto!important;cursor:pointer!important}

#tabarakWaSend{cursor:pointer!important;pointer-events:auto!important}

#qbiFile{display:none}

#qbiFile{display:none}


#homePage{display:none!important;padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:#fff!important;color:#111735!important;overflow-x:hidden}
#homePage.active{display:block!important}
#homePage .ef-home{width:100%;min-height:100vh;background:linear-gradient(180deg,#fff 0%,#fff 72%,#edf6f3 100%);font-family:Arial,"Tahoma",sans-serif;direction:rtl}
#homePage .ef-nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:0 clamp(24px,6vw,78px);background:rgba(255,255,255,.96);border-bottom:1px solid #edf6f3;position:relative;z-index:4}
#homePage .ef-brand{display:flex;align-items:center;gap:11px;min-width:190px;color:#111735}.ef-brand-mark{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#46877f,#14766c);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 9px 24px rgba(100,61,210,.22)}
#homePage .ef-brand b{display:block;font-size:29px;line-height:1;color:#111735;letter-spacing:-1px}#homePage .ef-brand small{display:block;color:#7a7890;font-size:10px;margin-top:5px}
#homePage .ef-links{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}#homePage .ef-links a{text-decoration:none;color:#4e4c60;font-size:14px;font-weight:700;white-space:nowrap;position:relative;padding:32px 0}#homePage .ef-links a:hover,#homePage .ef-links a.active{color:#103c42}#homePage .ef-links a.active:after{content:"";position:absolute;bottom:17px;right:0;left:0;height:3px;border-radius:3px;background:#14766c}
#homePage .ef-nav-actions{display:flex;gap:10px;min-width:255px}.ef-nav-actions button{font-family:inherit!important;width:auto!important;margin:0!important;padding:12px 19px!important;border-radius:13px!important;font-size:13px!important}.ef-login{background:#fff!important;color:#103c42!important;border:1px solid #edf6f3!important;box-shadow:0 3px 12px rgba(30,20,70,.04)}.ef-register{background:linear-gradient(135deg,#14766c,#14766c)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px rgba(91,50,208,.2)}
#homePage .ef-hero{min-height:535px;display:grid;grid-template-columns:1.08fr .92fr;direction:ltr;align-items:stretch;max-width:1440px;margin:auto;position:relative;overflow:hidden}.ef-hero-copy{direction:rtl;padding:72px clamp(30px,5.5vw,85px) 50px 35px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.ef-kicker{color:#625d75;font-size:16px;font-weight:700;margin-bottom:12px}.ef-hero h1{font-size:clamp(39px,4vw,61px)!important;line-height:1.18!important;text-align:right!important;margin:0 0 18px!important;letter-spacing:-2px;color:#10152f}.ef-hero h1 em{font-style:normal;color:#14766c}.ef-hero p{font-size:19px;line-height:1.95;color:#5f6072;margin:0 0 25px}.ef-hero-actions{display:flex;gap:12px;align-items:center;margin-bottom:34px}.ef-primary,.ef-secondary{width:auto!important;margin:0!important;padding:14px 25px!important;border-radius:14px!important;font-size:15px!important;font-family:inherit!important}.ef-primary{background:linear-gradient(135deg,#14766c,#14766c)!important;box-shadow:0 12px 26px rgba(95,50,207,.2)}.ef-secondary{background:#fff!important;color:#103c42!important;border:1px solid #edf6f3!important}
#homePage .ef-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:700px}.ef-feature-row>div{display:grid;grid-template-columns:42px 1fr;column-gap:9px;align-items:center}.ef-feature-row i{grid-row:span 2;width:40px;height:40px;border-radius:50%;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:17px}.ef-feature-row b{font-size:12px;color:#103c42}.ef-feature-row span{font-size:10px;color:#818092;margin-top:2px}
#homePage .ef-hero-visual{direction:rtl;position:relative;min-height:535px;overflow:hidden;background:#f5f1ef}.ef-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.18) 34%,rgba(255,255,255,0) 62%);pointer-events:none}.ef-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.ef-visual-note{position:absolute;z-index:2;left:35px;bottom:82px;color:#14766c;font-size:25px;line-height:1.45;text-align:center;transform:rotate(-5deg);font-family:"Segoe Print",cursive}.ef-visual-note strong{font-size:30px}
#homePage .ef-stages{padding:54px clamp(24px,6vw,82px) 44px;max-width:1440px;margin:auto}.ef-section-head{text-align:center}.ef-section-head span{font-size:13px;color:#14766c;font-weight:800}.ef-section-head h2{font-size:30px!important;color:#111735;margin:7px 0 7px!important}.ef-section-head p{color:#7a7888;font-size:14px;margin:0 0 28px}.ef-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ef-stage{min-height:150px!important;margin:0!important;width:100%!important;border:1px solid transparent!important;border-radius:18px!important;padding:23px!important;display:grid!important;grid-template-columns:55px 1fr 35px!important;align-items:center!important;text-align:right!important;color:#103c42!important;box-shadow:none!important;transition:.2s transform,.2s box-shadow}.ef-stage:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(40,25,80,.08)!important}.stage-blue{background:#eef6ff!important;border-color:#e3effc!important}.stage-green{background:#edf9f4!important;border-color:#e2f2eb!important}.stage-pink{background:#fff0f3!important;border-color:#fae3e9!important}.ef-stage-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.68);color:#1876d2}.stage-green .ef-stage-icon{color:#139d7a}.stage-pink .ef-stage-icon{color:#d94b70}.ef-stage small{font-size:11px;color:#6d6b7a}.ef-stage h3{margin:4px 0!important;font-size:18px!important;color:#10152f}.ef-stage p{margin:0!important;font-size:12px;color:#686676}.ef-stage .arrow{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#4d4b58;font-size:16px}
#homePage .ef-trust{max-width:1320px;margin:0 auto 40px;padding:18px 25px;border-radius:18px;background:#edf6f3;border:1px solid #edf6f3;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ef-trust div{display:flex;align-items:center;justify-content:center;gap:12px;color:#555366;font-size:13px}.ef-trust span{font-size:22px;color:#14766c}
#homePage .ef-faq{max-width:1320px;margin:0 auto 45px;padding:34px 42px;border-radius:24px;background:linear-gradient(110deg,#edf6f3,#edf6f3);display:flex;align-items:center;justify-content:space-between;gap:20px}.ef-faq span{font-size:10px;letter-spacing:2px;color:#14766c;font-weight:900}.ef-faq h2{text-align:right!important;margin:6px 0!important;font-size:25px!important}.ef-faq p{margin:0;color:#777386;font-size:13px}.ef-footer{border-top:1px solid #edf6f3;padding:24px clamp(24px,6vw,82px);display:flex;justify-content:space-between;gap:15px;color:#888596;font-size:11px}.ef-footer b{color:#14766c;font-size:18px}
@media(max-width:1050px){#homePage .ef-links{gap:15px}#homePage .ef-links a{font-size:12px}.ef-nav-actions{min-width:auto!important}.ef-hero{grid-template-columns:1fr!important}.ef-hero-visual{min-height:340px!important;max-height:400px}.ef-hero-copy{padding:48px 35px 35px}.ef-feature-row{max-width:none!important}.ef-stage-grid{grid-template-columns:1fr 1fr}.ef-trust{margin-inline:24px}.ef-faq{margin-inline:24px}}
@media(max-width:760px){#homePage .ef-nav{height:auto;padding:15px 18px;flex-wrap:wrap}.ef-links{order:3;width:100%;overflow:auto;justify-content:flex-start!important;flex:none!important}.ef-links a{padding:10px 0!important}.ef-links a.active:after{bottom:3px}.ef-nav-actions{margin-right:auto}.ef-brand b{font-size:24px}.ef-nav-actions button{padding:10px 12px!important}.ef-hero-copy{padding:42px 22px 30px}.ef-hero h1{font-size:39px!important}.ef-hero p{font-size:16px}.ef-hero-actions{flex-wrap:wrap}.ef-feature-row{grid-template-columns:1fr 1fr!important}.ef-hero-visual{min-height:280px!important}.ef-visual-note{left:20px;bottom:45px}.ef-stage-grid{grid-template-columns:1fr}.ef-trust{grid-template-columns:1fr;padding:18px}.ef-faq{margin:0 18px 30px;padding:25px;flex-direction:column;align-items:flex-start}.ef-footer{flex-wrap:wrap}}



/* V253 — detailed visual refinement: landing page only. Existing app logic untouched. */
#homePage{font-family:Arial,"Tahoma",sans-serif!important;background:#fff!important;}
#homePage .ef-home{--ink:#103c42;--muted:#68697d;--purple:#14766c;--purple-dark:#14766c;--lav:#edf6f3;--line:#edf6f3;background:#fff;overflow:hidden;}
#homePage .ef-nav{height:82px;max-width:1520px;margin:0 auto;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid #edf6f3;box-shadow:0 1px 0 rgba(20,15,50,.02);gap:24px;}
#homePage .ef-brand{gap:12px;min-width:220px;}
#homePage .ef-brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,#46877f,#14766c);box-shadow:0 12px 26px rgba(92,55,201,.18);position:relative;overflow:hidden;}
#homePage .ef-brand-mark:after{content:"";position:absolute;width:24px;height:24px;border:1px solid rgba(255,255,255,.28);border-radius:50%;inset:11px 8px auto auto;}
#homePage .ef-brand b{font-size:27px;letter-spacing:-.8px;}
#homePage .ef-brand small{font-size:9px;letter-spacing:.1px;}
#homePage .ef-links{gap:27px;}
#homePage .ef-links a{font-size:13px;color:#58576a;padding:29px 0;}
#homePage .ef-links a.active:after{height:2px;bottom:14px;background:linear-gradient(90deg,#14766c,#46877f);}
#homePage .ef-nav-actions{min-width:250px;justify-content:flex-start;}
#homePage .ef-nav-actions button{height:43px;padding:0 18px!important;border-radius:12px!important;}
#homePage .ef-login{box-shadow:none!important;}
#homePage .ef-register{box-shadow:0 10px 24px rgba(91,50,208,.18)!important;}

#homePage .ef-hero{max-width:1520px;min-height:585px;grid-template-columns:1fr 1fr;direction:rtl;background:linear-gradient(110deg,#fff 0%,#fff 48%,#edf6f3 100%);}
#homePage .ef-hero-copy{padding:68px clamp(32px,5.4vw,86px) 58px clamp(26px,3vw,46px);align-items:flex-start;}
#homePage .ef-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#edf6f3;border:1px solid #edf6f3;color:#14766c;font-size:12px;font-weight:800;margin-bottom:18px;}
#homePage .ef-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#14766c;box-shadow:0 0 0 4px #edf6f3;}
#homePage .ef-hero h1{max-width:680px;font-size:clamp(42px,4.15vw,64px)!important;line-height:1.12!important;letter-spacing:-2.6px!important;margin-bottom:19px!important;}
#homePage .ef-hero h1 em{background:linear-gradient(90deg,#14766c,#46877f);-webkit-background-clip:text;background-clip:text;color:transparent;}
#homePage .ef-hero p{max-width:600px;font-size:17px;line-height:2;color:#656579;margin-bottom:23px;}
#homePage .ef-hero-actions{gap:10px;margin-bottom:10px;}
#homePage .ef-primary,#homePage .ef-secondary{height:50px;padding:0 24px!important;border-radius:13px!important;font-size:14px!important;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
#homePage .ef-primary{background:linear-gradient(135deg,#14766c,#14766c)!important;box-shadow:0 12px 25px rgba(95,50,207,.2)!important;}
#homePage .ef-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(95,50,207,.25)!important;}
#homePage .ef-secondary:hover{transform:translateY(-2px);border-color:#c7ded8!important;background:#edf6f3!important;}
#homePage .ef-cta-note{display:flex;align-items:center;gap:7px;color:#8a8799;font-size:10px;margin:1px 2px 28px;}
#homePage .ef-cta-note span{font-size:8px;color:#38a878;box-shadow:0 0 0 4px #eaf8f1;border-radius:50%;}
#homePage .ef-feature-row{width:100%;max-width:720px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #edf6f3;padding-top:20px;}
#homePage .ef-feature-row>div{min-height:55px;grid-template-columns:36px 1fr;column-gap:8px;padding-inline:10px;border-inline-start:1px solid #edf6f3;}
#homePage .ef-feature-row>div:first-child{border-inline-start:0;padding-inline-start:0;}
#homePage .ef-feature-row i{width:34px;height:34px;background:#edf6f3;color:#14766c;font-size:14px;}
#homePage .ef-feature-row b{font-size:11px;}
#homePage .ef-feature-row span{font-size:9px;line-height:1.5;}

#homePage .ef-hero-visual{min-height:585px;background:#f4f0ed;position:relative;border-radius:0 0 0 70px;overflow:hidden;}
#homePage .ef-hero-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,0) 45%),linear-gradient(180deg,rgba(23,17,38,.02),rgba(23,17,38,.12));pointer-events:none;}
#homePage .ef-hero-visual:after{z-index:2;background:linear-gradient(90deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.12) 31%,rgba(255,255,255,0) 56%);}#homePage .ef-hero-visual img{object-position:center;transform:scale(1.025);transition:transform .8s ease;}
#homePage .ef-hero-visual:hover img{transform:scale(1.04);}
#homePage .ef-visual-note{left:34px;bottom:52px;z-index:4;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 16px 36px rgba(42,28,62,.14);font-family:Arial,sans-serif!important;text-align:right;transform:none!important;color:#103c42!important;font-size:12px!important;line-height:1.35!important;backdrop-filter:blur(10px);}
#homePage .ef-visual-note .ef-note-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#edf6f3;color:#14766c;font-size:16px;}
#homePage .ef-visual-note small{display:block;color:#888398;font-size:9px;margin-bottom:3px;}
#homePage .ef-visual-note strong{display:block;color:#103c42;font-size:14px;}
#homePage .ef-visual-chip{position:absolute;right:28px;top:28px;z-index:4;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:13px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 28px rgba(30,22,40,.11);backdrop-filter:blur(8px);}
#homePage .ef-visual-chip>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf8f1;color:#198355;font-weight:900;font-size:12px;}
#homePage .ef-visual-chip b{display:block;font-size:10px;color:#103c42;}#homePage .ef-visual-chip small{display:block;font-size:8px;color:#898597;margin-top:2px;}

#homePage .ef-benefits{max-width:1320px;margin:0 auto;padding:70px clamp(24px,5vw,60px) 26px;}
#homePage .ef-benefits-head{margin-bottom:28px;}
#homePage .ef-section-head span{display:inline-block;font-size:11px;letter-spacing:.2px;padding:6px 10px;border-radius:999px;background:#edf6f3;color:#14766c;}
#homePage .ef-section-head h2{font-size:31px!important;letter-spacing:-.8px;margin:10px 0 8px!important;}
#homePage .ef-section-head p{font-size:13px;color:#7c7a8b;line-height:1.8;}
#homePage .ef-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
#homePage .ef-benefit-card{display:grid;grid-template-columns:42px 1fr 25px;align-items:start;gap:12px;padding:20px;border:1px solid #edf6f3;border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(41,28,70,.045);transition:.2s ease;min-height:145px;}
#homePage .ef-benefit-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(41,28,70,.08);border-color:#edf6f3;}
#homePage .ef-benefit-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf6f3;color:#14766c;font-size:10px;font-weight:900;}
#homePage .ef-benefit-card h3{font-size:15px;color:#103c42;margin:1px 0 7px;}
#homePage .ef-benefit-card p{font-size:11px;line-height:1.8;color:#7d7b8c;margin:0;}
#homePage .ef-benefit-card>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf6f3;color:#14766c;font-size:13px;}

#homePage .ef-stages{padding:58px clamp(24px,5vw,60px) 44px;max-width:1320px;}
#homePage .ef-stage-grid{gap:14px;}
#homePage .ef-stage{min-height:166px!important;border-radius:20px!important;padding:21px!important;grid-template-columns:50px 1fr 34px!important;box-shadow:0 7px 20px rgba(45,30,80,.035)!important;position:relative;overflow:hidden;}
#homePage .ef-stage:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.34);left:-35px;bottom:-45px;}
#homePage .ef-stage:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(40,25,80,.08)!important;}
#homePage .ef-stage h3{font-size:17px!important;margin:5px 0 5px!important;}
#homePage .ef-stage p{font-size:11px!important;}
#homePage .ef-stage small{font-size:10px!important;}
#homePage .ef-stage-icon{width:46px;height:46px;font-size:20px;box-shadow:0 6px 14px rgba(35,25,70,.04);}
#homePage .ef-stage .arrow{width:29px;height:29px;transition:transform .18s ease;}#homePage .ef-stage:hover .arrow{transform:translateX(-3px);}

#homePage .ef-trust{max-width:1320px;margin:4px auto 42px;padding:16px 24px;border-radius:17px;background:#edf6f3;border:1px solid #edf6f3;box-shadow:0 7px 20px rgba(42,28,70,.03);}
#homePage .ef-trust div{font-size:12px;}#homePage .ef-trust span{font-size:18px;}
#homePage .ef-faq{max-width:1320px;margin:0 auto 48px;padding:32px 38px;border-radius:22px;background:linear-gradient(120deg,#edf6f3,#edf6f3);border:1px solid #edf6f3;box-shadow:0 12px 30px rgba(56,36,95,.045);}
#homePage .ef-faq h2{font-size:24px!important;}#homePage .ef-faq p{font-size:12px;}
#homePage .ef-footer{padding:25px clamp(24px,5vw,60px);background:#fff;}

@media(max-width:1100px){
 #homePage .ef-nav{padding-inline:24px}.ef-links{gap:18px!important}.ef-nav-actions{min-width:auto!important}
 #homePage .ef-hero{min-height:520px}.ef-hero-visual{min-height:520px!important}.ef-hero-copy{padding:54px 38px 45px}.ef-feature-row{max-width:100%!important}
 #homePage .ef-benefits{padding-top:55px}.ef-benefit-grid{grid-template-columns:1fr 1fr!important}.ef-benefit-card:last-child{grid-column:1/-1}
}
@media(max-width:780px){
 #homePage .ef-nav{height:auto;padding:14px 18px;row-gap:13px}.ef-brand{min-width:auto!important}.ef-links{order:3;width:100%;overflow-x:auto;justify-content:flex-start!important;gap:22px!important;padding-bottom:2px}.ef-links a{padding:7px 0!important;font-size:11px!important}.ef-links a.active:after{bottom:-1px}.ef-nav-actions{margin-inline-start:auto}.ef-nav-actions button{height:40px!important;padding:0 12px!important;font-size:11px!important}
 #homePage .ef-hero{grid-template-columns:1fr;min-height:0;direction:rtl}.ef-hero-copy{padding:46px 22px 34px}.ef-hero h1{font-size:40px!important;letter-spacing:-1.7px!important}.ef-hero p{font-size:15px;line-height:1.9}.ef-feature-row{grid-template-columns:1fr 1fr!important;row-gap:14px;padding-top:17px}.ef-feature-row>div:nth-child(3){border-inline-start:0}.ef-feature-row>div{padding-inline:5px}.ef-hero-visual{min-height:330px!important;border-radius:0!important}.ef-visual-chip{right:18px;top:18px}.ef-visual-note{left:18px;bottom:22px}
 #homePage .ef-benefits{padding:48px 18px 15px}.ef-benefit-grid{grid-template-columns:1fr!important}.ef-benefit-card:last-child{grid-column:auto}.ef-section-head h2{font-size:26px!important}.ef-stages{padding:48px 18px 34px!important}.ef-stage-grid{grid-template-columns:1fr!important}.ef-trust{grid-template-columns:1fr!important;margin-inline:18px}.ef-faq{margin-inline:18px;padding:25px;align-items:stretch!important}.ef-faq .ef-primary{width:100%!important}
}
@media(max-width:480px){#homePage .ef-brand b{font-size:23px}#homePage .ef-brand small{display:none}.ef-nav-actions .ef-login{display:none}.ef-nav-actions .ef-register{padding-inline:15px!important}.ef-hero h1{font-size:35px!important}.ef-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.ef-primary,.ef-secondary{width:100%!important;padding-inline:10px!important}.ef-feature-row b{font-size:10px}.ef-feature-row span{font-size:8px}.ef-visual-chip{transform:scale(.9);transform-origin:top right}.ef-visual-note{transform:scale(.9)!important;transform-origin:bottom left!important}.ef-footer{flex-direction:column;align-items:center;text-align:center;gap:8px}}



/* Premium Super Admin home */
#saDashboardView{padding-bottom:28px}
.tabarak-home-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;margin-bottom:18px;border-radius:24px;background:linear-gradient(135deg,#171c2b 0%,#103c42 52%,#103c42 100%);color:#fff;box-shadow:0 18px 45px rgba(35,31,75,.18)}
.tabarak-home-hero:before,.tabarak-home-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.tabarak-home-hero:before{width:260px;height:260px;left:-90px;top:-150px;background:rgba(255,255,255,.07)}.tabarak-home-hero:after{width:330px;height:330px;right:-130px;bottom:-230px;background:rgba(160,130,255,.13)}
.tabarak-home-copy{position:relative;z-index:1}.tabarak-home-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:900;color:#c7ded8;margin-bottom:9px}.tabarak-home-copy h2{margin:0;font-size:28px;line-height:1.25;color:#fff}.tabarak-home-copy p{margin:9px 0 0;max-width:720px;color:#d4d8e5;font-size:13px;line-height:1.8}.hero-wave{display:inline-block}
.tabarak-home-actions{position:relative;z-index:1}.tabarak-home-actions .sa-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(8px)}
.tabarak-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:24px}.tabarak-kpi{min-width:0;display:flex;align-items:center;gap:12px;padding:15px 14px;background:#fff;border:1px solid #e8ebf2;border-radius:18px;box-shadow:0 8px 25px rgba(25,45,75,.045);transition:transform .18s ease,box-shadow .18s ease}.tabarak-kpi:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(25,45,75,.08)}.tabarak-kpi .sa-kpi-value{font-size:26px;margin-top:4px}.tabarak-kpi .sa-kpi-note{margin-top:2px;color:#8a94a5}.kpi-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;font-size:19px}.accent-purple .kpi-icon{background:#edf6f3}.accent-blue .kpi-icon{background:#eaf2ff}.accent-teal .kpi-icon{background:#e8f8f5}.accent-orange .kpi-icon{background:#fff3e6}.accent-green .kpi-icon{background:#eaf8ef}.accent-red .kpi-icon{background:#fff0f1}
.tabarak-home-section-head{display:flex;align-items:end;justify-content:space-between;margin:4px 2px 11px}.tabarak-home-section-head h3{margin:0;font-size:16px;color:#1c2638}.tabarak-home-section-head span{display:block;color:#8993a3;font-size:11px;margin-top:4px}
.tabarak-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:20px}.tabarak-quick-card{position:relative;min-width:0;border:1px solid #e6eaf1;background:#fff;border-radius:17px;padding:15px;text-align:right;cursor:pointer;font:inherit;color:#1e293b;box-shadow:0 6px 18px rgba(25,45,75,.035);transition:all .18s ease}.tabarak-quick-card:hover{transform:translateY(-2px);border-color:#d7dceb;box-shadow:0 12px 26px rgba(25,45,75,.08)}.tabarak-quick-card strong{display:block;font-size:12px;margin-top:10px}.tabarak-quick-card small{display:block;color:#8a94a5;font-size:10px;margin-top:4px;line-height:1.5}.tabarak-quick-card>b{position:absolute;left:14px;bottom:15px;color:#9aa3b2;font-size:13px}.quick-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px}.quick-icon.purple{background:#edf6f3}.quick-icon.blue{background:#eaf2ff}.quick-icon.orange{background:#fff3e6}.quick-icon.teal{background:#e8f8f5}.quick-icon.green{background:#eaf8ef}
.tabarak-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.tabarak-dashboard-grid.bottom{grid-template-columns:1fr 1fr}.tabarak-dashboard-grid .sa-card{margin-bottom:16px;padding:19px}.tabarak-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.tabarak-card-head h3{margin:0!important}.tabarak-card-head span{display:block;font-size:10px;color:#8a94a5;margin-top:4px}.tabarak-live-dot{color:#168348!important;font-weight:900;font-size:10px!important;background:#eaf8ef;padding:5px 8px;border-radius:999px;margin-top:0!important}.tabarak-attention-card{border-top:3px solid #e3a92b}.tabarak-health-card{border-top:3px solid #3b82c4}
@media(max-width:1250px){.tabarak-kpi-grid{grid-template-columns:repeat(3,1fr)}.tabarak-quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.tabarak-home-hero{padding:24px;align-items:flex-start;flex-direction:column}.tabarak-home-actions{width:100%}.tabarak-home-actions .sa-btn{width:100%}.tabarak-kpi-grid{grid-template-columns:repeat(2,1fr)}.tabarak-quick-grid{grid-template-columns:repeat(2,1fr)}.tabarak-dashboard-grid,.tabarak-dashboard-grid.bottom{grid-template-columns:1fr}}
@media(max-width:550px){.tabarak-home-hero{border-radius:18px;padding:20px}.tabarak-home-copy h2{font-size:23px}.tabarak-kpi-grid,.tabarak-quick-grid{grid-template-columns:1fr}.tabarak-kpi{padding:14px}.tabarak-home-section-head{margin-top:2px}}



/* إتقان public home — consolidated visual system. Legacy public-home override layers merged here. */

/* Public home v3 — single-composition educational landing page. Inspired by modern EdTech UX patterns, not copied. */
#homePage .ef-home{background:#fff!important;}
#homePage .ef-nav{height:78px!important;padding-inline:clamp(22px,6vw,86px)!important;border-bottom:1px solid #edf6f3!important;box-shadow:0 2px 18px rgba(28,20,55,.035)!important;}
#homePage .ef-links a{padding:27px 0!important;}
#homePage .ef-links a.active:after{bottom:13px!important;}

/* Kill the old split-screen look: one unified hero with the illustration as a soft visual layer. */
#homePage .ef-hero{
  display:block!important;position:relative!important;min-height:690px!important;max-width:none!important;overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 28%,rgba(111,71,218,.13) 0,rgba(111,71,218,0) 28%),
    radial-gradient(circle at 13% 78%,rgba(100,72,208,.07) 0,rgba(100,72,208,0) 26%),
    linear-gradient(180deg,#fff 0%,#edf6f3 100%)!important;
  border-bottom:1px solid #edf6f3;
}
#homePage .ef-hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-170px;top:-190px;background:rgba(108,68,215,.055);filter:blur(2px);}
#homePage .ef-hero-copy{
  position:relative!important;z-index:3!important;min-height:690px!important;box-sizing:border-box!important;
  width:min(820px,100%);margin:0 auto!important;padding:105px 24px 45px!important;
  display:flex!important;align-items:center!important;text-align:center!important;direction:rtl!important;
}
#homePage .ef-hero-copy>*{position:relative;z-index:4;}
#homePage .ef-kicker{display:inline-flex!important;align-items:center;gap:9px;color:#14766c!important;background:#edf6f3;border:1px solid #edf6f3;border-radius:999px;padding:8px 14px!important;font-size:13px!important;font-weight:800!important;margin:0 auto 18px!important;}
#homePage .ef-kicker span{font-size:10px;letter-spacing:1.2px;color:#14766c;background:#fff;border-radius:999px;padding:4px 7px;}
#homePage .ef-hero h1{max-width:760px!important;font-size:clamp(45px,5.5vw,76px)!important;line-height:1.1!important;letter-spacing:-3px!important;text-align:center!important;margin:0 auto 20px!important;color:#11142d!important;}
#homePage .ef-hero h1 em{background:linear-gradient(100deg,#14766c,#46877f);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
#homePage .ef-hero p{max-width:650px!important;font-size:18px!important;line-height:1.9!important;color:#69677a!important;text-align:center!important;margin:0 auto 28px!important;}
#homePage .ef-hero-actions{justify-content:center!important;margin-bottom:15px!important;gap:11px!important;}
#homePage .ef-primary,#homePage .ef-secondary{min-height:49px!important;padding:13px 24px!important;border-radius:14px!important;font-size:14px!important;}
#homePage .ef-primary{background:linear-gradient(135deg,#14766c,#14766c)!important;box-shadow:0 15px 30px rgba(94,52,205,.22)!important;}
#homePage .ef-secondary{background:#fff!important;border:1px solid #edf6f3!important;box-shadow:0 8px 22px rgba(35,25,70,.05)!important;}
#homePage .ef-cta-note{color:#7a7789!important;font-size:12px!important;text-align:center!important;margin-bottom:25px!important;}
#homePage .ef-cta-note span{color:#14766c;font-weight:900;margin-left:4px;}

/* Feature proof row becomes a floating trust strip instead of another visual split. */
#homePage .ef-feature-row{
  width:min(920px,100%)!important;max-width:none!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;
  padding:0!important;background:rgba(255,255,255,.88)!important;border:1px solid #edf6f3!important;
  border-radius:22px!important;box-shadow:0 20px 55px rgba(43,25,88,.09)!important;backdrop-filter:blur(12px);
  overflow:hidden;
}
#homePage .ef-feature-row>div{padding:18px 12px!important;border:0!important;position:relative;}
#homePage .ef-feature-row>div+div:before{content:"";position:absolute;right:0;top:23%;height:54%;width:1px;background:#edf6f3;}
#homePage .ef-feature-row i{display:block!important;margin:0 auto 7px!important;color:#14766c!important;font-style:normal!important;font-size:19px!important;}
#homePage .ef-feature-row b{display:block!important;color:#103c42!important;font-size:12px!important;margin-bottom:3px;}
#homePage .ef-feature-row span{display:block!important;color:#858193!important;font-size:10px!important;}

/* The illustration is decorative now, never a second half of the page. */
#homePage .ef-hero-visual{
  position:absolute!important;z-index:1!important;left:0!important;right:0!important;bottom:-35px!important;width:100%!important;height:360px!important;min-height:0!important;
  background:transparent!important;border-radius:0!important;opacity:.20;pointer-events:none!important;
  display:block!important;overflow:hidden!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 100%);
}
#homePage .ef-hero-visual img{width:520px!important;height:520px!important;position:absolute!important;right:8%!important;bottom:-190px!important;object-fit:contain!important;transform:none!important;filter:grayscale(1) saturate(.5)!important;}
#homePage .ef-hero-visual:before,#homePage .ef-hero-visual:after{display:none!important;}
#homePage .ef-visual-note,#homePage .ef-visual-chip{display:none!important;}

/* More EdTech-like content rhythm below the hero. */
#homePage .ef-benefits{padding-top:78px!important;}
#homePage .ef-benefits-head,#homePage .ef-stages .ef-section-head{text-align:center!important;}
#homePage .ef-benefits-head>div,#homePage .ef-stages .ef-section-head>div{margin:auto!important;}
#homePage .ef-benefit-grid{gap:16px!important;}
#homePage .ef-benefit-card{background:#fff!important;border:1px solid #edf6f3!important;box-shadow:0 10px 35px rgba(37,25,70,.055)!important;border-radius:20px!important;}
#homePage .ef-benefit-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 42px rgba(37,25,70,.10)!important;}
#homePage .ef-stages{background:#edf6f3!important;border-top:1px solid #edf6f3!important;border-bottom:1px solid #edf6f3!important;}
#homePage .ef-trust{box-shadow:none!important;border:1px solid #edf6f3!important;background:#fff!important;}

@media(max-width:900px){
 #homePage .ef-hero,#homePage .ef-hero-copy{min-height:650px!important;}
 #homePage .ef-hero-copy{padding-top:85px!important;}
 #homePage .ef-feature-row{width:calc(100% - 20px)!important;}
}
@media(max-width:760px){
 #homePage .ef-nav{height:auto!important;min-height:76px;padding-block:13px!important;}
 #homePage .ef-hero,#homePage .ef-hero-copy{min-height:650px!important;}
 #homePage .ef-hero-copy{padding:68px 18px 34px!important;}
 #homePage .ef-hero h1{font-size:43px!important;letter-spacing:-2px!important;}
 #homePage .ef-hero p{font-size:15px!important;line-height:1.85!important;}
 #homePage .ef-hero-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
 #homePage .ef-primary,#homePage .ef-secondary{width:100%!important;}
 #homePage .ef-feature-row{grid-template-columns:1fr 1fr!important;width:100%!important;border-radius:18px!important;}
 #homePage .ef-feature-row>div{padding:14px 8px!important;}
 #homePage .ef-feature-row>div:nth-child(3):before{display:none;}
 #homePage .ef-hero-visual{height:300px!important;bottom:-75px!important;}
 #homePage .ef-hero-visual img{width:380px!important;height:380px!important;right:-55px!important;bottom:-135px!important;}
}
@media(max-width:480px){
 #homePage .ef-hero h1{font-size:37px!important;}
 #homePage .ef-hero-actions{grid-template-columns:1fr!important;}
 #homePage .ef-feature-row b{font-size:11px!important;}
 #homePage .ef-feature-row span{font-size:9px!important;}
}

/* Final public-home composition */
#homePage .ef-hero-copy{flex-direction:column!important;justify-content:flex-start!important;}
#homePage .ef-hero-dashboard{position:absolute!important;z-index:2!important;left:50%!important;bottom:25px!important;transform:translateX(-50%)!important;width:min(650px,52vw)!important;height:285px!important;pointer-events:none!important;filter:drop-shadow(0 25px 45px rgba(50,30,100,.12));}
#homePage .ef-mini-window{position:absolute;inset:0 35px 0 35px;background:rgba(255,255,255,.92);border:1px solid rgba(224,217,240,.95);border-radius:24px;box-shadow:0 20px 60px rgba(42,25,88,.13);overflow:hidden;backdrop-filter:blur(14px);}
#homePage .ef-window-top{height:38px;background:#edf6f3;border-bottom:1px solid #edf6f3;display:flex;align-items:center;gap:6px;padding:0 14px;color:#777287;font-size:10px;direction:ltr;}
#homePage .ef-window-top span{width:7px;height:7px;border-radius:50%;background:#c7ded8;}
#homePage .ef-window-top b{margin-left:auto;margin-right:8px;font-size:10px;direction:rtl;color:#777287;}
#homePage .ef-window-body{padding:19px 23px;direction:rtl;}
#homePage .ef-mini-profile{display:flex;align-items:center;gap:10px;text-align:right;}
#homePage .ef-avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#46877f,#14766c);color:#fff;display:grid;place-items:center;font-weight:900;}
#homePage .ef-mini-profile b{display:block;font-size:13px;color:#103c42;}
#homePage .ef-mini-profile small{display:block;color:#9691a3;font-size:9px;margin-top:3px;}
#homePage .ef-progress-box{margin-top:17px;padding:14px 15px;border:1px solid #edf6f3;border-radius:16px;background:#edf6f3;}
#homePage .ef-progress-box>div:first-child{display:flex;justify-content:space-between;align-items:center;}
#homePage .ef-progress-box small{font-size:9px;color:#8b8798;}
#homePage .ef-progress-box b{font-size:16px;color:#14766c;}
#homePage .ef-progress{height:7px;background:#edf6f3;border-radius:99px;margin:9px 0 7px;overflow:hidden;}
#homePage .ef-progress i{display:block;width:78%;height:100%;border-radius:99px;background:linear-gradient(90deg,#46877f,#46877f);}
#homePage .ef-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;}
#homePage .ef-mini-grid div{padding:11px;border:1px solid #edf6f3;border-radius:13px;background:#fff;text-align:center;}
#homePage .ef-mini-grid strong{display:block;color:#103c42;font-size:14px;}
#homePage .ef-mini-grid span{display:block;color:#9691a2;font-size:8px;margin-top:3px;}
#homePage .ef-float-card{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #edf6f3;border-radius:15px;padding:10px 12px;box-shadow:0 15px 35px rgba(42,25,88,.12);direction:rtl;text-align:right;}
#homePage .ef-float-card>span{width:28px;height:28px;border-radius:10px;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-weight:900;}
#homePage .ef-float-card b,#homePage .ef-float-card small{display:block;}
#homePage .ef-float-card b{font-size:10px;color:#103c42;}#homePage .ef-float-card small{font-size:8px;color:#9791a2;margin-top:2px;}
#homePage .ef-float-one{right:-2px;top:74px;}#homePage .ef-float-two{left:-8px;bottom:27px;}
#homePage .ef-how{max-width:1180px;margin:0 auto;padding:86px 24px 92px;}
#homePage .ef-how .ef-section-head{text-align:center;margin-bottom:32px;}
#homePage .ef-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;direction:rtl;}
#homePage .ef-how-grid article{position:relative;min-height:155px;padding:25px;border:1px solid #edf6f3;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(37,25,70,.045);overflow:hidden;}
#homePage .ef-how-grid article:after{content:"";position:absolute;left:-35px;bottom:-55px;width:130px;height:130px;border-radius:50%;background:#edf6f3;}
#homePage .ef-how-num{font-size:12px;font-weight:950;color:#14766c;background:#edf6f3;border-radius:10px;width:max-content;padding:7px 9px;margin-bottom:20px;}
#homePage .ef-how-grid h3{font-size:16px;margin:0 0 7px;color:#103c42;}#homePage .ef-how-grid p{font-size:11px;line-height:1.9;color:#817d8f;margin:0;max-width:280px;}
#homePage .ef-stages .ef-stage-grid{grid-template-columns:repeat(5,1fr)!important;}
#homePage .stage-violet{background:linear-gradient(135deg,#edf6f3,#edf6f3)!important;}#homePage .stage-gold{background:linear-gradient(135deg,#fff8e9,#fffdf7)!important;}
#homePage .ef-stage{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;}#homePage .ef-stage:hover{transform:translateY(-5px)!important;box-shadow:0 20px 40px rgba(35,24,72,.10)!important;border-color:#edf6f3!important;}
#homePage .ef-trust{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;padding:0!important;overflow:hidden;}
#homePage .ef-trust>div{min-height:105px;padding:20px 24px;display:flex;align-items:center;gap:13px;direction:rtl;}
#homePage .ef-trust>div+div{border-right:1px solid #edf6f3;}
#homePage .ef-trust span{width:38px;height:38px;border-radius:12px;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-weight:900;}
#homePage .ef-trust b,#homePage .ef-trust small{display:block;}#homePage .ef-trust b{font-size:13px;color:#103c42;}#homePage .ef-trust small{font-size:9px;color:#918c9d;margin-top:4px;}
#homePage .ef-faq{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important;padding:38px 44px!important;margin-bottom:60px!important;}
#homePage .ef-faq h2{font-size:27px!important;margin:7px 0!important;}#homePage .ef-faq p{font-size:12px!important;color:#7d788b!important;}#homePage .ef-faq .ef-primary{white-space:nowrap;}
#homePage .ef-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:28px clamp(22px,6vw,86px)!important;}
#homePage .ef-footer>div{display:flex;align-items:center;gap:18px;}
#homePage .ef-footer b{font-size:20px;}#homePage .ef-footer span{font-size:10px;}
@media(max-width:1050px){#homePage .ef-hero-dashboard{width:590px;opacity:.72;}#homePage .ef-stages .ef-stage-grid{grid-template-columns:repeat(3,1fr)!important;}#homePage .ef-stage:nth-child(4),#homePage .ef-stage:nth-child(5){grid-column:span 1;}}
@media(max-width:760px){#homePage .ef-hero{min-height:760px!important;}#homePage .ef-hero-copy{min-height:760px!important;padding-top:68px!important;}#homePage .ef-hero-dashboard{width:calc(100% - 30px)!important;height:225px!important;bottom:18px!important;opacity:.86;}#homePage .ef-mini-window{inset:0 20px;}#homePage .ef-window-body{padding:14px;}#homePage .ef-float-card{display:none;}#homePage .ef-how{padding:65px 18px;}#homePage .ef-how-grid{grid-template-columns:1fr!important;}#homePage .ef-how-grid article{min-height:120px;}#homePage .ef-stages .ef-stage-grid{grid-template-columns:1fr!important;}#homePage .ef-trust{grid-template-columns:1fr!important;}#homePage .ef-trust>div{min-height:82px;}#homePage .ef-trust>div+div{border-right:0;border-top:1px solid #edf6f3;}#homePage .ef-faq{display:block!important;padding:30px 24px!important;}#homePage .ef-faq .ef-primary{margin-top:18px;width:100%;}#homePage .ef-footer{display:block!important;text-align:center;}#homePage .ef-footer>div{justify-content:center;flex-direction:column;gap:5px;margin-bottom:14px;}}

#homePage .ef-home{--brand:#14766c;--brand-dark:#103c42;--brand-soft:#edf6f3;--ink:#103c42;--muted:#747185;--line:#edf6f3;--surface:#fff;--bg:#edf6f3;background:var(--bg)!important;color:var(--ink)!important;overflow:hidden;}
#homePage .ef-nav{height:72px!important;padding:0 clamp(18px,5vw,76px)!important;background:rgba(250,249,252,.88)!important;border-bottom:1px solid rgba(232,229,239,.9)!important;box-shadow:0 8px 28px rgba(48,32,91,.045)!important;backdrop-filter:blur(18px)!important;}
#homePage .ef-brand{gap:11px!important}.ef-brand-mark{width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(145deg,#14766c,#103c42)!important;box-shadow:0 9px 22px rgba(91,60,196,.22)!important}.ef-brand b{font-size:18px!important;letter-spacing:-.3px}.ef-brand small{font-size:9px!important;color:#8a8797!important}
#homePage .ef-links{gap:25px!important}.ef-links a{font-size:12px!important;color:#777386!important}.ef-links a.active,.ef-links a:hover{color:var(--brand)!important}
#homePage .ef-nav-actions{gap:8px!important}.ef-login,.ef-register{height:40px!important;border-radius:12px!important;font-size:12px!important}.ef-login{border:1px solid #edf6f3!important;background:#fff!important;color:#103c42!important}.ef-register{background:var(--brand)!important;box-shadow:0 8px 20px rgba(91,60,196,.2)!important}
#homePage .ef-hero{display:grid!important;grid-template-columns:1.03fr .97fr!important;grid-template-rows:auto auto!important;gap:0!important;max-width:1360px!important;margin:0 auto!important;min-height:610px!important;background:linear-gradient(115deg,#fff 0%,#fff 54%,#edf6f3 100%)!important;border-radius:0 0 34px 34px!important;position:relative!important;overflow:hidden!important}
#homePage .ef-hero:after{content:"";position:absolute;inset:auto auto -180px -180px;width:470px;height:470px;border-radius:50%;background:rgba(111,81,217,.055);pointer-events:none}
#homePage .ef-hero-copy{grid-column:1!important;grid-row:1!important;align-self:center!important;padding:72px clamp(30px,6vw,92px) 46px!important;position:relative;z-index:2}
#homePage .ef-kicker{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:7px 11px!important;border-radius:999px!important;background:var(--brand-soft)!important;border:1px solid #edf6f3!important;color:var(--brand)!important;font-size:11px!important;font-weight:800!important}.ef-kicker span{font-size:9px!important;letter-spacing:1px!important;background:#fff!important;padding:4px 7px!important;border-radius:7px!important}
#homePage .ef-hero h1{font-size:clamp(42px,5vw,68px)!important;line-height:1.07!important;letter-spacing:-2.7px!important;margin:20px 0 18px!important;max-width:650px!important;color:#103c42!important}.ef-hero h1 em{font-style:normal!important;background:linear-gradient(100deg,#103c42,#46877f)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
#homePage .ef-hero p{font-size:15px!important;line-height:2!important;color:#6e6a7b!important;max-width:555px!important;margin-bottom:25px!important}
#homePage .ef-hero-actions{gap:10px!important}.ef-primary{height:48px!important;padding:0 20px!important;border-radius:14px!important;background:linear-gradient(135deg,#14766c,#103c42)!important;box-shadow:0 12px 24px rgba(78,46,174,.2)!important;font-weight:900!important}.ef-secondary{height:48px!important;border-radius:14px!important;background:#fff!important;border:1px solid #edf6f3!important;color:#504b5f!important}
#homePage .ef-hero-note{margin-top:18px!important;font-size:10px!important;color:#8b8796!important}.ef-hero-note span{color:#4fbd8c!important;font-weight:900}
#homePage .ef-hero-dashboard{grid-column:2!important;grid-row:1!important;align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:510px!important;position:relative!important;background:radial-gradient(circle at 55% 45%,#fff 0,#edf6f3 55%,#edf6f3 100%)!important;border-radius:0 0 0 110px!important;overflow:hidden!important}.ef-hero-dashboard:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(91,60,196,.09);box-shadow:0 0 0 55px rgba(91,60,196,.025),0 0 0 110px rgba(91,60,196,.018)}
#homePage .ef-mini-window{position:relative!important;z-index:2;width:min(520px,78%);border:1px solid #edf6f3!important;border-radius:24px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 35px 75px rgba(47,30,91,.16)!important;transform:rotate(-1.5deg)!important;backdrop-filter:blur(12px)}
#homePage .ef-window-top{height:43px!important;padding:0 15px!important;border-bottom:1px solid #edf6f3!important}.ef-window-top span{width:7px!important;height:7px!important}.ef-window-top b{font-size:10px!important;color:#777184!important}
#homePage .ef-window-body{padding:22px!important}.ef-mini-profile{padding:0 0 20px!important}.ef-avatar{width:42px!important;height:42px!important;border-radius:13px!important;background:#edf6f3!important;color:#14766c!important}.ef-mini-profile b{font-size:13px!important}.ef-mini-profile small{font-size:9px!important;color:#96919f!important}
#homePage .ef-progress-box{border:1px solid #edf6f3!important;background:#edf6f3!important;border-radius:17px!important;padding:17px!important}.ef-progress-box b{color:#14766c!important}.ef-progress{height:8px!important;background:#edf6f3!important}.ef-progress i{background:linear-gradient(90deg,#14766c,#46877f)!important}
#homePage .ef-mini-grid{gap:9px!important;margin-top:10px!important}.ef-mini-grid>div{background:#fff!important;border:1px solid #edf6f3!important;border-radius:14px!important;padding:13px 8px!important}.ef-mini-grid strong{color:#103c42!important;font-size:17px!important}.ef-mini-grid span{font-size:8px!important;color:#918c9c!important}
#homePage .ef-float-card{z-index:3!important;border:1px solid #edf6f3!important;border-radius:15px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 16px 35px rgba(48,32,85,.13)!important}.ef-float-one{right:8%!important;top:22%!important}.ef-float-two{left:5%!important;bottom:19%!important}.ef-float-card>span{background:#edf6f3!important;color:#14766c!important}
#homePage .ef-feature-row{grid-column:1/3!important;grid-row:2!important;position:relative!important;z-index:5!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin:0 5% 24px!important;padding:10px!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important;border:1px solid #edf6f3!important;box-shadow:0 16px 35px rgba(45,29,82,.07)!important}.ef-feature-row>div{min-height:58px!important;border-inline-start:1px solid #edf6f3!important;padding:7px 17px!important}.ef-feature-row>div:first-child{border:0!important}.ef-feature-row i{width:31px!important;height:31px!important;border-radius:10px!important;background:#edf6f3!important;color:#14766c!important;font-style:normal!important}.ef-feature-row b{font-size:11px!important}.ef-feature-row span{font-size:8px!important;color:#9994a2!important}
#homePage .ef-benefits,#homePage .ef-how,#homePage .ef-stages{max-width:1180px!important;margin-inline:auto!important;padding-left:24px!important;padding-right:24px!important}.ef-benefits{padding-top:86px!important}.ef-section-head{margin-bottom:27px!important}.ef-section-head>div>span{display:inline-block!important;color:#14766c!important;font-size:10px!important;font-weight:900!important;letter-spacing:.2px}.ef-section-head h2{font-size:32px!important;line-height:1.25!important;letter-spacing:-1px!important;margin:8px 0 9px!important;color:#103c42!important;font-weight:950!important}.ef-section-head p{max-width:590px!important;color:#858190!important;font-size:12px!important;line-height:1.9!important}
#homePage .ef-benefit-grid{gap:14px!important}.ef-benefit-card{min-height:155px!important;border-radius:20px!important;border:1px solid #edf6f3!important;background:#fff!important;box-shadow:0 10px 26px rgba(42,28,78,.045)!important;padding:22px!important;transition:transform .2s,box-shadow .2s,border-color .2s!important}.ef-benefit-card:hover{transform:translateY(-4px)!important;border-color:#edf6f3!important;box-shadow:0 18px 35px rgba(42,28,78,.09)!important}.ef-benefit-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:#edf6f3!important;color:#14766c!important;font-size:10px!important}.ef-benefit-card h3{font-size:15px!important}.ef-benefit-card p{font-size:11px!important;color:#817d8c!important;line-height:1.8!important}.ef-benefit-card>span{color:#a09ba9!important}
#homePage .ef-how{padding-top:88px!important;padding-bottom:84px!important}.ef-how-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.ef-how-grid article{min-height:145px!important;padding:24px!important;border-radius:20px!important;background:#fff!important;border:1px solid #edf6f3!important;box-shadow:0 10px 25px rgba(42,28,78,.035)!important}.ef-how-num{font-size:28px!important;font-weight:950!important;color:#c7ded8!important;line-height:1!important}.ef-how-grid h3{font-size:14px!important;margin:15px 0 6px!important}.ef-how-grid p{font-size:10px!important;color:#85818e!important;line-height:1.8!important}
#homePage .ef-stages{padding-top:72px!important;padding-bottom:75px!important}.ef-stage-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:11px!important}.ef-stage{min-height:185px!important;padding:19px!important;border-radius:20px!important;border:1px solid rgba(226,221,235,.95)!important;box-shadow:0 11px 26px rgba(42,28,78,.05)!important;position:relative!important;overflow:hidden!important;transition:transform .2s,box-shadow .2s!important}.ef-stage:hover{transform:translateY(-5px)!important;box-shadow:0 20px 35px rgba(42,28,78,.1)!important}.stage-pink{background:linear-gradient(145deg,#fff1f4,#fffafa)!important}.stage-blue{background:linear-gradient(145deg,#eef6ff,#fbfdff)!important}.stage-green{background:linear-gradient(145deg,#edf9f4,#fbfffd)!important}.stage-violet{background:linear-gradient(145deg,#edf6f3,#edf6f3)!important}.stage-gold{background:linear-gradient(145deg,#fff8e8,#fffdf7)!important}.ef-stage-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(255,255,255,.75)!important;border:1px solid rgba(220,215,228,.7)!important}.ef-stage small{font-size:8px!important;color:#898493!important}.ef-stage h3{font-size:16px!important;margin:8px 0 4px!important}.ef-stage p{font-size:9px!important;color:#7f7a89!important}.ef-stage .arrow{width:30px!important;height:30px!important;border-radius:10px!important;background:#fff!important}
#homePage .ef-trust{max-width:1180px!important;margin:0 auto 72px!important;padding:9px!important;border-radius:20px!important;background:#fff!important;border:1px solid #edf6f3!important;box-shadow:0 10px 25px rgba(42,28,78,.04)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.ef-trust>div{padding:14px 18px!important;border-inline-start:1px solid #edf6f3!important}.ef-trust>div:first-child{border:0!important}.ef-trust span{background:#edf6f3!important;color:#14766c!important}.ef-trust b{font-size:11px!important}.ef-trust small{font-size:8px!important;color:#918c9b!important}
#homePage .ef-faq{max-width:1180px!important;margin:0 auto 70px!important;padding:42px 46px!important;border-radius:26px!important;border:1px solid #edf6f3!important;background:linear-gradient(115deg,#edf6f3,#edf6f3)!important;box-shadow:0 20px 45px rgba(75,48,142,.08)!important}.ef-faq>div>span{font-size:9px!important;color:#14766c!important;font-weight:950!important;letter-spacing:1px}.ef-faq h2{font-size:30px!important;color:#103c42!important;margin:8px 0!important}.ef-faq p{font-size:11px!important;color:#777283!important}.ef-footer{min-height:105px!important;padding:28px clamp(24px,6vw,90px)!important;background:#103c42!important;color:#9d99aa!important}.ef-footer b{font-size:18px!important;color:#c7ded8!important}.ef-footer span{font-size:9px!important}
@media(max-width:950px){#homePage .ef-links{display:none!important}#homePage .ef-hero{grid-template-columns:1fr!important}.ef-hero-copy{grid-column:1!important}.ef-hero-dashboard{grid-column:1!important;grid-row:2!important;min-height:420px!important;border-radius:0!important}.ef-feature-row{grid-column:1!important;grid-template-columns:repeat(2,1fr)!important}.ef-feature-row>div:nth-child(3){border-inline-start:0!important}.ef-stage-grid{grid-template-columns:repeat(2,1fr)!important}.ef-stage:last-child{grid-column:1/-1}.ef-trust{margin-inline:24px!important}.ef-faq{margin-inline:24px!important}}
@media(max-width:620px){#homePage .ef-nav{padding:0 14px!important}.ef-brand small{display:none!important}.ef-nav-actions .ef-login{display:none!important}.ef-hero-copy{padding:48px 22px 32px!important}.ef-hero h1{font-size:43px!important;letter-spacing:-1.8px!important}.ef-hero p{font-size:13px!important}.ef-hero-actions{flex-direction:column!important}.ef-primary,.ef-secondary{width:100%!important}.ef-hero-dashboard{min-height:340px!important}.ef-mini-window{width:84%!important}.ef-float-one{right:2%!important;top:17%!important}.ef-float-two{left:2%!important;bottom:12%!important}.ef-feature-row{margin:0 14px 18px!important;grid-template-columns:1fr 1fr!important}.ef-feature-row>div{border:0!important;padding:7px!important}.ef-benefits,.ef-how,.ef-stages{padding-left:16px!important;padding-right:16px!important}.ef-benefit-grid,.ef-how-grid,.ef-stage-grid{grid-template-columns:1fr!important}.ef-stage:last-child{grid-column:auto!important}.ef-trust{grid-template-columns:1fr!important;margin-inline:16px!important}.ef-trust>div{border:0!important;border-top:1px solid #edf6f3!important}.ef-trust>div:first-child{border:0!important}.ef-faq{margin-inline:16px!important;padding:30px 24px!important;flex-direction:column!important;align-items:stretch!important}.ef-faq h2{font-size:25px!important}.ef-footer{flex-direction:column!important;gap:15px!important;align-items:flex-start!important}}

/* V302: homepage narrative refresh inspired by premium Arabic education platforms */
#homePage .ef-hero{min-height:640px!important;background:linear-gradient(120deg,#fffdf7 0%,#f8f7f2 50%,#e3f2ef 100%)!important}
#homePage .ef-hero-copy{padding-top:58px!important;padding-bottom:45px!important}
#homePage .ef-hero h1{font-size:clamp(48px,4.8vw,72px)!important;line-height:1.08!important;max-width:720px!important}
#homePage .ef-hero p{max-width:650px!important;margin-bottom:16px!important}
#homePage .ef-hero-points{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px;color:#304458;font-size:clamp(13px,1vw,16px);font-weight:700}
#homePage .ef-hero-points li{display:flex;align-items:center;gap:10px}
#homePage .ef-hero-points li:before{content:"✓";display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#dff3ee;color:#177d70;font-size:13px;font-weight:900}
#homePage .ef-hero-dashboard{min-height:640px!important;background:#e8f2ef!important;border-radius:0 0 0 92px!important;isolation:isolate}
#homePage .ef-hero-dashboard:before{display:none!important}
#homePage .ef-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:39% center;z-index:0;transform:none!important}
#homePage .ef-photo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(22,50,79,.03),rgba(22,50,79,0) 45%),linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(8,34,48,.22) 100%)}
#homePage .ef-float-card{z-index:3!important;max-width:220px!important;padding:13px 15px!important;backdrop-filter:blur(12px);background:rgba(255,255,255,.91)!important}
#homePage .ef-float-one{right:7%!important;top:12%!important}
#homePage .ef-float-two{left:6%!important;bottom:10%!important}
#homePage .ef-feature-row{margin-top:-18px!important}
#homePage .ef-proof{max-width:1180px;margin:0 auto;padding:24px clamp(18px,4vw,42px);display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid rgba(22,50,79,.12);background:#fffdf8}
#homePage .ef-proof>div{text-align:center;padding:8px 20px;border-inline-start:1px solid rgba(22,50,79,.12)}
#homePage .ef-proof>div:first-child{border-inline-start:0}
#homePage .ef-proof strong{display:block;color:#16324f;font-size:clamp(18px,1.8vw,27px);line-height:1.25;margin-bottom:6px}
#homePage .ef-proof span{display:block;color:#72808b;font-size:clamp(11px,.9vw,14px);line-height:1.55}
#homePage .ef-benefits{padding-top:72px!important}
@media(max-width:950px){#homePage .ef-hero-dashboard{min-height:480px!important;border-radius:0!important}#homePage .ef-proof{grid-template-columns:repeat(2,1fr)}#homePage .ef-proof>div:nth-child(3){border-inline-start:0;border-top:1px solid rgba(22,50,79,.12)}#homePage .ef-proof>div:nth-child(4){border-top:1px solid rgba(22,50,79,.12)}}
@media(max-width:620px){#homePage .ef-hero h1{font-size:44px!important}#homePage .ef-hero-dashboard{min-height:360px!important}#homePage .ef-hero-photo{object-position:34% center}#homePage .ef-float-card{max-width:180px!important}#homePage .ef-proof{grid-template-columns:1fr 1fr;padding:14px 10px}#homePage .ef-proof>div{padding:14px 8px}.ef-hero-points{font-size:13px!important}}



/* إتقان Auth — calm, focused, consistent with the public home */
#loginPage,#registerPage{min-height:100vh;background:#edf6f3;display:flex;align-items:center;justify-content:center;padding:32px 18px;box-sizing:border-box;direction:rtl}
#loginPage>.card,#registerPage>.card{width:min(100%,460px);background:#fff;border:1px solid #edf6f3;border-radius:24px;box-shadow:0 18px 55px rgba(42,31,84,.10);padding:34px 34px 26px;box-sizing:border-box}
#registerPage>.card{width:min(100%,620px)}
#loginPage .logo,#registerPage .logo{font-size:25px;font-weight:900;letter-spacing:-.7px;color:#14766c;text-align:center;margin:0 0 24px}
#loginPage h2,#registerPage h2{font-size:27px;line-height:1.25;color:#103c42;text-align:center;margin:0 0 8px;font-weight:900;letter-spacing:-.5px}
#loginPage .sub,#registerPage .sub{font-size:14px;line-height:1.8;color:#777281;text-align:center;margin:0 auto 26px;max-width:430px}
#loginPage form,#registerPage form{margin:0}
#loginPage label,#registerPage label{display:block;font-size:13px;font-weight:800;color:#37323f;margin:0 0 7px}
#loginPage input,#registerPage input,#registerPage select,#loginPage select{width:100%;height:48px;border:1px solid #edf6f3;background:#fff;border-radius:12px;padding:0 14px;font:inherit;font-size:14px;color:#103c42;outline:none;box-sizing:border-box;margin:0 0 16px;transition:.18s;border-color:#edf6f3;direction:rtl}
#loginPage input:focus,#registerPage input:focus,#registerPage select:focus{border-color:#46877f;box-shadow:0 0 0 4px rgba(128,104,214,.10)}
#loginPage input::placeholder,#registerPage input::placeholder{color:#aaa6b2}
#loginPage .field-hint{font-size:11px;color:#918c99;margin:-10px 0 16px}
#loginButton,#registerButton{width:100%;height:50px;border:0;border-radius:13px;background:#14766c;color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 9px 22px rgba(103,75,209,.20);transition:transform .16s,box-shadow .16s,background .16s}
#loginButton:hover,#registerButton:hover{background:#14766c;transform:translateY(-1px);box-shadow:0 12px 26px rgba(103,75,209,.24)}
#loginPage .device-notice{margin-top:15px;padding:12px 14px;border-radius:12px;background:#edf6f3;border:1px solid #edf6f3;color:#77727f;font-size:11px;line-height:1.8}
#loginPage .device-notice strong{display:block;color:#4a4552;font-size:12px;margin-bottom:2px}
#loginPage .msg,#registerPage .msg{font-size:12px;text-align:center;margin-top:12px;line-height:1.6}
#loginPage .back,#registerPage .back{display:block;margin:20px auto 0;border:0;background:transparent;color:#77727f;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
#loginPage .back:hover,#registerPage .back:hover{color:#14766c}
#registerPage .auth-steps{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 auto 25px;direction:rtl}
#registerPage .auth-step{display:flex;align-items:center;gap:6px;color:#aaa6b2;font-size:11px;white-space:nowrap}
#registerPage .auth-step span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf6f3;color:#14766c;font-weight:900}
#registerPage .auth-step.is-active{color:#514a5d}
#registerPage .auth-step.is-active span{background:#14766c;color:#fff}
#registerPage .auth-steps i{width:38px;height:1px;background:#edf6f3}
#registerPage #gradeContainer,#registerPage #trackContainer{margin-top:0}
#registerPage .register-tip{display:flex;align-items:flex-start;gap:10px;margin:2px 0 17px;padding:12px 13px;border-radius:12px;background:#edf6f3;border:1px solid #edf6f3}
#registerPage .register-tip>span{width:22px;height:22px;border-radius:50%;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-weight:900;flex:none}
#registerPage .register-tip b{display:block;color:#4b4653;font-size:12px;margin-bottom:2px}
#registerPage .register-tip small{display:block;color:#898492;font-size:11px;line-height:1.6}
@media(min-width:620px){#registerPage form{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}#registerPage form>label,#registerPage form>input,#registerPage form>select,#registerPage form>.hidden,#registerPage form>.register-tip,#registerPage form>#registerButton,#registerPage form>.msg{grid-column:span 2}#registerPage form>label:nth-of-type(1),#registerPage form>input:nth-of-type(1),#registerPage form>label:nth-of-type(2),#registerPage form>select:nth-of-type(1){grid-column:span 1}#registerPage form>label:nth-of-type(3),#registerPage form>input:nth-of-type(2){grid-column:span 2}}
@media(max-width:480px){#loginPage,#registerPage{padding:16px 12px}#loginPage>.card,#registerPage>.card{padding:28px 20px 22px;border-radius:20px}#loginPage h2,#registerPage h2{font-size:24px}}



.tabarak-perf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.tabarak-perf-grid>div{background:#f8f9fc;border:1px solid #edf0f5;border-radius:11px;padding:9px;text-align:center}.tabarak-perf-grid b{display:block;font-size:16px;color:#263247}.tabarak-perf-grid span{display:block;margin-top:3px;font-size:9px;color:#8993a3}.perf-good{color:#168348!important}.perf-warn{color:#b7791f!important}.perf-bad{color:#b33a42!important}@media(max-width:550px){.tabarak-perf-grid{grid-template-columns:repeat(2,1fr)}}



:root{
 --tabarak-primary:#0f766e;
 --tabarak-secondary:#14b8a6;
}
.tabarak-brand-badge{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:8px 14px;
 border-radius:999px;
 background:#ecfdf5;
 color:#0f766e;
 font-weight:900;
}
.tabarak-welcome{
 border-radius:22px;
 padding:24px;
 background:linear-gradient(135deg,#ecfeff,#ffffff);
 border:1px solid #ccfbf1;
}



.tabarak-v54-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.tabarak-v54-eyebrow{font-size:10px;font-weight:900;letter-spacing:.08em;color:#0f766e}.tabarak-v54-head h2{margin:5px 0 6px;font-size:24px}.tabarak-v54-head p{margin:0;color:#748097;font-size:12px;line-height:1.8}.tabarak-v54-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tabarak-v54-status{padding:11px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e7edf2;color:#64748b;font-size:12px;font-weight:800;margin-bottom:16px}.tabarak-v54-status.ok{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.tabarak-v54-status.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.tabarak-v54-status.bad{background:#fef2f2;border-color:#fecaca;color:#991b1b}.tabarak-v54-run-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.tabarak-v54-kpi{background:#fff;border:1px solid #e7edf2;border-radius:15px;padding:14px}.tabarak-v54-kpi span{display:block;font-size:10px;color:#8490a3;margin-bottom:7px}.tabarak-v54-kpi strong{font-size:20px;color:#203047}.tabarak-v54-table-wrap{overflow:auto}.tabarak-v54-table{width:100%;border-collapse:collapse;min-width:840px}.tabarak-v54-table th,.tabarak-v54-table td{padding:11px 9px;border-bottom:1px solid #edf1f5;text-align:right;font-size:11px}.tabarak-v54-table th{color:#748097;background:#fafbfd;font-weight:900}.tabarak-v54-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-weight:900;font-size:10px}.tabarak-v54-pill.good{background:#ecfdf5;color:#166534}.tabarak-v54-pill.warn{background:#fffbeb;color:#92400e}.tabarak-v54-pill.bad{background:#fef2f2;color:#991b1b}.tabarak-v54-note{padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px dashed #dbe4ec;color:#6b778c;font-size:11px;line-height:1.8;margin-top:14px}@media(max-width:850px){.tabarak-v54-run-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabarak-v54-head{flex-direction:column}}@media(max-width:520px){.tabarak-v54-run-grid{grid-template-columns:1fr 1fr}.tabarak-v54-head h2{font-size:20px}}



:root{
  --etqan-navy:#16324F;
  --etqan-teal:#20AFA0;
  --etqan-gold:#F2B544;
  --etqan-ivory:#F8F7F2;
}
body{background:var(--etqan-ivory);color:var(--etqan-navy)}
.logo{color:var(--etqan-navy)!important}
button{font-family:inherit}
#homePage{background:var(--etqan-ivory)!important;color:var(--etqan-navy)!important}
#homePage .ef-home{background:var(--etqan-ivory)!important;color:var(--etqan-navy)!important}
#homePage .ef-nav{background:rgba(248,247,242,.96)!important;border-bottom-color:rgba(22,50,79,.12)!important}
#homePage .ef-brand{color:var(--etqan-navy)!important}
#homePage .ef-brand b,#homePage .ef-footer b{color:var(--etqan-navy)!important}
#homePage .ef-brand small{color:var(--etqan-teal)!important;font-weight:800}
#homePage .ef-brand-mark,.tabarak-wa-logo{background:var(--etqan-navy)!important;color:#fff!important;position:relative;overflow:hidden;font-size:0!important;box-shadow:0 9px 22px rgba(22,50,79,.2)!important}
#homePage .ef-brand-mark:before,.tabarak-wa-logo:before{content:"";position:absolute;inset:12px 8px 10px;border:2px solid #fff;border-top-width:1px;border-radius:3px 3px 12px 12px;transform:skewY(-7deg)}
#homePage .ef-brand-mark:after,.tabarak-wa-logo:after{content:"✓";position:absolute;right:8px;top:3px;color:var(--etqan-gold);font-size:18px;font-weight:900;line-height:1}
#homePage .ef-links a{color:var(--etqan-navy)!important}
#homePage .ef-links a.active:after{background:var(--etqan-teal)!important}
#homePage .ef-register,#homePage .ef-primary,#homePage .ef-stage .arrow{background:var(--etqan-teal)!important;color:#fff!important}
#homePage .ef-secondary,#homePage .ef-login{color:var(--etqan-navy)!important;border-color:rgba(22,50,79,.22)!important;background:#fff!important}
#homePage .ef-kicker{color:var(--etqan-teal)!important;background:#e7f6f3!important;border-color:#c9ebe5!important}
#homePage .ef-kicker:before{background:var(--etqan-teal)!important;box-shadow:0 0 0 4px #d8f1ed!important}
#homePage .ef-hero h1,#homePage .ef-section-head h2,#homePage .ef-stage h3{color:var(--etqan-navy)!important}
#homePage .ef-hero h1 em{background:linear-gradient(100deg,var(--etqan-teal),var(--etqan-navy))!important;-webkit-background-clip:text!important;background-clip:text!important}
#homePage .ef-hero{background:linear-gradient(115deg,var(--etqan-ivory) 0%,#fff 55%,#e8f5f2 100%)!important}
#homePage .ef-hero-dashboard{background:radial-gradient(circle at 55% 45%,#fff 0,#e9f5f2 58%,#d9eeeb 100%)!important}
#homePage .ef-progress i{background:var(--etqan-teal)!important}
#homePage .ef-mini-grid>div{background:#fffdf8!important}
#homePage .ef-feature-row,#homePage .ef-benefit-card,#homePage .ef-how-grid article,#homePage .ef-trust{background:#fffdf8!important;border-color:rgba(22,50,79,.12)!important}
#homePage .ef-feature-row i,#homePage .ef-benefit-icon,#homePage .ef-trust span{background:#e7f6f3!important;color:var(--etqan-teal)!important}
#homePage .ef-stage{border-color:rgba(22,50,79,.1)!important}
#homePage .ef-stage:nth-child(5),#homePage .ef-faq{background:linear-gradient(115deg,#fff6dc,#fffdf7)!important;border-color:#f5dfaa!important}
#homePage .ef-faq h2{color:var(--etqan-navy)!important}
#homePage .ef-footer{background:var(--etqan-navy)!important;color:#dce7ed!important;border-top:0!important}
#homePage .ef-footer b{color:#fff!important}
#loginPage,#registerPage{background:var(--etqan-ivory)!important}
#loginPage>.card,#registerPage>.card{border-color:rgba(22,50,79,.14)!important;background:#fffdf8!important}
#loginPage .logo,#registerPage .logo{color:var(--etqan-navy)!important}
#loginButton,#registerButton{background:var(--etqan-teal)!important;box-shadow:0 9px 22px rgba(32,175,160,.2)!important}
#loginPage input:focus,#registerPage input:focus,#registerPage select:focus{border-color:var(--etqan-teal)!important;box-shadow:0 0 0 4px rgba(32,175,160,.12)!important}
.etqan-brand-lockup{display:inline-flex;align-items:center;gap:8px;color:var(--etqan-navy);font-weight:900}



#saLoadTestingView .sa-card{margin-bottom:14px}.v224-gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.v224-gate{border:1px solid #e3eaf0;background:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px}.v224-gate span{font-size:10px;color:#7b8798;font-weight:900}.v224-gate strong{font-size:16px;color:#203047}.v224-gate small{font-size:10px;color:#7b8798;line-height:1.6}.v224-gate.good{background:#ecfdf5;border-color:#bbf7d0}.v224-gate.good strong{color:#166534}.v224-gate.warn{background:#fffbeb;border-color:#fde68a}.v224-gate.warn strong{color:#92400e}.v224-gate.bad{background:#fef2f2;border-color:#fecaca}.v224-gate.bad strong{color:#991b1b}.v224-plan-card{background:linear-gradient(135deg,#fff,#f7fbfa)}.v224-concurrency{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.v224-concurrency>div,.v224-db-grid>div{border:1px solid #e8edf2;border-radius:13px;padding:11px;background:#fff}.v224-concurrency span,.v224-db-grid span{display:block;font-size:10px;color:#7c8798;margin-bottom:5px}.v224-concurrency strong,.v224-db-grid strong{font-size:17px;color:#16324f}.v224-metrics{display:flex;gap:7px;flex-wrap:wrap}.v224-metrics .metric-chip{padding:5px 9px;border-radius:999px;background:#eff7f6;color:#14766d;border:1px solid #d6ece8;font-size:10px;font-weight:900}.v224-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.v224-kpi-grid .tabarak-v54-kpi{min-width:0}.v224-kpi-grid .tabarak-v54-kpi small{display:block;color:#8a94a3;font-size:9px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v224-scenario-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.v224-scenario{border:1px solid #e6ebf0;border-radius:14px;padding:12px;background:#fff}.v224-scenario h4{font-size:11px;margin:0 0 8px;color:#203047;line-height:1.55}.v224-scenario .row{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#7b8798;margin-top:5px}.v224-scenario.good{border-color:#bbf7d0;background:#f0fdf4}.v224-scenario.warn{border-color:#fde68a;background:#fffbeb}.v224-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v224-db-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.v224-thresholds{display:grid;gap:8px}.v224-threshold{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:11px;background:#f8fafc;border:1px solid #e9edf2;font-size:10px}.v224-threshold b{color:#203047}.v224-event-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.v224-event{padding:10px;border-radius:12px;background:#f8fafc;border:1px solid #e9edf2;text-align:center}.v224-event span{display:block;font-size:9px;color:#7b8798}.v224-event strong{display:block;font-size:17px;margin-top:5px;color:#203047}.v224-event.bad strong{color:#b91c1c}.v224-event.warn strong{color:#b45309}.v224-severity{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900}.v224-severity.good{background:#ecfdf5;color:#166534}.v224-severity.warn{background:#fffbeb;color:#92400e}.v224-severity.bad{background:#fef2f2;color:#991b1b}.v224-severity.info{background:#eff6ff;color:#1d4ed8}.v225-baseline-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.v225-testability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.v225-test-card{border:1px solid #e6ebf0;border-radius:14px;padding:12px;background:#fff}.v225-test-card strong{display:block;font-size:12px;color:#203047;margin-bottom:5px}.v225-test-card small{font-size:10px;color:#7b8798;line-height:1.6}.v225-test-card.good{background:#f0fdf4;border-color:#bbf7d0}.v225-test-card.warn{background:#fffbeb;border-color:#fde68a}.v225-profile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.v225-profile-item{border:1px solid #e8edf2;border-radius:12px;padding:10px;background:#fff}.v225-profile-item span{display:block;font-size:9px;color:#7b8798}.v225-profile-item strong{display:block;font-size:16px;color:#203047;margin-top:5px}.v225-growth-table .delta-up{color:#b91c1c;font-weight:900}.v225-growth-table .delta-down{color:#166534;font-weight:900}.v225-growth-table .delta-flat{color:#64748b;font-weight:900}.v225-diagnosis{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;background:#f1f5f9;color:#475569}.v225-diagnosis.growth_correlated_regression,.v225-diagnosis.error_regression{background:#fef2f2;color:#991b1b}.v225-diagnosis.runtime_regression_without_data_growth{background:#fff7ed;color:#9a3412}.v225-diagnosis.improved{background:#ecfdf5;color:#166534}.v225-diagnosis.stable{background:#eff6ff;color:#1d4ed8}.v225-baseline-note{font-size:10px;line-height:1.7;color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:11px;padding:10px 12px;margin-top:10px}
@media(max-width:1200px){.v225-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v225-testability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v224-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v224-scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v224-db-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v224-event-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.v225-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v224-gates,.v224-two-col{grid-template-columns:1fr}.v224-concurrency{grid-template-columns:repeat(2,minmax(0,1fr))}.v224-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v224-scenario-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.v224-scenario-grid,.v224-db-grid,.v224-event-grid{grid-template-columns:1fr 1fr}}



#superAdminShell .tabarak-v58-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.tabarak-v58-eyebrow{font-size:10px;font-weight:900;letter-spacing:.8px;color:#14766c;margin-bottom:6px}.tabarak-v58-head h2{margin:0;color:#103c42;font-size:26px}.tabarak-v58-head p{margin:7px 0 0;color:#7a7185;font-size:12px;line-height:1.8}.tabarak-v58-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tabarak-v58-status{border:1px solid #edf6f3;background:#edf6f3;border-radius:13px;padding:11px 13px;margin-bottom:14px;color:#103c42;font-size:11px;font-weight:800}.tabarak-v58-status.ok{border-color:#d9eddc;background:#f4fbf5;color:#26723f}.tabarak-v58-status.warn{border-color:#f3e0bd;background:#fffaf0;color:#9b650f}.tabarak-v58-status.bad{border-color:#f1d2d5;background:#fff5f6;color:#a02e39}.tabarak-v58-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.tabarak-v58-kpi{background:#fff;border:1px solid #edf6f3;border-radius:14px;padding:13px}.tabarak-v58-kpi span{display:block;color:#85798f;font-size:8px}.tabarak-v58-kpi strong{display:block;color:#103c42;font-size:18px;margin-top:4px}.tabarak-v58-card{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:16px}.tabarak-v58-cardhead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.tabarak-v58-cardhead h3{margin:0;color:#103c42;font-size:15px}.tabarak-v58-cardhead span{display:block;color:#8a7f92;font-size:7.5px;line-height:1.7;margin-top:2px}.tabarak-v58-badge{display:inline-flex;padding:6px 8px;border-radius:999px;background:#edf6f3;color:#14766c;font-size:8px;font-weight:900}.tabarak-v58-empty{padding:14px;border:1px dashed #dfe3ea;border-radius:12px;background:#fafbfc;color:#7a8598;text-align:center;font-size:9px;line-height:1.8}.tabarak-v58-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tabarak-v58-cell{border:1px solid #edf0f4;border-radius:11px;padding:10px;background:#fbfcfe}.tabarak-v58-cell span{display:block;color:#7d8796;font-size:7px}.tabarak-v58-cell strong{display:block;color:#34405a;font-size:12px;margin-top:4px}.tabarak-v58-note{margin-top:9px;color:#908698;font-size:7.5px;line-height:1.8}@media(max-width:900px){.tabarak-v58-head{flex-direction:column}.tabarak-v58-kpis{grid-template-columns:repeat(2,1fr)}.tabarak-v58-grid{grid-template-columns:1fr}}



.academic-map-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.academic-map-v4 .admin-card{min-width:0}.mapping-selects{display:grid;gap:10px}.mapping-card{padding:12px 14px;border:1px solid #e5e7eb;border-radius:14px;margin-top:10px;background:#fff}.mapping-card h4{margin:0 0 5px}.mapping-meta{font-size:.9rem;color:#64748b}.academic-note{margin:8px 0 14px;padding:10px 12px;border-radius:12px;background:#f6f8fb;color:#52606f;font-size:.9rem}.admin-msg{margin-top:10px;min-height:20px}.admin-msg.error{color:#b42318}.admin-msg.success{color:#067647}@media(max-width:900px){.academic-map-v4{grid-template-columns:1fr}}



.admin-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.admin-head-actions .admin-btn{white-space:nowrap}
.teacher-create-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:14px 16px;border:1px solid #dfe7f1;border-radius:16px;background:#fff}
.teacher-create-banner .teacher-create-text{font-weight:700}
@media(max-width:700px){.teacher-create-banner{align-items:stretch;flex-direction:column}.teacher-create-banner .admin-btn{width:100%}}



.qb-sa-v130{padding:24px;max-width:1450px;margin:auto}
.qb-sa-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#edf6f3,#fff);border:1px solid #edf6f3}
.qb-sa-kicker{font-size:11px;font-weight:900;color:#14766c;margin-bottom:7px}
.qb-sa-hero h1{margin:0;font-size:30px;color:#103c42}
.qb-sa-hero p{margin:8px 0 0;color:#746b80;line-height:1.8;font-size:12px;max-width:800px}
.qb-sa-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:11px;padding:10px 15px;font-weight:900;cursor:pointer}
.qb-sa-btn.primary{background:#14766c;color:#fff;border-color:#14766c}
.qb-sa-policy{display:flex;align-items:center;gap:12px;margin:14px 0;padding:14px 16px;border-radius:16px;background:#edf6f3;border:1px solid #edf6f3;color:#665a72}
.qb-sa-policy-icon{width:40px;height:40px;border-radius:12px;background:#edf6f3;display:grid;place-items:center}
.qb-sa-policy strong{display:block;color:#103c42;font-size:12px}.qb-sa-policy span{display:block;margin-top:4px;font-size:10px;line-height:1.7}
.qb-sa-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.qb-sa-kpis>div{background:#fff;border:1px solid #edf6f3;border-radius:16px;padding:15px;text-align:center}
.qb-sa-kpis b{display:block;font-size:24px;color:#103c42}.qb-sa-kpis span{display:block;margin-top:4px;font-size:10px;color:#81768e}
.qb-sa-toolbar{display:flex;gap:9px;margin:14px 0}
.qb-sa-search-wrap{display:flex;align-items:center;gap:7px;flex:1;background:#fff;border:1px solid #edf6f3;border-radius:12px;padding:0 11px;color:#887c94}
.qb-sa-search-wrap input{border:0;outline:0;flex:1;height:42px;font-size:11px;background:transparent}
.qb-sa-toolbar select{height:44px;border:1px solid #edf6f3;border-radius:12px;background:#fff;padding:0 12px;color:#5d5368}
.qb-sa-bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.qb-sa-bank{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:16px;box-shadow:0 5px 20px rgba(70,45,95,.04)}
.qb-sa-bank-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.qb-sa-bank-title{font-size:16px;font-weight:1000;color:#103c42;margin-top:12px}
.qb-sa-meta{color:#756b80;font-size:10px;line-height:1.8;margin-top:7px}
.qb-sa-status{font-size:9px;font-weight:900;padding:4px 8px;border-radius:999px;background:#edf6f3;color:#103c42}
.qb-sa-status.good{background:#eaf8f0;color:#147547}.qb-sa-status.warn{background:#fff5df;color:#8a5b00}.qb-sa-status.bad{background:#fdecec;color:#a33434}
.qb-sa-count{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.qb-sa-chip{font-size:9px;padding:5px 8px;border-radius:999px;background:#edf6f3;color:#6c6176}
.qb-sa-actions{display:flex;gap:7px;margin-top:14px}.qb-sa-actions .qb-sa-btn{flex:1;font-size:10px}.qb-sa-actions .download{background:#14766c;color:#fff;border-color:#14766c}
.qb-sa-loading,.qb-sa-empty{grid-column:1/-1;text-align:center;padding:50px;border:1px dashed #c7ded8;border-radius:18px;color:#82778c;background:#fff}
.qb-sa-preview{margin-top:16px;background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:18px}
.qb-sa-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.qb-sa-preview-table{overflow:auto;border:1px solid #edf6f3;border-radius:12px}.qb-sa-preview-table table{width:100%;border-collapse:collapse;min-width:850px}
.qb-sa-preview-table th,.qb-sa-preview-table td{padding:9px;border-bottom:1px solid #edf6f3;text-align:right;font-size:10px;vertical-align:top}
.qb-sa-preview-table th{background:#edf6f3;color:#103c42}
@media(max-width:1050px){.qb-sa-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qb-sa-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.qb-sa-v130{padding:12px}.qb-sa-hero{display:block}.qb-sa-toolbar{flex-direction:column}.qb-sa-bank-grid{grid-template-columns:1fr}.qb-sa-kpis{grid-template-columns:1fr 1fr}}



.sa-role-toggle{font-size:11px!important;padding:7px 10px!important;margin-top:7px!important}
.sa-role-details{display:none;margin-top:10px;padding-top:10px;border-top:1px dashed #e4e9f0}
.sa-perm-card.expanded .sa-role-details{display:block}
.sa-role-details-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#667085;margin-bottom:7px}
.sa-role-permissions{display:flex;gap:6px;flex-wrap:wrap}.sa-role-permissions span{padding:5px 7px;border-radius:8px;background:#f5f7fa;color:#596579;font-size:10px}
.sa-permission-note{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fff8e8;border:1px solid #f2dfae;color:#7a5b13;font-size:11px}



/* V19 UX pass: clearer student navigation + role-aware teacher workspace */
.student-v19-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:9px;border:1px solid #e7eaf0;border-radius:16px;background:#fff;position:sticky;top:8px;z-index:20;box-shadow:0 6px 20px rgba(20,30,50,.05)}
.student-v19-nav button{border:0;background:#f5f6f9;color:#52606f;border-radius:11px;padding:9px 12px;font-weight:800;cursor:pointer}
.student-v19-nav button.active,.student-v19-nav button:hover{background:#edf6f3;color:#103c42}
.student-v19-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.student-v19-mini{padding:13px 14px;border:1px solid #e7eaf0;border-radius:14px;background:#fff}.student-v19-mini strong{display:block;font-size:19px;color:#243047}.student-v19-mini span{display:block;margin-top:3px;font-size:11px;color:#7b8798}
.teacher-v19-banner{margin:0 0 16px;padding:18px;border:1px solid #e7eaf0;border-radius:18px;background:linear-gradient(135deg,#fff,#f8f9fc);display:flex;justify-content:space-between;align-items:center;gap:16px}
.teacher-v19-banner h2{margin:0 0 5px}.teacher-v19-banner p{margin:0;color:#718096;font-size:13px}.teacher-v19-actions{display:flex;gap:8px;flex-wrap:wrap}.teacher-v19-actions button{width:auto;margin:0}
.teacher-v19-note{padding:11px 13px;border-radius:12px;background:#f7f8fb;color:#5d6878;font-size:12px;margin-bottom:14px}
@media(max-width:800px){.student-v19-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.student-v19-nav{position:static}.teacher-v19-banner{align-items:stretch;flex-direction:column}.teacher-v19-actions button{width:100%}}



  #superAdminShell.sa-active{display:block!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;overflow:auto!important}
  body:has(#superAdminShell.sa-active) #staffPage{display:none!important}



.sa-add-teacher-native,
.sa-quick-action-native,
a.quick-action[href="#teacherCreatePanel"]{
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative;
  z-index:1000000;
}
.sa-quick-action-native{
  flex-direction:column;
  min-height:70px;
  padding:14px 18px;
  border-radius:14px;
  background:var(--primary,#103c42);
  color:#fff!important;
}
.sa-quick-action-native small{color:#fff!important;opacity:.9}
#teacherCreatePanel{
  display:none;
  position:fixed;
  inset:0;
  z-index:2147483000;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(10,14,25,.62);
}
#teacherCreatePanel:target{display:flex}
#teacherCreatePanel .teacher-create-dialog{
  width:min(680px,96vw);
  max-height:90vh;
  overflow:auto;
  background:#fff;
  border-radius:18px;
  box-shadow:0 24px 80px rgba(0,0,0,.28);
  padding:24px;
  direction:rtl;
}
#teacherCreatePanel .teacher-create-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
#teacherCreatePanel .teacher-create-head h2{margin:0}
#teacherCreatePanel .teacher-create-close{
  text-decoration:none;
  font-size:28px;
  line-height:1;
  color:#555;
  padding:4px 10px;
}
#teacherCreatePanel .teacher-create-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
#teacherCreatePanel .teacher-create-grid .full{grid-column:1/-1}
#teacherCreatePanel label{display:block;margin-bottom:6px;font-weight:700}
#teacherCreatePanel input,
#teacherCreatePanel select{
  width:100%;
  box-sizing:border-box;
  min-height:44px;
  border:1px solid #c7ded8;
  border-radius:10px;
  padding:9px 12px;
  background:#fff;
}
#teacherCreatePanel .teacher-create-submit{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:11px;
  background:var(--primary,#103c42);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
#teacherCreatePanel .teacher-create-note{
  font-size:13px;
  color:#666;
  margin-top:5px;
}
#teacherCreatePanel .teacher-create-msg{
  margin:10px 0;
  min-height:22px;
}#teacherCreatePanel .teacher-choice-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:8px 0;
}
#teacherCreatePanel .teacher-choice{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #edf6f3;
  border-radius:10px;
  padding:8px 11px;
  background:#edf6f3;
  cursor:pointer;
  user-select:none;
}
#teacherCreatePanel .teacher-choice input{
  width:auto;
  min-height:auto;
  accent-color:var(--primary,#103c42);
}
#teacherCreatePanel .teacher-choice.disabled{
  opacity:.45;
}

@media(max-width:700px){
  #teacherCreatePanel .teacher-create-grid{grid-template-columns:1fr}
}



.academic-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.academic-tab{border:1px solid #c7ded8;background:#edf6f3;color:#103c42;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.academic-tab.active{background:#103c42;color:#fff}.academic-tab-panel{display:none}.academic-tab-panel.active{display:block}.academic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.academic-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.academic-card.full{grid-column:1/-1}.academic-field{display:flex;flex-direction:column;gap:6px}.academic-field label{font-weight:800}.academic-field input,.academic-field select,.academic-field textarea{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #d8dce5;border-radius:9px;padding:8px 10px}.academic-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.academic-table{width:100%;border-collapse:collapse}.academic-table th,.academic-table td{padding:10px;border-bottom:1px solid #eceef3;text-align:right}.academic-muted{color:#667085;font-size:13px}.academic-danger{color:#b42318}.academic-checks{display:flex;gap:8px;flex-wrap:wrap;max-height:180px;overflow:auto;padding:8px;border:1px solid #e4e7ec;border-radius:10px}.academic-check{display:flex;gap:6px;align-items:center;background:#edf6f3;padding:7px 9px;border-radius:8px}.student-calendar-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:14px}.student-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.student-calendar-day{min-height:150px;border:1px solid #e5e7eb;border-radius:12px;padding:9px;background:#fff}.student-calendar-day.today{border:2px solid #103c42}.student-calendar-dayhead{font-weight:900;margin-bottom:8px}.student-calendar-event{display:block;padding:7px 8px;border-radius:8px;background:#edf6f3;margin-bottom:6px;font-size:12px}.student-calendar-event.exam{background:#fff0f0;border-right:3px solid #d92d20}.student-calendar-event.class{background:#eef8f1;border-right:3px solid #12b76a}.student-exam-row{padding:11px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;gap:12px}.student-exam-row:last-child{border-bottom:0}@media(max-width:850px){.academic-grid,.student-calendar-layout{grid-template-columns:1fr}.student-calendar-week{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* Super Admin is a 999999 fixed layer; all admin modals must sit above it. */
#adminModal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483001!important;
}
#adminModal.open{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#adminModal .admin-modal-box{
  position:relative;
  z-index:2147483002!important;
  pointer-events:auto!important;
}
#adminModal .admin-close,
#adminModal button{
  pointer-events:auto!important;
  cursor:pointer!important;
}



/* A teacher must never render the legacy administration shell. */
body:has(#teacherWorkspacePage.active) #staffPage{
  display:none!important;
}
body:has(#teacherWorkspacePage.active) #superAdminShell{
  display:none!important;
}



#accountCenterModal{
  display:none;position:fixed;inset:0;z-index:2147483647;
  align-items:center;justify-content:center;padding:18px;
  background:rgba(10,14,25,.62)
}
#accountCenterModal.open{display:flex!important}
#accountCenterModal .account-box{
  width:min(760px,96vw);max-height:92vh;overflow:auto;background:#fff;
  border-radius:20px;padding:24px;direction:rtl;
  box-shadow:0 24px 90px rgba(0,0,0,.30)
}
#accountCenterModal .account-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:18px
}
#accountCenterModal h2{margin:0}
#accountCenterModal .account-close{
  border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer
}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-grid .full{grid-column:1/-1}
.account-field label{display:block;font-weight:800;margin-bottom:6px}
.account-field input,.account-field select,.account-field textarea{
  width:100%;box-sizing:border-box;min-height:44px;border:1px solid #edf6f3;
  border-radius:11px;padding:9px 12px;background:#fff
}
.account-field textarea{min-height:120px;resize:vertical}
.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.account-btn{
  min-height:44px;border:0;border-radius:11px;padding:0 18px;
  background:#103c42;color:#fff;font-weight:800;cursor:pointer
}
.account-btn.secondary{background:#edf6f3;color:#103c42;border:1px solid #edf6f3}
.account-msg{min-height:22px;margin-top:8px;font-size:13px}
.account-note{font-size:12px;color:#6b7280;margin-top:5px}
.account-section{
  border:1px solid #edf6f3;border-radius:15px;padding:15px;margin-bottom:14px
}
.account-section h3{margin:0 0 12px}
.account-nav-button{
  width:100%;text-align:right;border:0;background:transparent;cursor:pointer
}
@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-grid .full{grid-column:auto}}



#teacherWorkspacePage{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#f5f7fb!important;overflow:hidden!important;z-index:1000000!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color:#17213a}
#teacherWorkspacePage .tm-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 276px!important;width:100%;height:100%;direction:ltr;background:#f6f8fc}
#teacherWorkspacePage .tm-sidebar{grid-column:2;grid-row:1;background:linear-gradient(180deg,#121a31 0%,#10172b 100%);color:#fff;padding:18px 14px 14px;display:flex!important;flex-direction:column;gap:8px;min-width:0;min-height:0;height:100%;box-sizing:border-box;box-shadow:-10px 0 40px rgba(18,26,49,.10);direction:rtl;z-index:20;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
#teacherWorkspacePage .tm-main{grid-column:1;grid-row:1;min-width:0;display:flex!important;flex-direction:column;height:100%;overflow:hidden;direction:rtl}
#teacherWorkspacePage .tm-brand{display:flex;align-items:center;gap:12px;padding:0 10px 12px;font-size:22px;letter-spacing:.3px;flex:none}
#teacherWorkspacePage .tm-brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#46877f,#c7ded8);display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 8px 24px rgba(112,91,230,.35)}
#teacherWorkspacePage .tm-nav-label{font-size:11px;color:#aeb7d1;padding:4px 12px 3px}
#teacherWorkspacePage .tm-nav{display:flex;flex-direction:column;gap:5px;flex:none}
#teacherWorkspacePage .tm-nav button{appearance:none;border:0;background:transparent;color:#e8ecf7;border-radius:12px;min-height:43px;padding:0 14px;display:flex;align-items:center;gap:12px;text-align:right;font-size:14px;cursor:pointer;transition:.18s ease;font-family:inherit}
#teacherWorkspacePage .tm-nav button span{width:24px;text-align:center;font-size:18px;opacity:.95}
#teacherWorkspacePage .tm-nav button:hover{background:rgba(255,255,255,.08);transform:translateX(-2px)}
#teacherWorkspacePage .tm-nav button.active{background:linear-gradient(135deg,#46877f,#46877f);box-shadow:0 9px 24px rgba(106,86,223,.25);color:#fff}
#teacherWorkspacePage .tm-nav button.tm-danger{color:#ffb9c0;margin-top:4px}
#teacherWorkspacePage .tm-help{margin-top:8px;flex:none;border-top:1px solid rgba(255,255,255,.09);padding:16px 6px 2px;display:flex;align-items:center;gap:10px}
#teacherWorkspacePage .tm-help-icon{width:34px;height:34px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;font-weight:800}
#teacherWorkspacePage .tm-help strong{display:block;font-size:12px}.tm-help small{display:block;color:#9da7c0;font-size:10px;margin-top:4px}
#teacherWorkspacePage .tm-topbar{height:82px;flex:none;background:#fff;border-bottom:1px solid #e7eaf1;display:flex;align-items:center;justify-content:space-between;padding:0 28px;direction:ltr;z-index:10}
#teacherWorkspacePage .tm-top-actions{display:flex;align-items:center;gap:10px;direction:ltr}.tm-icon-btn{position:relative;width:42px;height:42px;border:0;background:#fff;border-radius:11px;color:#28314b;font-size:20px;cursor:pointer}.tm-icon-btn:hover{background:#edf6f3}
#teacherWorkspacePage .tm-icon-btn b{position:absolute;top:2px;right:1px;min-width:17px;height:17px;padding:0 3px;border-radius:10px;background:#14766c;color:#fff;font-size:9px;display:grid;place-items:center}
#teacherWorkspacePage .tm-divider{height:30px;width:1px;background:#e7e9f0;margin:0 4px}
#teacherWorkspacePage .tm-user-button{border:0;background:#fff;display:flex;align-items:center;gap:10px;padding:5px 7px;border-radius:12px;cursor:pointer;color:#17213a;direction:rtl;text-align:right}.tm-user-button:hover{background:#edf6f3}
#teacherWorkspacePage .tm-user-button strong{display:block;font-size:14px}.tm-user-button small{display:block;color:#7c8498;font-size:11px;margin-top:3px}.tm-chevron{font-size:17px;color:#8891a4;margin-right:3px}
#teacherWorkspacePage .tm-avatar{width:42px;height:42px;border-radius:50%;background:#edf6f3;display:grid;place-items:center;overflow:hidden;font-size:20px}.tm-avatar img{width:100%;height:100%;object-fit:cover}
#teacherWorkspacePage .tm-mobile-brand{display:none;font-weight:900;font-size:18px;color:#103c42}
#teacherWorkspacePage .tm-content{flex:1;overflow:auto;padding:28px 30px 38px;background:radial-gradient(circle at 20% 0%,rgba(110,92,228,.05),transparent 28%),#f6f8fc}
#teacherWorkspacePage .tm-route{max-width:1320px;margin:0 auto}
.tm-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.tm-page-head h1{margin:0;font-size:28px;letter-spacing:-.5px}.tm-page-head p{margin:7px 0 0;color:#6d7588;font-size:13px}.tm-date{font-size:12px;color:#7b8396;background:#fff;border:1px solid #e6e9f0;border-radius:10px;padding:9px 12px}
.tm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.tm-stat{background:#fff;border:1px solid #e7eaf0;border-radius:18px;padding:20px;min-height:130px;box-shadow:0 6px 22px rgba(31,39,65,.035);position:relative;overflow:hidden}.tm-stat:after{content:"";position:absolute;inset:auto -30px -50px auto;width:120px;height:120px;border-radius:50%;background:rgba(107,92,231,.06)}.tm-stat .label{color:#6f778a;font-size:13px}.tm-stat .value{font-size:30px;font-weight:900;margin:10px 0 3px;color:#141c34}.tm-stat .sub{font-size:11px;color:#858da0}.tm-stat .icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;position:absolute;left:18px;top:18px;font-size:20px}.tm-stat.purple .icon{background:#edf6f3;color:#14766c}.tm-stat.blue .icon{background:#eaf4ff;color:#2577dc}.tm-stat.green .icon{background:#eafaf1;color:#19a55a}.tm-stat.orange .icon{background:#fff3e7;color:#ef861b}
.tm-grid-main{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;margin-bottom:18px}.tm-card{background:#fff;border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 6px 22px rgba(31,39,65,.035);padding:20px}.tm-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.tm-card-head h3{margin:0;font-size:17px}.tm-card-head button,.tm-link{border:0;background:transparent;color:#14766c;cursor:pointer;font-family:inherit;font-size:12px}.tm-list{display:flex;flex-direction:column;gap:9px}.tm-list-item{border:1px solid #edf0f5;border-radius:13px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tm-list-item .main{min-width:0}.tm-list-item strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-list-item small{display:block;color:#7c8495;font-size:11px;margin-top:5px}.tm-badge{padding:5px 8px;border-radius:8px;font-size:10px;white-space:nowrap;background:#edf6f3;color:#14766c}.tm-badge.warn{background:#fff2e5;color:#d87410}.tm-badge.success{background:#eaf9f0;color:#14954f}.tm-badge.danger{background:#fff0f1;color:#d54d5c}
.tm-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tm-chart{min-height:250px}.tm-chart svg{width:100%;height:205px;display:block}.tm-empty{border:1px dashed #dfe3ec;border-radius:13px;padding:24px;text-align:center;color:#7f8798;background:#fbfcfe;font-size:12px}.tm-empty strong{display:block;color:#4c5569;font-size:14px;margin-bottom:6px}.tm-activity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tm-activity-item{border:1px solid #edf0f5;border-radius:13px;padding:14px}.tm-activity-item .aicon{font-size:20px;margin-bottom:10px}.tm-activity-item strong{font-size:12px;display:block}.tm-activity-item small{display:block;color:#7d8597;margin-top:6px;font-size:10px}
.tm-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tm-search{flex:1;min-width:220px;border:1px solid #e0e4ed;border-radius:11px;background:#fff;padding:11px 13px;font-family:inherit}.tm-primary{border:0;border-radius:11px;background:#14766c;color:#fff;padding:0 18px;min-height:42px;font-family:inherit;font-weight:800;cursor:pointer}.tm-primary:hover{background:#14766c}.tm-secondary{border:1px solid #edf6f3;border-radius:11px;background:#fff;color:#14766c;padding:0 16px;min-height:42px;font-family:inherit;cursor:pointer}
.tm-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e7eaf0;border-radius:16px;overflow:hidden}.tm-table th,.tm-table td{padding:13px 12px;border-bottom:1px solid #eef0f4;text-align:right;font-size:12px}.tm-table th{background:#edf6f3;color:#687186;font-weight:800}.tm-table tr:last-child td{border-bottom:0}.tm-avatar-sm{width:34px;height:34px;border-radius:50%;background:#edf6f3;display:inline-grid;place-items:center;margin-left:8px;vertical-align:middle}
.tm-profile{display:grid;grid-template-columns:220px 1fr;gap:18px}.tm-profile-card{text-align:center}.tm-profile-big{width:110px;height:110px;border-radius:50%;margin:5px auto 12px;background:#edf6f3;display:grid;place-items:center;font-size:44px;overflow:hidden}.tm-profile-big img{width:100%;height:100%;object-fit:cover}.tm-file{display:none}
.tm-toast{position:fixed;left:24px;bottom:24px;background:#171d32;color:#fff;padding:12px 16px;border-radius:11px;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:9999999;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s}.tm-toast.show{opacity:1;transform:none}
@media(max-width:1100px){#teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 230px}.tm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-grid-main{grid-template-columns:1fr}.tm-two{grid-template-columns:1fr}}
@media(max-width:760px){#teacherWorkspacePage .tm-shell{display:block!important}.tm-sidebar{position:fixed!important;top:0;right:0;bottom:0;width:280px;height:100vh!important;overflow-y:auto!important;transform:translateX(100%);transition:.22s ease;z-index:100}.tm-sidebar.open{transform:none}.tm-main{height:100vh!important}.tm-topbar{padding:0 14px}.tm-mobile-brand{display:block}.tm-content{padding:18px 14px 30px}.tm-top-actions{order:2}.tm-user-button span:nth-child(2),.tm-chevron{display:none}.tm-stats{grid-template-columns:1fr 1fr;gap:10px}.tm-stat{padding:15px;min-height:118px}.tm-stat .value{font-size:25px}.tm-activity{grid-template-columns:1fr 1fr}.tm-profile{grid-template-columns:1fr}}
@media(max-width:480px){.tm-stats{grid-template-columns:1fr}.tm-page-head{align-items:flex-start;flex-direction:column}.tm-page-head h1{font-size:23px}}



#tabarakAcademicDistributionHub{margin:0 0 16px;padding:16px;border:1px solid #edf6f3;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(40,30,70,.03)}
#tabarakAcademicDistributionHub .adh-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
#tabarakAcademicDistributionHub .adh-head h3{margin:0 0 5px;font-size:18px}
#tabarakAcademicDistributionHub .adh-head p{margin:0;color:#746b82;font-size:12px}
#tabarakAcademicDistributionHub .adh-actions{display:flex;gap:8px;flex-wrap:wrap}
#tabarakAcademicDistributionHub .adh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#tabarakAcademicDistributionHub .adh-card{border:1px solid #edf6f3;border-radius:13px;background:#edf6f3;padding:12px;min-width:0}
#tabarakAcademicDistributionHub .adh-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}
#tabarakAcademicDistributionHub .adh-card-head strong{font-size:14px;color:#103c42}
#tabarakAcademicDistributionHub .adh-list{display:flex;flex-direction:column;gap:7px;max-height:230px;overflow:auto}
#tabarakAcademicDistributionHub .adh-stage{border:1px solid #edf6f3;background:#fff;border-radius:10px;padding:9px}
#tabarakAcademicDistributionHub .adh-stage-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
#tabarakAcademicDistributionHub .adh-stage-title strong{font-size:13px}
#tabarakAcademicDistributionHub .adh-grades{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;padding-right:8px;border-right:2px solid #edf6f3}
#tabarakAcademicDistributionHub .adh-grade{font-size:11px;padding:5px 7px;border-radius:7px;background:#edf6f3;color:#103c42}
#tabarakAcademicDistributionHub .adh-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;background:#fff;border:1px solid #edf6f3;border-radius:9px}
#tabarakAcademicDistributionHub .adh-row-main{min-width:0;display:flex;flex-direction:column;gap:2px}
#tabarakAcademicDistributionHub .adh-row-main strong{font-size:12px}
#tabarakAcademicDistributionHub .adh-row-main span{font-size:10px;color:#80758f}
#tabarakAcademicDistributionHub .adh-empty{padding:14px;text-align:center;color:#81768f;font-size:11px;border:1px dashed #c7ded8;border-radius:9px;background:#fff}
#tabarakAcademicDistributionHub .adh-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:8px;padding:7px 10px;cursor:pointer;font-weight:700;font-size:11px}
#tabarakAcademicDistributionHub .adh-btn.primary{background:#103c42;color:#fff;border-color:#103c42}
#tabarakAcademicDistributionHub .adh-btn.danger{color:#a61b1b;border-color:#efcaca}
#tabarakAcademicDistributionHub .adh-note{margin-top:11px;padding:9px 10px;border-radius:9px;background:#edf6f3;color:#103c42;font-size:11px}
@media(max-width:1050px){#tabarakAcademicDistributionHub .adh-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#tabarakAcademicDistributionHub .adh-grid{grid-template-columns:1fr}}
/* المواد تُدار من مركز التوزيع الأكاديمي الآن، وليس من القائمة الجانبية */
#staffPage .adminSidebar [data-admin-view="adminSubjectsView"],
#staffPage .adminSidebar #adminSubjectsViewNav,
#staffPage .adminSidebar button[data-sa-view="adminSubjectsView"],
#saSidebar .sa-nav [data-sa-view="adminSubjectsView"]{display:none!important}



.tabarak-subject-editor-v6{direction:rtl}.tabarak-subject-editor-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;background:#edf6f3;border:1px solid #edf6f3;border-radius:14px;margin-bottom:15px}.tabarak-subject-editor-intro span{display:block;color:#756b81;font-size:12px;margin-top:4px}.tabarak-subject-counter{min-width:78px;text-align:center;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid #edf6f3;color:#103c42}.tabarak-subject-toolbar{display:flex;gap:8px;align-items:center;margin:8px 0 10px}.tabarak-subject-toolbar .admin-input{flex:1}.tabarak-subject-scopes{max-height:320px;overflow:auto;padding:10px;border:1px solid #edf6f3;border-radius:14px;background:#edf6f3}.tabarak-subject-stage{background:#fff;border:1px solid #edf6f3;border-radius:12px;padding:10px;margin-bottom:9px}.tabarak-subject-stage-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf6f3;padding-bottom:8px;margin-bottom:9px}.tabarak-subject-stage-head div{display:flex;gap:8px;align-items:center}.tabarak-subject-stage-head div span{font-size:11px;color:#8a8192}.tabarak-subject-stage-head label{font-size:11px;color:#6f6478;display:flex;gap:5px;align-items:center}.tabarak-grade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tabarak-grade-check{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid #edf6f3;border-radius:9px;background:#edf6f3;font-size:12px}.tabarak-grade-check:has(input:checked){border-color:#c7ded8;background:#edf6f3}.tabarak-empty{padding:10px;color:#8a8192;font-size:12px}@media(max-width:700px){.tabarak-grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabarak-subject-editor-intro{align-items:flex-start;flex-direction:column}.tabarak-subject-toolbar{flex-wrap:wrap}}


.required-star{color:#b42318}.field-hint,.optional-label{display:block;color:#7a7184;font-size:11px;font-weight:500;margin-top:5px}.optional-label{display:inline;margin-right:5px}.term-editor-v8{direction:rtl}.term-editor-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;margin-bottom:16px;border:1px solid #edf6f3;border-radius:18px;background:linear-gradient(135deg,#edf6f3,#edf6f3)}.term-editor-hero h3{margin:4px 0 5px;font-size:20px}.term-editor-hero p{margin:0;color:#71677c;font-size:12px;line-height:1.7}.term-eyebrow{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#14766c;font-weight:800}.term-hero-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(85,55,140,.10);font-size:25px}.term-current-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#f0fdf4;color:#067647;font-size:10px;font-weight:800;margin-right:5px}.term-type-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf6f3;color:#103c42;font-size:10px;font-weight:800;margin:0 5px}.academic-term-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.academic-term-summary .summary-item{padding:13px 14px;border:1px solid #edf6f3;border-radius:14px;background:#fff}.academic-term-summary .summary-item strong{display:block;font-size:18px;margin-top:4px}.academic-term-summary .summary-item span{font-size:11px;color:#7b7288}@media(max-width:700px){.academic-term-summary{grid-template-columns:1fr}.term-editor-hero{align-items:flex-start}} 

.subject-term-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.subject-term-pills span{padding:4px 8px;border-radius:999px;background:#edf6f3;color:#103c42;font-size:10px;font-weight:800}.subject-term-warning{margin-top:6px;color:#b54708;font-size:10px;font-weight:700}.academic-list-row>div:first-child{min-width:0}


#adminStaffView .staff-management-hero{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:12px;margin:0 0 16px}
#adminStaffView .staff-hero-card{background:linear-gradient(135deg,#fff,#edf6f3);border:1px solid #edf6f3;border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(74,48,120,.06)}
#adminStaffView .staff-hero-card strong{display:block;font-size:22px;color:#103c42;margin-bottom:4px}
#adminStaffView .staff-hero-card span{font-size:12px;color:#777}
#adminStaffView .staff-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
#adminStaffView .staff-toolbar .admin-input{min-width:260px;flex:1}
#adminStaffView .staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
#adminStaffView .staff-card{border:1px solid #edf6f3;background:#fff;border-radius:18px;padding:16px;box-shadow:0 7px 22px rgba(50,30,90,.05);transition:.18s}
#adminStaffView .staff-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(50,30,90,.09)}
#adminStaffView .staff-card-head{display:flex;gap:12px;align-items:center;justify-content:space-between}
#adminStaffView .staff-avatar{width:48px;height:48px;border-radius:14px;background:#edf6f3;color:#103c42;display:grid;place-items:center;font-weight:900;font-size:18px}
#adminStaffView .staff-name{font-weight:900;font-size:16px}
#adminStaffView .staff-meta{font-size:12px;color:#777;margin-top:3px}
#adminStaffView .staff-status{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}
#adminStaffView .staff-status.active{background:#eaf9f0;color:#147a49}
#adminStaffView .staff-status.inactive{background:#fff0f0;color:#b42318}
#adminStaffView .staff-subjects{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 8px}
#adminStaffView .staff-chip{padding:5px 9px;border-radius:999px;background:#edf6f3;border:1px solid #edf6f3;color:#103c42;font-size:11px}
#adminStaffView .staff-scope{font-size:12px;color:#666;min-height:20px;margin-bottom:13px}
#adminStaffView .staff-actions{display:flex;gap:7px;flex-wrap:wrap}
#adminStaffView .staff-actions button{flex:1;min-width:105px}
#adminStaffView .staff-edit-subjects{border:1px solid #edf6f3;border-radius:14px;padding:12px;background:#edf6f3;max-height:230px;overflow:auto}
#adminStaffView .staff-subject-option{display:flex;align-items:center;gap:8px;padding:9px;border-radius:9px}
#adminStaffView .staff-subject-option:hover{background:#edf6f3}
@media(max-width:900px){#adminStaffView .staff-management-hero{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){#adminStaffView .staff-management-hero{grid-template-columns:1fr 1fr}#adminStaffView .staff-grid{grid-template-columns:1fr}}



#adminDashboardView{padding-bottom:30px}
#adminDashboardView .admin-head{margin-bottom:18px}
#adminDashboardView .dashboard-title-wrap{display:flex;align-items:center;gap:12px}
#adminDashboardView .dashboard-title-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#14766c,#46877f);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 10px 22px rgba(91,58,166,.2)}
#adminDashboardView .dashboard-updated{font-size:11px;color:#8a8197;margin-top:5px}
#adminDashboardView .admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
#adminDashboardView .admin-stat{position:relative;overflow:hidden;border-radius:18px;padding:18px 18px 16px;border:1px solid #edf6f3;background:linear-gradient(145deg,#fff,#edf6f3);box-shadow:0 8px 24px rgba(49,29,86,.06)}
#adminDashboardView .admin-stat:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:#edf6f3;left:-24px;bottom:-27px}
#adminDashboardView .admin-stat-label{font-size:12px;color:#766b80;font-weight:700}
#adminDashboardView .admin-stat-value{font-size:30px;font-weight:900;color:#103c42;margin:7px 0 2px;letter-spacing:-.5px}
#adminDashboardView .admin-stat-note{font-size:11px;color:#958b9f}
#adminDashboardView .dashboard-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:16px;align-items:start}
#adminDashboardView .dashboard-panel{background:#fff;border:1px solid #edf6f3;border-radius:18px;box-shadow:0 7px 22px rgba(50,30,90,.045);overflow:hidden}
#adminDashboardView .dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #edf6f3}
#adminDashboardView .dashboard-panel-head h3{margin:0;font-size:15px}
#adminDashboardView .dashboard-panel-head span{font-size:11px;color:#8a8197}
#adminDashboardView .dashboard-table-wrap{overflow:auto}
#adminDashboardView .dashboard-table{width:100%;border-collapse:collapse;min-width:560px}
#adminDashboardView .dashboard-table th{font-size:11px;color:#8b8194;text-align:right;padding:11px 14px;background:#edf6f3;font-weight:800;white-space:nowrap}
#adminDashboardView .dashboard-table td{font-size:12px;padding:13px 14px;border-top:1px solid #edf6f3;vertical-align:middle}
#adminDashboardView .dashboard-table tr:hover td{background:#edf6f3}
#adminDashboardView .dashboard-name{font-weight:800;color:#103c42}
#adminDashboardView .dashboard-muted{font-size:11px;color:#91879b;margin-top:3px}
#adminDashboardView .dashboard-empty{padding:28px;text-align:center;color:#8a8190;font-size:12px}
#adminDashboardView .dashboard-side{display:grid;gap:16px}
#adminDashboardView .dashboard-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px}
#adminDashboardView .dashboard-action{border:1px solid #edf6f3;background:#edf6f3;border-radius:12px;padding:12px;text-align:right;cursor:pointer;transition:.16s}
#adminDashboardView .dashboard-action:hover{transform:translateY(-1px);background:#edf6f3;border-color:#c7ded8}
#adminDashboardView .dashboard-action b{display:block;font-size:12px;color:#103c42}
#adminDashboardView .dashboard-action span{font-size:10px;color:#8a8194}
#adminDashboardView .dashboard-health{padding:15px 18px}
#adminDashboardView .health-row{display:grid;grid-template-columns:80px 1fr 45px;gap:9px;align-items:center;margin-bottom:13px;font-size:11px;color:#71677c}
#adminDashboardView .health-bar{height:8px;background:#edf6f3;border-radius:99px;overflow:hidden}
#adminDashboardView .health-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#14766c,#46877f)}
#adminDashboardView .dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
#adminDashboardView .activity-dot{width:8px;height:8px;border-radius:50%;background:#14766c;display:inline-block;margin-left:7px}
@media(max-width:1050px){#adminDashboardView .dashboard-layout{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}}
@media(max-width:800px){#adminDashboardView .admin-stats{grid-template-columns:1fr 1fr}#adminDashboardView .dashboard-bottom{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr!important}}
@media(max-width:520px){#adminDashboardView .admin-stats{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr}}



#adminDashboardView .control-tower{margin-top:16px;background:#fff;border:1px solid #edf6f3;border-radius:18px;box-shadow:0 7px 22px rgba(50,30,90,.045);overflow:hidden}
#adminDashboardView .control-tower-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #edf6f3}
#adminDashboardView .control-tower-head h3{margin:0;font-size:15px}
#adminDashboardView .tower-actions{display:flex;gap:8px;align-items:center}
#adminDashboardView .tower-refresh{border:1px solid #c7ded8;background:#edf6f3;color:#103c42;border-radius:10px;padding:7px 11px;cursor:pointer;font-weight:800}
#adminDashboardView .tower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}
#adminDashboardView .tower-check{border:1px solid #edf6f3;border-radius:13px;padding:13px;background:#edf6f3}
#adminDashboardView .tower-check b{display:block;font-size:13px;margin-bottom:4px}
#adminDashboardView .tower-check span{font-size:11px;color:#857a91}
#adminDashboardView .tower-check.ok{background:#f2fbf6;border-color:#ccebd9}
#adminDashboardView .tower-check.warn{background:#fffaf0;border-color:#f1dfb0}
#adminDashboardView .tower-check.bad{background:#fff4f3;border-color:#f1c8c4}
#adminDashboardView .tower-number{font-size:21px;font-weight:900;margin-bottom:2px}
#adminDashboardView .tower-footer{padding:12px 16px;background:#edf6f3;color:#7b7185;font-size:11px}
@media(max-width:800px){#adminDashboardView .tower-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){#adminDashboardView .tower-grid{grid-template-columns:1fr}}



#adminDashboardView .dashboard-insight-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}
#adminDashboardView .insight-list{padding:10px 14px}
#adminDashboardView .insight-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid #edf6f3}
#adminDashboardView .insight-item:last-child{border-bottom:0}
#adminDashboardView .insight-main{min-width:0}
#adminDashboardView .insight-title{font-weight:800;font-size:12px;color:#103c42}
#adminDashboardView .insight-meta{font-size:10px;color:#8b8194;margin-top:4px}
#adminDashboardView .insight-count{min-width:34px;height:34px;padding:0 9px;border-radius:11px;background:#fff2f1;color:#b42318;display:grid;place-items:center;font-weight:900}
#adminDashboardView .insight-count.ok{background:#effaf3;color:#147a49}
#adminDashboardView .stage-table{width:100%;border-collapse:collapse}
#adminDashboardView .stage-table th,#adminDashboardView .stage-table td{padding:10px 12px;border-bottom:1px solid #edf6f3;font-size:11px;text-align:right}
#adminDashboardView .stage-table th{background:#edf6f3;color:#877d90;font-weight:800}
#adminDashboardView .mini-meter{width:100%;height:7px;background:#edf6f3;border-radius:99px;overflow:hidden;min-width:70px}
#adminDashboardView .mini-meter i{display:block;height:100%;background:#14766c;border-radius:99px}
#adminDashboardView .dashboard-command{position:relative}
#adminDashboardView .dashboard-command input{width:100%;border:1px solid #edf6f3;background:#fff;border-radius:12px;padding:11px 13px;outline:none}
#adminDashboardView .dashboard-command input:focus{border-color:#14766c;box-shadow:0 0 0 3px rgba(111,72,179,.08)}
#adminDashboardView .dashboard-command-results{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:#fff;border:1px solid #edf6f3;border-radius:14px;box-shadow:0 15px 35px rgba(45,25,80,.14);padding:6px}
#adminDashboardView .dashboard-command-results.show{display:block}
#adminDashboardView .command-item{display:block;width:100%;text-align:right;border:0;background:#fff;border-radius:10px;padding:10px 12px;cursor:pointer}
#adminDashboardView .command-item:hover{background:#edf6f3}
#adminDashboardView .command-item b{display:block;color:#103c42}
#adminDashboardView .command-item span{font-size:10px;color:#8b8194}
@media(max-width:900px){#adminDashboardView .dashboard-insight-grid{grid-template-columns:1fr}}



#adminStaffView .staff-scope-editor{border:1px solid #edf6f3;border-radius:14px;padding:12px;background:#edf6f3;max-height:310px;overflow:auto}
#adminStaffView .scope-stage{border:1px solid #edf6f3;border-radius:12px;margin-bottom:9px;background:#fff;overflow:hidden}
#adminStaffView .scope-stage:last-child{margin-bottom:0}
#adminStaffView .scope-stage-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#edf6f3;font-weight:900;color:#103c42}
#adminStaffView .scope-stage-head small{font-size:10px;color:#8a8194;font-weight:600}
#adminStaffView .scope-grades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:9px}
#adminStaffView .scope-grade{display:flex;align-items:center;gap:8px;padding:9px;border-radius:9px;border:1px solid #edf6f3;background:#fff;cursor:pointer}
#adminStaffView .scope-grade:hover{background:#edf6f3;border-color:#c7ded8}
#adminStaffView .scope-grade input{accent-color:#14766c}
#adminStaffView .scope-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}
#adminStaffView .scope-count{font-size:11px;color:#786e82}
@media(max-width:560px){#adminStaffView .scope-grades{grid-template-columns:1fr}}



#adminModalBody .teacher-save-error{margin-top:8px;padding:10px 12px;border-radius:10px;background:#fff3f2;color:#b42318;font-size:12px;line-height:1.7}



#adminStaffView .staff-filter-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:8px;margin-bottom:12px}
#adminStaffView .staff-scope-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#adminStaffView .scope-summary-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#edf6f3;color:#103c42;font-size:10px;font-weight:800}
#adminStaffView .scope-summary-chip b{font-size:12px}
#adminStaffView .scope-warning{margin-top:8px;padding:9px 11px;border-radius:10px;background:#fff8e8;color:#8a5b00;font-size:11px;display:none}
#adminStaffView .scope-warning.show{display:block}
@media(max-width:1050px){#adminStaffView .staff-filter-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:700px){#adminStaffView .staff-filter-grid{grid-template-columns:1fr 1fr}}



#adminModalBody .teacher-subject-preserve-note{margin-top:8px;padding:9px 11px;border-radius:10px;background:#f2fbf6;border:1px solid #ccebd9;color:#147a49;font-size:11px}



#adminModalBody .atomic-save-status{display:flex;align-items:center;gap:7px;margin-top:8px;padding:8px 10px;border-radius:10px;background:#edf6f3;color:#103c42;font-size:11px}
#adminModalBody .atomic-save-status.ok{background:#effaf3;color:#147a49}
#adminModalBody .atomic-save-status.bad{background:#fff3f2;color:#b42318}
#adminModalBody .atomic-save-status .dot{width:7px;height:7px;border-radius:50%;background:#14766c}
#adminModalBody .atomic-save-status.ok .dot{background:#16a05d}
#adminModalBody .atomic-save-status.bad .dot{background:#d92d20}



/* Fix the teacher-subject selector: the legacy two-column form rules were
   stretching each checkbox away from its label in RTL. */
#adminModalBody .staff-edit-subjects{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  width:100% !important;
  max-height:260px !important;
  overflow:auto !important;
  padding:4px !important;
  box-sizing:border-box !important;
}
#adminModalBody .staff-edit-subject-option,
#adminModalBody label:has(.staff-edit-subject){
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  min-height:46px !important;
  padding:8px 11px !important;
  border:1px solid #edf6f3 !important;
  border-radius:11px !important;
  background:#fff !important;
  box-sizing:border-box !important;
  direction:rtl !important;
  text-align:right !important;
  cursor:pointer !important;
}
#adminModalBody .staff-edit-subject{
  flex:0 0 auto !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  accent-color:#14766c !important;
}
#adminModalBody .staff-edit-subject-option span,
#adminModalBody label:has(.staff-edit-subject) span{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  line-height:1.45 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
#adminModalBody label:has(.staff-edit-subject):has(input:checked),
#adminModalBody .staff-edit-subject-option:has(input:checked){
  border-color:#14766c !important;
  background:#edf6f3 !important;
  box-shadow:0 0 0 2px rgba(101,64,169,.06) inset !important;
}
#adminModalBody .staff-subjects-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}
#adminModalBody .staff-subjects-count{
  font-size:10px;
  color:#103c42;
  background:#edf6f3;
  padding:5px 8px;
  border-radius:999px;
  font-weight:800;
}
@media(max-width:650px){
  #adminModalBody .staff-edit-subjects{
    grid-template-columns:1fr !important;
  }
}



/* The previous layout left the span flex:1, which pushed the label text to the
   far edge while the checkbox stayed on the opposite edge. Keep the control
   and its text physically adjacent. */
#adminModalBody .staff-edit-subjects{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
  justify-items:stretch !important;
}
#adminModalBody .staff-edit-subjects .staff-edit-subject-option,
#adminModalBody .staff-edit-subjects label{
  display:flex !important;
  flex-direction:row !important;
  direction:ltr !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  gap:9px !important;
}
#adminModalBody .staff-edit-subjects .staff-edit-subject-option .staff-edit-subject,
#adminModalBody .staff-edit-subjects label .staff-edit-subject{
  order:0 !important;
  flex:0 0 17px !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
  position:static !important;
  transform:none !important;
}
#adminModalBody .staff-edit-subjects .staff-edit-subject-option > span,
#adminModalBody .staff-edit-subjects label > span{
  order:1 !important;
  flex:0 1 auto !important;
  width:auto !important;
  max-width:calc(100% - 26px) !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  direction:rtl !important;
  text-align:right !important;
  line-height:1.4 !important;
}
#adminModalBody .staff-edit-subjects .staff-edit-subject-option > span strong,
#adminModalBody .staff-edit-subjects label > span strong{
  display:block !important;
  white-space:normal !important;
}
#adminModalBody .staff-edit-subjects .staff-edit-subject-option > span small,
#adminModalBody .staff-edit-subjects label > span small{
  display:block !important;
  margin-top:2px !important;
}
@media(max-width:650px){
  #adminModalBody .staff-edit-subjects{
    grid-template-columns:1fr !important;
  }
}



#adminModalBody .teacher-selector-tools{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 8px;
}
#adminModalBody .teacher-selector-tools .teacher-subject-search{
  flex:1 1 190px;min-width:150px;border:1px solid #edf6f3;border-radius:10px;
  padding:8px 10px;background:#fff;outline:none;
}
#adminModalBody .teacher-selector-tools .teacher-subject-search:focus{
  border-color:#14766c;box-shadow:0 0 0 3px rgba(101,64,169,.07);
}
#adminModalBody .teacher-selector-tools button{
  border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:9px;
  padding:8px 10px;cursor:pointer;font-size:11px;font-weight:800;
}
#adminModalBody .teacher-selector-tools button:hover{background:#edf6f3}
#adminModalBody .teacher-selector-counter{
  margin-inline-start:auto;font-size:10px;font-weight:900;color:#103c42;
  background:#edf6f3;padding:6px 9px;border-radius:999px;
}
#adminModalBody .teacher-subject-hidden{display:none!important}
#adminModalBody .teacher-scope-tools{
  display:flex;gap:7px;flex-wrap:wrap;margin:0 0 8px;
}
#adminModalBody .teacher-scope-tools button{
  border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:9px;
  padding:7px 10px;cursor:pointer;font-size:10px;font-weight:800;
}
#adminModalBody .teacher-scope-search{
  width:100%;border:1px solid #edf6f3;border-radius:10px;padding:8px 10px;
  outline:none;margin-bottom:8px;box-sizing:border-box;
}
#adminModalBody .teacher-scope-search:focus{border-color:#14766c}
#adminModalBody .scope-stage.scope-hidden{display:none!important}
#adminModalBody .scope-grade.scope-hidden{display:none!important}



#adminModalBody .teacher-profile-summary{
  position:sticky;bottom:8px;z-index:8;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
  margin-top:12px;padding:9px;border:1px solid #edf6f3;border-radius:13px;
  background:rgba(255,255,255,.96);backdrop-filter:blur(7px);
  box-shadow:0 8px 25px rgba(45,25,80,.08);
}
#adminModalBody .teacher-profile-stat{
  padding:8px 9px;border-radius:10px;background:#edf6f3;text-align:center;
}
#adminModalBody .teacher-profile-stat b{display:block;font-size:16px;color:#103c42}
#adminModalBody .teacher-profile-stat span{display:block;font-size:9px;color:#7c7288;margin-top:2px}
#adminModalBody .teacher-profile-stat.warn{background:#fff8e8}
#adminModalBody .teacher-profile-stat.warn b{color:#9a6700}
#adminModalBody .teacher-profile-validation{
  display:none;margin-top:8px;padding:9px 11px;border-radius:10px;font-size:11px;line-height:1.6;
}
#adminModalBody .teacher-profile-validation.show{display:block}
#adminModalBody .teacher-profile-validation.good{background:#effaf3;color:#147a49}
#adminModalBody .teacher-profile-validation.bad{background:#fff3f2;color:#b42318}
#adminModalBody .teacher-profile-validation.warn{background:#fff8e8;color:#8a5b00}
@media(max-width:600px){
  #adminModalBody .teacher-profile-summary{grid-template-columns:1fr 1fr}
}



#adminDashboardView .release-readiness{
  margin-top:16px;border:1px solid #edf6f3;border-radius:16px;background:#fff;
  overflow:hidden;box-shadow:0 5px 18px rgba(54,32,88,.05)
}
#adminDashboardView .release-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;background:#edf6f3;border-bottom:1px solid #edf6f3
}
#adminDashboardView .release-score{display:flex;align-items:center;gap:10px}
#adminDashboardView .release-ring{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(#14766c var(--score),#edf6f3 0);
  position:relative;font-weight:900;color:#103c42
}
#adminDashboardView .release-ring:after{
  content:"";position:absolute;inset:6px;background:#fff;border-radius:50%
}
#adminDashboardView .release-ring b{position:relative;z-index:1;font-size:13px}
#adminDashboardView .release-meta h3{margin:0;font-size:14px;color:#103c42}
#adminDashboardView .release-meta p{margin:4px 0 0;font-size:10px;color:#877d90}
#adminDashboardView .release-refresh{border:1px solid #c7ded8;background:#fff;border-radius:9px;padding:7px 10px;color:#103c42;cursor:pointer;font-weight:800}
#adminDashboardView .release-body{padding:12px 16px}
#adminDashboardView .release-blockers{display:flex;flex-wrap:wrap;gap:7px}
#adminDashboardView .release-chip{padding:7px 9px;border-radius:9px;font-size:10px;font-weight:800}
#adminDashboardView .release-chip.bad{background:#fff1f0;color:#b42318}
#adminDashboardView .release-chip.warn{background:#fff8e8;color:#8a5b00}
#adminDashboardView .release-chip.good{background:#effaf3;color:#147a49}
#adminDashboardView .release-data{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}
#adminDashboardView .release-data div{padding:8px;border-radius:9px;background:#edf6f3;text-align:center}
#adminDashboardView .release-data b{display:block;font-size:14px;color:#103c42}
#adminDashboardView .release-data span{display:block;font-size:9px;color:#857b8f;margin-top:2px}
@media(max-width:850px){#adminDashboardView .release-data{grid-template-columns:repeat(3,1fr)}}



#teacherWorkspacePage .tv3-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}
#teacherWorkspacePage .tv3-card{background:#fff;border:1px solid #edf6f3;border-radius:16px;padding:15px;box-shadow:0 4px 16px rgba(55,35,85,.04)}
#teacherWorkspacePage .tv3-actions{display:flex;gap:8px;flex-wrap:wrap}
#teacherWorkspacePage .tv3-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}
#teacherWorkspacePage .tv3-btn.primary{background:#14766c;color:#fff;border-color:#14766c}
#teacherWorkspacePage .tv3-btn.danger{color:#b42318;border-color:#f1cccc}
#teacherWorkspacePage .tv3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#teacherWorkspacePage .tv3-stat{padding:12px;border-radius:13px;background:#edf6f3;border:1px solid #edf6f3}
#teacherWorkspacePage .tv3-stat b{display:block;font-size:22px;color:#103c42}
#teacherWorkspacePage .tv3-stat span{font-size:10px;color:#82788e}
#teacherWorkspacePage .tv3-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
#teacherWorkspacePage .tv3-search,#teacherWorkspacePage .tv3-select,#teacherWorkspacePage .tv3-input,#teacherWorkspacePage .tv3-textarea{border:1px solid #c7ded8;border-radius:10px;padding:9px 10px;background:#fff;outline:none;width:100%;box-sizing:border-box}
#teacherWorkspacePage .tv3-search{max-width:320px}
#teacherWorkspacePage .tv3-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#teacherWorkspacePage .tv3-form .full{grid-column:1/-1}
#teacherWorkspacePage .tv3-form label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#5f556b}
#teacherWorkspacePage .tv3-textarea{min-height:95px;resize:vertical}
#teacherWorkspacePage .tv3-note{padding:9px 11px;border-radius:10px;background:#edf6f3;color:#103c42;font-size:11px;line-height:1.7}
#teacherWorkspacePage .tv3-note.good{background:#effaf3;color:#147a49}
#teacherWorkspacePage .tv3-note.warn{background:#fff8e8;color:#8a5b00}
#teacherWorkspacePage .tv3-list{display:grid;gap:8px}
#teacherWorkspacePage .tv3-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #edf6f3;border-radius:12px;background:#fff}
#teacherWorkspacePage .tv3-item .main{min-width:0}
#teacherWorkspacePage .tv3-item strong{display:block}
#teacherWorkspacePage .tv3-item small{display:block;color:#82788e;margin-top:3px}
#teacherWorkspacePage .tv3-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
#teacherWorkspacePage .tv3-tag{font-size:9px;padding:4px 7px;border-radius:999px;background:#edf6f3;color:#103c42;font-weight:800}
#teacherWorkspacePage .tv3-chat{display:grid;grid-template-columns:280px 1fr;min-height:500px}
#teacherWorkspacePage .tv3-chat-list{border-left:1px solid #edf6f3;padding-left:10px;overflow:auto}
#teacherWorkspacePage .tv3-chat-main{padding-right:12px;display:flex;flex-direction:column;min-width:0}
#teacherWorkspacePage .tv3-conv{padding:10px;border-radius:10px;cursor:pointer;margin-bottom:6px}
#teacherWorkspacePage .tv3-conv.active,#teacherWorkspacePage .tv3-conv:hover{background:#edf6f3}
#teacherWorkspacePage .tv3-messages{flex:1;overflow:auto;padding:8px;display:grid;gap:7px;align-content:start;background:#edf6f3;border-radius:12px}
#teacherWorkspacePage .tv3-msg{max-width:78%;padding:9px 11px;border-radius:12px;background:#fff;border:1px solid #edf6f3}
#teacherWorkspacePage .tv3-msg.mine{justify-self:end;background:#edf6f3;border-color:#edf6f3}
#teacherWorkspacePage .tv3-msg small{display:block;color:#8b8194;margin-top:3px;font-size:9px}
#teacherWorkspacePage .tv3-chat-compose{display:flex;gap:7px;margin-top:8px}
#teacherWorkspacePage .tv3-chat-compose input{flex:1}
#teacherWorkspacePage .tv3-file{font-size:10px}
#teacherWorkspacePage .tv3-empty{padding:35px 15px;text-align:center;color:#81778d}
#teacherWorkspacePage .tv3-modal-wide{width:min(760px,calc(100vw - 30px))}
@media(max-width:900px){#teacherWorkspacePage .tv3-hero{grid-template-columns:1fr}.tv3-grid{grid-template-columns:1fr 1fr!important}.tv3-chat{grid-template-columns:1fr}.tv3-chat-list{border-left:0;border-bottom:1px solid #edf6f3;padding:0 0 10px;max-height:190px}}
@media(max-width:600px){#teacherWorkspacePage .tv3-grid{grid-template-columns:1fr!important}.tv3-form{grid-template-columns:1fr!important}.tv3-form .full{grid-column:auto}.tv3-chat-compose{flex-direction:column}}



#teacherWorkspacePage .tv4-plan{display:grid;grid-template-columns:1fr 1.25fr;gap:12px}
#teacherWorkspacePage .tv4-tree{display:grid;gap:8px}
#teacherWorkspacePage .tv4-node{border:1px solid #edf6f3;border-radius:12px;padding:10px;background:#fff}
#teacherWorkspacePage .tv4-node.unit{background:#edf6f3}
#teacherWorkspacePage .tv4-node.lesson{margin-right:14px}
#teacherWorkspacePage .tv4-node.subtopic{margin-right:28px;background:#edf6f3}
#teacherWorkspacePage .tv4-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
#teacherWorkspacePage .tv4-title{font-weight:900}
#teacherWorkspacePage .tv4-muted{font-size:10px;color:#877d91}
#teacherWorkspacePage .tv4-actions{display:flex;gap:5px;flex-wrap:wrap}
#teacherWorkspacePage .tv4-mini{border:1px solid #c7ded8;background:#fff;border-radius:8px;padding:5px 8px;color:#103c42;cursor:pointer;font-size:10px;font-weight:800}
#teacherWorkspacePage .tv4-schedule{display:grid;gap:7px}
#teacherWorkspacePage .tv4-slot{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;border:1px solid #edf6f3;border-radius:10px;padding:9px}
#teacherWorkspacePage .tv4-levels{display:flex;gap:6px;flex-wrap:wrap}
#teacherWorkspacePage .tv4-level{border:1px solid #c7ded8;background:#fff;border-radius:9px;padding:7px 10px;cursor:pointer;font-weight:800;font-size:10px}
#teacherWorkspacePage .tv4-level.active{background:#14766c;color:#fff}
#studentWorkspacePage .sv4-selftest{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#studentWorkspacePage .sv4-card{background:#fff;border:1px solid #edf6f3;border-radius:16px;padding:16px;box-shadow:0 4px 16px rgba(55,35,85,.04)}
#studentWorkspacePage .sv4-card h3{margin-top:0}
#studentWorkspacePage .sv4-card .sv4-icon{font-size:28px;margin-bottom:8px}
#studentWorkspacePage .sv4-points{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
#studentWorkspacePage .sv4-pill{background:#edf6f3;color:#103c42;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}
#studentWorkspacePage .sv4-question{border:1px solid #edf6f3;border-radius:12px;padding:13px;margin-bottom:8px}
#studentWorkspacePage .sv4-option{display:block;width:100%;text-align:right;border:1px solid #c7ded8;background:#fff;border-radius:9px;padding:9px;margin-top:6px;cursor:pointer}
#studentWorkspacePage .sv4-option:hover{background:#edf6f3}
@media(max-width:850px){#teacherWorkspacePage .tv4-plan,#studentWorkspacePage .sv4-selftest{grid-template-columns:1fr}}



#teacherWorkspacePage .tv5-target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#teacherWorkspacePage .tv5-target-grid .full{grid-column:1/-1}
#teacherWorkspacePage .tv5-target-help{padding:8px 10px;border-radius:9px;background:#edf6f3;color:#103c42;font-size:10px;line-height:1.7}
#studentWorkspacePage #studentRouteSelftest .sv4-question.answered{opacity:.72}



#teacherCLEANModal .live-selection-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
#teacherCLEANModal .live-pill{display:inline-flex;align-items:center;gap:4px;padding:7px 11px;border:1px solid #c7ded8;border-radius:999px;background:#fff;color:#103c42;font-size:11px}
#teacherCLEANModal .live-pill b{color:#103c42}
#teacherCLEANModal .live-unit-head,#teacherCLEANModal .live-lesson-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#teacherCLEANModal .live-unit-head label,#teacherCLEANModal .live-lesson-head label{display:flex;align-items:center;gap:8px;cursor:pointer}
#teacherCLEANModal input[type="checkbox"]{accent-color:#14766c}



/* Live-only overlays/widgets must never participate in normal page layout. */
#v65Preflight,
#v76LiveEntryStatus{
  display:none;
}
#liveRoomPage.active ~ #v65Preflight{display:none;}
#liveFxCanvas{
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:2147482000!important;
}
.v65-private-notice{z-index:2147482001!important}



#liveRoomPage .v86-control[data-live-action],#liveRoomPage .v86-tab[data-live-action]{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
#liveRoomPage .v86-control[data-live-action]:active,#liveRoomPage .v86-tab[data-live-action]:active{transform:scale(.97)}
#liveRoomPage .v86-control.is-on{background:#1f9f61!important;border-color:#2bc87a!important;color:#fff!important;box-shadow:0 8px 22px rgba(31,159,97,.16)}
#liveRoomPage .v86-control.is-loading{opacity:.65;pointer-events:none}
#liveRoomPage .v86-connection-badge.agora-ok{background:rgba(31,159,97,.18);border-color:rgba(43,200,122,.35);color:#79e9ad}
#liveRoomPage .v86-connection-badge.agora-warn{background:rgba(240,169,39,.16);border-color:rgba(240,169,39,.35);color:#f3c76d}
#liveRoomPage .v86-connection-badge.agora-bad{background:rgba(223,38,56,.16);border-color:rgba(223,38,56,.35);color:#ff8994}
#liveRoomPage .v102-media-note{position:absolute;left:12px;bottom:12px;z-index:9;display:none;padding:7px 10px;border-radius:9px;background:rgba(9,13,18,.86);border:1px solid rgba(255,255,255,.1);color:#d8dee7;font-size:8px;backdrop-filter:blur(8px)}
#liveRoomPage .v102-media-note.show{display:block}
/* V106: screen-share must never be mirrored. Camera self-view can be handled separately. */
#liveRoomPage #liveRemoteVideo,
#liveRoomPage #liveTeacherPreview{
  transform:scaleX(1)!important;
  transform-origin:center center!important;
  direction:ltr!important;
  unicode-bidi:plaintext!important;
}
#liveRoomPage .live-video-frame video{transform:scaleX(1)!important;}



/* Final button/text polish: keep labels readable without letting them spill out. */
button{box-sizing:border-box;line-height:1.25;overflow-wrap:anywhere;text-wrap:balance}
button:focus-visible{outline:3px solid rgba(91,60,157,.25);outline-offset:2px}
.student-actions button,.clean-actions button,.clean-btn,.admin-btn,.admin-icon-btn,.crud-btn,.sa-quick button,.sa-nav button,.tm-card button,.tv3-btn{line-height:1.3;white-space:normal}
.admin-btn,.admin-icon-btn,.crud-btn{font-size:clamp(11px,.55vw + 8px,14px)}
.clean-btn,.student-actions button,.tm-card button,.tv3-btn{font-size:clamp(11px,.5vw + 8px,14px)}
.sa-nav button{font-size:clamp(11px,.35vw + 9px,13px)}
.sa-quick button{font-size:clamp(11px,.45vw + 8px,14px)}
#liveRoomPage .v86-control{font-size:clamp(8px,.25vw + 7px,10px)!important;line-height:1.2!important;white-space:normal!important;text-align:center}
#liveRoomPage .v86-control b{color:#eef2f6;font-weight:900}
#liveRoomPage .v86-control small{color:#9da6b2}
#liveRoomPage .v86-control.primary b,#liveRoomPage .v86-control.is-on b{color:#fff}
#liveRoomPage .v86-tab{font-size:clamp(8px,.25vw + 7px,10px)!important;line-height:1.2!important}
#liveRoomPage .v86-tab b{color:inherit}
#liveRoomPage .v86-chat-compose button,#liveRoomPage .v86-secondary-action,#liveRoomPage .v86-create-question{font-size:clamp(8px,.25vw + 7px,10px)!important;line-height:1.25!important;white-space:normal!important}
#liveRoomPage .v65-student-actions button{font-size:clamp(7px,.2vw + 6px,9px)!important;line-height:1.15!important;white-space:normal!important}
#liveRoomPage .v86-start-share{font-size:clamp(9px,.3vw + 8px,11px)!important;line-height:1.2!important;white-space:normal!important}
#liveRoomPage .v86-camera-close{font-size:16px!important;line-height:1!important;white-space:nowrap!important}



#liveRoomPage .v86-stage .live-video-v63,
#liveRoomPage #liveTeacherPreview,
#liveRoomPage #liveRemoteVideo{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center center!important;
  transform:none!important;-webkit-transform:none!important;
  transform-origin:center center!important;
  image-rendering:auto!important;background:#000!important;
}
#liveRoomPage .v86-stage{background:#000!important}



#tabarakV111Readiness{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:22px;direction:rtl;background:rgba(8,10,16,.72);backdrop-filter:blur(16px)}
#tabarakV111Readiness.open{display:flex}.v111-card{width:min(720px,95vw);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.35)}
.v111-head{padding:26px 28px;color:#fff;background:linear-gradient(135deg,#103c42,#46877f)}.v111-head h2{margin:0 0 6px;font-size:24px}.v111-head p{margin:0;font-size:11px;opacity:.88;line-height:1.8}.v111-body{padding:22px}.v111-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.v111-test{padding:15px;border:1px solid #edf6f3;border-radius:17px;background:#edf6f3}.v111-test strong{display:block;font-size:12px;color:#103c42}.v111-test small{display:block;margin-top:5px;font-size:9px;color:#82788f;line-height:1.7}.v111-state{margin-top:9px;font-size:10px;font-weight:900;color:#7b7185}.v111-state.ok{color:#087443}.v111-state.bad{color:#b4233c}.v111-state.busy{color:#103c42}.v111-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.v111-actions button{height:44px;border-radius:13px;padding:0 17px;font-size:11px;font-weight:900}.v111-cancel{background:#fff;border:1px solid #edf6f3;color:#71677b}.v111-enter{border:0;background:linear-gradient(135deg,#14766c,#46877f);color:#fff;min-width:190px}.v111-enter:disabled{opacity:.55;cursor:not-allowed}.v111-note{margin-top:12px;padding:10px 12px;border-radius:12px;background:#edf6f3;color:#103c42;font-size:9px;line-height:1.7}@media(max-width:620px){.v111-grid{grid-template-columns:1fr}.v111-actions{flex-direction:column-reverse}.v111-actions button{width:100%}}

#tabarakV111Readiness .v111-test{position:relative}
#tabarakV111Readiness .v111-mic-action{margin-top:11px;border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:11px;min-height:36px;padding:7px 12px;font-size:10px;font-weight:900;cursor:pointer;display:none}
#tabarakV111Readiness .v111-mic-action.show{display:inline-flex;align-items:center;justify-content:center;gap:6px}
#tabarakV111Readiness .v111-mic-action:disabled{opacity:.55;cursor:wait}
#tabarakV111Readiness .v111-permission{margin-top:7px;font-size:9px;color:#7c7189;line-height:1.65}
#tabarakV111Readiness .v111-state.warn{color:#9a6500}
#tabarakV111Readiness .v111-device{display:block;margin-top:5px;color:#6e647a;font-size:8px;font-weight:700}
#tabarakV111Readiness .v111-enter.ready{box-shadow:0 10px 26px rgba(101,65,165,.22)}



.sa-control-tower{margin-top:16px;display:grid;gap:16px}.sa-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sa-control-stat{padding:13px;border:1px solid #edf6f3;border-radius:14px;background:#fff}.sa-control-stat strong{display:block;font-size:22px;margin-top:5px}.sa-control-stat span{font-size:11px;color:#7b7288}.sa-health-list{display:grid;gap:8px}.sa-health-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #edf6f3;border-radius:11px;background:#fff}.sa-health-item.bad{border-color:#f2cccc;background:#fff8f8}.sa-health-item.warn{border-color:#f0dfb4;background:#fffaf0}.sa-health-item.good{border-color:#cfe8da;background:#f7fff9}.sa-health-left{display:flex;align-items:center;gap:9px}.sa-health-dot{width:9px;height:9px;border-radius:50%;background:#98a2b3}.sa-health-item.bad .sa-health-dot{background:#d92d20}.sa-health-item.warn .sa-health-dot{background:#dc9a00}.sa-health-item.good .sa-health-dot{background:#12b76a}.sa-readiness-table{width:100%;border-collapse:collapse}.sa-readiness-table th,.sa-readiness-table td{padding:10px 8px;border-bottom:1px solid #eee;text-align:right;font-size:12px}.sa-readiness-table th{color:#667085;background:#fafafa}.sa-mini-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.sa-mini-pill.good{background:#ecfdf3;color:#067647}.sa-mini-pill.warn{background:#fff7e6;color:#b54708}.sa-mini-pill.bad{background:#fff1f0;color:#b42318}.sa-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sa-flow-item{padding:8px 10px;border:1px solid #edf6f3;border-radius:10px;background:#edf6f3;font-weight:800;font-size:11px}.sa-flow-arrow{color:#46877f}@media(max-width:1050px){.sa-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.sa-control-grid{grid-template-columns:1fr}}
.academic-context-lock{margin-top:8px;padding:9px 11px;border-radius:10px;background:#edf6f3;border:1px solid #edf6f3;color:#103c42;font-size:11px}.academic-context-lock strong{color:#103c42}



#liveRoomPage .v103-academic-context{display:grid;gap:5px;margin:0 9px 8px;padding:9px 10px;border:1px solid #2a3039;border-radius:9px;background:#11161c}
#liveRoomPage .v103-academic-context .k{font-size:7px;color:#7f8997;font-weight:900}
#liveRoomPage .v103-academic-context .v{font-size:9px;color:#f1f4f8;font-weight:900;line-height:1.55}
#liveRoomPage .v103-academic-context .p{font-size:7px;color:#8c96a3;line-height:1.6}
#liveRoomPage .v103-academic-context .targets{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
#liveRoomPage .v103-academic-context .target{padding:4px 6px;border-radius:6px;background:#18211c;border:1px solid #2d6046;color:#8fe1b1;font-size:7px}
#liveRoomPage .v103-academic-context .v103-health{font-size:7px;color:#8d96a3;margin-top:3px}



#tabarakV101Preflight{z-index:2147483640!important}
#tabarakV101Preflight .tabarak-v101-status{min-height:22px;max-width:100%;overflow-wrap:anywhere}
#liveRoomPage .v86-control.is-loading{opacity:.72;pointer-events:none}
#liveRoomPage .v86-control.is-on{box-shadow:0 0 0 1px rgba(43,200,122,.55) inset,0 8px 24px rgba(43,200,122,.12)}
#liveRoomPage .v105-agora-debug{display:none!important}



.v45-copilot{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.v45-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v45-kicker{color:#14766c;font-size:8px;font-weight:900}.v45-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.v45-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.v45-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.v45-btn.primary{background:#14766c;color:#fff;border-color:#14766c}.v45-decision{margin-top:10px;border:1px solid #e9ebf3;border-radius:14px;padding:11px;background:linear-gradient(135deg,#edf6f3,#fff)}.v45-decision strong{display:block;color:#2d3850;font-size:11px}.v45-decision small{display:block;color:#7a8597;font-size:8px;line-height:1.8;margin-top:4px}.v45-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.v45-pill{display:inline-flex;align-items:center;padding:5px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7.5px;font-weight:900}.v45-pill.high{background:#fff0ef;color:#b42318}.v45-pill.medium{background:#fff5e8;color:#a45a00}.v45-pill.low{background:#edf8f2;color:#237a4d}.v45-evidence{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:9px}.v45-evidence div{border:1px solid #edf0f4;border-radius:10px;padding:7px;background:#fbfcfe}.v45-evidence span{display:block;color:#7d8798;font-size:6.8px}.v45-evidence b{display:block;color:#2e3850;font-size:13px;margin-top:3px}.v45-guidance{margin-top:9px;padding:10px;border-radius:11px;background:#edf6f3;border:1px solid #edf6f3;color:#59627a;font-size:8px;line-height:1.9}.v45-actions{display:grid;gap:6px;margin-top:9px}.v45-action-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid #edf0f4;border-radius:10px;padding:8px}.v45-num{width:26px;height:26px;border-radius:8px;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-size:8px;font-weight:900}.v45-action-row strong{display:block;color:#34405a;font-size:8.5px}.v45-action-row small{display:block;color:#7d8797;font-size:6.8px;line-height:1.6;margin-top:2px}.v45-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}.v45-note{margin-top:8px;color:#9098a7;font-size:7px;line-height:1.8}@media(max-width:900px){.v45-evidence{grid-template-columns:repeat(3,minmax(0,1fr))}.v45-head{flex-direction:column}.v45-action-row{grid-template-columns:26px 1fr}}



.tabarak-v60-copilot{background:#fff;border:1px solid #e5e8ef;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-v60-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v60-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-v60-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v60-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v60-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v60-decision{margin-top:10px;padding:11px;border-radius:13px;background:#edf6f3;border:1px solid #e9ebf3}.tabarak-v60-decision strong{display:block;color:#2d3850;font-size:10px}.tabarak-v60-decision small{display:block;color:#788397;font-size:7.5px;line-height:1.8;margin-top:4px}.tabarak-v60-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.tabarak-v60-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7px;font-weight:900}.tabarak-v60-pill.good{background:#edf8f2;color:#237a4d}.tabarak-v60-pill.warn{background:#fff5e8;color:#9b6200}.tabarak-v60-actions{display:grid;gap:5px;margin-top:9px}.tabarak-v60-row{border:1px solid #edf0f4;border-radius:10px;padding:8px;background:#fbfcfe}.tabarak-v60-row strong{display:block;color:#34405a;font-size:8.5px}.tabarak-v60-row small{display:block;color:#7d8797;font-size:6.8px;line-height:1.7;margin-top:2px}.tabarak-v60-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}.tabarak-v60-note{margin-top:8px;color:#9098a7;font-size:7px;line-height:1.8}@media(max-width:800px){.tabarak-v60-head{flex-direction:column}}



.v46-intel{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.v46-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v46-kicker{color:#14766c;font-size:8px;font-weight:900}.v46-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.v46-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.v46-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.v46-btn.primary{background:#14766c;color:#fff;border-color:#14766c}.v46-decision{margin-top:10px;border:1px solid #e9ebf3;border-radius:14px;padding:11px;background:#edf6f3}.v46-decision strong{display:block;color:#2d3850;font-size:11px}.v46-decision small{display:block;color:#7a8597;font-size:8px;line-height:1.8;margin-top:4px}.v46-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.v46-pill{display:inline-flex;padding:5px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7.5px;font-weight:900}.v46-pill.good{background:#edf8f2;color:#237a4d}.v46-pill.warn{background:#fff0ef;color:#b42318}.v46-actions{display:grid;gap:6px;margin-top:9px}.v46-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;border:1px solid #edf0f4;border-radius:10px;padding:8px}.v46-num{width:24px;height:24px;border-radius:8px;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-size:8px;font-weight:900}.v46-row strong{display:block;color:#34405a;font-size:8.5px}.v46-row small{display:block;color:#7d8797;font-size:6.8px;line-height:1.7;margin-top:2px}.v46-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}.v46-note{margin-top:8px;color:#9098a7;font-size:7px;line-height:1.8}@media(max-width:800px){.v46-head{flex-direction:column}.v46-row{grid-template-columns:24px 1fr}}



.v48-inst{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.v48-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v48-kicker{color:#14766c;font-size:8px;font-weight:900}.v48-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.v48-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.v48-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.v48-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.v48-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.v48-stat span{display:block;color:#7d8796;font-size:7px}.v48-stat strong{display:block;color:#2f3a52;font-size:13px;margin-top:3px}.v48-section{margin-top:10px}.v48-section-title{font-size:8px;font-weight:900;color:#556077;margin-bottom:6px}.v48-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.v48-card{border:1px solid #edf0f4;border-radius:10px;padding:8px}.v48-card strong{display:block;color:#34405a;font-size:8.5px}.v48-card small{display:block;color:#7d8797;font-size:6.7px;line-height:1.7;margin-top:2px}.v48-pill{display:inline-flex;padding:4px 6px;border-radius:999px;font-size:7px;font-weight:900;background:#f2f3f7;color:#667184;margin-top:5px}.v48-pill.urgent{background:#fff0ef;color:#b42318}.v48-pill.watch{background:#fff7e7;color:#996600}.v48-pill.stable{background:#edf8f2;color:#237a4d}.v48-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}@media(max-width:900px){.v48-summary{grid-template-columns:repeat(2,1fr)}.v48-grid{grid-template-columns:1fr}.v48-head{flex-direction:column}}



.tabarak-v56-cache-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#edf6f3;border:1px solid #edf6f3;color:#14766c;font-size:7px;font-weight:900;white-space:nowrap}
.tabarak-v56-cache-pill.fresh{background:#eef9f2;border-color:#d9efdf;color:#2d7a49}
.tabarak-v56-cache-pill.stale{background:#fff8ea;border-color:#f2e3bf;color:#9b6b16}
.tabarak-v56-cache-note{margin-top:7px;color:#8e8795;font-size:7px;line-height:1.8}
#superAdminShell .tabarak-v56-admin-note{margin-top:10px;padding:9px 11px;border:1px solid #edf6f3;border-radius:11px;background:#edf6f3;color:#786c82;font-size:8px;line-height:1.8}



.v49-notify,.v50-os{background:#fff;border:1px solid #e5e8ef;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.v49-head,.v50-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.v49-kicker,.v50-kicker{color:#14766c;font-size:8px;font-weight:900}.v49-head h3,.v50-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.v49-head p,.v50-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.v49-btn,.v50-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.v50-btn.primary,.v49-btn.primary{background:#14766c;color:#fff;border-color:#14766c}.v49-list{display:grid;gap:6px;margin-top:10px}.v49-item{border:1px solid #edf0f4;border-radius:11px;padding:9px;display:grid;grid-template-columns:auto 1fr;gap:8px}.v49-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;background:#b8beca}.v49-dot.high{background:#c83b32}.v49-dot.medium{background:#d39b2c}.v49-dot.low{background:#4b9b73}.v49-item strong{display:block;color:#34405a;font-size:8.5px}.v49-item small{display:block;color:#7d8797;font-size:6.8px;line-height:1.8;margin-top:2px}.v49-empty,.v50-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}.v49-note{margin-top:8px;color:#9098a7;font-size:7px;line-height:1.8}.v50-decision{margin-top:10px;padding:11px;border-radius:13px;background:#edf6f3;border:1px solid #e9ebf3}.v50-decision strong{display:block;color:#2d3850;font-size:10px}.v50-decision small{display:block;color:#788397;font-size:7px;line-height:1.8;margin-top:3px}.v50-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.v50-pill{display:inline-flex;padding:5px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7.5px;font-weight:900}.v50-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.v50-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.v50-stat span{display:block;color:#7d8796;font-size:7px}.v50-stat strong{display:block;color:#2f3a52;font-size:12px;margin-top:3px}.v50-footer{margin-top:9px;color:#9098a7;font-size:7px;line-height:1.8}@media(max-width:900px){.v50-grid{grid-template-columns:repeat(2,1fr)}.v49-head,.v50-head{flex-direction:column}}



#superAdminShell .tabarak-v53-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
#superAdminShell .tabarak-v53-eyebrow{font-size:10px;font-weight:900;letter-spacing:.8px;color:#14766c;margin-bottom:6px}
#superAdminShell .tabarak-v53-head h2{margin:0;color:#103c42;font-size:26px}
#superAdminShell .tabarak-v53-head p{margin:7px 0 0;color:#7a7185;font-size:12px;line-height:1.8}
#superAdminShell .tabarak-v53-actions{display:flex;gap:8px;flex-wrap:wrap}
#superAdminShell .tabarak-v53-status{border:1px solid #edf6f3;background:#edf6f3;border-radius:13px;padding:11px 13px;margin-bottom:14px;color:#103c42;font-size:11px;font-weight:800}
#superAdminShell .tabarak-v53-status.ok{border-color:#d9eddc;background:#f4fbf5;color:#26723f}
#superAdminShell .tabarak-v53-status.warn{border-color:#f3e0bd;background:#fffaf0;color:#9b650f}
#superAdminShell .tabarak-v53-status.bad{border-color:#f1d2d5;background:#fff5f6;color:#a02e39}
#superAdminShell .tabarak-v53-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#superAdminShell .tabarak-v53-card{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:16px;min-width:0}
#superAdminShell .tabarak-v53-cardhead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
#superAdminShell .tabarak-v53-cardhead h3{margin:0;color:#103c42;font-size:15px}
#superAdminShell .tabarak-v53-cardhead span{display:block;color:#8a8192;font-size:10px;margin-top:3px}
#superAdminShell .tabarak-v53-badge{background:#edf6f3;color:#103c42!important;padding:6px 8px;border-radius:9px;font-weight:900;font-size:9px!important;margin:0!important}
#superAdminShell .tabarak-v53-rows{display:grid;gap:8px}
#superAdminShell .tabarak-v53-row{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #edf6f3;background:#edf6f3;border-radius:11px;font-size:10px}
#superAdminShell .tabarak-v53-row span{color:#8a8192}.tabarak-v53-row strong{color:#103c42;text-align:left;direction:ltr}
#superAdminShell .tabarak-v53-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#superAdminShell .tabarak-v53-count{padding:10px;border:1px solid #edf6f3;background:#edf6f3;border-radius:11px}.tabarak-v53-count span{display:block;color:#8a8192;font-size:9px;margin-bottom:4px}.tabarak-v53-count strong{font-size:18px;color:#103c42}
#superAdminShell .tabarak-v53-warning{margin-top:14px;padding:12px 13px;background:#fffaf0;border:1px solid #f1dfbc;color:#8d641d;border-radius:13px;font-size:10px;font-weight:800;line-height:1.8}
@media(max-width:900px){#superAdminShell .tabarak-v53-grid{grid-template-columns:1fr}#superAdminShell .tabarak-v53-head{flex-direction:column}}



#superAdminShell .tabarak-v51-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
#superAdminShell .tabarak-v51-eyebrow{font-size:10px;font-weight:900;letter-spacing:.8px;color:#14766c;margin-bottom:6px}
#superAdminShell .tabarak-v51-head h2{margin:0;color:#103c42;font-size:26px}
#superAdminShell .tabarak-v51-head p{margin:7px 0 0;color:#7a7185;font-size:12px;line-height:1.8}
#superAdminShell .tabarak-v51-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#superAdminShell .tabarak-v51-select{border:1px solid #c7ded8;background:#fff;border-radius:10px;padding:10px 12px;font:inherit;color:#103c42}
#superAdminShell .tabarak-v51-status{border:1px solid #edf6f3;background:#edf6f3;border-radius:13px;padding:11px 13px;margin-bottom:14px;color:#103c42;font-size:11px;font-weight:800}
#superAdminShell .tabarak-v51-status.ok{border-color:#d9eddc;background:#f4fbf5;color:#26723f}
#superAdminShell .tabarak-v51-status.warn{border-color:#f3e0bd;background:#fffaf0;color:#9b650f}
#superAdminShell .tabarak-v51-status.bad{border-color:#f1d2d5;background:#fff5f6;color:#a02e39}
#superAdminShell .tabarak-v51-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}
#superAdminShell .tabarak-v51-kpi{background:#fff;border:1px solid #edf6f3;border-radius:14px;padding:13px 12px;min-height:76px}
#superAdminShell .tabarak-v51-kpi span{display:block;color:#857b90;font-size:10px;font-weight:800;margin-bottom:6px}
#superAdminShell .tabarak-v51-kpi strong{font-size:24px;color:#103c42}
#superAdminShell .tabarak-v51-kpi small{color:#857b90;margin-right:4px;font-size:10px}
#superAdminShell .tabarak-v51-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:14px}
#superAdminShell .tabarak-v51-card{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:16px;min-width:0}
#superAdminShell .tabarak-v51-cardhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#superAdminShell .tabarak-v51-cardhead h3{margin:0;color:#103c42;font-size:15px}
#superAdminShell .tabarak-v51-cardhead span{display:block;color:#8a8192;font-size:10px;margin-top:3px}
#superAdminShell .tabarak-v51-badge{background:#edf6f3;color:#103c42!important;padding:6px 8px;border-radius:9px;font-weight:900;font-size:10px!important;margin-top:0!important}
#superAdminShell .tabarak-v51-table{width:100%;border-collapse:collapse}
#superAdminShell .tabarak-v51-table th,#superAdminShell .tabarak-v51-table td{padding:9px 7px;border-bottom:1px solid #edf6f3;text-align:right;font-size:10px;color:#665d70;white-space:nowrap}
#superAdminShell .tabarak-v51-table th{color:#8b8293;font-weight:900;font-size:9px}
#superAdminShell .tabarak-v51-table td:first-child{color:#103c42;font-weight:900;max-width:250px;overflow:hidden;text-overflow:ellipsis}
#superAdminShell .tabarak-v51-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-weight:900;font-size:9px}
#superAdminShell .tabarak-v51-pill.good{background:#edf8f0;color:#237542}
#superAdminShell .tabarak-v51-pill.warn{background:#fff5e6;color:#a0640d}
#superAdminShell .tabarak-v51-pill.bad{background:#fff0f1;color:#a02e39}
#superAdminShell .tabarak-v51-empty{padding:28px 12px;text-align:center;color:#8c8294;background:#edf6f3;border:1px dashed #c7ded8;border-radius:12px;font-size:11px}
#superAdminShell .tabarak-v51-health{display:grid;gap:10px}
#superAdminShell .tabarak-v51-healthrow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;border:1px solid #edf6f3;border-radius:11px}
#superAdminShell .tabarak-v51-healthrow span{font-size:10px;color:#7d7485}
#superAdminShell .tabarak-v51-healthrow strong{font-size:13px;color:#103c42}
#superAdminShell .tabarak-v51-footer{font-size:9px;color:#958c9d;text-align:left;margin-top:8px}
@media(max-width:1050px){#superAdminShell .tabarak-v51-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.tabarak-v51-grid{grid-template-columns:1fr!important}}
@media(max-width:620px){#superAdminShell .tabarak-v51-head{flex-direction:column}#superAdminShell .tabarak-v51-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}



#tabarakV52Toast{animation:tabarakV52In .18s ease-out}@keyframes tabarakV52In{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}



.tabarak-v66-ready{margin:14px 0;background:#fff;border:1px solid #edf6f3;border-radius:19px;box-shadow:0 8px 24px rgba(42,25,68,.045);padding:18px}
.tabarak-v66-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap}
.tabarak-v66-kicker{font-size:10px;font-weight:900;color:#14766c}.tabarak-v66-head h3{margin:4px 0 5px;font-size:20px;color:#103c42}.tabarak-v66-head p{margin:0;color:#7b7285;font-size:11px;line-height:1.8}
.tabarak-v66-actions{display:flex;gap:7px;flex-wrap:wrap}.tabarak-v66-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}.tabarak-v66-btn.primary{background:#14766c;color:#fff;border-color:#14766c}.tabarak-v66-btn:hover{transform:translateY(-1px)}
.tabarak-v66-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.tabarak-v66-stat{border:1px solid #edf6f3;border-radius:13px;padding:11px;background:#edf6f3}.tabarak-v66-stat span{display:block;font-size:9px;color:#82798c;margin-bottom:5px}.tabarak-v66-stat b{font-size:18px;color:#103c42}.tabarak-v66-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;background:#edf6f3;color:#6e6278}.tabarak-v66-status.blocked{background:#fff0f1;color:#a72b38}.tabarak-v66-status.partial{background:#fff4e3;color:#a35d00}.tabarak-v66-status.ready{background:#ebf8f0;color:#19794a}
.tabarak-v66-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;margin-top:10px}.tabarak-v66-box{border:1px solid #edf6f3;border-radius:14px;padding:13px;background:#fff}.tabarak-v66-box strong{display:block;color:#103c42;font-size:12px;margin-bottom:7px}.tabarak-v66-finding{padding:10px;border:1px solid #edf6f3;border-radius:11px;margin-top:7px;background:#edf6f3}.tabarak-v66-finding b{font-size:10px;color:#103c42}.tabarak-v66-finding small{display:block;margin-top:4px;color:#7c7284;line-height:1.65;font-size:9px}.tabarak-v66-pill{display:inline-block;margin-inline-start:5px;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:900;background:#edf6f3;color:#6f627c}.tabarak-v66-pill.high{background:#fff0f1;color:#a72b38}.tabarak-v66-pill.medium{background:#fff5e6;color:#a35d00}.tabarak-v66-pill.low{background:#eef7f1;color:#23784e}
.tabarak-v66-empty{padding:30px;text-align:center;color:#82798c;border:1px dashed #c7ded8;border-radius:13px;background:#edf6f3;font-size:11px}.tabarak-v66-note{margin-top:10px;padding:9px 11px;border-radius:10px;background:#edf6f3;color:#776b83;font-size:9px;line-height:1.7}
@media(max-width:900px){.tabarak-v66-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tabarak-v66-grid{grid-template-columns:1fr}}
@media(max-width:600px){.tabarak-v66-summary{grid-template-columns:1fr}}



.tabarak-v67v68{margin:14px 0;background:#fff;border:1px solid #edf6f3;border-radius:19px;box-shadow:0 8px 24px rgba(42,25,68,.045);padding:18px}
.tabarak-v67v68-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;flex-wrap:wrap}.tabarak-v67v68-kicker{font-size:10px;font-weight:900;color:#14766c}.tabarak-v67v68-head h3{margin:4px 0 5px;font-size:20px;color:#103c42}.tabarak-v67v68-head p{margin:0;color:#7b7285;font-size:11px;line-height:1.8}
.tabarak-v67v68-actions{display:flex;gap:7px;flex-wrap:wrap}.tabarak-v67v68-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}.tabarak-v67v68-btn.primary{background:#14766c;color:#fff;border-color:#14766c}
.tabarak-v67v68-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.tabarak-v67v68-stat{border:1px solid #edf6f3;border-radius:13px;padding:11px;background:#edf6f3}.tabarak-v67v68-stat span{display:block;font-size:9px;color:#82798c;margin-bottom:5px}.tabarak-v67v68-stat b{font-size:18px;color:#103c42}.tabarak-v67v68-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;background:#edf6f3;color:#103c42}.tabarak-v67v68-badge.good{background:#ebf8f0;color:#19794a}.tabarak-v67v68-badge.warn{background:#fff5e3;color:#a45f00}.tabarak-v67v68-badge.bad{background:#fff0f1;color:#a72b38}
.tabarak-v67v68-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.tabarak-v67v68-box{border:1px solid #edf6f3;border-radius:14px;padding:13px;background:#fff}.tabarak-v67v68-box strong{display:block;color:#103c42;font-size:12px;margin-bottom:7px}.tabarak-v67v68-row{padding:9px 10px;border:1px solid #edf6f3;border-radius:11px;background:#edf6f3;margin-top:7px}.tabarak-v67v68-row b{font-size:10px;color:#103c42}.tabarak-v67v68-row small{display:block;margin-top:4px;font-size:9px;line-height:1.6;color:#7c7284}.tabarak-v67v68-note{margin-top:10px;padding:9px 11px;border-radius:10px;background:#edf6f3;color:#776b83;font-size:9px;line-height:1.7}.tabarak-v67v68-empty{padding:28px;text-align:center;border:1px dashed #c7ded8;border-radius:13px;background:#edf6f3;color:#82798c;font-size:11px}
@media(max-width:900px){.tabarak-v67v68-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tabarak-v67v68-grid{grid-template-columns:1fr}}@media(max-width:600px){.tabarak-v67v68-summary{grid-template-columns:1fr}}



.tabarak-v69v70{margin:14px 0;background:#fff;border:1px solid #edf6f3;border-radius:19px;box-shadow:0 8px 24px rgba(42,25,68,.045);padding:18px}.tabarak-v69v70-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-wrap:wrap}.tabarak-v69v70-kicker{font-size:10px;font-weight:900;color:#14766c}.tabarak-v69v70-head h3{margin:4px 0 5px;font-size:20px;color:#103c42}.tabarak-v69v70-head p{margin:0;color:#7b7285;font-size:11px;line-height:1.8}.tabarak-v69v70-actions{display:flex;gap:7px;flex-wrap:wrap}.tabarak-v69v70-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:10px;font-weight:900;cursor:pointer}.tabarak-v69v70-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.tabarak-v69v70-stat{border:1px solid #edf6f3;border-radius:13px;padding:11px;background:#edf6f3}.tabarak-v69v70-stat span{display:block;font-size:9px;color:#82798c;margin-bottom:5px}.tabarak-v69v70-stat b{font-size:18px;color:#103c42}.tabarak-v69v70-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;background:#edf6f3;color:#103c42}.tabarak-v69v70-badge.good{background:#ebf8f0;color:#19794a}.tabarak-v69v70-badge.warn{background:#fff5e3;color:#a45f00}.tabarak-v69v70-badge.bad{background:#fff0f1;color:#a72b38}.tabarak-v69v70-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.tabarak-v69v70-box{border:1px solid #edf6f3;border-radius:14px;padding:13px;background:#fff}.tabarak-v69v70-box strong{display:block;color:#103c42;font-size:12px;margin-bottom:7px}.tabarak-v69v70-row{padding:9px 10px;border:1px solid #edf6f3;border-radius:11px;background:#edf6f3;margin-top:7px}.tabarak-v69v70-row b{font-size:10px;color:#103c42}.tabarak-v69v70-row small{display:block;margin-top:4px;font-size:9px;line-height:1.6;color:#7c7284}.tabarak-v69v70-note{margin-top:10px;padding:9px 11px;border-radius:10px;background:#edf6f3;color:#776b83;font-size:9px;line-height:1.7}.tabarak-v69v70-empty{padding:28px;text-align:center;border:1px dashed #c7ded8;border-radius:13px;background:#edf6f3;color:#82798c;font-size:11px}@media(max-width:900px){.tabarak-v69v70-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tabarak-v69v70-grid{grid-template-columns:1fr}}@media(max-width:600px){.tabarak-v69v70-summary{grid-template-columns:1fr}}



.tabarak-v71v75{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}
.tabarak-v71v75-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v71v75-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-v71v75-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v71v75-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v71v75-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v71v75-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.tabarak-v71v75-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v71v75-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v71v75-stat strong{display:block;color:#2f3a52;font-size:13px;margin-top:3px}.tabarak-v71v75-decision{margin-top:10px;border:1px solid #e9ebf3;border-radius:12px;background:#edf6f3;padding:11px}.tabarak-v71v75-decision strong{display:block;color:#2d3850;font-size:10px}.tabarak-v71v75-decision small{display:block;color:#7b8596;font-size:7px;line-height:1.8;margin-top:4px}.tabarak-v71v75-list{margin-top:9px}.tabarak-v71v75-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #edf0f4}.tabarak-v71v75-row:last-child{border-bottom:0}.tabarak-v71v75-row strong{font-size:8px;color:#34405a}.tabarak-v71v75-row small{font-size:6.9px;color:#7d8797;line-height:1.6}.tabarak-v71v75-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7px;font-weight:900}.tabarak-v71v75-pill.good{background:#edf8f2;color:#237a4d}.tabarak-v71v75-pill.warn{background:#fff7e7;color:#996600}.tabarak-v71v75-pill.bad{background:#fff0ef;color:#b42318}.tabarak-v71v75-note{margin-top:9px;color:#9098a7;font-size:7px;line-height:1.8}.tabarak-v71v75-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.tabarak-v71v75-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}.tabarak-v71v75-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.tabarak-v71v75-cert{border:1px solid #e9ebf3;border-radius:12px;background:#fbfcfe;padding:11px;margin-top:10px}.tabarak-v71v75-cert strong{display:block;color:#2e3a52;font-size:10px}.tabarak-v71v75-cert small{display:block;color:#7b8596;font-size:7px;line-height:1.8;margin-top:4px}@media(max-width:900px){.tabarak-v71v75-grid{grid-template-columns:repeat(2,1fr)}.tabarak-v71v75-summary{grid-template-columns:1fr}.tabarak-v71v75-head{flex-direction:column}}



.tabarak-v1{background:linear-gradient(135deg,#fff,#edf6f3);border:1px solid #dddff0;border-radius:18px;box-shadow:0 10px 30px rgba(40,45,90,.06);padding:16px;margin:12px 0;direction:rtl}.tabarak-v1-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tabarak-v1-kicker{font-size:8px;font-weight:900;color:#14766c}.tabarak-v1 h3{font-size:16px;margin:4px 0;color:#25304a}.tabarak-v1 p{font-size:9px;color:#7b8598;margin:4px 0;line-height:1.8}.tabarak-v1-btn{border:1px solid #dddff0;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v1-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.tabarak-v1-stat{border:1px solid #eceef5;background:#fff;border-radius:10px;padding:9px}.tabarak-v1-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v1-stat strong{display:block;color:#2e3951;font-size:13px;margin-top:3px}.tabarak-v1-decision{margin-top:10px;border:1px solid #e6e8f1;background:#edf6f3;border-radius:12px;padding:11px}.tabarak-v1-decision strong{display:block;color:#29344e;font-size:10px}.tabarak-v1-decision small{display:block;color:#7a8497;font-size:7px;line-height:1.8;margin-top:4px}.tabarak-v1-note{margin-top:9px;color:#8d96a7;font-size:7px;line-height:1.8}.tabarak-v1-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f1f2f7;color:#667184;font-size:7px;font-weight:900}.tabarak-v1-pill.good{background:#edf8f2;color:#237a4d}.tabarak-v1-pill.warn{background:#fff7e7;color:#996600}.tabarak-v1-pill.bad{background:#fff0ef;color:#b42318}@media(max-width:900px){.tabarak-v1-stats{grid-template-columns:repeat(2,1fr)}.tabarak-v1-head{flex-direction:column}}



.tabarak-demo-card{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-demo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-demo-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-demo-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-demo-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-demo-actions{display:flex;gap:6px;flex-wrap:wrap}.tabarak-demo-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-demo-btn.primary{background:#edf6f3;border-color:#edf6f3}.tabarak-demo-btn.danger{color:#b42318}.tabarak-demo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.tabarak-demo-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-demo-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-demo-stat strong{display:block;color:#2f3a52;font-size:13px;margin-top:3px}.tabarak-demo-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7px;font-weight:900}.tabarak-demo-pill.good{background:#edf8f2;color:#237a4d}.tabarak-demo-pill.warn{background:#fff7e7;color:#996600}.tabarak-demo-pill.bad{background:#fff0ef;color:#b42318}.tabarak-demo-list{margin-top:10px}.tabarak-demo-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f4}.tabarak-demo-row:last-child{border-bottom:0}.tabarak-demo-row strong{font-size:8px;color:#34405a}.tabarak-demo-row small{display:block;color:#7d8797;font-size:6.8px;line-height:1.7;margin-top:2px}.tabarak-demo-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}.tabarak-demo-note{margin-top:9px;color:#9098a7;font-size:7px;line-height:1.8}@media(max-width:900px){.tabarak-demo-grid{grid-template-columns:repeat(2,1fr)}.tabarak-demo-head{flex-direction:column}}



.tabarak-v78v80{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-v78-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v78-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-v78-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v78-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v78-actions{display:flex;gap:6px;flex-wrap:wrap}.tabarak-v78-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v78-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.tabarak-v78-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v78-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v78-stat strong{display:block;color:#2f3a52;font-size:13px;margin-top:3px}.tabarak-v78-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f4}.tabarak-v78-row:last-child{border-bottom:0}.tabarak-v78-row strong{font-size:8px;color:#34405a}.tabarak-v78-row small{display:block;color:#7d8797;font-size:6.8px;line-height:1.7;margin-top:2px}.tabarak-v78-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7px;font-weight:900}.tabarak-v78-pill.good{background:#edf8f2;color:#237a4d}.tabarak-v78-pill.warn{background:#fff7e7;color:#996600}.tabarak-v78-pill.bad{background:#fff0ef;color:#b42318}.tabarak-v78-note{margin-top:9px;color:#9098a7;font-size:7px;line-height:1.8}.tabarak-v78-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}@media(max-width:900px){.tabarak-v78-grid{grid-template-columns:repeat(2,1fr)}.tabarak-v78-head{flex-direction:column}}



.tabarak-author{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-author-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-author-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-author-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-author-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.tabarak-author-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-author-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-author-stat strong{display:block;color:#2f3a52;font-size:11px;margin-top:3px}.tabarak-author-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7px;font-weight:900}.tabarak-author-pill.good{background:#edf8f2;color:#237a4d}.tabarak-author-pill.bad{background:#fff0ef;color:#b42318}.tabarak-author-note{margin-top:9px;color:#9098a7;font-size:7px;line-height:1.8}@media(max-width:900px){.tabarak-author-grid{grid-template-columns:1fr}}



#studentWorkspacePage [data-v42-journey="student"],
#studentWorkspacePage [data-v43-mastery="student"],
#studentWorkspacePage [data-v44-recommendations="student"],
#studentWorkspacePage [data-v47-assessment="student"],
#studentWorkspacePage [data-v49-notifications],
#studentWorkspacePage [data-v50-os],
#studentWorkspacePage [data-v57-adaptive="student"],
#studentWorkspacePage [data-v59-calibration],
#studentWorkspacePage [data-v65-os="student"],
#studentWorkspacePage [data-v66-readiness="student"],
#studentWorkspacePage [data-v67-quality="student"],
#studentWorkspacePage [data-v68-loop="student"],
#studentWorkspacePage [data-v70-mastery="student"],
#studentWorkspacePage [data-tabarak-v1="student"],
#studentWorkspacePage [data-v78-journey],
#studentWorkspacePage [data-v90-student],
#studentWorkspacePage [data-v95-session],
#studentWorkspacePage [data-v96-session],
#studentWorkspacePage [data-v97-adaptive],
#studentWorkspacePage [data-v98-insights],
#studentWorkspacePage .v42-journey-card,
#studentWorkspacePage .v43-mastery-card,
#studentWorkspacePage .v44-rec-card,
#studentWorkspacePage .v47-assessment,
#studentWorkspacePage .v49-notify,
#studentWorkspacePage .v50-os,
#studentWorkspacePage .tabarak-v57-loop,
#studentWorkspacePage .tabarak-v59-calibration,
#studentWorkspacePage .tabarak-v66-ready,
#studentWorkspacePage .tabarak-v67v68,
#studentWorkspacePage .tabarak-v69v70,
#studentWorkspacePage .tabarak-v1,
#studentWorkspacePage .tabarak-final-card[data-v65-os],
#studentWorkspacePage .tabarak-v78v80[data-v78-journey],
#studentWorkspacePage .tbr95,
#studentWorkspacePage .tbr96,
#studentWorkspacePage .tbr97,
#studentWorkspacePage .tbr98{display:none!important}



#loginPage #loginStudentId,#registerPage #phone,#teacherCreatePanel #nativeTeacherPhone,#accountCenterModal #acctPhone{direction:ltr;text-align:left;letter-spacing:.04em}
#loginPage #adminLoginModeBtn{background:transparent;color:#103c42;border:0;box-shadow:none;font-size:13px}



.tabarak-v83v84{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}
.tabarak-v83v84-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tabarak-v83v84-kicker{color:#14766c;font-size:8px;font-weight:900}
.tabarak-v83v84-head h3{margin:4px 0 0;color:#27334c;font-size:15px}
.tabarak-v83v84-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}
.tabarak-v83v84-actions{display:flex;gap:6px;flex-wrap:wrap}
.tabarak-v83v84-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}
.tabarak-v83v84-btn.primary{background:#14766c;color:#fff;border-color:#14766c}
.tabarak-v83v84-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}
.tabarak-v83v84-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}
.tabarak-v83v84-stat span{display:block;color:#7d8796;font-size:7px}
.tabarak-v83v84-stat strong{display:block;color:#2f3a52;font-size:11px;margin-top:3px}
.tabarak-v83v84-good{color:#1f7a4d}.tabarak-v83v84-watch{color:#9a6700}.tabarak-v83v84-bad{color:#b42318}
.tabarak-v83v84-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:8px}
.tabarak-v83v84-table th,.tabarak-v83v84-table td{padding:7px;border-bottom:1px solid #eef0f3;text-align:right}
.tabarak-v83v84-table th{color:#6e7788;font-weight:900}
.tabarak-v83v84-note{margin-top:9px;padding:9px;border-radius:10px;background:#f7f8fc;color:#687488;font-size:8px;line-height:1.8}
@media(max-width:900px){.tabarak-v83v84-grid{grid-template-columns:repeat(3,1fr)}}



.tabarak-v61-wrap{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-v61-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v61-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-v61-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v61-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v61-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v61-btn.primary{background:#14766c;color:#fff;border-color:#14766c}.tabarak-v61-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.tabarak-v61-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v61-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v61-stat strong{display:block;color:#2f3a52;font-size:13px;margin-top:3px}.tabarak-v61-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.tabarak-v61-card{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fbfcfe}.tabarak-v61-card strong{display:block;color:#34405a;font-size:8.5px}.tabarak-v61-card small{display:block;color:#7d8797;font-size:6.8px;line-height:1.7;margin-top:3px}.tabarak-v61-delta{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f3f4f7;color:#667184;font-size:7px;font-weight:900;margin-top:5px}.tabarak-v61-delta.up{background:#edf8f2;color:#237a4d}.tabarak-v61-delta.down{background:#fff0ef;color:#b42318}.tabarak-v61-gap{border:1px dashed #e2e5eb;border-radius:10px;padding:8px;background:#fff}.tabarak-v61-gap strong{font-size:8.5px;color:#39445c}.tabarak-v61-gap small{display:block;font-size:6.8px;color:#7d8797;margin-top:3px}.tabarak-v61-note{margin-top:9px;color:#9098a7;font-size:7px;line-height:1.8}.tabarak-v61-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}@media(max-width:900px){.tabarak-v61-summary{grid-template-columns:repeat(2,1fr)}.tabarak-v61-grid{grid-template-columns:1fr}.tabarak-v61-head{flex-direction:column}}



.tabarak-v62-wrap{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-v62-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v62-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-v62-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v62-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v62-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v62-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.tabarak-v62-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v62-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v62-stat strong{display:block;color:#2f3a52;font-size:13px;margin-top:3px}.tabarak-v62-list{display:grid;gap:7px;margin-top:10px}.tabarak-v62-item{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fbfcfe}.tabarak-v62-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tabarak-v62-item strong{display:block;color:#34405a;font-size:8.5px}.tabarak-v62-item small{display:block;color:#7d8797;font-size:6.8px;line-height:1.7;margin-top:3px}.tabarak-v62-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7px;font-weight:900;white-space:nowrap}.tabarak-v62-pill.high{background:#fff0ef;color:#b42318}.tabarak-v62-pill.medium{background:#fff7e7;color:#996600}.tabarak-v62-pill.watch{background:#f4f5f8;color:#667184}.tabarak-v62-evidence{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.tabarak-v62-evidence span{padding:4px 6px;border-radius:999px;background:#f7f8fa;color:#727d8e;font-size:6.5px}.tabarak-v62-note{margin-top:9px;color:#9098a7;font-size:7px;line-height:1.8}.tabarak-v62-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}@media(max-width:900px){.tabarak-v62-summary{grid-template-columns:repeat(2,1fr)}.tabarak-v62-head{flex-direction:column}}



.tabarak-final-card{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-final-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-final-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-final-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-final-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-final-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-final-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.tabarak-final-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-final-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-final-stat strong{display:block;color:#2f3a52;font-size:13px;margin-top:3px}.tabarak-final-decision{margin-top:10px;border:1px solid #e9ebf3;border-radius:12px;background:#edf6f3;padding:11px}.tabarak-final-decision strong{display:block;color:#2d3850;font-size:10px}.tabarak-final-decision small{display:block;color:#7b8596;font-size:7px;line-height:1.8;margin-top:4px}.tabarak-final-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7px;font-weight:900;margin-top:6px;margin-left:4px}.tabarak-final-pill.good{background:#edf8f2;color:#237a4d}.tabarak-final-pill.warn{background:#fff7e7;color:#996600}.tabarak-final-pill.bad{background:#fff0ef;color:#b42318}.tabarak-final-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}.tabarak-final-box{border:1px solid #edf0f4;border-radius:11px;background:#fbfcfe;padding:9px}.tabarak-final-box strong{display:block;color:#34405a;font-size:8.5px}.tabarak-final-box small{display:block;color:#7d8797;font-size:6.8px;line-height:1.7;margin-top:3px}.tabarak-final-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #edf0f4}.tabarak-final-row:last-child{border-bottom:0}.tabarak-final-empty{padding:12px;border:1px dashed #dfe3ea;border-radius:11px;background:#fafbfc;color:#7a8598;text-align:center;font-size:8px;line-height:1.8}.tabarak-final-note{margin-top:9px;color:#9098a7;font-size:7px;line-height:1.8}@media(max-width:900px){.tabarak-final-summary{grid-template-columns:repeat(2,1fr)}.tabarak-final-grid{grid-template-columns:1fr}.tabarak-final-head{flex-direction:column}}



.tabarak-v85{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}
.tabarak-v85-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tabarak-v85-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-v85-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v85-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}
.tabarak-v85-actions{display:flex;gap:6px;flex-wrap:wrap}.tabarak-v85-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v85-btn.primary{background:#14766c;color:#fff;border-color:#14766c}.tabarak-v85-btn:disabled{opacity:.55;cursor:not-allowed}
.tabarak-v85-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.tabarak-v85-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v85-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v85-stat strong{display:block;color:#2f3a52;font-size:12px;margin-top:3px}
.tabarak-v85-pass{color:#237a4d}.tabarak-v85-fail{color:#b42318}.tabarak-v85-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:10px}.tabarak-v85-check{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #edf0f4;border-radius:10px;background:#fbfcfe}.tabarak-v85-check strong{font-size:8px;color:#34405a}.tabarak-v85-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f3f4f7;color:#667184;font-size:7px;font-weight:900}.tabarak-v85-pill.good{background:#edf8f2;color:#237a4d}.tabarak-v85-pill.bad{background:#fff0ef;color:#b42318}.tabarak-v85-note{margin-top:9px;padding:9px;border-radius:10px;background:#f7f8fc;color:#687488;font-size:8px;line-height:1.8}
@media(max-width:900px){.tabarak-v85-grid{grid-template-columns:repeat(2,1fr)}.tabarak-v85-checks{grid-template-columns:1fr}.tabarak-v85-head{flex-direction:column}}



.tabarak-v86{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-v86-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v86-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-v86-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v86-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v86-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v86-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.tabarak-v86-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v86-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v86-stat strong{display:block;color:#2f3a52;font-size:12px;margin-top:3px}.tabarak-v86-good{color:#237a4d}.tabarak-v86-watch{color:#996600}.tabarak-v86-bad{color:#b42318}.tabarak-v86-note{margin-top:9px;padding:9px;border-radius:10px;background:#f7f8fc;color:#687488;font-size:8px;line-height:1.8}
@media(max-width:900px){.tabarak-v86-grid{grid-template-columns:repeat(2,1fr)}.tabarak-v86-head{flex-direction:column}}



.tabarak-v87{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-v87-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v87-kicker{color:#14766c;font-size:8px;font-weight:900}.tabarak-v87-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v87-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v87-actions{display:flex;gap:6px;flex-wrap:wrap}.tabarak-v87-btn{border:1px solid #dedfea;background:#fff;color:#14766c;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v87-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.tabarak-v87-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v87-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v87-stat strong{display:block;color:#2f3a52;font-size:12px;margin-top:3px}.tabarak-v87-good{color:#237a4d}.tabarak-v87-watch{color:#996600}.tabarak-v87-bad{color:#b42318}.tabarak-v87-decision{margin-top:9px;padding:10px;border:1px solid #e9ebf3;border-radius:11px;background:#edf6f3}.tabarak-v87-decision strong{display:block;color:#303b53;font-size:10px}.tabarak-v87-decision small{display:block;color:#778297;font-size:7px;line-height:1.8;margin-top:3px}.tabarak-v87-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:9px}.tabarak-v87-check{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #edf0f4;padding:7px 2px}.tabarak-v87-note{margin-top:9px;padding:9px;border-radius:10px;background:#f7f8fc;color:#687488;font-size:8px;line-height:1.8}.tabarak-v87-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f2f3f7;color:#667184;font-size:7px;font-weight:900}.tabarak-v87-pill.good{background:#edf8f2;color:#237a4d}.tabarak-v87-pill.warn{background:#fff7e7;color:#996600}.tabarak-v87-pill.bad{background:#fff0ef;color:#b42318}
@media(max-width:900px){.tabarak-v87-grid{grid-template-columns:repeat(2,1fr)}.tabarak-v87-checks{grid-template-columns:1fr}.tabarak-v87-head{flex-direction:column}}



.tabarak-v88{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-v88-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v88-kicker{color:#3157b7;font-size:8px;font-weight:900}.tabarak-v88-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v88-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v88-actions{display:flex;gap:6px;flex-wrap:wrap}.tabarak-v88-btn{border:1px solid #dedfea;background:#fff;color:#3157b7;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v88-btn.primary{background:#3157b7;color:#fff;border-color:#3157b7}.tabarak-v88-btn:disabled{opacity:.55;cursor:wait}.tabarak-v88-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.tabarak-v88-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v88-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v88-stat strong{display:block;color:#2f3a52;font-size:12px;margin-top:3px}.tabarak-v88-good{color:#237a4d}.tabarak-v88-watch{color:#996600}.tabarak-v88-bad{color:#b42318}.tabarak-v88-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.tabarak-v88-box{border:1px solid #edf0f4;border-radius:10px;background:#fff;padding:9px}.tabarak-v88-box strong{display:block;color:#33405a;font-size:8px}.tabarak-v88-box small{display:block;color:#737f92;font-size:7px;line-height:1.8;margin-top:4px}.tabarak-v88-note{margin-top:9px;padding:9px;border-radius:10px;background:#f7f8fc;color:#687488;font-size:8px;line-height:1.8}.tabarak-v88-chip{display:inline-block;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900;background:#eef2f7;color:#57657a;margin-left:4px;margin-bottom:3px}.tabarak-v88-chip.good{background:#eaf7ef;color:#237a4d}.tabarak-v88-chip.bad{background:#fdeceb;color:#b42318}
@media(max-width:900px){.tabarak-v88-grid{grid-template-columns:repeat(2,1fr)}.tabarak-v88-list{grid-template-columns:1fr}.tabarak-v88-head{flex-direction:column}}



.tabarak-v89{background:#fff;border:1px solid #e4e7ee;border-radius:18px;box-shadow:0 8px 26px rgba(31,39,65,.045);padding:15px;margin:12px 0;direction:rtl}.tabarak-v89-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v89-kicker{color:#1f7a55;font-size:8px;font-weight:900}.tabarak-v89-head h3{margin:4px 0 0;color:#27334c;font-size:15px}.tabarak-v89-head p{margin:4px 0 0;color:#7a8598;font-size:9px;line-height:1.8}.tabarak-v89-btn{border:1px solid #dedfea;background:#fff;color:#276d50;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v89-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.tabarak-v89-stat{border:1px solid #edf0f4;border-radius:10px;background:#fafbfc;padding:9px}.tabarak-v89-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v89-stat strong{display:block;color:#2f3a52;font-size:12px;margin-top:3px}.tabarak-v89-good{color:#237a4d}.tabarak-v89-warn{color:#996600}.tabarak-v89-bad{color:#b42318}.tabarak-v89-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px}.tabarak-v89-box{border:1px solid #edf0f4;border-radius:10px;background:#fff;padding:9px}.tabarak-v89-box strong{display:block;color:#33405a;font-size:8px}.tabarak-v89-box small{display:block;color:#737f92;font-size:7px;line-height:1.8;margin-top:4px}.tabarak-v89-note{margin-top:9px;padding:9px;border-radius:10px;background:#f7f8fc;color:#687488;font-size:8px;line-height:1.8}.tabarak-v89-check{display:flex;align-items:center;justify-content:space-between;border:1px solid #edf0f4;border-radius:9px;padding:7px 9px;margin-top:6px}.tabarak-v89-check span{color:#4e5b70;font-size:7px;font-weight:800}.tabarak-v89-pill{display:inline-block;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900}.tabarak-v89-pill.good{background:#eaf7ef;color:#237a4d}.tabarak-v89-pill.bad{background:#fdeceb;color:#b42318}
@media(max-width:900px){.tabarak-v89-grid{grid-template-columns:repeat(2,1fr)}.tabarak-v89-list{grid-template-columns:1fr}.tabarak-v89-head{flex-direction:column}}



.tabarak-v91{background:#fff;border:1px solid #e4e8ef;border-radius:20px;box-shadow:0 10px 30px rgba(33,55,90,.05);padding:16px;margin:12px 0;direction:rtl}.tabarak-v91-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tabarak-v91-kicker{color:#2d7d68;font-size:8px;font-weight:900}.tabarak-v91-head h3{margin:4px 0 0;color:#263651;font-size:16px}.tabarak-v91-head p{margin:4px 0 0;color:#718096;font-size:9px;line-height:1.8}.tabarak-v91-actions{display:flex;gap:6px;flex-wrap:wrap}.tabarak-v91-btn{border:1px solid #d9e3df;background:#fff;color:#2d7d68;border-radius:9px;padding:7px 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tabarak-v91-btn.primary{background:#2d7d68;color:#fff;border-color:#2d7d68}.tabarak-v91-btn:disabled{opacity:.55;cursor:wait}.tabarak-v91-hero{margin-top:10px;border-radius:14px;padding:13px;background:#eff8f5;border:1px solid #dfeee9}.tabarak-v91-hero strong{display:block;color:#1f584b;font-size:13px}.tabarak-v91-hero small{display:block;color:#607b74;font-size:8px;line-height:1.9;margin-top:5px}.tabarak-v91-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.tabarak-v91-stat{border:1px solid #edf0f4;border-radius:10px;background:#fff;padding:9px}.tabarak-v91-stat span{display:block;color:#7d8796;font-size:7px}.tabarak-v91-stat strong{display:block;color:#2f3a52;font-size:12px;margin-top:3px}.tabarak-v91-queue{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:9px}.tabarak-v91-card{border:1px solid #edf0f4;border-radius:12px;background:#fff;padding:10px}.tabarak-v91-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.tabarak-v91-card strong{color:#33405a;font-size:9px}.tabarak-v91-card small{display:block;color:#737f92;font-size:7px;line-height:1.8;margin-top:4px}.tabarak-v91-reason{margin-top:7px;padding:7px 8px;border-radius:8px;background:#f7f8fa;color:#667488;font-size:7px;line-height:1.8}.tabarak-v91-chip{display:inline-block;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:900;background:#eef2f7;color:#58677b;margin-left:4px;margin-bottom:3px}.tabarak-v91-chip.high{background:#fff3df;color:#9a6500}.tabarak-v91-chip.new{background:#eaf3ff;color:#3157b7}.tabarak-v91-chip.follow{background:#edf6f3;color:#14766c}.tabarak-v91-chip.monitor{background:#eaf7ef;color:#237a4d}.tabarak-v91-note{margin-top:9px;padding:9px;border-radius:10px;background:#f7f8fc;color:#687488;font-size:8px;line-height:1.8}
@media(max-width:900px){.tabarak-v91-grid{grid-template-columns:repeat(2,1fr)}.tabarak-v91-queue{grid-template-columns:1fr}.tabarak-v91-head{flex-direction:column}}



.tbr92{background:#fff;border:1px solid #e5e9f0;border-radius:20px;box-shadow:0 8px 28px rgba(32,42,69,.05);padding:16px;margin:12px 0;direction:rtl}.tbr92-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tbr92-kicker{font-size:8px;font-weight:900;color:#4b5fc0}.tbr92-head h3{font-size:16px;margin:4px 0;color:#26344f}.tbr92-head p{font-size:9px;color:#778398;line-height:1.9;margin:4px 0}.tbr92-actions{display:flex;gap:6px;flex-wrap:wrap}.tbr92-btn{border:1px solid #dfe4ec;background:#fff;color:#3e52ae;border-radius:10px;padding:8px 11px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tbr92-btn.primary{background:#3e52ae;color:#fff;border-color:#3e52ae}.tbr92-btn:disabled{opacity:.55;cursor:wait}.tbr92-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:11px}.tbr92-step{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fafbfc;position:relative}.tbr92-step b{display:block;color:#33415b;font-size:8px}.tbr92-step small{display:block;color:#7c8799;font-size:7px;margin-top:3px}.tbr92-step.active{border-color:#cfd7ff;background:#f4f6ff}.tbr92-step.gated{border-color:#f0e0ae;background:#fffaf0}.tbr92-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}.tbr92-stat{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fff}.tbr92-stat span{display:block;color:#7a8597;font-size:7px}.tbr92-stat strong{display:block;color:#2f3c58;font-size:13px;margin-top:3px}.tbr92-two{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.tbr92-panel{border:1px solid #edf0f4;border-radius:13px;padding:10px}.tbr92-panel h4{margin:0;color:#33415b;font-size:9px}.tbr92-list{margin-top:7px}.tbr92-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #f0f2f6}.tbr92-row:first-child{border-top:0}.tbr92-row strong{display:block;color:#34415a;font-size:8px}.tbr92-row small{display:block;color:#7c8798;font-size:7px;margin-top:2px;line-height:1.7}.tbr92-chip{display:inline-block;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;background:#eef1f5;color:#5e6a7f;white-space:nowrap}.tbr92-chip.good{background:#eaf7ef;color:#237a4d}.tbr92-chip.warn{background:#fff6df;color:#996600}.tbr92-chip.bad{background:#fdeceb;color:#b42318}.tbr92-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f7f8fb;color:#6e7a8d;font-size:8px;line-height:1.9}.tbr92-empty{padding:12px;border:1px dashed #dfe4ec;border-radius:10px;color:#7c8798;font-size:8px;text-align:center}
@media(max-width:1000px){.tbr92-grid{grid-template-columns:repeat(3,1fr)}.tbr92-flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.tbr92-head{flex-direction:column}.tbr92-two{grid-template-columns:1fr}.tbr92-grid{grid-template-columns:repeat(2,1fr)}.tbr92-flow{grid-template-columns:repeat(2,1fr)}}



.tbr93{background:#fff;border:1px solid #e5e9f0;border-radius:20px;box-shadow:0 8px 28px rgba(32,42,69,.05);padding:16px;margin:12px 0;direction:rtl}.tbr93-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tbr93-kicker{font-size:8px;font-weight:900;color:#14766c}.tbr93-head h3{font-size:16px;margin:4px 0;color:#26344f}.tbr93-head p{font-size:9px;color:#778398;line-height:1.9;margin:4px 0}.tbr93-btn{border:1px solid #dfe4ec;background:#fff;color:#4c55b5;border-radius:10px;padding:8px 11px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tbr93-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}.tbr93-stat{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fafbfc}.tbr93-stat span{display:block;color:#7a8597;font-size:7px}.tbr93-stat strong{display:block;color:#2f3c58;font-size:13px;margin-top:3px}.tbr93-two{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.tbr93-panel{border:1px solid #edf0f4;border-radius:13px;padding:10px}.tbr93-panel h4{margin:0;color:#33415b;font-size:9px}.tbr93-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #f0f2f6}.tbr93-row:first-child{border-top:0}.tbr93-row strong{display:block;color:#34415a;font-size:8px}.tbr93-row small{display:block;color:#7c8798;font-size:7px;line-height:1.7;margin-top:2px}.tbr93-chip{padding:4px 7px;border-radius:999px;background:#eef1f5;color:#5e6a7f;font-size:7px;font-weight:900;white-space:nowrap}.tbr93-chip.good{background:#eaf7ef;color:#237a4d}.tbr93-chip.warn{background:#fff6df;color:#996600}.tbr93-chip.bad{background:#fdeceb;color:#b42318}.tbr93-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f7f8fb;color:#6e7a8d;font-size:8px;line-height:1.9}.tbr93-empty{padding:12px;border:1px dashed #dfe4ec;border-radius:10px;color:#7c8798;font-size:8px;text-align:center}
.tbr94{background:#fff;border:1px solid #e5e9f0;border-radius:20px;box-shadow:0 8px 28px rgba(32,42,69,.05);padding:16px;margin:12px 0;direction:rtl}.tbr94-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tbr94-kicker{font-size:8px;font-weight:900;color:#2f7b88}.tbr94-head h3{font-size:16px;margin:4px 0;color:#26344f}.tbr94-head p{font-size:9px;color:#778398;line-height:1.9;margin:4px 0}.tbr94-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.tbr94-stat{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fafbfc}.tbr94-stat span{display:block;color:#7a8597;font-size:7px}.tbr94-stat strong{display:block;color:#2f3c58;font-size:13px;margin-top:3px}.tbr94-gap{border:1px solid #edf0f4;border-radius:12px;padding:9px;margin-top:8px}.tbr94-gap strong{display:block;color:#34415a;font-size:8px}.tbr94-gap small{display:block;color:#7c8798;font-size:7px;line-height:1.8;margin-top:3px}.tbr94-chip{display:inline-block;padding:4px 7px;border-radius:999px;background:#fff6df;color:#996600;font-size:7px;font-weight:900;margin-top:5px}.tbr94-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f7f8fb;color:#6e7a8d;font-size:8px;line-height:1.9}
.tbr95{background:#fff;border:1px solid #e5e9f0;border-radius:22px;box-shadow:0 10px 30px rgba(32,42,69,.06);padding:17px;margin:12px 0;direction:rtl}.tbr95-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tbr95-kicker{font-size:8px;font-weight:900;color:#26704f}.tbr95-head h3{font-size:17px;margin:4px 0;color:#26344f}.tbr95-head p{font-size:9px;color:#778398;line-height:1.9;margin:4px 0}.tbr95-actions{display:flex;gap:6px;flex-wrap:wrap}.tbr95-btn{border:1px solid #dfe4ec;background:#fff;color:#26704f;border-radius:10px;padding:8px 11px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tbr95-btn.primary{background:#26704f;border-color:#26704f;color:#fff}.tbr95-btn:disabled{opacity:.55;cursor:wait}.tbr95-hero{margin-top:10px;padding:12px;border-radius:14px;background:#f3f8f5}.tbr95-hero strong{display:block;color:#2f4739;font-size:10px}.tbr95-hero small{display:block;color:#6d7f73;font-size:8px;line-height:1.8;margin-top:3px}.tbr95-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.tbr95-stat{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fafbfc}.tbr95-stat span{display:block;color:#7a8597;font-size:7px}.tbr95-stat strong{display:block;color:#2f3c58;font-size:13px;margin-top:3px}.tbr95-step{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #edf0f4;border-radius:12px;margin-top:7px}.tbr95-step.current{border-color:#bbd9c8;background:#f6fbf8}.tbr95-step strong{display:block;color:#34415a;font-size:8px}.tbr95-step small{display:block;color:#7c8798;font-size:7px;line-height:1.7;margin-top:2px}.tbr95-pill{padding:4px 7px;border-radius:999px;background:#eef1f5;color:#5e6a7f;font-size:7px;font-weight:900}.tbr95-pill.current{background:#e8f5ed;color:#26704f}.tbr95-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f7f8fb;color:#6e7a8d;font-size:8px;line-height:1.9}
@media(max-width:1000px){.tbr93-grid{grid-template-columns:repeat(3,1fr)}.tbr94-grid{grid-template-columns:repeat(2,1fr)}.tbr95-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.tbr93-head,.tbr94-head,.tbr95-head{flex-direction:column}.tbr93-two{grid-template-columns:1fr}.tbr93-grid{grid-template-columns:repeat(2,1fr)}.tbr94-grid{grid-template-columns:1fr 1fr}.tbr95-grid{grid-template-columns:1fr 1fr}}



.tbr96{background:#fff;border:1px solid #e5e9f0;border-radius:22px;box-shadow:0 10px 30px rgba(32,42,69,.06);padding:17px;margin:12px 0;direction:rtl}
.tbr96-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.tbr96-kicker{font-size:8px;font-weight:900;color:#14766c}
.tbr96-head h3{font-size:17px;margin:4px 0;color:#26344f}
.tbr96-head p{font-size:9px;color:#778398;line-height:1.9;margin:4px 0}
.tbr96-actions{display:flex;gap:6px;flex-wrap:wrap}
.tbr96-btn{border:1px solid #dfe4ec;background:#fff;color:#4c55b5;border-radius:10px;padding:8px 11px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}
.tbr96-btn.primary{background:#14766c;border-color:#14766c;color:#fff}
.tbr96-btn:disabled{opacity:.55;cursor:wait}
.tbr96-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}
.tbr96-stat{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fafbfc}
.tbr96-stat span{display:block;color:#7a8597;font-size:7px}.tbr96-stat strong{display:block;color:#2f3c58;font-size:13px;margin-top:3px}
.tbr96-hero{margin-top:10px;padding:12px;border-radius:14px;background:#edf6f3}
.tbr96-hero strong{display:block;color:#30375d;font-size:10px}.tbr96-hero small{display:block;color:#707990;font-size:8px;line-height:1.8;margin-top:3px}
.tbr96-step{border:1px solid #edf0f4;border-radius:13px;padding:10px;margin-top:8px;background:#fff}
.tbr96-step.current{border-color:#c7ded8;background:#edf6f3;box-shadow:0 0 0 2px rgba(91,95,199,.06)}
.tbr96-step-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.tbr96-step-title{color:#34415a;font-size:8px;font-weight:900}.tbr96-step-meta{color:#7c8798;font-size:7px;line-height:1.7;margin-top:2px}
.tbr96-pill{padding:4px 7px;border-radius:999px;background:#eef1f5;color:#5e6a7f;font-size:7px;font-weight:900;white-space:nowrap}
.tbr96-pill.current{background:#edf6f3;color:#4c55b5}
.tbr96-outcomes{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.tbr96-outcome{border:1px solid #dfe4ec;background:#fff;color:#59657a;border-radius:9px;padding:6px 8px;font:inherit;font-size:7px;font-weight:900;cursor:pointer}
.tbr96-outcome:hover{background:#edf6f3;color:#4c55b5}
.tbr96-evidence{margin-top:7px;font-size:7px;color:#6c7789}
.tbr96-evidence.good{color:#237a4d}.tbr96-evidence.none{color:#996600}
.tbr96-score{width:78px;border:1px solid #dfe4ec;border-radius:8px;padding:6px 7px;font:inherit;font-size:8px;direction:ltr}
.tbr96-score-wrap{display:flex;align-items:center;gap:5px;margin-top:8px}
.tbr96-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f7f8fb;color:#6e7a8d;font-size:8px;line-height:1.9}
.tbr96-empty{padding:12px;border:1px dashed #dfe4ec;border-radius:10px;color:#7c8798;font-size:8px;text-align:center}
@media(max-width:1000px){.tbr96-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.tbr96-head{flex-direction:column}.tbr96-grid{grid-template-columns:repeat(2,1fr)}}



.tbr97{background:#fff;border:1px solid #e5e9f0;border-radius:22px;box-shadow:0 10px 30px rgba(32,42,69,.06);padding:17px;margin:12px 0;direction:rtl}
.tbr97-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tbr97-kicker{font-size:8px;font-weight:900;color:#14766c}.tbr97-head h3{font-size:17px;margin:4px 0;color:#26344f}.tbr97-head p{font-size:9px;color:#778398;line-height:1.9;margin:4px 0}.tbr97-actions{display:flex;gap:6px;flex-wrap:wrap}.tbr97-btn{border:1px solid #dfe4ec;background:#fff;color:#4c55b5;border-radius:10px;padding:8px 11px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}.tbr97-btn.primary{background:#14766c;border-color:#14766c;color:#fff}.tbr97-btn:disabled{opacity:.55;cursor:wait}
.tbr97-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.tbr97-stat{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fafbfc}.tbr97-stat span{display:block;color:#7a8597;font-size:7px}.tbr97-stat strong{display:block;color:#2f3c58;font-size:13px;margin-top:3px}
.tbr97-hero{margin-top:10px;padding:12px;border-radius:14px;background:#edf6f3}.tbr97-hero strong{display:block;color:#30375d;font-size:10px}.tbr97-hero small{display:block;color:#707990;font-size:8px;line-height:1.8;margin-top:3px}.tbr97-hero .reason{margin-top:6px;color:#4b5870;font-size:8px;line-height:1.85}
.tbr97-rec{border:1px solid #edf0f4;border-radius:14px;padding:11px;margin-top:8px;background:#fff}.tbr97-rec.top{border-color:#c7ded8;background:#edf6f3;box-shadow:0 0 0 2px rgba(91,95,199,.06)}.tbr97-rec-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.tbr97-title{font-size:9px;font-weight:900;color:#34415a}.tbr97-meta{font-size:7px;color:#7a8597;line-height:1.8;margin-top:2px}.tbr97-pill{padding:4px 7px;border-radius:999px;background:#eef1f5;color:#5e6a7f;font-size:7px;font-weight:900;white-space:nowrap}.tbr97-pill.urgent{background:#fff0ef;color:#a0473b}.tbr97-pill.high{background:#fff7e9;color:#8c6500}.tbr97-pill.medium{background:#eef4ff;color:#4669a2}.tbr97-rec-body{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:6px;margin-top:8px}.tbr97-mini{border:1px solid #eef1f4;border-radius:9px;padding:7px;background:#fafbfc}.tbr97-mini span{display:block;font-size:6px;color:#7b8595}.tbr97-mini strong{display:block;font-size:8px;color:#39465f;margin-top:2px}.tbr97-reason{margin-top:8px;padding:8px 9px;border-radius:9px;background:#f7f8fb;color:#536075;font-size:7px;line-height:1.9}.tbr97-actions-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.tbr97-open{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #14766c;background:#14766c;color:#fff;border-radius:9px;padding:7px 10px;font-size:7px;font-weight:900}.tbr97-open.disabled{border-color:#dfe4ec;background:#fff;color:#8a94a4}.tbr97-event{border:1px solid #dfe4ec;background:#fff;color:#59657a;border-radius:9px;padding:7px 9px;font:inherit;font-size:7px;font-weight:900;cursor:pointer}.tbr97-event:disabled{opacity:.55}
.tbr97-section{margin-top:11px}.tbr97-section-title{font-size:9px;font-weight:900;color:#36425b}.tbr97-weak{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.tbr97-weak-card{border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fafbfc}.tbr97-weak-card strong{display:block;font-size:8px;color:#39465f}.tbr97-weak-card small{display:block;font-size:7px;color:#778398;line-height:1.8;margin-top:3px}.tbr97-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f7f8fb;color:#6e7a8d;font-size:8px;line-height:1.9}.tbr97-empty{padding:12px;border:1px dashed #dfe4ec;border-radius:10px;color:#7c8798;font-size:8px;text-align:center}
@media(max-width:1000px){.tbr97-grid{grid-template-columns:repeat(3,1fr)}.tbr97-rec-body{grid-template-columns:1fr repeat(4,1fr)}.tbr97-weak{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.tbr97-head{flex-direction:column}.tbr97-grid{grid-template-columns:repeat(2,1fr)}.tbr97-rec-body{grid-template-columns:repeat(2,1fr)}.tbr97-weak{grid-template-columns:1fr}}



#saMenuSearch{display:block;width:100%;margin:8px 0 16px;padding:10px 12px;border:1px solid #4b5563;border-radius:10px;background:#1f2937;color:#fff;direction:rtl}#saMenuSearch::placeholder{color:#cbd5e1}#saSidebar [hidden]{display:none!important}.sa-route-status{margin:14px 24px 0;padding:11px 14px;border:1px solid #eacb84;border-radius:10px;background:#fffbeb;color:#694b05;direction:rtl}.sa-route-status[hidden]{display:none}.sa-settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}



/* Restrained visual system for the Super Admin shell. */
#superAdminShell{--sa-ink:#18303c;--sa-teal:#176f73;--sa-muted:#647987;--sa-line:#e2e9ed;--sa-bg:#f5f8f9;background:var(--sa-bg);font-family:system-ui,'Segoe UI',Tahoma,sans-serif}
#superAdminShell .sa-layout{grid-template-columns:254px minmax(0,1fr)}
#superAdminShell .sa-sidebar{background:#152831;color:#e8f0f2;padding:18px 12px}
#superAdminShell .sa-brand{border-color:#2c424b;padding:8px 9px 17px;margin-bottom:14px}
#superAdminShell .sa-brand-mark{background:#23767a;box-shadow:none}
#superAdminShell .sa-brand-sub{color:#b5c6cb}
#superAdminShell #saMenuSearch{background:#203842;border-color:#3d5860;color:#fff;font-size:12px;margin:8px 0 18px}
#superAdminShell #saMenuSearch:focus-visible{outline:2px solid #85d5c8;outline-offset:2px}
.sa-organized-menu{display:grid;gap:7px}
.sa-menu-group{border:1px solid transparent;border-radius:14px;overflow:hidden}
.sa-menu-group[open]{background:#1d343d;border-color:#35515a}
.sa-menu-group summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:9px 12px;cursor:pointer;color:#d6e4e7;font-size:12px;font-weight:800}
.sa-menu-group summary::-webkit-details-marker{display:none}
.sa-menu-group summary:after{content:'⌄';font-size:15px;color:#9db4bb;order:2;transition:transform .15s}
.sa-menu-group[open] summary:after{transform:rotate(180deg)}
.sa-menu-count{margin-inline-start:auto;border:1px solid #46616a;color:#adcad1;border-radius:7px;padding:1px 6px;font-size:10px;font-variant-numeric:tabular-nums}
.sa-menu-group .sa-nav{padding:1px 7px 9px;gap:1px}
.sa-menu-group .sa-nav button{border-radius:9px;padding:8px 11px;font-size:11.5px;font-weight:650;color:#bfd0d5;min-height:35px}
.sa-menu-group .sa-nav button:hover{background:#29464d;color:#fff}
.sa-menu-group .sa-nav button.active{background:#d9efeb;color:#114e50;font-weight:850}
.sa-menu-group .sa-nav button[hidden],.sa-menu-group[hidden]{display:none!important}
.sa-menu-logout{border-top:1px solid #344d55;margin-top:18px;padding:12px 6px}
.sa-menu-logout button{width:100%;text-align:right;border:0;background:transparent;color:#efb9b9;padding:9px;cursor:pointer;font:700 12px system-ui}
#superAdminShell .sa-topbar{height:83px;border-color:var(--sa-line);background:#fff;padding-inline:28px}
#superAdminShell .sa-page-title{color:var(--sa-ink);font-size:23px}
#superAdminShell .sa-main{max-width:1540px;padding:26px 32px 50px}
#superAdminShell .sa-card,#superAdminShell .sa-visual-panel{border:1px solid var(--sa-line);border-radius:20px;box-shadow:0 8px 25px rgba(18,49,64,.035)}
#saDashboardView .hero-wave,#saDashboardView .quick-icon,#saDashboardView .kpi-icon{display:none}
#saDashboardView .tabarak-home-hero{background:linear-gradient(120deg,#e8f5f2,#f8fbfa 72%);border:1px solid #d4eae5;border-radius:22px;box-shadow:none}
#saDashboardView .tabarak-home-eyebrow{color:#176f73;letter-spacing:.08em}
#saDashboardView .tabarak-kpi-grid{margin-top:19px;gap:11px}
#saDashboardView .tabarak-kpi{border-radius:17px;border-color:var(--sa-line);box-shadow:none;background:#fff}
#saDashboardView .sa-kpi-value{font-variant-numeric:tabular-nums;color:#173a42}
#saDashboardView .tabarak-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#saDashboardView .tabarak-quick-card{box-shadow:none;border:1px solid #dbe8e7;border-radius:14px;background:#fbfdfc;min-height:92px}
#saDashboardView .tabarak-quick-card strong{color:#173e43}
#saDashboardView .tabarak-live-dot{font-size:10px;color:#647987;background:#f0f5f5}
.sa-eyebrow{font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:850;color:var(--sa-teal,#176f73)}
.sa-data-visuals{margin:25px 0 20px;direction:rtl}
.sa-visual-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:13px}
.sa-visual-header h3{margin:4px 0;color:#18303c;font-size:19px}
.sa-visual-header p{margin:0;color:#657986;font-size:11px;line-height:1.7}
.sa-visual-updated{font-size:10px;color:#748893;white-space:nowrap}
.sa-visual-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:14px}
.sa-visual-panel{background:#fff;padding:19px;min-width:0}
.sa-visual-panel.sa-visual-wide{grid-column:1/-1}
.sa-visual-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.sa-visual-title h4{font-size:14px;color:#193440;margin:0}
.sa-visual-title span{font-size:10px;color:#748893}
.sa-chart-area{min-height:210px;direction:ltr}
.sa-chart-area svg{width:100%;height:auto;max-height:215px;overflow:visible}
.sa-chart-area svg text{fill:#77909a;font:10px system-ui}
.sa-chart-table{width:100%;border-collapse:collapse;margin-top:10px}
.sa-chart-table caption{text-align:right;color:#6c808c;font-size:10px;padding:5px 0}
.sa-chart-table th,.sa-chart-table td{padding:8px;border-bottom:1px solid #eaf0f2;font-size:10px;text-align:center;font-variant-numeric:tabular-nums}
.sa-chart-table th{color:#708893;font-weight:750;background:#f7faf9}
.sa-status-chart{display:flex;align-items:center;justify-content:center;gap:22px;min-height:197px}
.sa-donut{width:156px;height:156px;flex:0 0 156px;border-radius:50%;display:grid;place-items:center}
.sa-donut>div{height:112px;width:112px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sa-donut strong{font-size:23px;color:#193943;font-variant-numeric:tabular-nums}
.sa-donut span{font-size:10px;color:#6d818b}
.sa-status-list{flex:1;display:grid;gap:11px;min-width:115px}
.sa-status-row{display:flex;justify-content:space-between;gap:10px;color:#58717a;font-size:10px}
.sa-status-row span{display:flex;gap:7px;align-items:center}
.sa-status-row i{display:inline-block;width:8px;height:8px;border-radius:50%}
.sa-status-row strong{color:#24414b;font-variant-numeric:tabular-nums}
.sa-bar-list{display:grid;gap:13px;padding:5px 0 8px}
.sa-bar-row{display:grid;grid-template-columns:110px 1fr 38px;align-items:center;gap:10px;font-size:11px;color:#54717a}
.sa-bar-row strong{font-variant-numeric:tabular-nums;text-align:left;color:#27444e}
.sa-bar-track{height:10px;background:#edf3f3;border-radius:99px;overflow:hidden}
.sa-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#288387,#75b4a8)}
.sa-chart-empty{padding:30px;color:#708693;text-align:center;background:#f7faf9;border-radius:12px}
.sa-catalog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;background:#eaf5f3;border:1px solid #d2e8e3;border-radius:20px;padding:23px}
.sa-catalog-head h2{margin:4px 0;color:#16373e;font-size:22px}
.sa-catalog-head p{font-size:12px;color:#54727b;margin:0}
.sa-catalog-total{white-space:nowrap;color:#22686c;font-size:12px;font-weight:800}
.sa-catalog-toolbar{margin-bottom:13px}
.sa-catalog-toolbar label{display:block;color:#4c6670;font-size:11px;font-weight:750;margin-bottom:6px}
.sa-catalog-toolbar input{width:min(100%,470px);padding:11px 13px;border:1px solid #cedde1;border-radius:11px;font:inherit;background:#fff}
.sa-catalog-table-wrap{overflow:auto;background:#fff;border:1px solid #dfe9eb;border-radius:17px}
.sa-catalog-table{width:100%;border-collapse:collapse;text-align:right}
.sa-catalog-table th,.sa-catalog-table td{padding:12px 15px;border-bottom:1px solid #ecf1f2;font-size:11px}
.sa-catalog-table th{color:#617883;background:#f8faf9}
.sa-catalog-table td strong,.sa-catalog-table td small{display:block}
.sa-catalog-table td strong{color:#24434c}
.sa-catalog-table td small{font-size:9px;margin-top:4px;color:#8a9da3;direction:ltr;text-align:right}
.sa-catalog-table tbody tr:hover{background:#fbfdfc}
.sa-catalog-table button{background:#e6f3f0;border:0;border-radius:9px;color:#176f73;padding:7px 12px;cursor:pointer;font:750 10px system-ui}
.sa-catalog-pill{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:750;background:#eaf5ef;color:#236c51}
.sa-catalog-pill.advanced{background:#ecf0f8;color:#506987}
.sa-catalog-pill.pending{background:#fff4df;color:#946522}
.sa-catalog-footnote{font-size:10px;color:#7b909a;margin-top:12px;line-height:1.7}
.sa-catalog-empty{text-align:center!important;color:#78909a}
@media(max-width:1150px){.sa-visual-grid{grid-template-columns:1fr}}
@media(max-width:900px){#superAdminShell .sa-layout{grid-template-columns:1fr}#superAdminShell .sa-main{padding:18px}#saDashboardView .tabarak-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sa-visual-header,.sa-catalog-head{align-items:flex-start;flex-direction:column}.sa-status-chart{flex-direction:column}.sa-status-list{width:100%}#saDashboardView .tabarak-quick-grid{grid-template-columns:1fr}.sa-bar-row{grid-template-columns:78px 1fr 28px}}




/* Scoped typography: the illustration's cards remain readable without changing app behavior. */
#homePage .ef-nav a{font-size:clamp(13px,1vw,16px)!important}
#homePage .ef-brand b{font-size:clamp(22px,2vw,29px)!important}
#homePage .ef-brand small{font-size:clamp(11px,.85vw,13px)!important;line-height:1.45}
#homePage .ef-kicker,#homePage .ef-kicker span{font-size:clamp(12px,1vw,15px)!important;line-height:1.5}
#homePage .ef-hero p{font-size:clamp(16px,1.35vw,19px)!important;line-height:1.85!important}
#homePage .ef-hero-note{font-size:clamp(13px,1vw,15px)!important;line-height:1.6}
#homePage .ef-nav-actions button,#homePage .ef-hero-actions button,#homePage .ef-faq button{font-size:clamp(14px,1.1vw,17px)!important;min-height:48px!important;line-height:1.45!important}
#homePage .ef-mini-window{width:min(550px,85%)!important}
#homePage .ef-window-top{min-height:48px!important;height:auto!important}
#homePage .ef-window-top b{font-size:13px!important}
#homePage .ef-window-body{padding:clamp(18px,2vw,26px)!important}
#homePage .ef-mini-profile b{font-size:clamp(15px,1.25vw,18px)!important}
#homePage .ef-mini-profile small,#homePage .ef-progress-box small{font-size:clamp(12px,1vw,14px)!important;line-height:1.55!important}
#homePage .ef-progress-box b{font-size:clamp(18px,1.6vw,23px)!important}
#homePage .ef-mini-grid strong{font-size:clamp(20px,2vw,27px)!important;line-height:1.2!important}
#homePage .ef-mini-grid span{font-size:clamp(11px,.95vw,13px)!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere}
#homePage .ef-mini-grid>div{min-width:0!important;min-height:78px!important;padding:12px 8px!important}
#homePage .ef-float-card b{font-size:14px!important}
#homePage .ef-float-card small{font-size:12px!important;line-height:1.4}
#homePage .ef-feature-row{height:auto!important}
#homePage .ef-feature-row>div{min-width:0!important;min-height:80px!important;align-content:center!important}
#homePage .ef-feature-row b{font-size:clamp(13px,1.05vw,16px)!important;line-height:1.4!important}
#homePage .ef-feature-row span{font-size:clamp(11px,.9vw,13px)!important;line-height:1.5!important;white-space:normal!important}
#homePage .ef-section-head>div>span{font-size:clamp(12px,1vw,14px)!important}
#homePage .ef-section-head p{font-size:clamp(14px,1.1vw,17px)!important;line-height:1.75!important}
#homePage .ef-benefit-card{min-height:175px!important;grid-template-columns:48px minmax(0,1fr) 25px!important;gap:14px!important}
#homePage .ef-benefit-card h3,#homePage .ef-how-grid h3{font-size:clamp(17px,1.3vw,20px)!important;line-height:1.4!important}
#homePage .ef-benefit-card p,#homePage .ef-how-grid p{font-size:clamp(13px,1.05vw,16px)!important;line-height:1.7!important;overflow-wrap:anywhere}
#homePage .ef-benefit-icon{font-size:14px!important}
#homePage .ef-how-grid article{min-height:165px!important}
#homePage .ef-stage{min-height:205px!important;grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;align-content:center!important}
#homePage .ef-stage small{font-size:clamp(11px,.9vw,13px)!important;line-height:1.4!important;white-space:normal!important}
#homePage .ef-stage h3{font-size:clamp(17px,1.3vw,20px)!important;line-height:1.4!important}
#homePage .ef-stage p{font-size:clamp(12px,1vw,15px)!important;line-height:1.5!important;overflow-wrap:anywhere}
#homePage .ef-stage .arrow{grid-column:2!important;justify-self:end!important}
#homePage .ef-trust b{font-size:clamp(14px,1.1vw,17px)!important;line-height:1.45!important}
#homePage .ef-trust small{font-size:clamp(12px,1vw,15px)!important;line-height:1.5!important}
#homePage .ef-faq p{font-size:clamp(14px,1vw,16px)!important;line-height:1.7!important}
#homePage .ef-footer span{font-size:13px!important;line-height:1.6!important}
/* Dashboard cards: improve reading size while preserving their grids and click targets. */
#studentWorkspacePage .clean-meta,#studentWorkspacePage .sr-list-item small,#studentWorkspacePage .sr-achievement small{font-size:clamp(13px,1vw,15px)!important;line-height:1.6!important}
#studentWorkspacePage .sr-list-item strong,#studentWorkspacePage .sr-achievement strong{font-size:clamp(15px,1.1vw,17px)!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere}
#teacherWorkspacePage .tm-list-item strong{font-size:clamp(14px,1.05vw,17px)!important;line-height:1.45!important;white-space:normal!important;text-overflow:clip!important}
#teacherWorkspacePage .tm-list-item small,#teacherWorkspacePage .tm-badge{font-size:clamp(12px,.95vw,14px)!important;line-height:1.5!important;white-space:normal!important}
#superAdminShell .admin-stat-label,#superAdminShell .admin-stat-note,#superAdminShell .admin-sub{font-size:clamp(12px,.95vw,14px)!important;line-height:1.6!important}
@media(max-width:760px){
  #homePage .ef-hero-copy{padding-bottom:35px!important}
  #homePage .ef-hero-dashboard{height:auto!important;min-height:260px!important}
  #homePage .ef-mini-window{width:min(100%,480px)!important}
  #homePage .ef-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #homePage .ef-feature-row>div{min-height:88px!important;padding:8px!important}
  #homePage .ef-stage{min-height:140px!important;grid-template-columns:48px minmax(0,1fr) 30px!important}
  #homePage .ef-stage .arrow{grid-column:3!important}
}
@media(max-width:420px){
  #homePage .ef-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #homePage .ef-feature-row{margin-inline:12px!important}
  #homePage .ef-feature-row b{font-size:13px!important}
  #homePage .ef-feature-row span{font-size:11px!important}
}



#etqanAssignmentCenterV220{direction:rtl;margin:16px 0 24px}
#etqanAssignmentCenterV220 .eac-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px;border:1px solid #edf6f3;border-radius:20px;background:linear-gradient(135deg,#edf6f3,#fff);margin-bottom:14px}
#etqanAssignmentCenterV220 .eac-hero h2{margin:0 0 7px;text-align:right;font-size:23px;color:#103c42}
#etqanAssignmentCenterV220 .eac-hero p{margin:0;color:#766d81;font-size:12px;line-height:1.8;max-width:850px}
#etqanAssignmentCenterV220 .eac-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eef9f2;color:#147847;font-size:11px;font-weight:900;white-space:nowrap}
#etqanAssignmentCenterV220 .eac-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
#etqanAssignmentCenterV220 .eac-kpi{padding:14px;border:1px solid #edf6f3;border-radius:15px;background:#fff}
#etqanAssignmentCenterV220 .eac-kpi span{display:block;color:#82798d;font-size:10px;font-weight:800}
#etqanAssignmentCenterV220 .eac-kpi strong{display:block;margin-top:6px;font-size:24px;color:#103c42}
#etqanAssignmentCenterV220 .eac-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#etqanAssignmentCenterV220 .eac-card{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:16px;min-width:0}
#etqanAssignmentCenterV220 .eac-card.full{grid-column:1/-1}
#etqanAssignmentCenterV220 .eac-card h3{margin:0 0 5px;font-size:16px;color:#103c42}
#etqanAssignmentCenterV220 .eac-help{color:#80768b;font-size:11px;line-height:1.7;margin-bottom:12px}
#etqanAssignmentCenterV220 .eac-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#etqanAssignmentCenterV220 label{display:flex;flex-direction:column;gap:5px;margin:0;font-size:11px;color:#655b70;font-weight:800}
#etqanAssignmentCenterV220 select{width:100%;min-height:42px;border:1px solid #c7ded8;border-radius:10px;padding:8px 10px;background:#fff;font:inherit;color:#103c42}
#etqanAssignmentCenterV220 .eac-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
#etqanAssignmentCenterV220 .eac-btn{border:1px solid #c7ded8;border-radius:10px;padding:9px 12px;background:#fff;color:#103c42;font-weight:900;cursor:pointer;width:auto;margin:0}
#etqanAssignmentCenterV220 .eac-btn.primary{background:#103c42;color:#fff;border-color:#103c42}
#etqanAssignmentCenterV220 .eac-btn.danger{color:#a61b1b;border-color:#efcaca;background:#fff}
#etqanAssignmentCenterV220 .eac-btn:disabled{opacity:.5;cursor:not-allowed}
#etqanAssignmentCenterV220 .eac-note{margin-top:10px;padding:10px 11px;border-radius:10px;background:#edf6f3;color:#103c42;font-size:11px;line-height:1.7}
#etqanAssignmentCenterV220 .eac-note.warn{background:#fff8e8;color:#855d08}
#etqanAssignmentCenterV220 .eac-list{display:grid;gap:8px;margin-top:12px}
#etqanAssignmentCenterV220 .eac-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;border:1px solid #edf6f3;border-radius:11px;background:#edf6f3}
#etqanAssignmentCenterV220 .eac-row-main{min-width:0}
#etqanAssignmentCenterV220 .eac-row strong{display:block;font-size:12px;color:#103c42}
#etqanAssignmentCenterV220 .eac-row small{display:block;margin-top:3px;font-size:10px;color:#857b90;line-height:1.6}
#etqanAssignmentCenterV220 .eac-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf6f3;color:#103c42;font-size:9px;font-weight:900;margin:2px}
#etqanAssignmentCenterV220 .eac-pill.good{background:#eaf8ef;color:#187747}
#etqanAssignmentCenterV220 .eac-empty{padding:18px;text-align:center;color:#887e92;border:1px dashed #c7ded8;border-radius:11px;background:#edf6f3;font-size:11px}
#etqanAssignmentCenterV220 .eac-table-wrap{overflow:auto;margin-top:10px}
#etqanAssignmentCenterV220 table{width:100%;border-collapse:collapse;min-width:780px}
#etqanAssignmentCenterV220 th,#etqanAssignmentCenterV220 td{padding:10px;border-bottom:1px solid #edf6f3;text-align:right;font-size:11px;vertical-align:top}
#etqanAssignmentCenterV220 th{color:#7c7288;background:#edf6f3;position:sticky;top:0}
#etqanAssignmentCenterV220 .eac-status{min-height:20px;margin-top:9px;font-size:11px;color:#103c42}
#etqanAssignmentCenterV220 .eac-status.error{color:#b42318}
#etqanAssignmentCenterV220 .eac-status.success{color:#067647}
#academicTabOfferings .eac-legacy-disabled{padding:11px 12px;border:1px solid #edf6f3;background:#edf6f3;border-radius:12px;color:#103c42;font-size:11px;margin-bottom:12px}
@media(max-width:900px){#etqanAssignmentCenterV220 .eac-grid{grid-template-columns:1fr}#etqanAssignmentCenterV220 .eac-card.full{grid-column:auto}#etqanAssignmentCenterV220 .eac-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#etqanAssignmentCenterV220 .eac-fields{grid-template-columns:1fr}#etqanAssignmentCenterV220 .eac-hero{flex-direction:column}#etqanAssignmentCenterV220 .eac-kpis{grid-template-columns:1fr 1fr}}



#tabarakAcademicDistributionHub{display:none!important}
.etqan-dependent-disabled{opacity:.62}
.etqan-source-note{font-size:11px;color:#6f6577;margin-top:5px}



/* V222 — Academic Distribution Tree + HR */
#adminAcademicMapView .v222-wrap,#adminStaffView .v222-wrap{direction:rtl}
#adminAcademicMapView .v222-hero,#adminStaffView .v222-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;border:1px solid #edf6f3;border-radius:20px;background:linear-gradient(135deg,#edf6f3,#fff);margin-bottom:14px}
#adminAcademicMapView .v222-hero h2,#adminStaffView .v222-hero h2{margin:0 0 7px;font-size:23px;color:#103c42;text-align:right}
#adminAcademicMapView .v222-hero p,#adminStaffView .v222-hero p{margin:0;color:#766e80;font-size:12px;line-height:1.8;max-width:850px}
.v222-actions{display:flex;gap:8px;flex-wrap:wrap}.v222-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:10px;padding:9px 12px;font:inherit;font-weight:900;cursor:pointer;width:auto}.v222-btn.primary{background:#103c42;color:#fff;border-color:#103c42}.v222-btn.danger{color:#a61b1b;border-color:#efcccc}.v222-btn.small{padding:6px 9px;font-size:10px}.v222-btn:disabled{opacity:.5;cursor:not-allowed}
.v222-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.v222-kpi{background:#fff;border:1px solid #edf6f3;border-radius:15px;padding:13px}.v222-kpi span{display:block;color:#80788a;font-size:10px;font-weight:800}.v222-kpi strong{display:block;color:#103c42;font-size:22px;margin-top:5px}
.v222-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#fff;border:1px solid #edf6f3;border-radius:15px;padding:11px;margin-bottom:13px}.v222-toolbar input,.v222-toolbar select{min-height:40px;border:1px solid #c7ded8;border-radius:10px;padding:8px 10px;background:#fff;font:inherit;min-width:170px}.v222-toolbar input{flex:1;min-width:230px}
/* tree */
.v222-tree{display:grid;gap:10px}.v222-tree details{border:1px solid #edf6f3;border-radius:15px;background:#fff;overflow:hidden}.v222-tree summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:900;color:#103c42;display:flex;align-items:center;justify-content:space-between;gap:10px}.v222-tree summary::-webkit-details-marker{display:none}.v222-tree summary:before{content:'›';display:inline-block;margin-left:8px;color:#14766c;font-size:18px;transition:.18s}.v222-tree details[open]>summary:before{transform:rotate(90deg)}
.v222-term>summary{background:#edf6f3;font-size:15px}.v222-stage{margin:8px 12px 12px}.v222-stage>summary{background:#edf6f3;font-size:13px}.v222-grade{margin:7px 12px}.v222-grade>summary{font-size:12px;border-bottom:1px solid #edf6f3}.v222-group{margin:8px 12px 12px;border-color:#c7ded8!important}.v222-group>summary{background:#fff;font-size:12px}.v222-tree-body{padding:0 12px 12px}.v222-count{font-size:9px;padding:4px 7px;border-radius:999px;background:#edf6f3;color:#103c42;white-space:nowrap}.v222-default{font-size:9px;padding:4px 7px;border-radius:999px;background:#e9f8ef;color:#167548;margin-right:6px}
.v222-subject{border:1px solid #edf6f3;border-radius:12px;margin-top:8px;background:#edf6f3}.v222-subject-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #edf6f3}.v222-subject-head strong{font-size:12px;color:#103c42}.v222-subject-head small{display:block;color:#867b91;margin-top:2px;font-size:9px}.v222-teacher-list{padding:8px 10px;display:grid;gap:7px}.v222-teacher-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border-radius:9px;background:#fff;border:1px solid #edf6f3}.v222-teacher-name{font-weight:900;font-size:11px;color:#103c42}.v222-teacher-name small{display:block;font-weight:600;color:#8c8197;margin-top:2px}.v222-empty{padding:13px;text-align:center;border:1px dashed #c7ded8;border-radius:10px;color:#8b8194;background:#edf6f3;font-size:11px}.v222-empty.inline{padding:8px;margin:0;border:0;background:transparent;text-align:right}
.v222-highlight{outline:3px solid #c7ded8;box-shadow:0 0 0 5px #edf6f3}
/* HR */
.v222-hr-table-wrap{overflow:auto;border:1px solid #edf6f3;border-radius:15px;background:#fff}.v222-hr-table{width:100%;border-collapse:collapse;min-width:1050px}.v222-hr-table th,.v222-hr-table td{padding:11px;border-bottom:1px solid #edf6f3;text-align:right;font-size:11px;vertical-align:middle}.v222-hr-table th{background:#edf6f3;color:#756b80;position:sticky;top:0;z-index:1}.v222-hr-name strong{display:block;font-size:12px;color:#103c42}.v222-hr-name small{display:block;color:#8a8093;margin-top:3px}.v222-chip{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;background:#edf6f3;color:#103c42}.v222-chip.good{background:#eaf8ef;color:#147847}.v222-chip.warn{background:#fff6df;color:#8b6100}.v222-chip.bad{background:#fff0ef;color:#b42318}.v222-chip.neutral{background:#f1f2f4;color:#596273}.v222-hr-note{padding:11px 12px;border:1px solid #edf6f3;border-radius:12px;background:#edf6f3;color:#6f647a;font-size:11px;line-height:1.8;margin-bottom:12px}
/* modal */
#adminModalBody .v222-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#adminModalBody .v222-form-grid .full{grid-column:1/-1}#adminModalBody .v222-form-grid label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:800;color:#61566c}#adminModalBody .v222-form-grid input,#adminModalBody .v222-form-grid select,#adminModalBody .v222-form-grid textarea{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #c7ded8;border-radius:10px;padding:8px 10px;font:inherit;background:#fff}#adminModalBody .v222-form-grid textarea{min-height:90px;resize:vertical}#adminModalBody .v222-readonly{background:#f5f5f7!important;color:#777!important}
/* Teacher creation is HR identity only in V222. */
#teacherCreatePanel .v222-create-note{padding:10px 11px;border-radius:10px;background:#edf6f3;color:#103c42;font-size:11px;line-height:1.7}
@media(max-width:1000px){.v222-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.v222-kpis{grid-template-columns:1fr 1fr}.v222-hero{flex-direction:column}#adminModalBody .v222-form-grid{grid-template-columns:1fr}#adminModalBody .v222-form-grid .full{grid-column:auto}}



#saSecurityV63View{direction:rtl}
.v226-security{display:flex;flex-direction:column;gap:12px}
.v226-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#172554,#1e3a8a);color:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 32px rgba(30,58,138,.16)}
.v226-head h2{margin:4px 0 0;font-size:20px}.v226-head p{margin:7px 0 0;font-size:11px;line-height:1.8;color:#dbeafe;max-width:760px}
.v226-kicker{font-size:9px;font-weight:900;color:#bfdbfe}
.v226-actions{display:flex;gap:8px;flex-wrap:wrap}.v226-btn{border:1px solid rgba(255,255,255,.3);background:#fff;color:#1e3a8a;border-radius:10px;padding:9px 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.v226-btn:disabled{opacity:.6;cursor:wait}
.v226-status{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900}.v226-status.critical{background:#fee2e2;color:#991b1b}.v226-status.action_required{background:#fef3c7;color:#92400e}.v226-status.healthy_with_monitoring{background:#dcfce7;color:#166534}
.v226-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.v226-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;min-height:82px}.v226-kpi span{display:block;font-size:9px;color:#64748b}.v226-kpi strong{display:block;font-size:20px;color:#172554;margin-top:5px}.v226-kpi small{display:block;font-size:8px;color:#94a3b8;margin-top:4px;line-height:1.5}
.v226-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.v226-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.v226-card-head h3{margin:0;color:#1e293b;font-size:14px}.v226-card-head p{margin:4px 0 0;color:#64748b;font-size:9px;line-height:1.6}
.v226-gates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v226-gate{border:1px solid #e5e7eb;border-radius:13px;padding:11px;background:#f8fafc}.v226-gate strong{display:block;font-size:10px;color:#1f2937}.v226-gate small{display:block;font-size:8px;color:#6b7280;margin-top:5px;line-height:1.7}.v226-gate.good{background:#f0fdf4;border-color:#bbf7d0}.v226-gate.warn{background:#fffbeb;border-color:#fde68a}.v226-gate.bad{background:#fef2f2;border-color:#fecaca}
.v226-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v226-list{display:flex;flex-direction:column;gap:7px}.v226-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid #edf0f4;border-radius:11px;padding:9px;background:#fff}.v226-row strong{font-size:9px;color:#334155}.v226-row small{display:block;font-size:8px;color:#64748b;margin-top:3px;line-height:1.6}
.v226-pill{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;white-space:nowrap}.v226-pill.good{background:#dcfce7;color:#166534}.v226-pill.warn{background:#fef3c7;color:#92400e}.v226-pill.bad{background:#fee2e2;color:#991b1b}.v226-pill.info{background:#dbeafe;color:#1d4ed8}
.v226-code-list{display:flex;flex-wrap:wrap;gap:6px}.v226-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px 7px;color:#334155;overflow-wrap:anywhere}
.v226-advisor{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}.v226-advisor.warn{border-color:#fde68a;background:#fffbeb}.v226-advisor.info{border-color:#bfdbfe;background:#eff6ff}.v226-advisor-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.v226-advisor strong{font-size:10px;color:#1f2937}.v226-advisor small{display:block;font-size:8px;color:#64748b;line-height:1.7;margin-top:5px}.v226-advisor a{font-size:8px;font-weight:900;color:#1d4ed8;text-decoration:none}
.v226-note{font-size:9px;line-height:1.8;color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px}
.v226-subscan{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v226-subscan>div{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fafafa}.v226-subscan strong{font-size:10px;color:#334155}.v226-subscan small{display:block;font-size:8px;color:#64748b;margin-top:5px;line-height:1.6}
@media(max-width:1200px){.v226-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v226-gates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.v226-head{flex-direction:column}.v226-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v226-two,.v226-subscan{grid-template-columns:1fr}.v226-gates{grid-template-columns:1fr}}



#saNotificationsView{direction:rtl}
.v227-wrap{display:flex;flex-direction:column;gap:12px}
.v227-hero{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:18px;border-radius:20px;background:linear-gradient(135deg,#0f766e,#115e59);color:#fff;box-shadow:0 12px 30px rgba(15,118,110,.14)}
.v227-hero h2{margin:4px 0 0;font-size:20px}.v227-hero p{margin:7px 0 0;font-size:11px;line-height:1.8;color:#ccfbf1;max-width:760px}.v227-kicker{font-size:9px;font-weight:900;color:#99f6e4}
.v227-actions{display:flex;gap:8px;flex-wrap:wrap}.v227-btn{border:1px solid #d7e2df;background:#fff;color:#0f766e;border-radius:10px;padding:9px 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.v227-btn.primary{background:#0f766e;color:#fff;border-color:#0f766e}.v227-btn.danger{color:#991b1b;border-color:#fecaca}.v227-btn:disabled{opacity:.55;cursor:not-allowed}
.v227-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.v227-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;min-height:82px}.v227-kpi span{display:block;font-size:9px;color:#64748b}.v227-kpi strong{display:block;font-size:20px;color:#134e4a;margin-top:5px}.v227-kpi small{display:block;font-size:8px;color:#94a3b8;margin-top:4px;line-height:1.5}
.v227-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}.v227-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.v227-head h3{margin:0;color:#1f2937;font-size:14px}.v227-head p{margin:4px 0 0;color:#64748b;font-size:9px;line-height:1.6}
.v227-form{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.v227-field{display:flex;flex-direction:column;gap:5px}.v227-field.wide{grid-column:span 2}.v227-field.full{grid-column:1/-1}.v227-field label{font-size:9px;font-weight:900;color:#475569}.v227-field input,.v227-field select,.v227-field textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ea;border-radius:10px;padding:9px 10px;font:inherit;font-size:10px;background:#fff;color:#1f2937;outline:none}.v227-field textarea{min-height:100px;resize:vertical}.v227-field input:focus,.v227-field select:focus,.v227-field textarea:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.12)}
.v227-target-box{grid-column:1/-1;border:1px solid #e5e7eb;border-radius:13px;padding:10px;background:#f8fafc;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v227-target-box .v227-field{margin:0}.v227-hidden{display:none!important}
.v227-preview{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #ccfbf1;background:#f0fdfa;border-radius:12px;padding:10px}.v227-preview strong{font-size:11px;color:#115e59}.v227-preview small{display:block;font-size:8px;color:#64748b;margin-top:3px}.v227-samples{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.v227-chip{padding:4px 7px;border-radius:999px;background:#fff;border:1px solid #d5ebe6;font-size:8px;color:#475569}
.v227-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v227-channel{border:1px solid #e5e7eb;border-radius:13px;padding:10px;background:#fff}.v227-channel strong{display:block;font-size:10px;color:#334155}.v227-channel small{display:block;font-size:8px;line-height:1.6;color:#64748b;margin-top:5px}.v227-pill{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;margin-top:6px}.v227-pill.active{background:#dcfce7;color:#166534}.v227-pill.local_only{background:#dbeafe;color:#1d4ed8}.v227-pill.not_connected{background:#f1f5f9;color:#64748b}.v227-pill.read{background:#dcfce7;color:#166534}.v227-pill.unread{background:#fef3c7;color:#92400e}.v227-pill.info{background:#dbeafe;color:#1d4ed8}.v227-pill.success{background:#dcfce7;color:#166534}.v227-pill.warning{background:#fef3c7;color:#92400e}.v227-pill.urgent{background:#fee2e2;color:#991b1b}
.v227-table-wrap{overflow:auto}.v227-table{width:100%;border-collapse:collapse;min-width:880px}.v227-table th,.v227-table td{text-align:right;padding:9px 8px;border-bottom:1px solid #eef2f6;font-size:9px;vertical-align:top}.v227-table th{color:#64748b;font-weight:900;background:#f8fafc;position:sticky;top:0}.v227-table td strong{font-size:9px;color:#334155}.v227-table td small{display:block;font-size:8px;color:#94a3b8;margin-top:3px;line-height:1.5}.v227-rate{font-weight:900;color:#0f766e}
.v227-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v227-list{display:flex;flex-direction:column;gap:7px}.v227-item{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border:1px solid #edf0f4;border-radius:11px;padding:10px;background:#fff}.v227-item strong{font-size:9px;color:#334155}.v227-item small{display:block;font-size:8px;color:#64748b;line-height:1.6;margin-top:3px}.v227-empty{padding:18px;text-align:center;color:#94a3b8;font-size:9px;border:1px dashed #dbe3ea;border-radius:12px;background:#fafafa}
.v227-status{font-size:9px;color:#64748b;line-height:1.7}.v227-status.good{color:#166534}.v227-status.bad{color:#991b1b}.v227-status.warn{color:#92400e}
.v227-modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;padding:18px;z-index:99999}.v227-modal.open{display:flex}.v227-modal-card{width:min(900px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.18);padding:16px}.v227-modal-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.v227-modal-head h3{margin:0;font-size:14px;color:#1f2937}.v227-close{border:0;background:#f1f5f9;border-radius:9px;padding:7px 10px;cursor:pointer}
@media(max-width:1100px){.v227-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v227-form{grid-template-columns:1fr 1fr}.v227-target-box{grid-template-columns:repeat(2,minmax(0,1fr))}.v227-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.v227-hero{flex-direction:column}.v227-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v227-form{grid-template-columns:1fr}.v227-field.wide{grid-column:auto}.v227-target-box{grid-template-columns:1fr}.v227-two{grid-template-columns:1fr}.v227-preview{align-items:flex-start;flex-direction:column}.v227-samples{justify-content:flex-start}.v227-channels{grid-template-columns:1fr}}



.v228-pin-overlay{position:fixed;inset:0;z-index:2147483647;background:rgba(15,23,42,.74);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}
.v228-pin-card{width:min(430px,96vw);background:#fff;border-radius:20px;padding:20px;box-shadow:0 28px 80px rgba(0,0,0,.24);text-align:right}
.v228-pin-card h2{margin:0;color:#0f172a;font-size:20px}.v228-pin-card p{color:#64748b;font-size:11px;line-height:1.9;margin:8px 0 14px}
.v228-pin-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v228-pin-fields input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:11px;padding:12px;text-align:center;font:900 20px/1.2 inherit;letter-spacing:4px;outline:none}.v228-pin-fields input:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.v228-pin-msg{min-height:18px;margin-top:9px;font-size:10px;color:#b91c1c;line-height:1.6}.v228-pin-btn{width:100%;border:0;border-radius:11px;padding:11px;background:#0f766e;color:#fff;font:900 11px inherit;cursor:pointer}.v228-pin-btn:disabled{opacity:.6;cursor:wait}
.v228-pin-note{font-size:9px;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:9px;margin:10px 0}
.v228-credential-modal{position:fixed;inset:0;z-index:2147483646;background:rgba(15,23,42,.48);display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}.v228-credential-card{width:min(440px,96vw);background:#fff;border-radius:18px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.2)}.v228-credential-card h3{margin:0 0 8px;color:#0f172a}.v228-credential-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eef2f7;font-size:11px}.v228-credential-line strong{font-size:16px;letter-spacing:1px}.v228-credential-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.v228-credential-actions button{border:1px solid #dbe3ea;background:#fff;border-radius:10px;padding:9px 12px;font:900 10px inherit;cursor:pointer}.v228-credential-actions button.primary{background:#0f766e;color:#fff;border-color:#0f766e}
@media(max-width:600px){.v228-pin-fields{grid-template-columns:1fr}}



.v230-map-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.56);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}
.v230-map-shell{width:min(1180px,97vw);height:min(90vh,900px);background:#f8fafc;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.24);display:flex;flex-direction:column;overflow:hidden}
.v230-map-head{background:linear-gradient(135deg,#103c42,#14766c);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.v230-map-head h2{margin:3px 0 0;font-size:21px}.v230-map-head p{margin:6px 0 0;color:#e0e7ff;font-size:10px;line-height:1.7}.v230-map-close{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.13);color:#fff;border-radius:10px;width:38px;height:38px;font-size:20px;cursor:pointer}
.v230-map-toolbar{display:grid;grid-template-columns:2fr 1.3fr auto auto;gap:8px;padding:12px 14px;background:#fff;border-bottom:1px solid #e5e7eb}
.v230-map-toolbar input,.v230-map-toolbar select{border:1px solid #dbe3ea;border-radius:10px;padding:9px 10px;font:inherit;font-size:10px;background:#fff}.v230-map-toolbar button{border:1px solid #dbe3ea;background:#fff;border-radius:10px;padding:9px 11px;font:900 9px inherit;cursor:pointer;color:#14766c}
.v230-map-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 14px}.v230-map-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:9px;text-align:center}.v230-map-kpi strong{display:block;font-size:17px;color:#103c42}.v230-map-kpi span{display:block;font-size:8px;color:#64748b;margin-top:3px}
.v230-map-body{flex:1;overflow:auto;padding:0 14px 18px}.v230-map-meta{font-size:9px;color:#64748b;margin:1px 2px 10px}
.v230-unit{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:9px;overflow:hidden}.v230-unit.review{border-color:#fde68a;background:#fffdf5}.v230-unit.final{border-color:#c7ded8;background:#edf6f3}
.v230-unit>summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:900;font-size:12px;color:#1e293b;display:flex;align-items:center;justify-content:space-between;gap:10px}.v230-unit>summary::-webkit-details-marker{display:none}.v230-unit>summary:after{content:"⌄";color:#46877f;font-size:16px}.v230-unit[open]>summary:after{transform:rotate(180deg)}
.v230-unit-body{padding:0 12px 12px}.v230-chapter{border-right:3px solid #c7d2fe;padding:7px 10px;margin:7px 0;background:#f8fafc;border-radius:9px}.v230-chapter>summary{cursor:pointer;font-weight:900;font-size:10px;color:#103c42}
.v230-lesson{margin:7px 10px 0;border:1px solid #e5e7eb;background:#fff;border-radius:9px;padding:8px}.v230-lesson-title{font-size:9px;font-weight:900;color:#334155}.v230-topic{margin-top:6px;padding:7px 8px;background:#f8fafc;border-radius:8px}.v230-topic-title{font-size:8px;font-weight:900;color:#475569}
.v230-subtopic{margin-top:6px;padding:7px 8px;border-right:3px solid #a7f3d0;background:#f0fdf4;border-radius:7px}.v230-subtopic strong{font-size:8px;color:#166534}.v230-content{margin-top:5px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;background:#fff;border:1px dashed #d1d5db;border-radius:7px;font-size:8px;color:#334155}.v230-content em{font-style:normal;padding:3px 6px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:7px;font-weight:900}
.v230-empty{padding:30px;text-align:center;color:#94a3b8;font-size:10px}
@media(max-width:850px){.v230-map-toolbar{grid-template-columns:1fr 1fr}.v230-map-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.v230-map-shell{height:94vh}}
@media(max-width:560px){.v230-map-toolbar{grid-template-columns:1fr}.v230-map-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* V232 — Canonical Teacher Experience. Legacy analytical cards remain in code but
   are not allowed to render as root-level teacher UI. */
#teacherWorkspacePage{
  --t232-navy:#111b36;--t232-navy2:#0d162d;--t232-indigo:#46877f;--t232-indigo2:#46877f;
  --t232-blue:#2d8cff;--t232-green:#18a96b;--t232-orange:#f2a51a;--t232-red:#e75867;
  --t232-text:#14213f;--t232-muted:#78839a;--t232-line:#e7ebf3;--t232-bg:#f4f7fc;
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  overflow:hidden!important;background:var(--t232-bg)!important;color:var(--t232-text)!important;
  font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;z-index:1000000!important;
}
#teacherWorkspacePage.etq232-booting .tm-shell{visibility:hidden!important}
#teacherWorkspacePage > :not(.tm-shell):not(.tm-hidden-modals){display:none!important}
#teacherWorkspacePage .tm-shell{
  display:grid!important;grid-template-columns:minmax(0,1fr) 252px!important;
  width:100%!important;height:100%!important;background:var(--t232-bg)!important;
  direction:ltr!important;overflow:hidden!important;
}
#teacherWorkspacePage .tm-sidebar{
  grid-column:2!important;grid-row:1!important;height:100%!important;min-height:0!important;
  background:linear-gradient(180deg,var(--t232-navy) 0%,var(--t232-navy2) 100%)!important;
  color:#fff!important;padding:22px 14px 16px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;gap:8px!important;direction:rtl!important;
  overflow-y:auto!important;overflow-x:hidden!important;box-shadow:-10px 0 42px rgba(16,25,52,.12)!important;
  scrollbar-width:thin!important;z-index:40!important;
}
#teacherWorkspacePage .etq232-brand{padding:0 12px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}
#teacherWorkspacePage .etq232-brand-line{display:flex;align-items:center;gap:11px}
#teacherWorkspacePage .etq232-logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,#4b7cff,#46877f);box-shadow:0 10px 28px rgba(101,87,232,.35)}
#teacherWorkspacePage .etq232-brand strong{display:block;font-size:24px;letter-spacing:.2px}
#teacherWorkspacePage .etq232-brand small{display:block;color:#aeb9d4;font-size:10px;margin-top:5px}
#teacherWorkspacePage .tm-nav{display:flex!important;flex-direction:column!important;gap:4px!important;flex:none!important}
#teacherWorkspacePage .tm-nav button{
  appearance:none!important;border:0!important;background:transparent!important;color:#d8dfef!important;
  border-radius:12px!important;min-height:48px!important;padding:8px 12px!important;display:flex!important;
  align-items:center!important;justify-content:flex-start!important;gap:11px!important;text-align:right!important;font-size:12px!important;
  font-family:inherit!important;font-weight:700!important;cursor:pointer!important;transition:.18s ease!important;
  width:100%!important;box-sizing:border-box!important;
}
#teacherWorkspacePage .tm-nav button .etq232-nav-ic{width:28px!important;min-width:28px!important;height:28px;display:grid;place-items:center;font-size:17px;color:#b9c5df}
#teacherWorkspacePage .tm-nav button .etq232-nav-label{flex:1 1 auto!important;width:auto!important;min-width:0!important;text-align:right!important;font-size:12px!important;line-height:1.45!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
#teacherWorkspacePage .tm-nav button .etq232-badge{position:static!important;top:auto!important;right:auto!important;margin-inline-start:auto!important;min-width:18px!important;height:18px!important;display:none;place-items:center!important;flex:none!important}
#teacherWorkspacePage .tm-nav button:hover{background:rgba(255,255,255,.07)!important;transform:none!important;color:#fff!important}
#teacherWorkspacePage .tm-nav button.active{background:linear-gradient(135deg,#14766c,#46877f)!important;color:#fff!important;box-shadow:0 9px 24px rgba(91,74,224,.26)!important}
#teacherWorkspacePage .tm-nav button.active .etq232-nav-ic{color:#fff}
#teacherWorkspacePage .etq232-side-sep{height:1px;background:rgba(255,255,255,.09);margin:9px 8px}
#teacherWorkspacePage .etq232-side-spacer{flex:1;min-height:8px}
#teacherWorkspacePage .etq232-logout{color:#ffb2bd!important}
#teacherWorkspacePage .etq232-help{display:flex;align-items:center;gap:9px;padding:12px 9px 2px;color:#d7deed}
#teacherWorkspacePage .etq232-help i{font-style:normal;width:30px;height:30px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center}
#teacherWorkspacePage .etq232-help strong{font-size:10px;display:block}
#teacherWorkspacePage .etq232-help small{font-size:8px;color:#93a0bd;display:block;margin-top:3px;line-height:1.5}

#teacherWorkspacePage .tm-main{
  grid-column:1!important;grid-row:1!important;height:100%!important;min-width:0!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;direction:rtl!important;
}
#teacherWorkspacePage .tm-topbar{
  height:92px!important;flex:none!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--t232-line)!important;
  padding:0 24px!important;display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(260px,520px) minmax(280px,1.2fr)!important;
  align-items:center!important;gap:18px!important;direction:ltr!important;z-index:20!important;backdrop-filter:blur(14px)!important;
}
#teacherWorkspacePage .etq232-userbox{display:flex;align-items:center;gap:10px;direction:rtl;justify-self:start}
#teacherWorkspacePage .etq232-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e9edff,#edf6f3);color:#14766c;font-weight:900;font-size:16px;border:1px solid #e2e6f1;overflow:hidden}
#teacherWorkspacePage .etq232-avatar img{width:100%;height:100%;object-fit:cover}
#teacherWorkspacePage .etq232-userbox strong{font-size:12px;display:block;color:#17233f}
#teacherWorkspacePage .etq232-userbox small{font-size:9px;color:#8a94a9;display:block;margin-top:3px}
#teacherWorkspacePage .etq232-icon-btn{position:relative;width:40px;height:40px;border:1px solid #e7eaf2;background:#fff;border-radius:12px;display:grid;place-items:center;font-size:17px;color:#293752;cursor:pointer}
#teacherWorkspacePage .etq232-icon-btn:hover{background:#f7f8fe}
#teacherWorkspacePage .etq232-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#ef5163;color:#fff;font-size:8px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
#teacherWorkspacePage .etq232-search-wrap{position:relative;justify-self:center;width:100%;direction:rtl}
#teacherWorkspacePage .etq232-search{width:100%;box-sizing:border-box;border:1px solid #e2e7f0;border-radius:16px;background:#f9faff;padding:12px 42px 12px 14px;font:inherit;font-size:11px;color:#26334f;outline:none}
#teacherWorkspacePage .etq232-search:focus{border-color:#c7ded8;box-shadow:0 0 0 4px rgba(101,87,232,.08);background:#fff}
#teacherWorkspacePage .etq232-search-ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#14766c}
#teacherWorkspacePage .etq232-search-results{position:absolute;top:50px;right:0;left:0;background:#fff;border:1px solid #e6eaf2;border-radius:14px;box-shadow:0 18px 45px rgba(31,42,73,.14);padding:6px;z-index:90;display:none;max-height:300px;overflow:auto}
#teacherWorkspacePage .etq232-search-results.open{display:block}
#teacherWorkspacePage .etq232-search-item{width:100%;border:0;background:#fff;border-radius:10px;padding:9px 10px;text-align:right;cursor:pointer;display:flex;justify-content:space-between;gap:8px;font:inherit}
#teacherWorkspacePage .etq232-search-item:hover{background:#f5f6ff}
#teacherWorkspacePage .etq232-search-item strong{font-size:10px}.etq232-search-item small{font-size:8px;color:#8b94a8}
#teacherWorkspacePage .etq232-welcome{text-align:right;direction:rtl;justify-self:end}
#teacherWorkspacePage .etq232-welcome strong{display:block;font-size:18px;color:#14203e}
#teacherWorkspacePage .etq232-welcome small{display:block;font-size:9px;color:#8993a8;margin-top:5px}
#teacherWorkspacePage .etq232-mobile-menu{display:none}

#teacherWorkspacePage .tm-content{flex:1!important;overflow:auto!important;padding:18px 22px 34px!important;background:radial-gradient(circle at 18% 0%,rgba(95,87,235,.055),transparent 28%),var(--t232-bg)!important}
#teacherWorkspacePage .tm-route{max-width:1460px!important;margin:0 auto!important;width:100%!important;min-width:0!important}
#teacherWorkspacePage .etq232-route-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
#teacherWorkspacePage .etq232-route-head h1{margin:0;font-size:22px;color:#14213f}
#teacherWorkspacePage .etq232-route-head p{margin:6px 0 0;color:#7c879d;font-size:10px;line-height:1.7}
#teacherWorkspacePage .etq232-btn{border:1px solid #dfe4ee;background:#fff;color:#14766c;border-radius:10px;padding:9px 12px;font:800 9px inherit;cursor:pointer}
#teacherWorkspacePage .etq232-btn.primary{background:#46877f;color:#fff;border-color:#46877f}
#teacherWorkspacePage .etq232-btn.warn{color:#a96600;border-color:#f2dfb6;background:#fffaf0}
#teacherWorkspacePage .etq232-btn.danger{color:#b33747;border-color:#f2ccd2;background:#fff}
#teacherWorkspacePage .etq232-btn:disabled{opacity:.55;cursor:not-allowed}

#teacherWorkspacePage .etq232-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
#teacherWorkspacePage .etq232-kpi{background:#fff;border:1px solid var(--t232-line);border-radius:15px;padding:13px;min-height:88px;position:relative;box-shadow:0 5px 19px rgba(35,48,84,.035);overflow:hidden}
#teacherWorkspacePage .etq232-kpi .ic{position:absolute;left:12px;top:12px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px}
#teacherWorkspacePage .etq232-kpi.blue .ic{background:#e8f4ff;color:#2188ef}.etq232-kpi.orange .ic{background:#fff3dc;color:#ec9b00}.etq232-kpi.purple .ic{background:#edf6f3;color:#46877f}.etq232-kpi.green .ic{background:#e7f9f0;color:#16a265}.etq232-kpi.pink .ic{background:#edf6f3;color:#14766c}
#teacherWorkspacePage .etq232-kpi span{display:block;font-size:9px;color:#6f7c93}.etq232-kpi strong{display:block;font-size:24px;margin-top:8px;color:#112044}.etq232-kpi small{display:block;font-size:8px;color:#9aa3b5;margin-top:3px}

#teacherWorkspacePage .etq232-grid-a{display:grid;grid-template-columns:.9fr 1.55fr;gap:11px;margin-bottom:11px}
#teacherWorkspacePage .etq232-grid-b{display:grid;grid-template-columns:1.35fr .75fr;gap:11px;margin-bottom:11px}
#teacherWorkspacePage .etq232-card{background:#fff;border:1px solid var(--t232-line);border-radius:16px;padding:14px;box-shadow:0 5px 19px rgba(35,48,84,.035);min-width:0}
#teacherWorkspacePage .etq232-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}
#teacherWorkspacePage .etq232-card-head h3{margin:0;font-size:14px;color:#14213f}
#teacherWorkspacePage .etq232-card-head button{border:0;background:transparent;color:#14766c;font:800 9px inherit;cursor:pointer}
#teacherWorkspacePage .etq232-subtitle{font-size:8px;color:#9099ac;margin-top:4px}
#teacherWorkspacePage .etq232-empty{padding:24px 12px;text-align:center;border:1px dashed #dce2ec;border-radius:12px;background:#fafbfe;color:#8a94a8;font-size:9px;line-height:1.8}
#teacherWorkspacePage .etq232-empty strong{display:block;color:#536079;font-size:11px;margin-bottom:4px}

#teacherWorkspacePage .etq232-schedule-list{display:flex;flex-direction:column;gap:7px}
#teacherWorkspacePage .etq232-schedule-row{border:1px solid #e8ecf4;border-radius:12px;padding:10px;display:grid;grid-template-columns:86px 1fr auto;gap:9px;align-items:center;background:#fff}
#teacherWorkspacePage .etq232-schedule-row.now{background:linear-gradient(135deg,#edf6f3,#edf6f3);border-color:#edf6f3}
#teacherWorkspacePage .etq232-time{font-size:9px;color:#14766c;font-weight:900;direction:ltr;text-align:left}
#teacherWorkspacePage .etq232-schedule-row strong{font-size:10px;display:block;color:#23304e}
#teacherWorkspacePage .etq232-schedule-row small{font-size:8px;color:#8b95aa;display:block;margin-top:3px}
#teacherWorkspacePage .etq232-status{padding:4px 7px;border-radius:999px;font-size:7px;font-weight:900;background:#eef1f6;color:#667187;white-space:nowrap}
#teacherWorkspacePage .etq232-status.live{background:#e4f8ed;color:#148a50}.etq232-status.warn{background:#fff2df;color:#a96a00}.etq232-status.unread{background:#edf6f3;color:#14766c}

#teacherWorkspacePage .etq232-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#teacherWorkspacePage .etq232-group-card{border:1px solid #e5e9f2;border-radius:13px;padding:12px;background:linear-gradient(145deg,#edf6f3,#fff)}
#teacherWorkspacePage .etq232-group-card:nth-child(2n){background:linear-gradient(145deg,#eefbf5,#fff)}
#teacherWorkspacePage .etq232-group-card:nth-child(3n){background:linear-gradient(145deg,#eef7ff,#fff)}
#teacherWorkspacePage .etq232-group-card .gicon{width:36px;height:36px;border-radius:11px;background:rgba(101,87,232,.1);display:grid;place-items:center;font-size:18px;margin-bottom:8px}
#teacherWorkspacePage .etq232-group-card strong{font-size:10px;display:block}.etq232-group-card small{font-size:8px;color:#8792a7;display:block;margin-top:4px}
#teacherWorkspacePage .etq232-group-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
#teacherWorkspacePage .etq232-chip{padding:4px 7px;border-radius:999px;background:#fff;border:1px solid #e5e9f2;font-size:7px;color:#607087}

#teacherWorkspacePage .etq232-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#teacherWorkspacePage .etq232-quick button{border:0;border-radius:12px;padding:12px 8px;min-height:72px;font:900 9px inherit;cursor:pointer;color:#253351;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
#teacherWorkspacePage .etq232-quick button i{font-style:normal;font-size:22px}
#teacherWorkspacePage .etq232-quick .q1{background:#edf6f3;color:#14766c}.etq232-quick .q2{background:#eaf4ff;color:#287bd2}.etq232-quick .q3{background:#e9f9f1;color:#168c59}.etq232-quick .q4{background:#fff3dd;color:#b97500}

#teacherWorkspacePage .etq232-list{display:flex;flex-direction:column;gap:6px}
#teacherWorkspacePage .etq232-list-row{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;border-bottom:1px solid #eef1f5;padding:7px 2px}
#teacherWorkspacePage .etq232-list-row:last-child{border-bottom:0}
#teacherWorkspacePage .etq232-list-row strong{font-size:9px;color:#2a3651;display:block}
#teacherWorkspacePage .etq232-list-row small{font-size:7px;color:#929bae;display:block;margin-top:3px;line-height:1.5}
#teacherWorkspacePage .etq232-list-row .meta{font-size:7px;color:#8993a8;white-space:nowrap}
#teacherWorkspacePage .etq232-task-check{width:16px;height:16px;border:1px solid #bdc6d7;border-radius:4px;flex:none;margin-top:1px}

#teacherWorkspacePage .etq232-chart-wrap{height:180px;position:relative}
#teacherWorkspacePage .etq232-chart-wrap svg{width:100%;height:100%;display:block}
#teacherWorkspacePage .etq232-chart-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:7px;color:#78849a;margin-top:7px}
#teacherWorkspacePage .etq232-chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:3px}

#teacherWorkspacePage .etq232-table-wrap{overflow:auto;border:1px solid #e7ebf2;border-radius:13px;background:#fff}
#teacherWorkspacePage .etq232-table{width:100%;border-collapse:collapse;min-width:720px}
#teacherWorkspacePage .etq232-table th,#teacherWorkspacePage .etq232-table td{padding:10px 9px;border-bottom:1px solid #eef1f5;text-align:right;font-size:9px;vertical-align:middle}
#teacherWorkspacePage .etq232-table th{font-size:8px;color:#77849a;background:#f8f9fc;font-weight:900}
#teacherWorkspacePage .etq232-table tr:last-child td{border-bottom:0}
#teacherWorkspacePage .etq232-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#teacherWorkspacePage .etq232-subject-card{background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:13px}
#teacherWorkspacePage .etq232-subject-card strong{font-size:11px;display:block}.etq232-subject-card small{font-size:8px;color:#8b95aa;display:block;margin-top:5px;line-height:1.6}
#teacherWorkspacePage .etq232-section-actions{display:flex;gap:7px;flex-wrap:wrap}

#teacherWorkspacePage .etq232-modal{position:fixed;inset:0;background:rgba(11,20,41,.52);z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}
#teacherWorkspacePage .etq232-modal-card,.etq232-global-modal-card{width:min(520px,96vw);background:#fff;border-radius:18px;padding:16px;box-shadow:0 28px 80px rgba(0,0,0,.23)}
.etq232-global-modal{position:fixed;inset:0;background:rgba(11,20,41,.52);z-index:2147483640;display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}
.etq232-global-modal-card h3{margin:0 0 5px;font-size:15px;color:#17233f}.etq232-global-modal-card p{margin:0 0 12px;color:#7d879b;font-size:9px;line-height:1.7}
.etq232-global-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.etq232-global-form .full{grid-column:1/-1}.etq232-global-form label{display:flex;flex-direction:column;gap:5px;font-size:8px;font-weight:900;color:#59677e}.etq232-global-form input,.etq232-global-form select,.etq232-global-form textarea{border:1px solid #dfe4ed;border-radius:10px;padding:9px;font:inherit;font-size:10px;outline:none}.etq232-global-form textarea{min-height:80px;resize:vertical}
.etq232-global-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-start}.etq232-global-actions button{border:1px solid #dfe4ed;background:#fff;border-radius:10px;padding:9px 12px;font:900 9px inherit;cursor:pointer}.etq232-global-actions .primary{background:#46877f;color:#fff;border-color:#46877f}
.etq232-toast{position:fixed;left:22px;bottom:22px;background:#151f3b;color:#fff;padding:11px 14px;border-radius:11px;box-shadow:0 14px 36px rgba(0,0,0,.2);z-index:2147483646;font-size:9px;opacity:0;transform:translateY(8px);transition:.18s}.etq232-toast.show{opacity:1;transform:none}

@media(max-width:1180px){
  #teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 220px!important}
  #teacherWorkspacePage .tm-topbar{grid-template-columns:220px minmax(240px,1fr) minmax(230px,1fr)!important;padding:0 16px!important}
  #teacherWorkspacePage .etq232-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  #teacherWorkspacePage .etq232-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  #teacherWorkspacePage .etq232-grid-a,#teacherWorkspacePage .etq232-grid-b{grid-template-columns:1fr}
  #teacherWorkspacePage .etq232-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #teacherWorkspacePage .tm-topbar{grid-template-columns:auto minmax(200px,1fr) auto!important}
  #teacherWorkspacePage .etq232-welcome small{display:none}
}
@media(max-width:760px){
  #teacherWorkspacePage .tm-shell{display:block!important}
  #teacherWorkspacePage .tm-sidebar{position:fixed!important;top:0;right:0;bottom:0;width:292px!important;max-width:86vw!important;transform:translateX(102%);transition:.2s;z-index:100!important;padding:22px 14px 16px!important}
  #teacherWorkspacePage.etq232-menu-open .tm-sidebar{transform:none}
  #teacherWorkspacePage .tm-main{height:100vh!important}
  #teacherWorkspacePage .tm-topbar{height:74px!important;grid-template-columns:42px 1fr auto!important;gap:8px!important;padding:0 10px!important}
  #teacherWorkspacePage .etq232-mobile-menu{display:grid!important}
  #teacherWorkspacePage .etq232-userbox>div:nth-child(2){display:none}
  #teacherWorkspacePage .etq232-welcome{display:none}
  #teacherWorkspacePage .tm-content{padding:12px 10px 26px!important}
  #teacherWorkspacePage .etq232-kpis{grid-template-columns:1fr 1fr}
  #teacherWorkspacePage .etq232-group-grid,#teacherWorkspacePage .etq232-page-grid{grid-template-columns:1fr}
  #teacherWorkspacePage .etq232-schedule-row{grid-template-columns:76px 1fr}
  #teacherWorkspacePage .etq232-schedule-row>.etq232-status{grid-column:2}
}
@media(max-width:480px){
  #teacherWorkspacePage .etq232-kpis{grid-template-columns:1fr}
  #teacherWorkspacePage .etq232-route-head{flex-direction:column}
  .etq232-global-form{grid-template-columns:1fr}.etq232-global-form .full{grid-column:auto}
}



/* V234 — Teacher pages visual system: readable Arabic typography + deterministic SVG icons */
#teacherWorkspacePage{
  --t234-font:"Segoe UI","Noto Kufi Arabic","Tajawal","Cairo",Tahoma,Arial,sans-serif;
  --t234-text:#14213d;--t234-muted:#6f7c93;--t234-border:#e4e9f2;--t234-bg:#f5f7fb;
  --t234-navy:#101a33;--t234-indigo:#46877f;--t234-indigo2:#46877f;
  font-family:var(--t234-font)!important;
  font-size:15px!important;
  line-height:1.65!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
#teacherWorkspacePage *{font-family:var(--t234-font)!important;box-sizing:border-box}

/* Sidebar */
#teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 286px!important}
#teacherWorkspacePage .tm-sidebar{
  padding:24px 16px 18px!important;gap:8px!important;
  background:linear-gradient(180deg,#111b36 0%,#0e172e 100%)!important;
}
#teacherWorkspacePage .etq232-brand{padding:0 8px 20px!important;margin-bottom:8px!important}
#teacherWorkspacePage .etq232-logo{width:50px!important;height:50px!important;border-radius:15px!important}
#teacherWorkspacePage .etq232-brand strong{font-size:25px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:0!important}
#teacherWorkspacePage .etq232-brand small{font-size:11px!important;line-height:1.6!important;margin-top:4px!important}
#teacherWorkspacePage .tm-nav{gap:5px!important}
#teacherWorkspacePage .tm-nav button{
  min-height:54px!important;padding:8px 10px!important;border-radius:14px!important;
  gap:12px!important;font-size:14px!important;font-weight:800!important;line-height:1.35!important;
  letter-spacing:0!important;overflow:visible!important;
}
#teacherWorkspacePage .tm-nav button .etq232-nav-label{
  font-size:14px!important;font-weight:800!important;line-height:1.45!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  word-break:normal!important;overflow-wrap:normal!important;
}
#teacherWorkspacePage .tm-nav button .etq232-nav-ic{
  width:38px!important;min-width:38px!important;height:38px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.055)!important;
  color:#c7d2ef!important;font-size:0!important;
}
#teacherWorkspacePage .tm-nav button .etq232-nav-ic svg{
  width:21px!important;height:21px!important;display:block!important;fill:none!important;
  stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
#teacherWorkspacePage .tm-nav button:hover .etq232-nav-ic{background:rgba(255,255,255,.1)!important;color:#fff!important}
#teacherWorkspacePage .tm-nav button.active{
  background:linear-gradient(135deg,#46877f,#46877f)!important;
  box-shadow:0 10px 25px rgba(93,77,229,.28)!important;
}
#teacherWorkspacePage .tm-nav button.active .etq232-nav-ic{background:rgba(255,255,255,.14)!important;color:#fff!important}
#teacherWorkspacePage .etq232-help{padding:12px 8px 2px!important;gap:10px!important}
#teacherWorkspacePage .etq232-help strong{font-size:11px!important}.etq232-help small{font-size:9px!important}

/* Header */
#teacherWorkspacePage .tm-topbar{height:94px!important;padding:0 26px!important;gap:20px!important}
#teacherWorkspacePage .etq232-avatar{width:50px!important;height:50px!important;font-size:17px!important}
#teacherWorkspacePage .etq232-userbox strong{font-size:14px!important;font-weight:900!important}
#teacherWorkspacePage .etq232-userbox small{font-size:10px!important}
#teacherWorkspacePage .etq232-icon-btn{width:42px!important;height:42px!important;border-radius:12px!important;font-size:18px!important}
#teacherWorkspacePage .etq232-search{font-size:13px!important;min-height:46px!important;padding:12px 44px 12px 14px!important}
#teacherWorkspacePage .etq232-welcome strong{font-size:20px!important;font-weight:900!important;line-height:1.35!important}
#teacherWorkspacePage .etq232-welcome small{font-size:10px!important;line-height:1.6!important}

/* Main spacing */
#teacherWorkspacePage .tm-content{padding:22px 26px 38px!important}
#teacherWorkspacePage .tm-route{max-width:1500px!important}
#teacherWorkspacePage .etq232-route-head{margin-bottom:18px!important}
#teacherWorkspacePage .etq232-route-head h1{font-size:26px!important;line-height:1.35!important;font-weight:900!important}
#teacherWorkspacePage .etq232-route-head p{font-size:11px!important;line-height:1.8!important;margin-top:7px!important}

/* Buttons */
#teacherWorkspacePage .etq232-btn{
  min-height:40px!important;padding:9px 14px!important;border-radius:11px!important;
  font-size:11px!important;font-weight:900!important;line-height:1.3!important;
}
#teacherWorkspacePage .etq232-section-actions{gap:8px!important}

/* KPI cards */
#teacherWorkspacePage .etq232-kpis{gap:12px!important;margin-bottom:14px!important}
#teacherWorkspacePage .etq232-kpi{padding:16px!important;min-height:102px!important;border-radius:16px!important}
#teacherWorkspacePage .etq232-kpi .ic{width:44px!important;height:44px!important;border-radius:13px!important;font-size:21px!important}
#teacherWorkspacePage .etq232-kpi span{font-size:10px!important;font-weight:700!important}
#teacherWorkspacePage .etq232-kpi strong{font-size:29px!important;line-height:1.15!important;margin-top:12px!important;font-weight:900!important}
#teacherWorkspacePage .etq232-kpi small{font-size:9px!important;line-height:1.55!important;margin-top:5px!important}

/* Cards */
#teacherWorkspacePage .etq232-grid-a,#teacherWorkspacePage .etq232-grid-b{gap:13px!important;margin-bottom:13px!important}
#teacherWorkspacePage .etq232-card{padding:17px!important;border-radius:17px!important}
#teacherWorkspacePage .etq232-card-head{margin-bottom:13px!important}
#teacherWorkspacePage .etq232-card-head h3{font-size:16px!important;line-height:1.35!important;font-weight:900!important}
#teacherWorkspacePage .etq232-card-head button{font-size:10px!important;font-weight:900!important}
#teacherWorkspacePage .etq232-subtitle{font-size:9px!important;line-height:1.55!important}
#teacherWorkspacePage .etq232-empty{padding:28px 14px!important;font-size:10px!important;line-height:1.8!important}
#teacherWorkspacePage .etq232-empty strong{font-size:12px!important}

/* Schedule */
#teacherWorkspacePage .etq232-schedule-list{gap:9px!important}
#teacherWorkspacePage .etq232-schedule-row{padding:12px!important;border-radius:13px!important;grid-template-columns:98px 1fr auto!important;gap:11px!important}
#teacherWorkspacePage .etq232-time{font-size:10px!important}
#teacherWorkspacePage .etq232-schedule-row strong{font-size:12px!important;font-weight:900!important}
#teacherWorkspacePage .etq232-schedule-row small{font-size:9px!important;line-height:1.55!important}
#teacherWorkspacePage .etq232-status{font-size:8px!important;padding:5px 8px!important}

/* Group/subject cards */
#teacherWorkspacePage .etq232-group-grid{gap:11px!important}
#teacherWorkspacePage .etq232-group-card{padding:14px!important;border-radius:14px!important}
#teacherWorkspacePage .etq232-group-card .gicon{width:42px!important;height:42px!important;border-radius:12px!important;font-size:20px!important}
#teacherWorkspacePage .etq232-group-card strong{font-size:12px!important;font-weight:900!important;line-height:1.5!important}
#teacherWorkspacePage .etq232-group-card small{font-size:9px!important;line-height:1.6!important}
#teacherWorkspacePage .etq232-chip{font-size:8px!important;padding:5px 8px!important}
#teacherWorkspacePage .etq232-subject-card{padding:15px!important;border-radius:15px!important}
#teacherWorkspacePage .etq232-subject-card strong{font-size:13px!important;font-weight:900!important}
#teacherWorkspacePage .etq232-subject-card small{font-size:9px!important}

/* Quick actions */
#teacherWorkspacePage .etq232-quick{gap:10px!important}
#teacherWorkspacePage .etq232-quick button{min-height:86px!important;padding:14px 10px!important;border-radius:13px!important;font-size:10px!important;line-height:1.45!important}
#teacherWorkspacePage .etq232-quick button i{font-size:24px!important}

/* Lists/tables */
#teacherWorkspacePage .etq232-list{gap:7px!important}
#teacherWorkspacePage .etq232-list-row{padding:10px 3px!important;gap:10px!important}
#teacherWorkspacePage .etq232-list-row strong{font-size:11px!important;font-weight:900!important;line-height:1.5!important}
#teacherWorkspacePage .etq232-list-row small{font-size:9px!important;line-height:1.6!important}
#teacherWorkspacePage .etq232-list-row .meta{font-size:8px!important}
#teacherWorkspacePage .etq232-table th,#teacherWorkspacePage .etq232-table td{padding:12px 11px!important;font-size:10px!important;line-height:1.55!important}
#teacherWorkspacePage .etq232-table th{font-size:9px!important;font-weight:900!important}

/* Modals/forms */
.etq232-global-modal-card{width:min(560px,96vw)!important;padding:19px!important;border-radius:19px!important;font-family:var(--t234-font)!important}
.etq232-global-modal-card h3{font-size:17px!important;font-weight:900!important;line-height:1.4!important}
.etq232-global-modal-card p{font-size:10px!important;line-height:1.75!important}
.etq232-global-form label{font-size:9px!important;gap:6px!important}
.etq232-global-form input,.etq232-global-form select,.etq232-global-form textarea{font-size:11px!important;padding:10px!important;border-radius:11px!important}
.etq232-global-actions button{font-size:10px!important;padding:10px 14px!important;border-radius:11px!important}

/* Search results */
#teacherWorkspacePage .etq232-search-item{padding:11px 12px!important}
#teacherWorkspacePage .etq232-search-item strong{font-size:11px!important}.etq232-search-item small{font-size:9px!important}

/* Responsive */
@media(max-width:1180px){
  #teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 250px!important}
  #teacherWorkspacePage .tm-nav button .etq232-nav-label{font-size:13px!important}
}
@media(max-width:760px){
  #teacherWorkspacePage .tm-sidebar{width:304px!important;max-width:88vw!important;padding:22px 15px 18px!important}
  #teacherWorkspacePage .tm-nav button{min-height:56px!important;padding:8px 10px!important}
  #teacherWorkspacePage .tm-nav button .etq232-nav-label{font-size:14px!important}
  #teacherWorkspacePage .tm-topbar{height:76px!important;padding:0 11px!important}
  #teacherWorkspacePage .tm-content{padding:14px 11px 28px!important}
  #teacherWorkspacePage .etq232-route-head h1{font-size:22px!important}
  #teacherWorkspacePage .etq232-kpi strong{font-size:25px!important}
  #teacherWorkspacePage .etq232-card{padding:14px!important}
}



/* V236 — Compact teacher sidebar: smaller footprint while preserving readability */
#teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 244px!important}
#teacherWorkspacePage .tm-sidebar{padding:18px 12px 14px!important;gap:5px!important}
#teacherWorkspacePage .etq232-brand{padding:0 6px 14px!important;margin-bottom:5px!important}
#teacherWorkspacePage .etq232-brand-line{gap:9px!important}
#teacherWorkspacePage .etq232-logo{width:42px!important;height:42px!important;border-radius:12px!important}
#teacherWorkspacePage .etq232-brand strong{font-size:21px!important;line-height:1.2!important}
#teacherWorkspacePage .etq232-brand small{font-size:9px!important;line-height:1.45!important;margin-top:2px!important}
#teacherWorkspacePage .tm-nav{gap:3px!important}
#teacherWorkspacePage .tm-nav button{min-height:46px!important;padding:5px 8px!important;border-radius:11px!important;gap:9px!important}
#teacherWorkspacePage .tm-nav button .etq232-nav-label{font-size:13px!important;line-height:1.35!important;font-weight:800!important}
#teacherWorkspacePage .tm-nav button .etq232-nav-ic{width:32px!important;min-width:32px!important;height:32px!important;border-radius:9px!important}
#teacherWorkspacePage .tm-nav button .etq232-nav-ic svg{width:18px!important;height:18px!important;stroke-width:2!important}
#teacherWorkspacePage .tm-nav button.active{box-shadow:0 7px 18px rgba(93,77,229,.22)!important}
#teacherWorkspacePage .etq232-side-sep{margin:6px 6px!important}
#teacherWorkspacePage .etq232-help{padding:8px 6px 0!important;gap:8px!important}
#teacherWorkspacePage .etq232-help i{width:27px!important;height:27px!important}
#teacherWorkspacePage .etq232-help strong{font-size:10px!important}
#teacherWorkspacePage .etq232-help small{font-size:8px!important}
@media(max-width:1180px){
  #teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 226px!important}
  #teacherWorkspacePage .tm-nav button .etq232-nav-label{font-size:12px!important}
}
@media(max-width:760px){
  #teacherWorkspacePage .tm-sidebar{width:272px!important;max-width:84vw!important;padding:18px 12px 14px!important}
  #teacherWorkspacePage .tm-nav button{min-height:48px!important;padding:5px 8px!important}
  #teacherWorkspacePage .tm-nav button .etq232-nav-label{font-size:13px!important}
}



#liveRoomPage.etq245-desktop{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  z-index:2147481000!important;overflow:hidden!important;background:#edf3f9!important;padding:0!important;
  font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;color:#152540!important;
}
#liveRoomPage.etq245-desktop>.v86-room{display:none!important}
body.etq245-live-active{overflow:hidden!important}
body.etq245-live-active #v102MediaNote,
body.etq245-live-active #v65ConnectionBar,
body.etq245-live-active #liveV63Status,
body.etq245-live-active #v103AcademicContext{display:none!important}
#etq245DesktopRoom{width:100%;height:100%;display:grid;grid-template-rows:76px minmax(0,1fr);background:#edf3f9;direction:ltr;overflow:hidden}
.etq245-top{min-width:1180px;background:linear-gradient(90deg,#10233f,#142b4d);color:#fff;display:flex;align-items:center;gap:10px;padding:9px 14px;box-sizing:border-box;box-shadow:0 6px 26px rgba(7,30,57,.16);direction:ltr}
.etq245-brand{display:flex;align-items:center;gap:9px;direction:rtl;min-width:150px}
.etq245-logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#1e85ff,#46877f);box-shadow:0 8px 22px rgba(36,116,255,.25)}
.etq245-logo svg{width:26px;height:26px}.etq245-brand strong{font-size:23px;line-height:1}.etq245-brand small{font-size:9px;color:#b8c7d9;display:block;margin-top:4px}
.etq245-context{direction:rtl;min-width:270px;max-width:420px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);padding:9px 12px;border-radius:12px}
.etq245-context strong{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etq245-context small{font-size:9px;color:#b9c7d8;display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etq245-live{height:42px;padding:0 12px;border-radius:10px;background:#087f54;border:1px solid #1c9e6c;display:flex;align-items:center;gap:7px;font-weight:900;font-size:11px;direction:rtl;white-space:nowrap}.etq245-live i{width:8px;height:8px;background:#58f0ae;border-radius:50%;box-shadow:0 0 0 5px rgba(88,240,174,.12)}
.etq245-stat{height:44px;padding:0 11px;border-radius:10px;background:rgba(7,18,35,.34);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:7px;direction:rtl;white-space:nowrap}.etq245-stat svg{width:19px;height:19px}.etq245-stat strong{font-size:12px}.etq245-stat small{display:block;color:#adbdcf;font-size:8px;margin-top:2px}
.etq245-top-spacer{flex:1}
.etq245-top-action{height:46px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:7px;font:800 10.5px inherit;cursor:pointer;white-space:nowrap;direction:rtl;margin:0;width:auto}
.etq245-top-action svg{width:20px;height:20px}.etq245-top-action:hover{filter:brightness(1.07)}.etq245-top-action.primary{background:#147df3;border-color:#268afa}.etq245-top-action.active{background:#0e8a5a;border-color:#20a974}.etq245-top-action.danger{background:#f04452;border-color:#fb5a66}
.etq245-teacher{display:flex;align-items:center;gap:8px;direction:rtl;padding-left:3px;padding-right:10px;border-right:1px solid rgba(255,255,255,.16);min-width:142px}
.etq245-avatar{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:#eaf0f8;color:#1c3558;font-weight:900;border:2px solid rgba(255,255,255,.38)}
.etq245-teacher strong{font-size:11px;display:block}.etq245-teacher small{font-size:8px;color:#b8c7d8;display:block;margin-top:3px}

.etq245-body{min-width:1180px;min-height:0;padding:10px;display:grid;grid-template-columns:332px minmax(0,1fr);gap:10px;box-sizing:border-box;overflow:hidden;direction:ltr}
.etq245-roster,.etq245-panel,.etq245-stage-wrap{background:#fff;border:1px solid #dfe7f0;border-radius:14px;box-shadow:0 5px 18px rgba(25,49,79,.045)}
.etq245-roster{grid-column:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;direction:rtl}
.etq245-roster-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #e8edf3;background:#f9fbfe}
.etq245-roster-tabs button{height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:#6a7890;font:900 10px inherit;cursor:pointer;margin:0;border-radius:0;width:auto}.etq245-roster-tabs button.active{color:#126ee1;border-bottom-color:#1677ff;background:#fff}
.etq245-roster-head{padding:10px 11px;border-bottom:1px solid #edf1f5}.etq245-roster-summary{display:grid;grid-template-columns:60px 1fr;gap:9px;align-items:center}
.etq245-ring{--p:0;width:56px;height:56px;border-radius:50%;background:conic-gradient(#18ad70 calc(var(--p)*1%),#e5eaf0 0);display:grid;place-items:center;position:relative}.etq245-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.etq245-ring b{position:relative;z-index:1;font-size:10px}
.etq245-roster-summary strong{font-size:11px;display:block}.etq245-roster-summary small{font-size:8px;color:#8591a4;display:block;margin-top:4px}
.etq245-search{position:relative;margin-top:9px}.etq245-search input{width:100%;box-sizing:border-box;border:1px solid #dfe6ef;border-radius:9px;background:#fff;padding:8px 33px 8px 9px;font:500 10px inherit;outline:none}.etq245-search svg{position:absolute;right:10px;top:9px;width:16px;height:16px;color:#8592a7}
.etq245-filterbar{display:flex;gap:5px;padding:7px 10px;border-bottom:1px solid #edf1f5}.etq245-filter{border:1px solid #e0e6ee;background:#fff;color:#6f7c90;border-radius:7px;padding:5px 7px;font:800 7.5px inherit;cursor:pointer;margin:0;width:auto}.etq245-filter.active{background:#edf5ff;border-color:#bad8ff;color:#116bd5}
.etq245-students{flex:1;min-height:0;overflow:auto;padding:0 7px 8px;scrollbar-width:thin}
.etq245-student{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 4px;border-bottom:1px solid #eef2f6}.etq245-student:last-child{border-bottom:0}
.etq245-savatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e9f4ff,#edf6f3);font-size:9px;font-weight:900;color:#31527c;position:relative}.etq245-savatar i{position:absolute;left:-1px;bottom:0;width:7px;height:7px;border-radius:50%;background:#c4ccd7;border:2px solid #fff}.etq245-savatar i.on{background:#17ad70}
.etq245-sname{font-size:9.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etq245-smeta{display:flex;gap:6px;flex-wrap:wrap;font-size:7px;color:#8995a8;margin-top:3px}
.etq245-sactions{display:flex;align-items:center;gap:3px}.etq245-mini{width:27px;height:27px;padding:0;border:1px solid #e0e6ef;background:#f9fbfd;color:#4d617a;border-radius:7px;display:grid;place-items:center;cursor:pointer;margin:0}.etq245-mini svg{width:14px;height:14px}.etq245-mini.on{background:#e7f8ef;border-color:#bce8d2;color:#138858}.etq245-mini.hand{color:#c0810d;background:#fff7e7}.etq245-mini:disabled{opacity:.32;cursor:not-allowed}
.etq245-percent{--p:0;--c:#18ad70;width:33px;height:33px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),#e7ebf0 0);display:grid;place-items:center;position:relative}.etq245-percent:after{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}.etq245-percent b{position:relative;z-index:1;font-size:7px;color:#526176}
.etq245-roster-footer{padding:8px;border-top:1px solid #edf1f5}.etq245-wide-btn{width:100%;height:38px;border:0;border-radius:9px;background:#eaf3ff;color:#1169d2;font:900 9px inherit;cursor:pointer;margin:0}

.etq245-main{grid-column:2;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(360px,1fr) 286px;gap:10px;direction:rtl;overflow:hidden}
.etq245-stage-wrap{min-height:0;position:relative;overflow:hidden;background:#0d1d32;border-color:#1b3453}
#etq245Stage{width:100%;height:100%;position:relative;overflow:hidden;background:
  radial-gradient(circle at 50% 38%,rgba(52,101,162,.22),transparent 32%),
  linear-gradient(145deg,#122742,#0b1b2e 72%)}
#etq245ScreenHost{position:absolute;inset:0;z-index:3;display:none;background:#07121e}
#etq245ScreenHost>div,#etq245ScreenHost video{width:100%!important;height:100%!important;object-fit:contain!important}
.etq245-cover{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:35px;text-align:center;color:#fff}
.etq245-cover-inner{max-width:620px}.etq245-cover-icon{width:70px;height:70px;border-radius:20px;margin:0 auto 13px;display:grid;place-items:center;background:rgba(56,129,226,.15);border:1px solid rgba(113,174,255,.25);color:#77afff}.etq245-cover-icon svg{width:40px;height:40px}
.etq245-cover h2{margin:0;font-size:25px}.etq245-cover p{font-size:10px;color:#afbed1;margin:8px 0 15px;line-height:1.8}.etq245-cover button{width:auto;margin:0;border:0;border-radius:10px;padding:10px 16px;background:#1677ff;color:#fff;font:900 10px inherit;cursor:pointer}
#etq245CameraPip{position:absolute;right:13px;bottom:13px;z-index:9;width:182px;height:114px;border:2px solid rgba(255,255,255,.78);border-radius:12px;overflow:hidden;background:#10223b;box-shadow:0 10px 30px rgba(0,0,0,.25);display:none}
#etq245CameraHost,#etq245CameraHost>div,#etq245CameraHost video{width:100%!important;height:100%!important;object-fit:cover!important}
.etq245-cam-label{position:absolute;right:5px;bottom:5px;background:rgba(5,18,33,.7);color:#fff;border-radius:5px;padding:3px 5px;font-size:6.5px;z-index:3}
.etq245-stage-tools{position:absolute;left:11px;top:11px;z-index:10;display:flex;flex-direction:column;gap:6px}.etq245-stage-tool{width:39px;height:39px;border:1px solid rgba(255,255,255,.13);background:rgba(8,22,39,.84);color:#fff;border-radius:8px;display:grid;place-items:center;cursor:pointer;margin:0;padding:0}.etq245-stage-tool svg{width:18px;height:18px}.etq245-stage-tool:hover{background:#1677ff}
.etq245-stage-chip{position:absolute;right:12px;top:12px;z-index:9;background:rgba(8,22,39,.8);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 9px;color:#dce8f6;font-size:8px;backdrop-filter:blur(9px)}.etq245-stage-chip i{display:inline-block;width:6px;height:6px;background:#e4a21b;border-radius:50%;margin-left:5px}.etq245-stage-chip.ok i{background:#24c87d}

.etq245-deck{min-height:0;display:grid;grid-template-columns:1.28fr .78fr .92fr .72fr;gap:10px;direction:ltr}
.etq245-panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;direction:rtl}
.etq245-phead{height:43px;flex:none;border-bottom:1px solid #edf1f5;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.etq245-phead h3{margin:0;font-size:10.5px;display:flex;align-items:center;gap:6px}.etq245-phead h3 svg{width:17px;height:17px;color:#1677ff}.etq245-phead small{font-size:7.5px;color:#8490a3}
.etq245-pbody{flex:1;min-height:0;overflow:auto;padding:8px 9px}
.etq245-action{border:0;border-radius:8px;background:#1677ff;color:#fff;padding:7px 9px;font:900 8px inherit;cursor:pointer;margin:0;width:auto}.etq245-action.soft{background:#eaf3ff;color:#1268cf}.etq245-action.danger{background:#ffedf0;color:#c73142}
.etq245-empty{height:100%;min-height:80px;display:grid;place-items:center;text-align:center;color:#8793a6;font-size:8.5px;line-height:1.7}.etq245-empty b{display:block;color:#506077;font-size:10px;margin-bottom:3px}
.etq245-question{font-size:11px;font-weight:900;line-height:1.6;margin-bottom:7px}.etq245-qopts{display:grid;grid-template-columns:1fr 1fr;gap:5px}.etq245-qopt{border:1px solid #e0e6ee;border-radius:8px;padding:6px;background:#fbfcfe;display:grid;grid-template-columns:23px 1fr;gap:5px;align-items:center}.etq245-qopt.correct{background:#ebfaf2;border-color:#9de2bf}.etq245-letter{width:22px;height:22px;border-radius:6px;background:#edf2f8;display:grid;place-items:center;font-size:8px;font-weight:900}.etq245-qopt.correct .etq245-letter{background:#20b36f;color:#fff}.etq245-qopt span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etq245-qmeta{display:flex;justify-content:space-between;gap:7px;margin-bottom:7px;font-size:7.5px;color:#7d899c}.etq245-timer{background:#edf6f3;color:#14766c;border-radius:6px;padding:3px 6px;font-weight:900}
.etq245-result-row{margin-bottom:8px}.etq245-result-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:8px}.etq245-result-top b{font-size:8px}.etq245-rbar{height:5px;background:#e9edf3;border-radius:99px;overflow:hidden;margin-top:4px}.etq245-rbar i{height:100%;display:block;background:#1677ff;border-radius:99px}.etq245-rbar.good i{background:#18ad70}
.etq245-chat-list{display:flex;flex-direction:column;gap:5px;height:100%;overflow:auto}.etq245-msg{align-self:flex-start;max-width:88%;background:#f1f4f8;border-radius:9px 9px 2px 9px;padding:6px 7px}.etq245-msg.teacher{align-self:flex-end;background:#eaf3ff;color:#164b8e;border-radius:9px 9px 9px 2px}.etq245-msg b{display:block;font-size:7.5px;margin-bottom:2px}.etq245-msg p{margin:0;font-size:8.5px;line-height:1.5}.etq245-msg small{font-size:6.5px;color:#8995a8;display:block;margin-top:2px}
.etq245-compose{flex:none;border-top:1px solid #edf1f5;padding:6px;display:grid;grid-template-columns:1fr 34px;gap:5px}.etq245-compose input{min-width:0;border:1px solid #dfe6ee;border-radius:8px;padding:7px;font:500 8.5px inherit;outline:none}.etq245-send{border:0;background:#1677ff;color:#fff;border-radius:8px;display:grid;place-items:center;cursor:pointer;margin:0;padding:0}.etq245-send svg{width:16px;height:16px}
.etq245-hand-list{display:flex;flex-direction:column;gap:6px}.etq245-hand{border:1px solid #e4e9f0;border-radius:9px;padding:6px;background:#fbfcfe}.etq245-hand strong{font-size:8.5px;display:block}.etq245-hand small{font-size:7px;color:#8b96a8}.etq245-hand-actions{display:flex;gap:4px;margin-top:5px}.etq245-hand-actions button{flex:1;border:0;border-radius:6px;padding:5px 3px;font:900 6.5px inherit;cursor:pointer;margin:0}.etq245-hand-actions .yes{background:#e7f8ef;color:#138653}.etq245-hand-actions .no{background:#f0f2f5;color:#68758a}

.etq245-settings{position:fixed;top:70px;right:18px;z-index:2147483600;width:320px;max-height:calc(100vh - 90px);overflow:auto;background:#fff;border:1px solid #dde5ef;border-radius:13px;box-shadow:0 22px 65px rgba(15,32,58,.22);padding:11px;direction:rtl;display:none}.etq245-settings.open{display:block}.etq245-settings h4{margin:0 0 8px;font-size:12px}.etq245-setsec{border-top:1px solid #edf1f5;padding-top:9px;margin-top:9px}.etq245-setsec label{display:block;font-size:8px;color:#7b8799;margin-bottom:6px}.etq245-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.etq245-modes button{border:1px solid #dfe6ef;background:#fff;border-radius:7px;padding:7px 3px;font:900 7px inherit;cursor:pointer;margin:0}.etq245-modes button.active{background:#eaf3ff;border-color:#bad7fd;color:#1169d2}
.etq245-target{border:1px solid #e6ebf1;border-radius:8px;padding:7px;margin-bottom:5px}.etq245-target strong{font-size:8px;display:block}.etq245-target small{font-size:7px;color:#8591a4}.etq245-target-actions{display:flex;gap:4px;margin-top:5px}.etq245-target-actions button{border:0;border-radius:6px;padding:5px 7px;font:900 6.5px inherit;cursor:pointer;margin:0}.etq245-target-actions .done{background:#e7f8ef;color:#138653}.etq245-target-actions .skip{background:#fff3df;color:#9a6700}
.etq245-toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,12px);z-index:2147483646;background:#10213c;color:#fff;border-radius:10px;padding:9px 13px;font-size:9px;box-shadow:0 15px 45px rgba(0,0,0,.22);opacity:0;transition:.18s;pointer-events:none}.etq245-toast.show{opacity:1;transform:translate(-50%,0)}
.etq245-modal{position:fixed;inset:0;z-index:2147483650;background:rgba(7,20,38,.62);display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}.etq245-modal-card{width:min(620px,92vw);background:#fff;border-radius:15px;padding:14px;box-shadow:0 28px 80px rgba(0,0,0,.26)}.etq245-modal-card h3{margin:0;font-size:14px}.etq245-modal-card p{font-size:8.5px;color:#7e899b}.etq245-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.etq245-form .full{grid-column:1/-1}.etq245-form label{display:flex;flex-direction:column;gap:4px;font-size:8px;color:#657287;font-weight:900}.etq245-form input,.etq245-form textarea,.etq245-form select{border:1px solid #dfe5ed;border-radius:8px;padding:8px;font:500 9.5px inherit;outline:none}.etq245-form textarea{min-height:70px;resize:vertical}.etq245-modal-actions{display:flex;gap:6px;margin-top:9px}.etq245-modal-actions button{border:1px solid #dfe5ed;background:#fff;border-radius:8px;padding:8px 10px;font:900 8px inherit;cursor:pointer;margin:0;width:auto}.etq245-modal-actions .primary{background:#1677ff;color:#fff;border-color:#1677ff}
.etq245-desktop-warning{display:none}

@media(max-width:1179px){
  #liveRoomPage.etq245-desktop #etq245DesktopRoom{filter:blur(5px);pointer-events:none}
  #liveRoomPage.etq245-desktop .etq245-desktop-warning{display:flex;position:fixed;inset:0;z-index:2147483645;background:#eef3f9;align-items:center;justify-content:center;padding:30px;text-align:center;direction:rtl}
  .etq245-desktop-warning>div{max-width:520px;background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:28px;box-shadow:0 18px 55px rgba(26,48,77,.12)}
  .etq245-desktop-warning h2{margin:0 0 8px;font-size:22px}.etq245-desktop-warning p{margin:0;color:#718096;font-size:12px;line-height:1.8}
}



/* V249 — Teacher > Live Sessions. Larger Arabic typography and desktop-first hierarchy. */
#teacherWorkspacePage .etq249-live-page{
  --l249-text:#15233e;--l249-muted:#6f7d94;--l249-line:#e2e8f1;--l249-blue:#176ff2;
  --l249-green:#118b58;--l249-red:#d94755;--l249-amber:#ae7200;--l249-purple:#46877f;
  direction:rtl;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
#teacherWorkspacePage .etq249-live-page *{box-sizing:border-box}
#teacherWorkspacePage .etq249-live-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:4px 2px 18px;border-bottom:1px solid #e4e9f1;margin-bottom:18px;
}
#teacherWorkspacePage .etq249-live-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}
#teacherWorkspacePage .etq249-live-title-icon{
  width:54px;height:54px;flex:none;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(145deg,#176ff2,#46877f);color:#fff;box-shadow:0 10px 24px rgba(53,91,219,.2)
}
#teacherWorkspacePage .etq249-live-title-icon svg{width:28px;height:28px}
#teacherWorkspacePage .etq249-live-head h1{
  margin:0;color:var(--l249-text);font-size:25px!important;line-height:1.3;font-weight:900!important
}
#teacherWorkspacePage .etq249-live-head p{
  margin:6px 0 0;color:var(--l249-muted);font-size:14px!important;line-height:1.7!important;font-weight:500
}
#teacherWorkspacePage .etq249-live-head-actions{display:flex;gap:9px;align-items:center;flex:none}
#teacherWorkspacePage .etq249-live-main-btn,
#teacherWorkspacePage .etq249-live-ghost-btn{
  min-height:44px;border-radius:11px;padding:0 16px;font:800 13px/1.2 inherit!important;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap
}
#teacherWorkspacePage .etq249-live-main-btn{border:1px solid #176ff2;background:#176ff2;color:#fff;box-shadow:0 7px 18px rgba(23,111,242,.16)}
#teacherWorkspacePage .etq249-live-main-btn:hover{background:#0e65e7}
#teacherWorkspacePage .etq249-live-ghost-btn{border:1px solid #dce3ed;background:#fff;color:#45546c}
#teacherWorkspacePage .etq249-live-ghost-btn:hover{background:#f7f9fc}
#teacherWorkspacePage .etq249-live-main-btn svg,
#teacherWorkspacePage .etq249-live-ghost-btn svg{width:18px;height:18px}

#teacherWorkspacePage .etq249-live-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px
}
#teacherWorkspacePage .etq249-live-stat{
  min-height:108px;background:#fff;border:1px solid var(--l249-line);border-radius:16px;
  padding:16px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;
  box-shadow:0 4px 16px rgba(30,48,77,.035)
}
#teacherWorkspacePage .etq249-live-stat-icon{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center
}
#teacherWorkspacePage .etq249-live-stat-icon svg{width:23px;height:23px}
#teacherWorkspacePage .etq249-live-stat.blue .etq249-live-stat-icon{background:#eaf3ff;color:#176ff2}
#teacherWorkspacePage .etq249-live-stat.green .etq249-live-stat-icon{background:#e8f8f0;color:#118b58}
#teacherWorkspacePage .etq249-live-stat.amber .etq249-live-stat-icon{background:#fff5e2;color:#ae7200}
#teacherWorkspacePage .etq249-live-stat.slate .etq249-live-stat-icon{background:#f0f3f7;color:#66758b}
#teacherWorkspacePage .etq249-live-stat strong{
  display:block;font-size:25px!important;line-height:1.1;color:var(--l249-text);font-weight:900!important
}
#teacherWorkspacePage .etq249-live-stat span{
  display:block;margin-top:5px;font-size:13px!important;line-height:1.45;color:#6b7890;font-weight:700
}

#teacherWorkspacePage .etq249-live-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px
}
#teacherWorkspacePage .etq249-live-filters{display:flex;gap:7px;flex-wrap:wrap}
#teacherWorkspacePage .etq249-filter{
  border:1px solid #dfe5ee;background:#fff;color:#59687e;border-radius:10px;
  min-height:38px;padding:0 13px;font:800 12px/1.2 inherit!important;cursor:pointer
}
#teacherWorkspacePage .etq249-filter.active{background:#edf4ff;color:#1768d4;border-color:#bcd6fb}
#teacherWorkspacePage .etq249-live-search{position:relative;width:min(330px,38%)}
#teacherWorkspacePage .etq249-live-search input{
  width:100%;height:42px;border:1px solid #dfe5ee;border-radius:11px;background:#fff;
  padding:0 39px 0 12px;outline:none;font:500 13px/1.2 inherit!important;color:#263650
}
#teacherWorkspacePage .etq249-live-search input:focus{border-color:#a8c9fa;box-shadow:0 0 0 4px rgba(23,111,242,.07)}
#teacherWorkspacePage .etq249-live-search svg{position:absolute;right:13px;top:12px;width:18px;height:18px;color:#8290a5}

#teacherWorkspacePage .etq249-live-list{display:flex;flex-direction:column;gap:12px}
#teacherWorkspacePage .etq249-live-card{
  background:#fff;border:1px solid var(--l249-line);border-radius:17px;overflow:hidden;
  box-shadow:0 5px 18px rgba(31,49,77,.04);transition:box-shadow .16s,border-color .16s,transform .16s
}
#teacherWorkspacePage .etq249-live-card:hover{box-shadow:0 10px 28px rgba(31,49,77,.075);border-color:#d6dfeb}
#teacherWorkspacePage .etq249-live-card.live-now{border-color:#b7e8d0;box-shadow:0 7px 22px rgba(20,145,91,.07)}
#teacherWorkspacePage .etq249-live-card.enterable{border-color:#c7dbfb}
#teacherWorkspacePage .etq249-live-card-main{
  min-height:132px;padding:18px 19px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center
}
#teacherWorkspacePage .etq249-live-session-info{min-width:0}
#teacherWorkspacePage .etq249-live-session-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}
#teacherWorkspacePage .etq249-live-status{
  display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;
  font-size:11px!important;line-height:1;font-weight:900;white-space:nowrap
}
#teacherWorkspacePage .etq249-live-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
#teacherWorkspacePage .etq249-live-status.live{background:#e7f8ef;color:#108451}
#teacherWorkspacePage .etq249-live-status.ready{background:#eaf3ff;color:#176bd8}
#teacherWorkspacePage .etq249-live-status.upcoming{background:#fff4df;color:#a56c00}
#teacherWorkspacePage .etq249-live-status.ended{background:#f0f3f6;color:#69778b}
#teacherWorkspacePage .etq249-live-status.cancelled{background:#fff0f2;color:#c94756}
#teacherWorkspacePage .etq249-live-session-title{
  margin:0;color:var(--l249-text);font-size:18px!important;line-height:1.5!important;font-weight:900!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
#teacherWorkspacePage .etq249-live-meta{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:9px;color:#68768d
}
#teacherWorkspacePage .etq249-live-meta-item{
  display:flex;align-items:center;gap:6px;font-size:13px!important;line-height:1.5;font-weight:600
}
#teacherWorkspacePage .etq249-live-meta-item svg{width:17px;height:17px;color:#71829b;flex:none}
#teacherWorkspacePage .etq249-live-note{
  margin-top:10px;font-size:12px!important;line-height:1.6;color:#8591a3
}
#teacherWorkspacePage .etq249-live-card-actions{display:flex;align-items:center;gap:8px;min-width:210px;justify-content:flex-end}
#teacherWorkspacePage .etq249-enter-btn{
  min-width:142px;min-height:45px;border:1px solid #176ff2;background:#176ff2;color:#fff;
  border-radius:11px;padding:0 16px;font:900 13px/1.2 inherit!important;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap
}
#teacherWorkspacePage .etq249-enter-btn:hover{background:#0e65e7}
#teacherWorkspacePage .etq249-enter-btn.live{background:#108b58;border-color:#108b58}
#teacherWorkspacePage .etq249-enter-btn:disabled{background:#f0f3f6;border-color:#e2e7ed;color:#8490a2;cursor:not-allowed}
#teacherWorkspacePage .etq249-enter-btn svg{width:18px;height:18px}
#teacherWorkspacePage .etq249-card-menu{
  width:43px;height:43px;border:1px solid #dfe5ed;background:#fff;color:#66758a;border-radius:10px;
  display:grid;place-items:center;cursor:pointer
}
#teacherWorkspacePage .etq249-card-menu:hover{background:#f7f9fc}
#teacherWorkspacePage .etq249-card-menu svg{width:19px;height:19px}

#teacherWorkspacePage .etq249-live-empty{
  padding:52px 20px;background:#fff;border:1px dashed #d7e0eb;border-radius:17px;text-align:center
}
#teacherWorkspacePage .etq249-live-empty-icon{
  width:64px;height:64px;border-radius:18px;margin:0 auto 13px;display:grid;place-items:center;
  background:#edf4ff;color:#176ff2
}
#teacherWorkspacePage .etq249-live-empty-icon svg{width:30px;height:30px}
#teacherWorkspacePage .etq249-live-empty h3{margin:0;font-size:18px!important;color:#263650}
#teacherWorkspacePage .etq249-live-empty p{margin:7px 0 16px;font-size:13px!important;color:#7b8799;line-height:1.7!important}

@media(max-width:1100px){
  #teacherWorkspacePage .etq249-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #teacherWorkspacePage .etq249-live-head{align-items:flex-start}
  #teacherWorkspacePage .etq249-live-card-main{grid-template-columns:1fr}
  #teacherWorkspacePage .etq249-live-card-actions{justify-content:flex-start}
}



#teacherWorkspacePage .etq250-wrap{
  --c250-text:#17243d;--c250-muted:#6d7a90;--c250-line:#e1e7ef;--c250-blue:#176ff2;
  --c250-green:#118b58;--c250-amber:#b47600;--c250-red:#d94b59;--c250-purple:#46877f;
  direction:rtl;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;color:var(--c250-text)
}
#teacherWorkspacePage .etq250-wrap *{box-sizing:border-box}
#teacherWorkspacePage .etq250-head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px
}
#teacherWorkspacePage .etq250-title{display:flex;align-items:center;gap:13px;min-width:0}
#teacherWorkspacePage .etq250-title-icon{
  width:54px;height:54px;border-radius:16px;background:linear-gradient(145deg,#176ff2,#46877f);
  color:#fff;display:grid;place-items:center;box-shadow:0 9px 24px rgba(45,89,220,.2);flex:none
}
#teacherWorkspacePage .etq250-title-icon svg{width:28px;height:28px}
#teacherWorkspacePage .etq250-title h1{margin:0;font-size:25px!important;line-height:1.35!important;font-weight:900!important}
#teacherWorkspacePage .etq250-title p{margin:5px 0 0;color:var(--c250-muted);font-size:14px!important;line-height:1.7!important}
#teacherWorkspacePage .etq250-context-select{
  min-width:330px;max-width:450px;height:46px;border:1px solid #dce4ed;border-radius:11px;background:#fff;
  padding:0 12px;font:700 13px/1.2 inherit!important;color:#263650;outline:none
}
#teacherWorkspacePage .etq250-context-select:focus{border-color:#aacafb;box-shadow:0 0 0 4px rgba(23,111,242,.07)}

#teacherWorkspacePage .etq250-current{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:14px;margin-bottom:16px
}
#teacherWorkspacePage .etq250-current-main{
  background:linear-gradient(135deg,#102844,#15345a);color:#fff;border-radius:18px;padding:22px;
  box-shadow:0 12px 32px rgba(15,40,73,.14);min-height:215px;position:relative;overflow:hidden
}
#teacherWorkspacePage .etq250-current-main:after{
  content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-70px;top:-95px;
  background:rgba(71,134,231,.14);pointer-events:none
}
#teacherWorkspacePage .etq250-kicker{font-size:12px!important;font-weight:900;color:#7eb5ff;margin-bottom:8px}
#teacherWorkspacePage .etq250-current-main h2{margin:0;font-size:25px!important;line-height:1.45!important;font-weight:900!important;color:#fff}
#teacherWorkspacePage .etq250-path{margin-top:8px;font-size:13px!important;line-height:1.7;color:#c4d4e8;display:flex;gap:7px;flex-wrap:wrap}
#teacherWorkspacePage .etq250-current-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
#teacherWorkspacePage .etq250-chip{
  display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:11px!important;font-weight:800;color:#e6eef9
}
#teacherWorkspacePage .etq250-chip svg{width:15px;height:15px}
#teacherWorkspacePage .etq250-current-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px;position:relative;z-index:2}
#teacherWorkspacePage .etq250-current-actions button{
  min-height:42px;border-radius:10px;padding:0 14px;font:900 12px/1.2 inherit!important;cursor:pointer;
  display:flex;align-items:center;gap:7px;width:auto;margin:0
}
#teacherWorkspacePage .etq250-current-actions .primary{border:1px solid #3188ff;background:#1876ef;color:#fff}
#teacherWorkspacePage .etq250-current-actions .done{border:1px solid #33a56f;background:#108657;color:#fff}
#teacherWorkspacePage .etq250-current-actions .soft{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}
#teacherWorkspacePage .etq250-current-actions svg{width:17px;height:17px}

#teacherWorkspacePage .etq250-progress-card{
  background:#fff;border:1px solid var(--c250-line);border-radius:18px;padding:18px;box-shadow:0 5px 20px rgba(30,48,75,.045)
}
#teacherWorkspacePage .etq250-progress-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#teacherWorkspacePage .etq250-progress-top strong{font-size:16px!important}.etq250-progress-big{font-size:27px!important;font-weight:900;color:#176ff2}
#teacherWorkspacePage .etq250-progress-track{height:10px;background:#edf1f6;border-radius:999px;overflow:hidden;margin:13px 0 12px}
#teacherWorkspacePage .etq250-progress-track i{height:100%;display:block;background:linear-gradient(90deg,#176ff2,#46877f);border-radius:999px}
#teacherWorkspacePage .etq250-progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
#teacherWorkspacePage .etq250-mini-stat{background:#f7f9fc;border:1px solid #ebeff4;border-radius:11px;padding:10px;text-align:center}
#teacherWorkspacePage .etq250-mini-stat b{display:block;font-size:17px!important}.etq250-mini-stat span{display:block;margin-top:3px;font-size:10px!important;color:#7a8799;font-weight:700}
#teacherWorkspacePage .etq250-next-title{margin:13px 0 7px;font-size:11px!important;color:#738096;font-weight:900}
#teacherWorkspacePage .etq250-next-list{display:grid;gap:6px}
#teacherWorkspacePage .etq250-next{
  border:1px solid #e5eaf1;border-radius:9px;padding:8px 9px;background:#fbfcfe;cursor:pointer
}
#teacherWorkspacePage .etq250-next:hover{background:#f1f6ff;border-color:#cbdcf6}
#teacherWorkspacePage .etq250-next strong{display:block;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#teacherWorkspacePage .etq250-next small{display:block;font-size:9px!important;color:#8490a2;margin-top:2px}

#teacherWorkspacePage .etq250-tabs{
  display:flex;gap:6px;border-bottom:1px solid #dde5ee;margin-bottom:13px;padding:0 2px
}
#teacherWorkspacePage .etq250-tab{
  border:0;border-bottom:3px solid transparent;background:transparent;color:#69778d;
  padding:11px 15px;font:900 13px/1.2 inherit!important;cursor:pointer;margin:0;width:auto;border-radius:0
}
#teacherWorkspacePage .etq250-tab.active{color:#176bd8;border-bottom-color:#176ff2}

#teacherWorkspacePage .etq250-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:14px;align-items:start}
#teacherWorkspacePage .etq250-map-card,
#teacherWorkspacePage .etq250-plan-card,
#teacherWorkspacePage .etq250-distribution-card{
  background:#fff;border:1px solid var(--c250-line);border-radius:17px;box-shadow:0 5px 18px rgba(30,49,76,.04)
}
#teacherWorkspacePage .etq250-map-card{overflow:hidden}
#teacherWorkspacePage .etq250-map-toolbar{
  padding:13px 14px;border-bottom:1px solid #e7ecf2;display:flex;align-items:center;justify-content:space-between;gap:10px
}
#teacherWorkspacePage .etq250-map-toolbar h3{margin:0;font-size:16px!important}
#teacherWorkspacePage .etq250-search{position:relative;width:min(330px,44%)}
#teacherWorkspacePage .etq250-search input{
  width:100%;height:40px;border:1px solid #dfe6ee;border-radius:10px;padding:0 37px 0 10px;
  font:500 12px/1.2 inherit!important;outline:none
}
#teacherWorkspacePage .etq250-search svg{position:absolute;right:11px;top:11px;width:17px;height:17px;color:#8290a4}
#teacherWorkspacePage .etq250-units{padding:11px;display:grid;gap:10px;max-height:650px;overflow:auto}
#teacherWorkspacePage .etq250-unit{border:1px solid #e2e8f0;border-radius:13px;overflow:hidden;background:#fff}
#teacherWorkspacePage .etq250-unit-head{
  width:100%;border:0;background:#f8fafc;padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:12px;align-items:center;text-align:right;cursor:pointer;margin:0;border-radius:0
}
#teacherWorkspacePage .etq250-unit-head:hover{background:#f2f6fb}
#teacherWorkspacePage .etq250-unit-title{font-size:14px!important;font-weight:900;color:#24344f}
#teacherWorkspacePage .etq250-unit-sub{font-size:10px!important;color:#7b879a;margin-top:4px}
#teacherWorkspacePage .etq250-unit-progress{display:flex;align-items:center;gap:7px;min-width:115px}
#teacherWorkspacePage .etq250-unit-bar{width:75px;height:6px;background:#e4e9ef;border-radius:999px;overflow:hidden}
#teacherWorkspacePage .etq250-unit-bar i{display:block;height:100%;background:#19a66a;border-radius:999px}
#teacherWorkspacePage .etq250-unit-progress b{font-size:10px!important;color:#5f6d82}
#teacherWorkspacePage .etq250-unit-body{padding:8px 10px 11px;border-top:1px solid #edf1f5;display:none}
#teacherWorkspacePage .etq250-unit.open .etq250-unit-body{display:block}
#teacherWorkspacePage .etq250-chapter{padding:8px 5px}
#teacherWorkspacePage .etq250-chapter-title{
  font-size:11px!important;font-weight:900;color:#68768c;padding:3px 7px 7px;display:flex;align-items:center;gap:6px
}
#teacherWorkspacePage .etq250-lessons{display:grid;gap:6px}
#teacherWorkspacePage .etq250-lesson{
  display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:9px;
  border:1px solid #e6ebf1;border-radius:10px;padding:9px 10px;background:#fff;cursor:pointer
}
#teacherWorkspacePage .etq250-lesson:hover{border-color:#c8d8ed;background:#fbfdff}
#teacherWorkspacePage .etq250-lesson.current{border-color:#9ec5fb;background:#f1f7ff;box-shadow:0 0 0 2px rgba(23,111,242,.05)}
#teacherWorkspacePage .etq250-lesson.completed{background:#f2fbf6;border-color:#c8e9d7}
#teacherWorkspacePage .etq250-status-dot{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;
  background:#eef2f6;color:#748196
}
#teacherWorkspacePage .etq250-lesson.current .etq250-status-dot{background:#176ff2;color:#fff}
#teacherWorkspacePage .etq250-lesson.completed .etq250-status-dot{background:#16a067;color:#fff}
#teacherWorkspacePage .etq250-lesson-title{font-size:13px!important;font-weight:900;color:#263650;line-height:1.5}
#teacherWorkspacePage .etq250-lesson-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}
#teacherWorkspacePage .etq250-lesson-meta span{font-size:9px!important;color:#7e8a9c}
#teacherWorkspacePage .etq250-plan-badge{font-size:8.5px!important;font-weight:900;color:#14766c;background:#edf6f3;border-radius:999px;padding:4px 7px;white-space:nowrap}

#teacherWorkspacePage .etq250-plan-card{position:sticky;top:12px;overflow:hidden}
#teacherWorkspacePage .etq250-plan-head{padding:15px 16px;border-bottom:1px solid #e7ecf2;background:#fbfcfe}
#teacherWorkspacePage .etq250-plan-head .eyebrow{font-size:10px!important;color:#176ff2;font-weight:900}
#teacherWorkspacePage .etq250-plan-head h3{margin:4px 0 0;font-size:17px!important;line-height:1.5!important}
#teacherWorkspacePage .etq250-plan-path{margin-top:5px;color:#78869a;font-size:10px!important;line-height:1.6}
#teacherWorkspacePage .etq250-plan-body{padding:14px;max-height:620px;overflow:auto}
#teacherWorkspacePage .etq250-plan-form{display:grid;gap:11px}
#teacherWorkspacePage .etq250-plan-form label{display:grid;gap:5px;font-size:12px!important;font-weight:900;color:#4e5d73}
#teacherWorkspacePage .etq250-plan-form input,
#teacherWorkspacePage .etq250-plan-form textarea{
  width:100%;border:1px solid #dce4ed;border-radius:10px;background:#fff;color:#25344d;
  padding:10px 11px;font:500 13px/1.65 inherit!important;outline:none
}
#teacherWorkspacePage .etq250-plan-form textarea{min-height:76px;resize:vertical}
#teacherWorkspacePage .etq250-plan-form textarea.steps{min-height:115px}
#teacherWorkspacePage .etq250-plan-form input:focus,
#teacherWorkspacePage .etq250-plan-form textarea:focus{border-color:#a9c9f9;box-shadow:0 0 0 4px rgba(23,111,242,.06)}
#teacherWorkspacePage .etq250-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#teacherWorkspacePage .etq250-plan-actions{
  display:flex;align-items:center;gap:7px;position:sticky;bottom:-14px;background:#fff;padding:11px 0 2px;border-top:1px solid #edf1f5;margin-top:2px
}
#teacherWorkspacePage .etq250-btn{
  min-height:41px;border-radius:9px;padding:0 13px;font:900 11px/1.2 inherit!important;cursor:pointer;margin:0;width:auto;
  display:flex;align-items:center;gap:6px;justify-content:center
}
#teacherWorkspacePage .etq250-btn.primary{border:1px solid #176ff2;background:#176ff2;color:#fff}
#teacherWorkspacePage .etq250-btn.soft{border:1px solid #dce4ed;background:#fff;color:#526177}
#teacherWorkspacePage .etq250-btn.done{border:1px solid #159261;background:#159261;color:#fff}
#teacherWorkspacePage .etq250-btn svg{width:16px;height:16px}

#teacherWorkspacePage .etq250-distribution-card{padding:16px}
#teacherWorkspacePage .etq250-distribution-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
#teacherWorkspacePage .etq250-distribution-head h3{margin:0;font-size:17px!important}
#teacherWorkspacePage .etq250-slots{display:grid;gap:8px}
#teacherWorkspacePage .etq250-slot{
  border:1px solid #e2e8ef;border-radius:11px;padding:11px 12px;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center
}
#teacherWorkspacePage .etq250-slot strong{font-size:12px!important}.etq250-slot small{display:block;color:#8490a2;font-size:9px!important;margin-top:3px}
#teacherWorkspacePage .etq250-empty{
  padding:35px 18px;text-align:center;color:#7b8799;font-size:13px!important;line-height:1.8;border:1px dashed #d9e1eb;border-radius:13px;background:#fbfcfe
}
#teacherWorkspacePage .etq250-empty b{display:block;font-size:15px!important;color:#425169;margin-bottom:4px}

.etq250-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(10,24,43,.55);display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl}
.etq250-modal-card{width:min(560px,94vw);background:#fff;border-radius:16px;padding:17px;box-shadow:0 25px 70px rgba(0,0,0,.24);font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
.etq250-modal-card h3{margin:0 0 12px;font-size:18px}.etq250-modal-card form{display:grid;gap:10px}
.etq250-modal-card label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#526177}
.etq250-modal-card input,.etq250-modal-card select,.etq250-modal-card textarea{border:1px solid #dce4ed;border-radius:9px;padding:9px 10px;font:500 13px/1.5 inherit;outline:none}
.etq250-modal-card textarea{min-height:75px}
.etq250-modal-actions{display:flex;gap:7px;margin-top:5px}
.etq250-modal-actions button{border:1px solid #dce4ed;background:#fff;border-radius:9px;padding:9px 12px;font:900 11px inherit;cursor:pointer}
.etq250-modal-actions .primary{background:#176ff2;color:#fff;border-color:#176ff2}

@media(max-width:1180px){
  #teacherWorkspacePage .etq250-current{grid-template-columns:1fr}
  #teacherWorkspacePage .etq250-map-layout{grid-template-columns:1fr}
  #teacherWorkspacePage .etq250-plan-card{position:static}
}



#etq245DesktopRoom .etq245-deck{grid-template-columns:1.42fr .98fr !important;direction:ltr}
#etq245DesktopRoom .etq245-deck > #etq245ChatPanel,
#etq245DesktopRoom .etq245-deck > #etq245HandsPanel{display:none !important}
#etq245DesktopRoom .etq245-panel .etq245-phead h3{font-size:15px !important}
#etq245DesktopRoom .etq245-panel .etq245-phead small{font-size:11px !important}
#etq245DesktopRoom .etq245-pbody{padding:12px}
#etq245DesktopRoom .etq245-roster-tabs{grid-template-columns:repeat(3,1fr) !important}
#etq245DesktopRoom .etq245-roster-tabs button{font-size:13px !important;padding:12px 8px !important}
#etq245DesktopRoom .etq245-roster-summary strong{font-size:14px !important}
#etq245DesktopRoom .etq245-roster-summary small{font-size:11px !important}
#etq245DesktopRoom .etq245-search input{font-size:13px !important}
#etq245DesktopRoom .etq245-filterbar button,#etq245DesktopRoom .etq245-wide-btn{font-size:12px !important}
#etq245DesktopRoom .etq245-students{padding:10px !important}
#etq245DesktopRoom .etq245-sname{font-size:13px !important}
#etq245DesktopRoom .etq245-smeta span{font-size:10px !important}
#etq245DesktopRoom .etq245-percent b{font-size:12px !important}
#etq245DesktopRoom .etq245-top-action span{font-size:13px !important}
#etq245DesktopRoom .etq245-teacher strong{font-size:15px !important}
#etq245DesktopRoom .etq245-teacher small{font-size:11px !important}
#etq245DesktopRoom .etq245-cover-inner h2{font-size:28px !important}
#etq245DesktopRoom .etq245-cover-inner p{font-size:14px !important}
#etq245DesktopRoom .etq245-cover-inner button{font-size:14px !important}
#etq245DesktopRoom .etq245-stage-chip span{font-size:12px !important}
#etq245DesktopRoom .etq245-result-top span{font-size:12px !important}
#etq245DesktopRoom .etq245-qmeta{display:flex;gap:10px;align-items:center;margin-bottom:10px;font-size:12px;color:#6d7a90}
#etq245DesktopRoom .etq252-qhero{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,#eff5ff,#f8fbff);border:1px solid #d9e5f7;border-radius:14px;padding:14px}
#etq245DesktopRoom .etq252-qnum{width:84px;height:84px;flex:none;border-radius:20px;background:linear-gradient(135deg,#176ff2,#46877f);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 25px rgba(65,105,225,.18)}
#etq245DesktopRoom .etq252-qcontent h4{margin:0;font-size:18px !important;color:#193154}
#etq245DesktopRoom .etq252-qcontent p{margin:6px 0 0;font-size:12px;line-height:1.8;color:#607089}
#etq245DesktopRoom .etq252-qchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
#etq245DesktopRoom .etq252-qchips span{background:#fff;border:1px solid #dbe5f0;border-radius:999px;padding:7px 10px;font-size:11px;color:#51627a}
#etq245DesktopRoom .etq252-qchips b{color:#1a3256}
#etq245DesktopRoom .etq252-rnote{font-size:11px;line-height:1.8;color:#63758d;background:#f6f9fd;border:1px solid #e5ecf5;border-radius:10px;padding:9px 10px;margin-bottom:10px}
.etq252-comm-drawer{position:fixed;inset:0;z-index:2147483200;background:rgba(10,24,43,.35);display:none;align-items:flex-start;justify-content:flex-start;padding:90px 18px 18px 18px;direction:rtl}
.etq252-comm-drawer.open{display:flex}
.etq252-comm-card{width:min(430px,94vw);max-height:calc(100vh - 115px);background:#fff;border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.2);border:1px solid #dfe7f0;display:flex;flex-direction:column;overflow:hidden}
.etq252-comm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e8edf4;background:#f9fbfe}
.etq252-comm-head strong{font-size:15px;color:#1a3357}
.etq252-comm-head button{border:0;background:#eef3f9;color:#53627a;width:34px;height:34px;border-radius:10px;cursor:pointer;font:900 16px inherit}
.etq252-comm-host{padding:12px;overflow:auto;min-height:280px}
.etq252-comm-host .etq245-panel{border:0 !important;box-shadow:none !important;border-radius:0 !important;height:100%}
.etq252-comm-host .etq245-phead{padding:0 0 10px 0 !important;border-bottom:1px solid #edf2f7;margin-bottom:10px}
.etq252-comm-host .etq245-pbody{padding:0 !important}
.etq252-comm-host .etq245-chat-list{min-height:280px;max-height:48vh}
.etq252-comm-host .etq245-hand-list{max-height:55vh;overflow:auto}
.etq252-comm-host .etq245-compose{padding:10px 0 0 0 !important}
#etq245DesktopRoom .etq252-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-inline-start:6px;padding:0 6px;background:#eaf2ff;color:#176ff2;border-radius:999px;font-size:10px;font-weight:900}
.etq252-qmodal p{font-size:12px;line-height:1.8;color:#63748b}
.etq252-qmodal .etq245-form{grid-template-columns:1fr 1fr !important}
.etq252-qmodal .etq245-form label{font-size:12px !important}
.etq252-qmini-note{background:#f6f9fd;border:1px solid #e3ebf6;border-radius:10px;padding:10px;font-size:11px;line-height:1.8;color:#546579}



/* V253 — desktop focus: larger teaching stage, slimmer roster, compact question controls. */
#liveRoomPage.etq245-desktop #etq245DesktopRoom{grid-template-rows:68px minmax(0,1fr) !important}
#etq245DesktopRoom .etq245-top{padding:7px 12px !important;gap:8px !important}
#etq245DesktopRoom .etq245-brand{min-width:132px !important}
#etq245DesktopRoom .etq245-logo{width:39px !important;height:39px !important;border-radius:11px !important}
#etq245DesktopRoom .etq245-brand strong{font-size:21px !important}
#etq245DesktopRoom .etq245-context{min-width:250px !important;max-width:360px !important;padding:7px 10px !important}
#etq245DesktopRoom .etq245-top-action{height:42px !important;padding:0 10px !important}
#etq245DesktopRoom .etq245-stat{height:40px !important}
#etq245DesktopRoom .etq245-teacher{min-width:128px !important}
#etq245DesktopRoom .etq245-avatar{width:37px !important;height:37px !important}

#etq245DesktopRoom .etq245-body{grid-template-columns:286px minmax(0,1fr) !important;gap:8px !important;padding:8px !important}
#etq245DesktopRoom .etq245-main{grid-template-rows:minmax(0,1fr) 174px !important;gap:8px !important}
#etq245DesktopRoom .etq245-stage-wrap{border-radius:15px !important}
#etq245DesktopRoom #etq245Stage{min-height:0 !important}
#etq245DesktopRoom .etq245-stage-tools{left:9px !important;top:9px !important}
#etq245DesktopRoom .etq245-stage-tool{width:36px !important;height:36px !important}
#etq245DesktopRoom .etq245-stage-chip{top:9px !important;right:9px !important}
#etq245DesktopRoom #etq245CameraPip{width:166px !important;height:102px !important;right:10px !important;bottom:10px !important}

#etq245DesktopRoom .etq245-roster{border-radius:15px !important}
#etq245DesktopRoom .etq245-roster-tabs button{height:43px !important;padding:8px 4px !important;font-size:12px !important}
#etq245DesktopRoom .etq245-roster-head{padding:8px 9px !important}
#etq245DesktopRoom .etq245-roster-summary{grid-template-columns:50px 1fr !important;gap:7px !important}
#etq245DesktopRoom .etq245-ring{width:48px !important;height:48px !important}
#etq245DesktopRoom .etq245-search{margin-top:7px !important}
#etq245DesktopRoom .etq245-filterbar{padding:6px 7px !important;gap:4px !important}
#etq245DesktopRoom .etq245-filter{padding:5px 6px !important;font-size:10px !important;flex:1}
#etq245DesktopRoom .etq245-students{padding:0 6px 6px !important}
#etq245DesktopRoom .etq245-student{grid-template-columns:28px minmax(0,1fr) auto !important;gap:5px !important;padding:6px 2px !important}
#etq245DesktopRoom .etq245-savatar{width:27px !important;height:27px !important}
#etq245DesktopRoom .etq245-mini{width:25px !important;height:25px !important}
#etq245DesktopRoom .etq245-percent{width:30px !important;height:30px !important}
#etq245DesktopRoom .etq245-roster-footer{padding:6px !important}
#etq245DesktopRoom .etq245-wide-btn{height:34px !important;font-size:11px !important}

/* Bottom deck becomes two compact horizontal bars. */
#etq245DesktopRoom .etq245-deck{
  display:grid !important;grid-template-columns:1fr !important;grid-template-rows:72px 94px !important;
  gap:8px !important;min-height:0 !important;direction:rtl !important
}
#etq245DesktopRoom .etq245-deck > article:nth-of-type(1),
#etq245DesktopRoom .etq245-deck > article:nth-of-type(2){
  display:grid !important;grid-template-columns:230px minmax(0,1fr) !important;grid-template-rows:1fr !important;
  align-items:stretch !important;overflow:hidden !important;border-radius:13px !important
}
#etq245DesktopRoom .etq245-deck > article:nth-of-type(1) .etq245-phead,
#etq245DesktopRoom .etq245-deck > article:nth-of-type(2) .etq245-phead{
  height:auto !important;min-height:0 !important;border-bottom:0 !important;border-left:1px solid #e7ecf2 !important;
  padding:9px 12px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;
  background:#fbfcfe !important
}
#etq245DesktopRoom .etq245-deck > article:nth-of-type(1) .etq245-phead h3,
#etq245DesktopRoom .etq245-deck > article:nth-of-type(2) .etq245-phead h3{font-size:13px !important;margin:0 !important}
#etq245DesktopRoom .etq245-deck > article:nth-of-type(1) .etq245-phead small,
#etq245DesktopRoom .etq245-deck > article:nth-of-type(2) .etq245-phead small{font-size:9px !important}
#etq245DesktopRoom .etq245-deck > article:nth-of-type(1) .etq245-pbody,
#etq245DesktopRoom .etq245-deck > article:nth-of-type(2) .etq245-pbody{padding:8px 10px !important;overflow:hidden !important;display:flex;align-items:center}
#etq245DesktopRoom .etq245-action{padding:7px 10px !important;font-size:10px !important;white-space:nowrap}

#etq245DesktopRoom .etq253-qidle{width:100%;display:flex;align-items:center;gap:10px;color:#50617a}
#etq245DesktopRoom .etq253-qidle-icon{width:38px;height:38px;border-radius:11px;background:#edf4ff;color:#176ff2;display:grid;place-items:center;font-size:20px;font-weight:900;flex:none}
#etq245DesktopRoom .etq253-qidle b{display:block;font-size:13px;color:#223751}
#etq245DesktopRoom .etq253-qidle small{display:block;font-size:10px;margin-top:2px;color:#718096}
#etq245DesktopRoom .etq253-qactive{width:100%;display:flex;align-items:center;gap:14px;direction:rtl}
#etq245DesktopRoom .etq253-qnumber{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#176ff2,#46877f);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:900;flex:none}
#etq245DesktopRoom .etq253-qfacts{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:7px;flex:1}
#etq245DesktopRoom .etq253-qfacts span{background:#f6f9fd;border:1px solid #e5ecf5;border-radius:9px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px}
#etq245DesktopRoom .etq253-qfacts small{font-size:9px;color:#7a879a}
#etq245DesktopRoom .etq253-qfacts b{font-size:12px;color:#233852}
#etq245DesktopRoom .etq253-endq,#etq245DesktopRoom .etq253-nextq{border:0;border-radius:9px;padding:9px 12px;font:900 10px inherit;cursor:pointer;white-space:nowrap}
#etq245DesktopRoom .etq253-endq{background:#fff0f2;color:#c64050}
#etq245DesktopRoom .etq253-nextq{background:#eaf3ff;color:#1768d4}

#etq245DesktopRoom .etq253-results-empty{width:100%;text-align:center;font-size:11px;color:#7a8799}
#etq245DesktopRoom .etq253-results-row{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:ltr}
#etq245DesktopRoom .etq253-result{border:1px solid #e4eaf1;background:#fbfcfe;border-radius:10px;padding:7px 9px;min-width:0}
#etq245DesktopRoom .etq253-result-top{display:flex;align-items:center;justify-content:space-between;gap:5px}
#etq245DesktopRoom .etq253-result-top b{width:24px;height:24px;border-radius:7px;background:#eaf3ff;color:#176ff2;display:grid;place-items:center;font-size:11px}
#etq245DesktopRoom .etq253-result-top strong{font-size:13px;color:#213751}
#etq245DesktopRoom .etq253-result-bar{height:5px;background:#e7ecf2;border-radius:99px;overflow:hidden;margin:6px 0 4px}
#etq245DesktopRoom .etq253-result-bar i{height:100%;display:block;background:linear-gradient(90deg,#176ff2,#46877f);border-radius:99px}
#etq245DesktopRoom .etq253-result small{font-size:8px;color:#8390a3}

/* Polished empty teaching canvas. */
#etq245DesktopRoom .etq245-cover{background:radial-gradient(circle at 50% 38%,rgba(66,128,218,.13),transparent 34%)}
#etq245DesktopRoom .etq245-cover-icon{width:64px !important;height:64px !important;border-radius:18px !important}
#etq245DesktopRoom .etq245-cover-inner h2{font-size:25px !important}
#etq245DesktopRoom .etq245-cover-inner p{max-width:520px;margin:8px auto 14px !important}



/* V254 is deliberately scoped to live-room only. */
#liveRoomPage .etq254-mode-chip{height:38px;padding:0 11px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#e7eef8;display:flex;align-items:center;gap:7px;font:800 10px "Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;white-space:nowrap}
#liveRoomPage .etq254-mode-chip i{width:8px;height:8px;border-radius:50%;background:#79b3ff}
#liveRoomPage .etq254-timer-chip{height:38px;min-width:72px;padding:0 10px;border-radius:10px;background:#fff4df;border:1px solid #efcf91;color:#8b5b00;display:none;align-items:center;justify-content:center;font:900 12px "Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;direction:ltr}
#liveRoomPage .etq254-tools-btn{height:46px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:7px;font:800 11px "Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;cursor:pointer;white-space:nowrap;margin:0;width:auto}
#liveRoomPage .etq254-tools-btn:hover{background:rgba(255,255,255,.14)}
#liveRoomPage .etq254-tools-btn svg{width:19px;height:19px}
.etq254-drawer{position:fixed;top:82px;right:16px;width:390px;max-height:calc(100vh - 100px);z-index:2147483550;background:#fff;border:1px solid #dfe6ef;border-radius:16px;box-shadow:0 24px 70px rgba(12,31,56,.24);display:none;flex-direction:column;overflow:hidden;direction:rtl;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}
.etq254-drawer.open{display:flex}
.etq254-drawer-head{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid #e9edf3;background:#f9fbfe}
.etq254-drawer-head strong{font-size:15px;color:#1b3151}.etq254-drawer-head small{display:block;font-size:9px;color:#7d899b;margin-top:2px}
.etq254-close{width:34px;height:34px;border:0;border-radius:9px;background:#edf2f8;color:#53627a;font:900 17px inherit;cursor:pointer}
.etq254-drawer-body{padding:12px;overflow:auto;display:grid;gap:11px}
.etq254-section{border:1px solid #e4e9f0;border-radius:13px;background:#fff;padding:11px}
.etq254-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.etq254-section-title strong{font-size:12px;color:#263a57}.etq254-section-title small{font-size:8px;color:#8692a4}
.etq254-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.etq254-mode{border:1px solid #dfe6ef;background:#fff;color:#647187;border-radius:9px;padding:8px 3px;font:900 8.5px inherit;cursor:pointer}.etq254-mode.active{background:#eaf3ff;border-color:#aecdfe;color:#176bd7}.etq254-mode.quiet.active{background:#fff0f2;border-color:#f1bbc2;color:#c33e4e}
.etq254-understanding{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.etq254-signal{border-radius:10px;padding:9px;text-align:center;border:1px solid #e5eaf0}.etq254-signal b{display:block;font-size:20px}.etq254-signal span{display:block;font-size:8px;margin-top:3px}.etq254-signal.good{background:#edf9f3;color:#118653}.etq254-signal.mid{background:#fff7e8;color:#9b6800}.etq254-signal.bad{background:#fff0f2;color:#c94150}
.etq254-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.etq254-small-btn{border:1px solid #dfe5ed;background:#fff;color:#536279;border-radius:8px;padding:7px 9px;font:800 8px inherit;cursor:pointer}.etq254-small-btn.primary{background:#176ff2;color:#fff;border-color:#176ff2}.etq254-small-btn.danger{background:#fff0f2;color:#c43e4d;border-color:#f2c3c9}.etq254-small-btn.warn{background:#fff5e3;color:#966300;border-color:#efd39c}
.etq254-timer-label{flex:1;min-width:120px;height:34px;border:1px solid #dfe5ed;border-radius:8px;padding:0 9px;font:500 9px inherit;outline:none}.etq254-help-list{display:grid;gap:6px;max-height:150px;overflow:auto}.etq254-help{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;border:1px solid #e5eaf0;border-radius:9px;padding:8px;background:#fbfcfe}.etq254-help strong{font-size:9px}.etq254-help small{font-size:7px;color:#8a96a7;display:block;margin-top:2px}.etq254-help button{border:0;border-radius:7px;background:#e7f8ef;color:#138553;padding:6px 8px;font:900 7px inherit;cursor:pointer}
.etq254-note{width:100%;min-height:58px;border:1px solid #dfe5ed;border-radius:9px;padding:8px;font:500 9px/1.6 inherit;resize:vertical;outline:none}.etq254-marker-list{display:grid;gap:5px;max-height:120px;overflow:auto}.etq254-marker{border-right:3px solid #176ff2;background:#f7faff;border-radius:7px;padding:6px 8px}.etq254-marker b{font-size:8px;color:#314761}.etq254-marker span{font-size:7px;color:#7e8b9d;margin-right:6px}
.etq254-random-result{display:none;margin-top:8px;background:linear-gradient(135deg,#edf4ff,#edf6f3);border:1px solid #d4dff6;border-radius:11px;padding:11px;text-align:center}.etq254-random-result.show{display:block}.etq254-random-result small{font-size:8px;color:#7a8798}.etq254-random-result strong{display:block;font-size:16px;color:#203857;margin-top:3px}
.etq254-student-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2147483450;background:rgba(14,31,53,.95);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 40px rgba(0,0,0,.25);border-radius:15px;padding:8px;display:none;align-items:center;gap:6px;direction:rtl;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;backdrop-filter:blur(12px)}
.etq254-student-dock.open{display:flex}.etq254-student-mode{color:#dce7f5;font-size:9px;font-weight:900;padding:0 8px;white-space:nowrap}.etq254-student-btn{height:38px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:0 10px;font:800 9px inherit;cursor:pointer;white-space:nowrap}.etq254-student-btn.active.good{background:#128859}.etq254-student-btn.active.mid{background:#a9770e}.etq254-student-btn.active.bad{background:#bd4050}.etq254-student-btn.help{background:#176ff2}.etq254-student-btn.help.active{background:#d94b59}.etq254-student-timer{display:none;min-width:66px;height:36px;border-radius:8px;background:#fff3dc;color:#835700;align-items:center;justify-content:center;font:900 11px inherit;direction:ltr}.etq254-student-timer.show{display:flex}
.etq254-student-banner{position:fixed;top:86px;left:50%;transform:translateX(-50%);z-index:2147483440;background:#fff;border:1px solid #dfe6ef;box-shadow:0 8px 28px rgba(20,43,72,.12);border-radius:999px;padding:7px 12px;display:none;align-items:center;gap:7px;font:800 9px "Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;color:#4f6078;direction:rtl}.etq254-student-banner.show{display:flex}.etq254-student-banner i{width:7px;height:7px;border-radius:50%;background:#176ff2}
@media(max-width:1180px){.etq254-drawer{width:360px}.etq254-student-dock{max-width:94vw;overflow:auto}}



/* V258 — live-room only */
#liveRoomPage .etq258-stage{position:relative!important}
#liveRoomPage .etq258-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:24;pointer-events:none;touch-action:none}
#liveRoomPage .etq258-canvas.draw{pointer-events:auto;cursor:crosshair}
#liveRoomPage .etq258-wbbar{position:absolute;z-index:28;top:11px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:5px;padding:6px;background:rgba(13,29,50,.94);border:1px solid rgba(255,255,255,.13);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.22);direction:rtl;backdrop-filter:blur(12px)}
#liveRoomPage .etq258-wbbar.show{display:flex}.etq258-wbtn{height:34px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.07);color:#fff;border-radius:8px;padding:0 9px;font:800 10px "Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;cursor:pointer;margin:0;width:auto;white-space:nowrap}.etq258-wbtn.active{background:#176ff2}.etq258-wbtn.danger{background:#8f2636}.etq258-wdot{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid rgba(255,255,255,.8);vertical-align:middle;margin-left:4px}
.etq258-panel{position:fixed;z-index:2147483620;top:80px;right:16px;width:430px;max-height:calc(100vh - 98px);background:#fff;border:1px solid #dfe6ef;border-radius:16px;box-shadow:0 26px 75px rgba(12,31,56,.25);display:none;flex-direction:column;overflow:hidden;direction:rtl;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}.etq258-panel.open{display:flex}.etq258-phead{height:58px;padding:0 14px;border-bottom:1px solid #e8edf3;background:#f9fbfe;display:flex;align-items:center;justify-content:space-between}.etq258-phead strong{font-size:15px;color:#1b3151}.etq258-phead small{display:block;font-size:9px;color:#7c899b;margin-top:2px}.etq258-phead button{width:34px;height:34px;border:0;border-radius:9px;background:#edf2f8;color:#53627a;font:900 17px inherit;cursor:pointer}.etq258-pbody{padding:11px;overflow:auto;display:grid;gap:9px}.etq258-card{border:1px solid #e4e9f0;border-radius:12px;padding:10px;background:#fff}.etq258-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.etq258-title strong{font-size:12px;color:#263a57}.etq258-title small{font-size:8px;color:#8490a2}
.etq258-btn{border:1px solid #dfe6ef;background:#fff;color:#536279;border-radius:9px;padding:8px 10px;font:900 9px "Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;cursor:pointer}.etq258-btn.primary{background:#176ff2;color:#fff;border-color:#176ff2}.etq258-btn.success{background:#138a58;color:#fff;border-color:#138a58}.etq258-btn.warn{background:#fff5e4;color:#956300;border-color:#edd39e}.etq258-btn.danger{background:#fff0f2;color:#c23c4c;border-color:#f1c3c9}.etq258-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.etq258-input,.etq258-select,.etq258-textarea{width:100%;border:1px solid #dfe6ef;border-radius:8px;padding:8px;font:600 10px "Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;outline:none}.etq258-select,.etq258-input{height:36px}.etq258-textarea{min-height:72px;resize:vertical}.etq258-grid2{display:grid;grid-template-columns:1fr 1fr;gap:7px}.etq258-note{font-size:9px;line-height:1.75;color:#64748b;background:#f6f9fd;border:1px solid #e4ebf4;border-radius:9px;padding:8px}
.etq258-writer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;border:1px solid #e4e9f0;border-radius:10px;padding:8px;margin-bottom:6px}.etq258-writer.on{background:#f2f8ff;border-color:#bcd6fb}.etq258-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font:900 11px inherit}.etq258-writer strong{font-size:10px}.etq258-writer small{display:block;font-size:8px;color:#8490a2}.etq258-writer button{border:1px solid #dfe6ef;background:#fff;border-radius:8px;padding:6px 8px;font:900 8px inherit;cursor:pointer}
.etq258-group{border:1px solid #e3e9f1;border-radius:11px;overflow:hidden;margin-bottom:7px}.etq258-group.mixed{border-color:#efc778}.etq258-ghead{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;background:#f8fafc}.etq258-ghead strong{font-size:10px}.etq258-ghead span{font-size:8px;color:#7c899b}.etq258-members{display:flex;gap:5px;flex-wrap:wrap;padding:8px}.etq258-member{display:inline-flex;align-items:center;gap:5px;border:1px solid #e5eaf0;border-radius:999px;padding:5px 7px;font-size:8px}.etq258-member i{width:8px;height:8px;border-radius:50%}.etq258-gactions{display:flex;gap:5px;padding:0 8px 8px}.etq258-gactions button{flex:1;border:1px solid #dfe6ef;background:#fff;border-radius:8px;padding:6px 4px;font:900 8px inherit;cursor:pointer}
.etq258-livebar{position:fixed;z-index:2147483500;top:84px;left:50%;transform:translateX(-50%);width:min(700px,92vw);display:none;background:rgba(13,29,50,.96);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:9px 12px;box-shadow:0 16px 45px rgba(0,0,0,.25);direction:rtl;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;backdrop-filter:blur(12px)}.etq258-livebar.show{display:block}.etq258-livebar-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.etq258-livebar strong{font-size:12px}.etq258-livebar small{display:block;color:#aebbd0;font-size:8px;margin-top:2px}.etq258-livebar b{font-size:16px;color:#ffd372;direction:ltr}.etq258-live-members{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.etq258-live-member{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 7px;font-size:8px}.etq258-live-member i{width:8px;height:8px;border-radius:50%}
.etq258-presenter{position:fixed;z-index:2147483520;bottom:76px;left:50%;transform:translateX(-50%);display:none;align-items:center;gap:6px;background:rgba(14,31,53,.96);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:8px;box-shadow:0 14px 40px rgba(0,0,0,.25);direction:rtl;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}.etq258-presenter.show{display:flex}.etq258-presenter span{font-size:9px;font-weight:900;padding:0 5px}.etq258-presenter button{height:34px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:0 9px;font:800 9px inherit;cursor:pointer}.etq258-presenter button.on{background:#138a58}
.etq258-preview{position:fixed;z-index:2147483510;bottom:126px;left:18px;width:210px;aspect-ratio:16/10;background:#111b2a;border:1px solid rgba(255,255,255,.16);border-radius:12px;overflow:hidden;display:none;box-shadow:0 16px 40px rgba(0,0,0,.28)}.etq258-preview.show{display:block}.etq258-preview video{width:100%;height:100%;object-fit:cover}.etq258-preview b{position:absolute;right:7px;bottom:6px;background:rgba(0,0,0,.58);color:#fff;border-radius:6px;padding:4px 6px;font:800 8px "Noto Sans Arabic",sans-serif}
.etq258-exit{position:fixed;z-index:2147483630;right:18px;bottom:18px;width:min(390px,92vw);background:#fff;border:1px solid #dfe6ef;border-radius:15px;box-shadow:0 20px 60px rgba(12,31,56,.24);display:none;padding:13px;direction:rtl;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif}.etq258-exit.show{display:block}.etq258-exit h3{margin:0;font-size:14px;color:#203653}.etq258-exit p{font-size:11px;line-height:1.8;color:#536279;margin:7px 0 9px}.etq258-exit textarea{width:100%;min-height:78px;border:1px solid #dfe6ef;border-radius:9px;padding:8px;font:600 10px inherit;resize:vertical}.etq258-exit button{margin-top:7px;width:100%;border:0;background:#176ff2;color:#fff;border-radius:9px;padding:9px;font:900 10px inherit;cursor:pointer}
.etq258-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.etq258-metric{background:#f7f9fc;border:1px solid #e8edf3;border-radius:9px;padding:8px;text-align:center}.etq258-metric b{display:block;font-size:16px;color:#203a5e}.etq258-metric span{display:block;font-size:8px;color:#7d899a;margin-top:2px}.etq258-response{border:1px solid #e5eaf0;border-radius:9px;padding:8px;margin-bottom:6px}.etq258-response strong{font-size:9px}.etq258-response p{margin:4px 0 0;font-size:9px;line-height:1.6;color:#596a80}
@media(max-width:1180px){.etq258-panel{right:10px;width:390px}.etq258-wbbar .lbl{display:none}}



:root{
 --etq-brand-900:#0A292D;--etq-brand-800:#0C3238;--etq-brand-700:#103C42;--etq-brand-600:#14766C;
 --etq-brand-100:#E2EFEB;--etq-brand-50:#F1F7F4;
 --etq-ink:#172033;--etq-ink-2:#344054;--etq-muted:#667085;--etq-line:#dfe4ec;--etq-surface:#fff;--etq-canvas:#f7f8fb;
 --etq-success:#166534;--etq-success-bg:#ecfdf3;--etq-danger:#b42318;--etq-danger-bg:#fff1f0;--etq-warning:#b45309;--etq-warning-bg:#fff7ed;
 --etq-blue:#1d4ed8;--etq-blue-bg:#eff6ff;
 --etq-radius:11px;--etq-shadow:0 6px 18px rgba(16,24,40,.07);
}
html,body{color:var(--etq-ink);}
button,input,select,textarea{font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;}
button{letter-spacing:0;}
button:focus-visible,[role="button"]:focus-visible,a:focus-visible{outline:3px solid rgba(91,60,157,.24)!important;outline-offset:2px!important;}

/* A single readable button language across all product surfaces. */
button[class*="btn"],button[class*="action"],button.secondary,button.logout,
#teacherWorkspacePage .tm-nav button,#studentWorkspacePage .clean-nav button,#studentWorkspacePage .sr-more-menu button,
#superAdminShell .sa-nav button,#superAdminShell .sa-quick button,#staffPage .admin-nav-btn{
 font-weight:800!important;line-height:1.35!important;text-rendering:optimizeLegibility;
}
button[class*="btn"]:not(.tm-icon-btn):not(.admin-icon-btn):not(.sr-icon-button):not(.etq232-icon-btn),
button[class*="action"]:not(.tm-icon-btn):not(.admin-icon-btn):not(.sr-icon-button),
button.secondary,button.logout{
 min-height:40px;font-size:12.5px!important;border-radius:var(--etq-radius)!important;
}

/* Primary / solid actions: dark surface, always white text. */
button.primary,.admin-btn:not(.secondary):not(.ghost),.sa-btn:not(.secondary):not(.ghost),.clean-primary,
.tv3-btn.primary,.ca-v114-btn.primary,.qb-v116 .btn.primary,.qb118-btn.primary,.qb121-btn.primary,.qbv122 .qb-btn.primary,
.qb-btn.primary,.etq232-btn.primary,.etq245-action.primary,.etq249-live-main-btn,.etq250-btn.primary,.etq258-btn.primary,
.tbr92-btn.primary,.tbr93-btn.primary,.tbr95-btn.primary,.tbr96-btn.primary,.tbr97-btn.primary,
[class*="tabarak-v"][class*="btn"].primary{
 background:var(--etq-brand-700)!important;border-color:var(--etq-brand-700)!important;color:#fff!important;
 box-shadow:0 5px 14px rgba(79,47,145,.16)!important;
}
button.primary:hover:not(:disabled),.admin-btn:hover:not(:disabled),.sa-btn:hover:not(:disabled),.clean-primary:hover:not(:disabled){
 background:var(--etq-brand-800)!important;border-color:var(--etq-brand-800)!important;color:#fff!important;transform:translateY(-1px);
}

/* Secondary / light actions: light surface, always dark text. */
button.secondary,button.logout,.admin-btn.secondary,.sa-btn.secondary,.sa-btn.ghost,.clean-secondary,
.tv3-btn:not(.primary),.ca-v114-btn.soft,.qb-v116 .btn.soft,.qb118-btn:not(.primary),.qb121-btn:not(.primary),
.qbv122 .qb-btn:not(.primary):not(.danger-solid),.etq249-live-ghost-btn,.etq250-btn.soft,.etq258-btn.soft,.crud-btn:not(.primary){
 background:#fff!important;border:1px solid #d7dce6!important;color:var(--etq-ink-2)!important;box-shadow:none!important;
}
button.secondary:hover:not(:disabled),button.logout:hover:not(:disabled),.sa-btn.secondary:hover:not(:disabled),.clean-secondary:hover:not(:disabled){
 background:#f8f9fc!important;border-color:#bcc5d2!important;color:#1f2937!important;
}

/* Destructive actions are unmistakable and readable. */
.admin-btn.danger,.sa-btn.danger,.danger-solid,.etq245-action.danger,.v86-danger-btn{
 background:var(--etq-danger)!important;border-color:var(--etq-danger)!important;color:#fff!important;
}
button.danger:not(.danger-solid):not(.admin-btn):not(.sa-btn):not(.etq245-action),.admin-icon-btn.danger,.tv47-btn.danger{
 background:var(--etq-danger-bg)!important;border-color:#fecaca!important;color:#9f1239!important;
}

/* Disabled actions never become white-on-light. */
button:disabled,.disabled,[aria-disabled="true"]{
 opacity:1!important;background:#eef1f5!important;border-color:#e0e5ec!important;color:#8b95a5!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important;
}

/* Navigation: quiet default, high-contrast selected state. */
#teacherWorkspacePage .tm-nav button,#studentWorkspacePage .clean-nav button,#superAdminShell .sa-nav button,#staffPage .admin-nav-btn{
 min-height:43px!important;font-size:13px!important;border-radius:10px!important;gap:10px!important;
}
#teacherWorkspacePage .tm-nav button:not(.active),#staffPage .admin-nav-btn:not(.active){color:#445268!important;background:transparent!important;}
#studentWorkspacePage .clean-nav button:not(.active){color:#dce5f2!important;background:transparent!important;}
#superAdminShell .sa-nav button:not(.active){color:#d8e0ec!important;background:transparent!important;}
#teacherWorkspacePage .tm-nav button.active,#staffPage .admin-nav-btn.active{
 background:var(--etq-brand-100)!important;color:var(--etq-brand-800)!important;
}
#studentWorkspacePage .clean-nav button.active,#studentWorkspacePage .clean-nav button:hover,
#superAdminShell .sa-nav button.active,#superAdminShell .sa-nav button:hover{
 background:var(--etq-brand-700)!important;color:#fff!important;
}

/* Icon buttons: predictable 40px hit target and legible glyph. */
.tm-icon-btn,.admin-icon-btn,.sr-icon-button,.etq232-icon-btn,.sa-menu{
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;
 background:#fff!important;border:1px solid #dce2ea!important;color:#344054!important;box-shadow:none!important;
}
.tm-icon-btn:hover,.admin-icon-btn:hover,.sr-icon-button:hover,.etq232-icon-btn:hover,.sa-menu:hover{
 background:var(--etq-brand-50)!important;border-color:#c7ded8!important;color:var(--etq-brand-700)!important;
}
.tm-icon-btn svg,.admin-icon-btn svg,.sr-icon-button svg,.etq232-icon-btn svg,.sa-menu svg{width:19px;height:19px;display:block;}

/* Fix legacy micro-buttons that became unreadable. */
.tv47-btn{min-height:36px!important;height:36px!important;padding:0 11px!important;font-size:12px!important;color:#103c42!important;background:#fff!important;border-color:#c7ded8!important;}
.tv47-btn.move{width:36px!important;min-width:36px!important;padding:0!important;}
.v65-private-notice span{font-size:11px!important;}.v65-private-notice button{min-height:36px!important;font-size:12px!important;padding:8px 12px!important;}
.sa-perm-card p{font-size:11px!important}.sa-perm-card button{font-size:12px!important;min-height:36px!important;}
.qb118-btn,.qb121-btn,.qbv122 .qb-btn,.qb159-tabs button{font-size:12px!important;}

/* Current live room buttons inherit the same readable language. */
#liveRoomPage button,#etq245DesktopRoom button{font-family:inherit;}
#etq245DesktopRoom .etq245-action,#etq245DesktopRoom .etq245-wide-btn,#etq245DesktopRoom .etq245-top-action,
#liveRoomPage .etq254-small-btn,#liveRoomPage .etq258-btn,#liveRoomPage .etq258-wbtn{
 font-size:12px!important;font-weight:850!important;min-height:38px;
}

/* Modern SVG icon language. */
.etq259-ui-icon{width:20px;height:20px;min-width:20px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;vertical-align:middle;}
.etq259-ui-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.tm-nav .etq259-ui-icon,.clean-nav .etq259-ui-icon,.sa-nav .etq259-ui-icon,.admin-nav-btn .etq259-ui-icon{width:19px;height:19px;}
.sa-quick .etq259-ui-icon,.quick-icon .etq259-ui-icon,.kpi-icon .etq259-ui-icon{width:22px;height:22px;}
#tmNotifyBadge{background:#b42318!important;color:#fff!important;border:2px solid #fff!important;font-size:10px!important;min-width:18px!important;height:18px!important;line-height:14px!important;}

/* Clean surfaces and typography without flattening each page's identity. */
#teacherWorkspacePage,#studentWorkspacePage{--clean-line:#e1e6ee;}
#teacherWorkspacePage .tm-card,#studentWorkspacePage .clean-card,#superAdminShell .sa-card,#staffPage .admin-card{
 border-color:#e2e7ee!important;box-shadow:0 4px 16px rgba(16,24,40,.045)!important;
}
#teacherWorkspacePage h1,#teacherWorkspacePage h2,#teacherWorkspacePage h3,#studentWorkspacePage h1,#studentWorkspacePage h2,#studentWorkspacePage h3,#superAdminShell h2,#superAdminShell h3{color:var(--etq-ink);}

/* Runtime contrast correction marks. */
.etq259-force-light{color:#fff!important;}
.etq259-force-dark{color:#172033!important;}



/* Legacy low-contrast states discovered by the V259 audit. */
button:disabled,.disabled,[aria-disabled="true"]{color:#5f6b7a!important;}
.tm-empty,.sa-empty,.admin-empty,#teacherWorkspacePage .etq232-empty,.v227-empty,#teacherWorkspacePage .etq250-empty,.etq245-empty{color:#667085!important;}
.sa-table th,#adminDashboardView .dashboard-table th,.admin-table th{color:#596579!important;}
.tm-badge.warn{color:#92400e!important;background:#fff7ed!important;border-color:#fed7aa!important;}
.tm-badge.success{color:#166534!important;background:#ecfdf3!important;border-color:#bbf7d0!important;}
.tm-badge.danger{color:#9f1239!important;background:#fff1f2!important;border-color:#fecdd3!important;}
.chat-v234-badge{background:#be123c!important;color:#fff!important;}
#teacherWorkspacePage .etq232-badge{background:#be123c!important;color:#fff!important;}
#teacherWorkspacePage .etq250-lesson.completed .etq250-status-dot{background:#15803d!important;color:#fff!important;}
#liveRoomPage .v86-control.is-on{background:#15803d!important;color:#fff!important;}
.etq245-qopt.correct .etq245-letter{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important;}
.tm-stat.orange .icon,.etq232-kpi.orange .ic{color:#b45309!important;background:#fff7ed!important;}
.tm-stat.green .icon,.etq232-kpi.green .ic{color:#15803d!important;background:#ecfdf3!important;}
#teacherWorkspacePage .etq232-kpi.blue .ic{color:#1d4ed8!important;background:#eff6ff!important;}
.etq232-kpi.pink .ic{color:#103c42!important;background:#edf6f3!important;}
.etq232-quick .q4{color:#92400e!important;background:#fff7ed!important;}
.tv49-date.muted{color:#667085!important;background:#f2f4f7!important;}
#teacherWorkspacePage .etq249-enter-btn:disabled{color:#667085!important;background:#f0f3f6!important;}



#teacherWorkspacePage .etq232-inline-icon,
#teacherWorkspacePage .etq260-inline-icon,
#teacherWorkspacePage .etq260-brand-icon,
#teacherWorkspacePage .etq232-search-ic svg,
#teacherWorkspacePage .etq232-logo svg,
#teacherWorkspacePage .etq232-icon-btn svg,
#teacherWorkspacePage .tm-icon-btn svg{
  display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;
}
#teacherWorkspacePage .etq260-inline-icon,
#teacherWorkspacePage .etq232-icon-btn svg,
#teacherWorkspacePage .tm-icon-btn svg{width:20px;height:20px;stroke-width:1.9}
#teacherWorkspacePage .etq232-search-ic{display:grid;place-items:center;color:#667085}
#teacherWorkspacePage .etq232-search-ic svg{width:18px;height:18px;stroke-width:1.9}
#teacherWorkspacePage .etq232-logo{display:grid!important;place-items:center!important;color:#fff!important}
#teacherWorkspacePage .etq232-logo svg{width:23px;height:23px;stroke-width:1.8}
#teacherWorkspacePage .etq232-icon-btn,
#teacherWorkspacePage .tm-icon-btn{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  border-radius:12px!important;border:1px solid #e1e8f0!important;background:#fff!important;color:#223653!important;
  display:inline-grid!important;place-items:center!important;position:relative!important;padding:0!important;
  box-shadow:0 3px 12px rgba(15,23,42,.045)!important;transition:.18s ease!important;
}
#teacherWorkspacePage .etq232-icon-btn:hover,
#teacherWorkspacePage .tm-icon-btn:hover{
  color:#14766c!important;background:#edf6f3!important;border-color:#edf6f3!important;
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(79,70,229,.10)!important;
}
#teacherWorkspacePage #etq232NotifBtn{color:#23395d!important}
#teacherWorkspacePage #etq232NotifBtn:hover{color:#14766c!important}
#teacherWorkspacePage #etq232MsgBtn{color:#23395d!important}
#teacherWorkspacePage .etq232-badge,
#teacherWorkspacePage #tmNotifyBadge{
  position:absolute!important;inset-block-start:-5px!important;inset-inline-start:-5px!important;
  min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;
  display:grid;place-items:center;background:#d92d20!important;color:#fff!important;border:2px solid #fff!important;
  font-size:9px!important;font-weight:900!important;line-height:1!important;box-shadow:0 2px 7px rgba(217,45,32,.22)!important;
}
#teacherWorkspacePage .tm-nav .etq232-nav-ic:empty::before{content:'';display:block;width:18px;height:18px}



/* V261 — focused premium refinement for the canonical teacher workspace only. */
#teacherWorkspacePage{
  --etq261-ink:#17233f;--etq261-muted:#667085;--etq261-soft:#f6f8fc;
  --etq261-line:#e4e9f2;--etq261-primary:#46877f;--etq261-primary-dark:#14766c;
  --etq261-primary-soft:#edf6f3;--etq261-navy:#14213d;
}
#teacherWorkspacePage .tm-main{background:#f6f8fc!important}
#teacherWorkspacePage .tm-content{
  background:linear-gradient(180deg,#f7f9fc 0%,#f4f7fb 100%)!important;
  padding:24px 28px 40px!important;
}
#teacherWorkspacePage .tm-route{max-width:1480px!important}

/* Header: calmer hierarchy and better balance. */
#teacherWorkspacePage .tm-topbar{
  height:96px!important;padding:0 28px!important;gap:24px!important;
  grid-template-columns:minmax(300px,.9fr) minmax(330px,470px) minmax(330px,1.1fr)!important;
  background:rgba(255,255,255,.985)!important;border-bottom:1px solid #e7ebf2!important;
  box-shadow:0 1px 0 rgba(20,33,61,.015)!important;
}
#teacherWorkspacePage .etq232-userbox{gap:9px!important;min-width:0}
#teacherWorkspacePage .etq232-avatar{
  width:46px!important;height:46px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#edf6f3,#edf6f3)!important;color:#14766c!important;
  border:1px solid #edf6f3!important;font-size:15px!important;box-shadow:none!important;
}
#teacherWorkspacePage .etq232-userbox strong{font-size:13px!important;color:#1f2a44!important;white-space:nowrap}
#teacherWorkspacePage .etq232-userbox small{font-size:10px!important;color:#7b8495!important;white-space:nowrap}
#teacherWorkspacePage .etq232-icon-btn{
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;
  background:#fff!important;border:1px solid #dfe5ee!important;color:#263b5c!important;
  box-shadow:0 2px 8px rgba(15,23,42,.035)!important;
}
#teacherWorkspacePage .etq232-icon-btn:hover{background:#f5f6ff!important;border-color:#edf6f3!important;color:#14766c!important;transform:translateY(-1px)!important}
#teacherWorkspacePage .etq232-icon-btn:focus-visible{outline:3px solid rgba(91,85,231,.16)!important;outline-offset:2px!important}
#teacherWorkspacePage .etq232-search-wrap{max-width:470px!important;justify-self:center!important}
#teacherWorkspacePage .etq232-search{
  min-height:46px!important;border-radius:14px!important;background:#f7f8fc!important;
  border:1px solid #dfe5ef!important;color:#25324d!important;font-size:13px!important;
  padding-inline:44px 15px!important;
}
#teacherWorkspacePage .etq232-search::placeholder{color:#8b94a5!important}
#teacherWorkspacePage .etq232-search:focus{background:#fff!important;border-color:#c7ded8!important;box-shadow:0 0 0 4px rgba(91,85,231,.075)!important}
#teacherWorkspacePage .etq232-search-ic{color:#667085!important}
#teacherWorkspacePage .etq232-welcome{max-width:470px!important}
#teacherWorkspacePage .etq232-welcome strong{font-size:20px!important;color:#16213d!important;letter-spacing:0!important}
#teacherWorkspacePage .etq232-welcome small{font-size:10.5px!important;color:#788397!important;margin-top:5px!important}

/* KPI system: one coherent visual language, no rainbow palette. */
#teacherWorkspacePage .etq261-kpis{gap:14px!important;margin-bottom:16px!important}
#teacherWorkspacePage .etq261-kpi{
  min-height:112px!important;padding:17px 18px!important;border-radius:18px!important;
  border:1px solid #e3e8f0!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(25,37,67,.045)!important;overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
#teacherWorkspacePage .etq261-kpi::after{
  content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#46877f,#4b74d8);opacity:.88;
}
#teacherWorkspacePage .etq261-kpi:hover{transform:translateY(-2px)!important;box-shadow:0 13px 30px rgba(25,37,67,.07)!important;border-color:#d8dcf3!important}
#teacherWorkspacePage .etq261-kpi .ic{
  left:16px!important;top:16px!important;width:42px!important;height:42px!important;border-radius:13px!important;
  background:#edf6f3!important;color:#46877f!important;border:1px solid #edf6f3!important;
  display:grid!important;place-items:center!important;
}
#teacherWorkspacePage .etq261-kpi .ic svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#teacherWorkspacePage .etq261-kpi span{font-size:11.5px!important;font-weight:800!important;color:#59657a!important;letter-spacing:0!important}
#teacherWorkspacePage .etq261-kpi strong{font-size:28px!important;line-height:1!important;color:#14213d!important;margin-top:14px!important;font-weight:900!important}
#teacherWorkspacePage .etq261-kpi small{font-size:10px!important;line-height:1.6!important;color:#7b8495!important;margin-top:7px!important;max-width:78%}

/* Dashboard cards */
#teacherWorkspacePage .etq232-card{
  border:1px solid #e3e8f0!important;border-radius:18px!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(25,37,67,.04)!important;padding:18px!important;
}
#teacherWorkspacePage .etq232-card-head{margin-bottom:15px!important}
#teacherWorkspacePage .etq232-card-head h3{font-size:15px!important;color:#17233f!important;font-weight:900!important}
#teacherWorkspacePage .etq232-card-head button{font-size:10.5px!important;color:#14766c!important;font-weight:800!important;padding:5px 0!important}
#teacherWorkspacePage .etq232-card-head button:hover{color:#14766c!important}
#teacherWorkspacePage .etq232-subtitle{font-size:10px!important;color:#7d8798!important;margin-top:5px!important}

/* Groups: neutral cards + unified SVG. */
#teacherWorkspacePage .etq232-group-grid{gap:12px!important}
#teacherWorkspacePage .etq232-group-card,
#teacherWorkspacePage .etq232-group-card:nth-child(2n),
#teacherWorkspacePage .etq232-group-card:nth-child(3n){
  background:#fff!important;border:1px solid #e5e9f1!important;border-radius:15px!important;padding:15px!important;
  transition:.18s ease!important;
}
#teacherWorkspacePage .etq232-group-card:hover{border-color:#edf6f3!important;box-shadow:0 8px 20px rgba(40,49,80,.055)!important;transform:translateY(-1px)!important}
#teacherWorkspacePage .etq232-group-card .gicon{
  width:40px!important;height:40px!important;border-radius:12px!important;background:#edf6f3!important;color:#46877f!important;
  border:1px solid #edf6f3!important;margin-bottom:10px!important;
}
#teacherWorkspacePage .etq232-group-card .gicon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#teacherWorkspacePage .etq232-group-card strong{font-size:12px!important;color:#26324b!important}
#teacherWorkspacePage .etq232-group-card small{font-size:9.5px!important;color:#7c8697!important}
#teacherWorkspacePage .etq232-chip{background:#f8f9fc!important;border-color:#e5e9f0!important;color:#59657a!important;font-size:8.5px!important}

/* Quick actions: remove four unrelated colors. */
#teacherWorkspacePage .etq261-quick{gap:10px!important}
#teacherWorkspacePage .etq261-quick button,
#teacherWorkspacePage .etq261-quick .q1,#teacherWorkspacePage .etq261-quick .q2,#teacherWorkspacePage .etq261-quick .q3,#teacherWorkspacePage .etq261-quick .q4{
  min-height:88px!important;border:1px solid #e2e7f0!important;background:#fbfcfe!important;color:#26324b!important;
  border-radius:14px!important;padding:13px 10px!important;font-size:11px!important;font-weight:900!important;
  box-shadow:none!important;transition:.18s ease!important;
}
#teacherWorkspacePage .etq261-quick button:hover{background:#edf6f3!important;border-color:#edf6f3!important;color:#14766c!important;transform:translateY(-1px)!important}
#teacherWorkspacePage .etq261-quick button i{
  width:36px;height:36px;border-radius:11px;background:#edf6f3;color:#46877f!important;display:grid;place-items:center!important;
  font-style:normal!important;margin-bottom:2px!important;
}
#teacherWorkspacePage .etq261-quick button i svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#teacherWorkspacePage .etq261-quick button span{font-size:11px!important;color:inherit!important}

/* Schedule/readability */
#teacherWorkspacePage .etq232-schedule-row{border-color:#e7eaf1!important;background:#fff!important;padding:12px 13px!important}
#teacherWorkspacePage .etq232-schedule-row.now{background:#edf6f3!important;border-color:#edf6f3!important}
#teacherWorkspacePage .etq232-schedule-row strong{font-size:11.5px!important;color:#25324a!important}
#teacherWorkspacePage .etq232-schedule-row small{font-size:9.5px!important;color:#7b8494!important}
#teacherWorkspacePage .etq232-time{font-size:10px!important;color:#14766c!important}
#teacherWorkspacePage .etq232-status{font-size:8.5px!important;font-weight:800!important}
#teacherWorkspacePage .etq232-list-row strong{font-size:10.5px!important;color:#26324b!important}
#teacherWorkspacePage .etq232-list-row small{font-size:9px!important;color:#7b8495!important}

/* Keep all inline V261 icons coherent. */
#teacherWorkspacePage .etq261-svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1260px){
  #teacherWorkspacePage .tm-topbar{grid-template-columns:minmax(280px,.9fr) minmax(300px,430px) minmax(290px,1fr)!important;gap:16px!important;padding:0 20px!important}
  #teacherWorkspacePage .etq261-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  #teacherWorkspacePage .tm-topbar{grid-template-columns:auto minmax(240px,1fr) auto!important}
  #teacherWorkspacePage .etq232-search-wrap{max-width:none!important}
}
@media(max-width:760px){
  #teacherWorkspacePage .tm-topbar{height:76px!important;padding:0 11px!important}
  #teacherWorkspacePage .etq261-kpis{grid-template-columns:1fr 1fr!important}
  #teacherWorkspacePage .tm-content{padding:14px 11px 28px!important}
}
@media(max-width:480px){#teacherWorkspacePage .etq261-kpis{grid-template-columns:1fr!important}}



/* V262 — teacher hamburger is a responsive control, never a desktop decoration. */
#teacherWorkspacePage #etq232Menu.etq232-mobile-menu{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media (max-width:760px){
  #teacherWorkspacePage #etq232Menu.etq232-mobile-menu{
    display:inline-flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    align-items:center!important;
    justify-content:center!important;
  }
}



#teacherWorkspacePage .etq263-profile-grid{grid-template-columns:260px 1fr!important}
#teacherWorkspacePage .etq263-profile-card{padding:24px!important}
#teacherWorkspacePage .etq263-photo-shell{position:relative;width:max-content;margin:0 auto 14px}
#teacherWorkspacePage .etq263-profile-big{width:128px!important;height:128px!important;margin:0!important;border:4px solid #fff;box-shadow:0 10px 28px rgba(20,32,60,.12);background:linear-gradient(145deg,#eef3ff,#edf6f3);color:#103c42;font-size:31px!important;font-weight:900}
#teacherWorkspacePage .etq263-photo-status{position:absolute;bottom:2px;right:-8px;background:#fff;border:1px solid #e2e8f0;color:#58657a;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;box-shadow:0 5px 15px rgba(15,23,42,.08)}
#teacherWorkspacePage .etq263-profile-meta{display:block;color:#64748b;margin:6px 0 16px;font-size:12px}
#teacherWorkspacePage .etq263-profile-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
#teacherWorkspacePage .etq263-upload-btn{display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;min-height:40px!important;font-size:12px!important}
#teacherWorkspacePage .etq263-remove-btn{display:none;align-items:center;justify-content:center;min-height:40px!important;font-size:12px!important;color:#b42335!important;border-color:#f1c9cf!important;background:#fff!important}
#teacherWorkspacePage .etq263-avatar-hint{margin-top:12px;font-size:10.5px;line-height:1.7;color:#768399}
.etq263-admin-person{display:flex;align-items:center;gap:10px;min-width:190px}
.etq263-admin-person>span:last-child{min-width:0}
.etq263-admin-avatar,.etq263-student-live-avatar{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;flex:none;overflow:hidden;background:linear-gradient(145deg,#eaf0ff,#edf6f3);color:#103c42;font-size:12px;font-weight:900;border:1px solid #dce4f1}
.etq263-admin-avatar.neutral{background:#f1f5f9;color:#64748b}
.etq263-admin-avatar img,.etq263-student-live-avatar img,#liveRoomPage #v65TeacherAvatar img,.etq263-teacher-chip img{width:100%;height:100%;object-fit:cover;display:block}
.etq263-student-live-main{display:flex;align-items:center;gap:11px;min-width:0}
.etq263-student-live-avatar{width:44px;height:44px}
.etq263-live-teacher-name{font-size:11px;color:#59687e;margin-top:4px;font-weight:700}
.etq263-teacher-chip{display:flex;align-items:center;gap:7px;margin-top:10px;padding:7px 9px;border:1px solid #e5eaf2;border-radius:10px;background:#fafcff;width:max-content;max-width:100%;font-size:11px;color:#526177;pointer-events:none}
.etq263-teacher-chip .etq263-chip-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#ebeefe;color:#14766c;font-weight:900;flex:none}
.etq263-teacher-chip strong{font-size:11px!important;color:#263852;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
#liveRoomPage #v65TeacherAvatar{overflow:hidden!important}
#liveRoomPage #v65TeacherAvatar img{border-radius:inherit}
@media(max-width:760px){#teacherWorkspacePage .etq263-profile-grid{grid-template-columns:1fr!important}.etq263-student-live-card{align-items:flex-start!important;flex-direction:column}.etq263-student-live-card>div:last-child{width:100%;justify-content:flex-end}}



#teacherWorkspacePage .etq264-profile-head{align-items:center!important;margin-bottom:18px!important}
#teacherWorkspacePage .etq264-page-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;background:#edf6f3;color:#14766c;border:1px solid #edf6f3;font-size:12px;font-weight:900}
#teacherWorkspacePage .etq264-account-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start;direction:rtl}
#teacherWorkspacePage .etq264-account-aside{grid-column:2;position:sticky;top:0;padding:24px 20px!important;text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px}
#teacherWorkspacePage .etq264-account-main{grid-column:1;display:grid;gap:16px;min-width:0}
#teacherWorkspacePage .etq264-profile-name{font-size:18px;color:#17213a;margin-top:3px}
#teacherWorkspacePage .etq264-photo-actions{justify-content:center;width:100%;margin-top:7px}
#teacherWorkspacePage .etq264-visibility-note{width:100%;box-sizing:border-box;display:flex;gap:10px;align-items:center;text-align:right;background:#f3fbf7;border:1px solid #d7f0e2;border-radius:12px;padding:11px 12px;margin-top:8px;color:#24553d}
#teacherWorkspacePage .etq264-note-icon{width:27px;height:27px;border-radius:8px;background:#dff5e8;display:grid;place-items:center;font-weight:900;flex:none}
#teacherWorkspacePage .etq264-visibility-note strong{display:block;font-size:12px}.etq264-visibility-note small{display:block;margin-top:2px;font-size:10px;color:#547463;line-height:1.6}
#teacherWorkspacePage .etq264-account-card{padding:20px!important}
#teacherWorkspacePage .etq264-card-title{display:flex;align-items:center;gap:11px;padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid #eceff5}
#teacherWorkspacePage .etq264-title-icon{width:36px;height:36px;border-radius:11px;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-size:13px;font-weight:900;flex:none}
#teacherWorkspacePage .etq264-card-title h3{margin:0;font-size:16px;color:#17213a}.etq264-card-title p{margin:3px 0 0;font-size:11px;color:#758198;line-height:1.7}
#teacherWorkspacePage .etq264-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#teacherWorkspacePage .etq264-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#354158}
#teacherWorkspacePage .etq264-form-grid label.full{grid-column:1/-1}
#teacherWorkspacePage .etq264-form-grid input,#teacherWorkspacePage .etq264-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #dfe4ed;border-radius:11px;background:#fff;color:#17213a;padding:0 12px;font:600 13px inherit;outline:none;transition:.18s ease}
#teacherWorkspacePage .etq264-form-grid input{height:44px}
#teacherWorkspacePage .etq264-form-grid textarea{min-height:118px;padding-top:11px;resize:vertical;line-height:1.7}
#teacherWorkspacePage .etq264-form-grid input:focus,#teacherWorkspacePage .etq264-form-grid textarea:focus{border-color:#46877f;box-shadow:0 0 0 3px rgba(105,84,216,.09)}
#teacherWorkspacePage .etq264-form-grid input:disabled{background:#f7f8fb;color:#6d778b}
#teacherWorkspacePage .etq264-actions{display:flex;justify-content:flex-start;margin-top:14px}
#teacherWorkspacePage .etq264-actions .tm-primary,#teacherWorkspacePage .etq264-actions .tm-secondary{min-width:160px;min-height:42px}
#teacherWorkspacePage .etq264-msg{min-height:20px;margin-top:9px;font-size:11px;font-weight:700}.etq264-msg.success{color:#18794e}.etq264-msg.error{color:#b42318}
@media(max-width:980px){#teacherWorkspacePage .etq264-account-layout{grid-template-columns:1fr}#teacherWorkspacePage .etq264-account-aside,#teacherWorkspacePage .etq264-account-main{grid-column:1;position:static}#teacherWorkspacePage .etq264-account-aside{display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:right}#teacherWorkspacePage .etq264-account-aside .etq263-photo-shell{grid-row:1/5}.etq264-photo-actions,.etq263-avatar-hint,.etq264-visibility-note{grid-column:1/-1}}
@media(max-width:620px){#teacherWorkspacePage .etq264-form-grid{grid-template-columns:1fr}#teacherWorkspacePage .etq264-form-grid label.full{grid-column:auto}#teacherWorkspacePage .etq264-account-card{padding:15px!important}#teacherWorkspacePage .etq264-page-badge{display:none}}



/* V265 — Teacher sidebar: fixed utility footer + scroll-safe navigation */
#teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 248px!important}
#teacherWorkspacePage .tm-sidebar{width:248px!important;padding:14px 12px 12px!important;gap:0!important;overflow:hidden!important;background:linear-gradient(180deg,#111c38 0%,#0c152d 100%)!important;box-shadow:-8px 0 30px rgba(15,25,52,.10)!important}
#teacherWorkspacePage .etq232-brand{padding:4px 8px 13px!important;margin:0 0 8px!important;flex:none!important}
#teacherWorkspacePage .etq232-logo{width:38px!important;height:38px!important;border-radius:12px!important;box-shadow:none!important}
#teacherWorkspacePage .etq232-logo svg{width:21px!important;height:21px!important}
#teacherWorkspacePage .etq232-brand strong{font-size:20px!important;line-height:1.2!important}
#teacherWorkspacePage .etq232-brand small{font-size:10px!important;margin-top:2px!important;color:#aebad4!important}
#teacherWorkspacePage #tmNav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1px 2px 8px!important;gap:2px!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.16) transparent!important}
#teacherWorkspacePage #tmNav::-webkit-scrollbar{width:4px}#teacherWorkspacePage #tmNav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:99px}
#teacherWorkspacePage #tmNav button{min-height:39px!important;height:39px!important;padding:0 10px!important;border-radius:10px!important;gap:10px!important;color:#cbd5e8!important;font-size:13px!important;flex:none!important;white-space:nowrap!important;overflow:hidden!important}
#teacherWorkspacePage #tmNav button .etq232-nav-ic{width:22px!important;min-width:22px!important;height:22px!important;color:#93a5c8!important}
#teacherWorkspacePage #tmNav button .etq232-nav-ic svg{width:19px!important;height:19px!important}
#teacherWorkspacePage #tmNav button .etq232-nav-label{font-size:13px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important;font-weight:650!important}
#teacherWorkspacePage #tmNav button:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}
#teacherWorkspacePage #tmNav button.active{background:rgba(23,168,137,.20)!important;color:#fff!important;box-shadow:inset -3px 0 0 #c7ded8!important}
#teacherWorkspacePage #tmNav button.active .etq232-nav-ic{color:#c7ded8!important}
#teacherWorkspacePage .etq265-nav-sep{height:1px;background:rgba(255,255,255,.075);margin:6px 8px;flex:none}
#teacherWorkspacePage .etq232-side-spacer,#teacherWorkspacePage .etq232-side-sep,#teacherWorkspacePage .etq232-help{display:none!important}
#teacherWorkspacePage .etq265-side-footer{flex:none!important;border-top:1px solid rgba(255,255,255,.09);padding:9px 2px 0;display:grid;gap:5px;background:#103C42}
#teacherWorkspacePage .etq265-help-button,#teacherWorkspacePage .etq265-logout-button{width:100%;border:0;border-radius:11px;min-height:42px;padding:7px 9px;display:flex;align-items:center;gap:9px;direction:rtl;font-family:inherit;cursor:pointer;text-align:right;transition:.16s}
#teacherWorkspacePage .etq265-help-button{background:rgba(255,255,255,.055);color:#eef2ff}
#teacherWorkspacePage .etq265-help-button:hover,#teacherWorkspacePage .etq265-help-button.active{background:rgba(23,168,137,.18);box-shadow:inset -3px 0 0 #c7ded8}
#teacherWorkspacePage .etq265-logout-button{background:transparent;color:#f0aeb8;min-height:38px}
#teacherWorkspacePage .etq265-logout-button:hover{background:rgba(231,88,103,.10);color:#ffc4cc}
#teacherWorkspacePage .etq265-footer-icon{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.07);display:grid;place-items:center;flex:none;color:currentColor}
#teacherWorkspacePage .etq265-footer-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#teacherWorkspacePage .etq265-footer-copy{min-width:0;flex:1}.etq265-footer-copy strong{display:block;font-size:11.5px;line-height:1.25}.etq265-footer-copy small{display:block;font-size:9px;color:#98a7c3;margin-top:2px;white-space:nowrap}
#teacherWorkspacePage .etq265-footer-arrow{font-size:20px;color:#7f90b0;line-height:1}
@media(max-width:1180px){#teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 224px!important}#teacherWorkspacePage .tm-sidebar{width:224px!important}#teacherWorkspacePage .tm-topbar{grid-template-columns:220px minmax(240px,1fr) minmax(230px,1fr)!important}}
@media(max-width:760px){#teacherWorkspacePage .tm-sidebar{width:280px!important;max-width:88vw!important;padding:14px 12px 12px!important}#teacherWorkspacePage #tmNav button{height:42px!important;min-height:42px!important}}

/* Help Center */
#teacherWorkspacePage .etq265-help-hero{border:1px solid #e3e5f4;background:linear-gradient(135deg,#edf6f3 0%,#fff 68%);border-radius:22px;padding:22px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-bottom:14px;box-shadow:0 8px 28px rgba(35,48,84,.04)}
#teacherWorkspacePage .etq265-help-hero .eyebrow{font-size:11px;font-weight:900;color:#46877f}#teacherWorkspacePage .etq265-help-hero h1{font-size:27px;margin:4px 0 5px;color:#14213f}#teacherWorkspacePage .etq265-help-hero p{font-size:13px;color:#65738c;line-height:1.8;margin:0;max-width:700px}
#teacherWorkspacePage .etq265-help-search{margin-top:15px;max-width:680px;position:relative}.etq265-help-search span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#46877f;width:20px;height:20px}.etq265-help-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.etq265-help-search input{width:100%;border:1px solid #dadff0;background:#fff;border-radius:13px;padding:11px 42px 11px 12px;font:inherit;font-size:13px;outline:none}.etq265-help-search input:focus{border-color:#c7ded8;box-shadow:0 0 0 4px rgba(101,87,232,.08)}
#teacherWorkspacePage .etq265-help-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-self:center}.etq265-help-stats div{background:#fff;border:1px solid #e6e9f3;border-radius:15px;padding:15px 10px;text-align:center}.etq265-help-stats strong{display:block;font-size:25px;color:#29385b}.etq265-help-stats span{font-size:10.5px;color:#78849a}
#teacherWorkspacePage .etq265-help-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:14px;align-items:start}.etq265-help-main{display:grid;gap:14px}.etq265-help-side{display:grid;gap:14px}.etq265-help-card{background:#fff;border:1px solid #e4e8f1;border-radius:18px;padding:17px;box-shadow:0 5px 18px rgba(35,48,84,.03)}.etq265-help-card.sticky{position:sticky;top:4px}.etq265-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.etq265-section-head h2{font-size:16px;margin:0;color:#1a2846}.etq265-section-head p{font-size:11px;margin:3px 0 0;color:#7d899e}.etq265-count{min-width:28px;height:28px;border-radius:9px;background:#edf6f3;color:#14766c;display:grid;place-items:center;font-size:11px;font-weight:900}
#teacherWorkspacePage .etq265-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.etq265-topic-grid button{border:1px solid #e6e9f2;background:#fbfcff;border-radius:13px;padding:13px 10px;text-align:right;cursor:pointer;font:inherit;color:#243351;min-height:104px;transition:.16s}.etq265-topic-grid button:hover{border-color:#c7ded8;background:#edf6f3;transform:translateY(-1px)}.etq265-topic-grid button>span{width:34px;height:34px;border-radius:10px;background:#edf6f3;color:#46877f;display:grid;place-items:center;margin-bottom:8px}.etq265-topic-grid svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.etq265-topic-grid strong{display:block;font-size:12px}.etq265-topic-grid small{display:block;font-size:9px;color:#8b95a8;margin-top:3px}
#teacherWorkspacePage .etq265-faq{border-bottom:1px solid #edf0f5;padding:0}.etq265-faq:last-child{border-bottom:0}.etq265-faq summary{list-style:none;cursor:pointer;padding:12px 3px;display:flex;justify-content:space-between;gap:10px;align-items:center}.etq265-faq summary::-webkit-details-marker{display:none}.etq265-faq summary span{font-size:12.5px;font-weight:800;color:#273551}.etq265-faq summary small{font-size:9px;color:#14766c;background:#edf6f3;border-radius:999px;padding:4px 7px;white-space:nowrap}.etq265-faq>div{padding:0 4px 13px;font-size:11.5px;color:#69768b;line-height:1.9}
#teacherWorkspacePage .etq265-support-form{display:grid;gap:10px}.etq265-support-form label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#48566f}.etq265-support-form input,.etq265-support-form select,.etq265-support-form textarea{width:100%;box-sizing:border-box;border:1px solid #dde2ed;border-radius:11px;padding:10px 11px;font:inherit;font-size:12px;background:#fff;color:#1f2d49;outline:none}.etq265-support-form textarea{min-height:120px;resize:vertical;line-height:1.7}.etq265-support-form input:focus,.etq265-support-form select:focus,.etq265-support-form textarea:focus{border-color:#c7ded8;box-shadow:0 0 0 3px rgba(101,87,232,.07)}.etq265-support-submit{min-height:42px;border:0;border-radius:11px;background:#14766c;color:#fff!important;font:800 12px inherit;cursor:pointer}.etq265-support-submit:hover{background:#14766c}.etq265-form-msg{min-height:15px;font-size:10px;color:#a54250}.etq265-help-empty{padding:22px;border:1px dashed #d9deea;border-radius:12px;background:#fbfcfe;text-align:center;color:#7f8a9d;font-size:11px}.etq265-help-loading{padding:40px;text-align:center;color:#78849a}
#teacherWorkspacePage .etq265-ticket-list{display:grid;gap:10px}.etq265-ticket{border:1px solid #e5e9f1;border-radius:14px;padding:13px;background:#fff}.etq265-ticket-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.etq265-ticket-head h4{font-size:13px;margin:2px 0 2px;color:#243250}.etq265-ticket-head p{font-size:9px;color:#8993a6;margin:0}.etq265-ticket-no{font-size:9px;font-weight:900;color:#46877f}.etq265-ticket-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.etq265-ticket-tags span{font-size:8.5px;padding:4px 7px;border-radius:999px;font-weight:800}.etq265-ticket-tags .status{background:#eef1f6;color:#526078}.etq265-ticket-tags .status.new{background:#eef0ff;color:#14766c}.etq265-ticket-tags .status.in_progress{background:#eaf5ff;color:#176aa8}.etq265-ticket-tags .status.waiting_teacher{background:#fff4de;color:#8b5900}.etq265-ticket-tags .status.resolved{background:#e8f7ef;color:#18764a}.etq265-ticket-tags .priority{background:#f5f6f8;color:#697488}.etq265-ticket-tags .priority.high,.etq265-ticket-tags .priority.urgent{background:#fff0f1;color:#ad3443}.etq265-ticket-desc{font-size:11.5px;line-height:1.8;color:#5f6d83;background:#f9fafc;border-radius:9px;padding:9px 10px;margin-top:9px}.etq265-ticket-thread{margin-top:9px;display:grid;gap:6px}.etq265-support-msg{max-width:88%;padding:8px 10px;border-radius:10px;background:#f2f4f8}.etq265-support-msg.admin{background:#edf6f3;margin-right:auto}.etq265-support-msg strong{font-size:9.5px;color:#42506a}.etq265-support-msg p{font-size:10.5px;line-height:1.7;margin:3px 0;color:#4f5c70}.etq265-support-msg small{font-size:8px;color:#929bad}.etq265-ticket-reply{display:flex;gap:7px;margin-top:9px}.etq265-ticket-reply input{flex:1;border:1px solid #dfe4ed;border-radius:9px;padding:8px 10px;font:inherit;font-size:11px}.etq265-ticket-reply button{border:0;border-radius:9px;background:#263758;color:#fff!important;padding:8px 12px;font:800 10px inherit;cursor:pointer}
#teacherWorkspacePage .etq265-contact-card{text-align:center}.etq265-contact-card>span{width:48px;height:48px;border-radius:14px;background:#edf6f3;color:#46877f;display:grid;place-items:center;margin:0 auto 8px}.etq265-contact-card>span svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.etq265-contact-card h3{font-size:14px;margin:0}.etq265-contact-card p{font-size:10.5px;color:#7c879a;line-height:1.7}.etq265-contact-card button{width:100%;border:1px solid #dcdff0;background:#fff;color:#14766c;border-radius:10px;padding:9px;font:800 11px inherit;cursor:pointer}
@media(max-width:1100px){#teacherWorkspacePage .etq265-help-hero,#teacherWorkspacePage .etq265-help-layout{grid-template-columns:1fr}.etq265-help-side{grid-template-columns:1fr 1fr}.etq265-help-card.sticky{position:static}.etq265-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#teacherWorkspacePage .etq265-help-stats{grid-template-columns:repeat(3,1fr)}#teacherWorkspacePage .etq265-topic-grid{grid-template-columns:1fr 1fr}.etq265-help-side{grid-template-columns:1fr}.etq265-help-hero{padding:16px}.etq265-help-hero h1{font-size:22px}.etq265-ticket-head{flex-direction:column}.etq265-ticket-tags{justify-content:flex-start}}


#saSupportTicketsV265View .etq265-admin-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.etq265-admin-summary div,.etq265-admin-ticket{background:#fff;border:1px solid #e2e9ed;border-radius:16px;padding:14px}.etq265-admin-summary b{display:block;font-size:23px;color:#174b53}.etq265-admin-summary span{font-size:10px;color:#738791}.etq265-admin-list{display:grid;gap:10px}.etq265-admin-ticket-head{display:flex;justify-content:space-between;gap:12px}.etq265-admin-ticket-head h4{margin:4px 0;font-size:14px}.etq265-admin-ticket-head small{color:#738791;font-size:10px}.etq265-admin-ticket-head>span{background:#eef6f5;color:#176f73;border-radius:99px;padding:5px 8px;font-size:10px;height:max-content}.etq265-admin-ticket>p{background:#f7faf9;padding:9px;border-radius:10px;font-size:11px;line-height:1.8}.etq265-admin-thread{display:grid;gap:5px;margin:8px 0}.etq265-admin-thread div{background:#f3f6f6;border-radius:9px;padding:7px}.etq265-admin-thread div.admin{background:#eaf5f3}.etq265-admin-thread b{font-size:9px;display:block}.etq265-admin-thread span{font-size:10px}.etq265-admin-ticket form{display:grid;grid-template-columns:1fr 160px auto;gap:7px;margin-top:8px}.etq265-admin-ticket textarea,.etq265-admin-ticket select{border:1px solid #dbe4e6;border-radius:9px;padding:8px;font:inherit;font-size:10px;resize:vertical}.etq265-admin-ticket button{border:0;background:#176f73;color:#fff;border-radius:9px;padding:8px 11px;font:700 10px inherit}@media(max-width:800px){.etq265-admin-summary{grid-template-columns:1fr 1fr!important}.etq265-admin-ticket form{grid-template-columns:1fr!important}}


/* V266 — Mastery learning system */
.etq266-wrap{display:grid;gap:16px;color:#17233f}.etq266-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.etq266-head h1{margin:0;font-size:23px}.etq266-head p{margin:5px 0 0;color:#748096;font-size:12px;line-height:1.8}.etq266-actions{display:flex;gap:8px;flex-wrap:wrap}.etq266-btn{border:1px solid #dfe4ed;background:#fff;color:#344054;border-radius:10px;min-height:40px;padding:0 13px;font:800 12px inherit;cursor:pointer}.etq266-btn.primary{background:#46877f;color:#fff;border-color:#46877f}.etq266-btn.good{background:#eaf8f0;color:#18794e;border-color:#ccebd9}.etq266-btn.warn{background:#fff6e8;color:#9a6700;border-color:#f1d8a5}.etq266-btn.danger{background:#fff0f1;color:#b42318;border-color:#f0c5c9}.etq266-btn:disabled{opacity:.45;cursor:not-allowed}.etq266-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.etq266-kpi{background:#fff;border:1px solid #e7ebf2;border-radius:15px;padding:14px}.etq266-kpi small{display:block;color:#78849a;font-size:10px}.etq266-kpi strong{display:block;margin-top:5px;font-size:24px;color:#17233f}.etq266-card{background:#fff;border:1px solid #e5e9f1;border-radius:16px;padding:16px;box-shadow:0 5px 18px rgba(25,40,75,.035)}.etq266-card h3{margin:0;font-size:15px}.etq266-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}.etq266-muted{color:#7b879a;font-size:10.5px;line-height:1.75}.etq266-filter{display:flex;gap:8px;flex-wrap:wrap}.etq266-filter select,.etq266-input,.etq266-select,.etq266-textarea{border:1px solid #dfe4ed;border-radius:10px;background:#fff;color:#18243b;font:600 12px inherit;outline:none}.etq266-filter select,.etq266-input,.etq266-select{height:40px;padding:0 10px}.etq266-textarea{width:100%;min-height:85px;padding:10px;resize:vertical}.etq266-tree{display:grid;gap:10px}.etq266-point{border:1px solid #e5e9f1;border-radius:14px;padding:13px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.etq266-point-main{min-width:0}.etq266-breadcrumb{font-size:9.5px;color:#8b95a7;margin-bottom:4px}.etq266-point h4{margin:0;font-size:14px}.etq266-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.etq266-chip{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:#f4f6fa;color:#596579;font-size:9.5px;font-weight:800}.etq266-chip.good{background:#eaf8f0;color:#18794e}.etq266-chip.warn{background:#fff4df;color:#956300}.etq266-chip.bad{background:#fff0f1;color:#b42318}.etq266-chip.purple{background:#edf6f3;color:#14766c}.etq266-point-actions{display:flex;gap:7px;align-items:center}.etq266-progress{height:7px;background:#edf0f5;border-radius:99px;overflow:hidden;margin-top:8px}.etq266-progress i{display:block;height:100%;background:#46877f;border-radius:inherit}.etq266-detail-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;align-items:start}.etq266-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.etq266-form label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#3c485d}.etq266-form label.full{grid-column:1/-1}.etq266-table-wrap{overflow:auto}.etq266-table{width:100%;border-collapse:collapse}.etq266-table th,.etq266-table td{padding:10px;border-bottom:1px solid #edf0f4;text-align:right;font-size:10.5px;vertical-align:middle}.etq266-table th{background:#fafbfc;color:#6f7a8d;white-space:nowrap}.etq266-question{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #edf0f4}.etq266-question:last-child{border-bottom:0}.etq266-qtitle{font-weight:800;font-size:11.5px;line-height:1.75}.etq266-qstats{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.etq266-alert{border:1px solid #f0d9a7;background:#fff8e8;color:#72520a;border-radius:11px;padding:10px 12px;font-size:10.5px;line-height:1.7}.etq266-empty{padding:28px;text-align:center;border:1px dashed #dfe4ec;border-radius:13px;color:#7b8798;background:#fafbfc}.etq266-modal{position:fixed;inset:0;z-index:2147483600;background:rgba(15,23,42,.46);display:flex;align-items:center;justify-content:center;padding:18px}.etq266-modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.22);direction:rtl}.etq266-modal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.etq266-modal-head h3{margin:0}.etq266-close{width:38px;height:38px;border:0;border-radius:10px;background:#f2f4f7;cursor:pointer;font-size:20px}.etq266-student-shell{display:grid;gap:15px}.etq266-student-point{background:#fff;border:1px solid #e4e9f1;border-radius:15px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.etq266-status{font-size:10px;font-weight:900}.etq266-video-card video{width:100%;max-height:55vh;border-radius:14px;background:#0b1220}.etq266-video-progress{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:11px}.etq266-test-q{border:1px solid #e5e9f1;border-radius:13px;padding:14px;margin-bottom:10px}.etq266-test-q h4{margin:0 0 10px;font-size:13px;line-height:1.8}.etq266-option{display:flex;gap:8px;align-items:flex-start;border:1px solid #e1e6ee;border-radius:10px;padding:9px;margin:6px 0;cursor:pointer}.etq266-option:has(input:checked){border-color:#46877f;background:#edf6f3}.etq266-review-correct{border-color:#bfe3cc!important;background:#effaf3!important}.etq266-review-wrong{border-color:#efc2c6!important;background:#fff2f2!important}.etq266-review-answer{margin-top:8px;padding:8px;border-radius:9px;background:#f7f8fb;font-size:10.5px;line-height:1.75}.etq266-countdown{font-weight:900;color:#8a5b00}.etq266-admin-policy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.etq266-admin-policy label{display:grid;gap:5px;font-size:10px;font-weight:800}.etq266-admin-policy input{height:39px;border:1px solid #dfe4ed;border-radius:9px;padding:0 9px}.etq266-admin-alert{border:1px solid #f0d6a4;background:#fffaf0;border-radius:13px;padding:12px;margin-bottom:8px}.etq266-admin-alert .meta{font-size:10px;color:#786a54;margin-top:5px}.etq266-admin-alert .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
#studentWorkspacePage .student-top-nav button[data-route="mastery"]{display:inline-flex}
#studentWorkspacePage .student-nav-more button[data-route="selftest"]{display:none!important}
@media(max-width:1100px){.etq266-kpis{grid-template-columns:repeat(3,1fr)}.etq266-detail-grid{grid-template-columns:1fr}.etq266-admin-policy{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.etq266-kpis{grid-template-columns:1fr 1fr}.etq266-point,.etq266-student-point{grid-template-columns:1fr}.etq266-point-actions{justify-content:flex-start}.etq266-form,.etq266-admin-policy{grid-template-columns:1fr}.etq266-form label.full{grid-column:auto}}



.etq267-resilience{border:1px solid #dbe3f0;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 8px 24px rgba(31,45,78,.05)}
.etq267-healthbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.etq267-metric{border:1px solid #e6eaf2;border-radius:14px;padding:12px;background:#fff}.etq267-metric small{display:block;color:#667085;font-size:10px;font-weight:800;margin-bottom:5px}.etq267-metric strong{font-size:20px;color:#17233f}
.etq267-health{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-size:10.5px;font-weight:900}.etq267-health.healthy{background:#ecfdf3;color:#027a48}.etq267-health.warning{background:#fffaeb;color:#b54708}.etq267-health.critical{background:#fff4e5;color:#c4320a}.etq267-health.emergency,.etq267-health.empty{background:#fef3f2;color:#b42318}
.etq267-note{margin-top:12px;border-radius:13px;padding:11px 12px;background:#f5f7ff;border:1px solid #e1e4ff;color:#434a69;font-size:11px;line-height:1.8}.etq267-note.good{background:#ecfdf3;border-color:#abefc6;color:#067647}.etq267-note.warn{background:#fffaeb;border-color:#fedf89;color:#93370d}.etq267-note.bad{background:#fef3f2;border-color:#fecdca;color:#b42318}
.etq267-quality-list{display:grid;gap:8px;margin-top:12px}.etq267-quality-item{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #e7eaf1;border-radius:12px;padding:10px 12px;background:#fff;font-size:11px}.etq267-quality-item b{font-size:11.5px}.etq267-quality-item .meta{color:#667085;font-size:10px;margin-top:3px}
.etq267-excluded{opacity:.78;border-style:dashed!important;background:#f8fafc!important}.etq267-excluded-badge{display:inline-flex;margin-top:8px;border-radius:999px;padding:5px 9px;background:#eef2f6;color:#475467;font-size:10px;font-weight:900}
.etq267-student-plan{margin:12px 0;border:1px solid #c7d7fe;background:#f5f8ff;border-radius:14px;padding:12px 14px;color:#344054;line-height:1.8;font-size:11px}.etq267-student-plan b{color:#14766c}
.etq267-admin-list{display:grid;gap:9px}.etq267-admin-row{border:1px solid #e7eaf1;border-radius:13px;padding:11px 12px;background:#fff}.etq267-admin-row strong{font-size:12px}.etq267-admin-row .meta{font-size:10px;color:#667085;margin-top:4px;line-height:1.7}
@media(max-width:900px){.etq267-healthbar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.etq267-healthbar{grid-template-columns:1fr}}



#etq268AttemptRates{margin-top:12px}
.etq268-rates{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px}
.etq268-rate{border:1px solid #e2e7f1;border-radius:14px;padding:12px;background:#fff}
.etq268-rate small{display:block;color:#667085;font-size:10px;margin-bottom:4px}
.etq268-rate strong{font-size:21px;color:#17233f}
.etq268-rate span{display:block;font-size:10px;color:#7b8496;margin-top:3px}
@media(max-width:920px){.etq268-rates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.etq268-rates{grid-template-columns:1fr}}



#teacherWorkspacePage .etq269-lib{direction:rtl;display:grid;gap:14px}
#teacherWorkspacePage .etq269-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fff;border:1px solid #edf6f3;border-radius:20px;padding:18px}
#teacherWorkspacePage .etq269-head h1{margin:3px 0 5px;font-size:24px;color:#103c42}
#teacherWorkspacePage .etq269-head p{margin:0;color:#7c7285;font-size:11px;line-height:1.8}
#teacherWorkspacePage .etq269-kicker{font-size:9px;font-weight:900;color:#14766c;letter-spacing:.4px}
#teacherWorkspacePage .etq269-actions{display:flex;gap:8px;flex-wrap:wrap}
#teacherWorkspacePage .etq269-actions .etq269-btn{pointer-events:auto!important;position:relative;z-index:3}
#teacherWorkspacePage .etq269-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:11px;padding:9px 13px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}
#teacherWorkspacePage .etq269-btn.primary{background:#14766c;border-color:#14766c;color:#fff}
#teacherWorkspacePage .etq269-btn.danger{color:#a92f3a;border-color:#edd2d5;background:#fff8f8}
#teacherWorkspacePage .etq269-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#teacherWorkspacePage .etq269-kpi{background:#fff;border:1px solid #edf6f3;border-radius:16px;padding:14px}
#teacherWorkspacePage .etq269-kpi span{display:block;font-size:9px;color:#83798b}.etq269-kpi strong{display:block;font-size:24px;color:#103c42;margin-top:3px}
#teacherWorkspacePage .etq269-card{background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:15px}
#teacherWorkspacePage .etq269-toolbar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,.6fr));gap:8px}
#teacherWorkspacePage .etq269-input,#teacherWorkspacePage .etq269-select{width:100%;border:1px solid #c7ded8;border-radius:10px;background:#fff;padding:9px 11px;font:inherit;font-size:10px;color:#103c42;box-sizing:border-box}
#teacherWorkspacePage .etq269-list{display:grid;gap:9px;margin-top:12px}
#teacherWorkspacePage .etq269-q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #edf6f3;border-radius:14px;padding:13px;background:#fff}
#teacherWorkspacePage .etq269-q h3{font-size:12px;line-height:1.8;margin:0 0 5px;color:#103c42}
#teacherWorkspacePage .etq269-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;color:#83798c;font-size:9px}
#teacherWorkspacePage .etq269-chip{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf6f3;color:#103c42;font-size:8px;font-weight:900}
#teacherWorkspacePage .etq269-chip.good{background:#edf8f2;color:#23754a}.etq269-chip.warn{background:#fff7e7;color:#986817}.etq269-chip.bad{background:#fff0f1;color:#a2323b}
#teacherWorkspacePage .etq269-q-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#teacherWorkspacePage .etq269-empty{text-align:center;padding:38px 15px;border:1px dashed #c7ded8;border-radius:14px;color:#82778c;background:#edf6f3}
.etq269-overlay{position:fixed;inset:0;background:rgba(28,22,36,.48);display:grid;place-items:center;z-index:99999;padding:18px;direction:rtl}
.etq269-dialog{width:min(850px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 24px 70px rgba(25,17,37,.25);padding:20px}
.etq269-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.etq269-dialog-head h2{margin:3px 0 4px;font-size:21px;color:#103c42}.etq269-dialog-head p{margin:0;color:#807588;font-size:10px;line-height:1.8}
.etq269-close{border:1px solid #edf6f3;background:#fff;border-radius:10px;width:36px;height:36px;cursor:pointer;font-size:18px;color:#103c42}
.etq269-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.etq269-form .full{grid-column:1/-1}.etq269-form label{display:grid;gap:5px;font-size:9px;font-weight:900;color:#62566c}
.etq269-form input,.etq269-form select,.etq269-form textarea{width:100%;box-sizing:border-box;border:1px solid #c7ded8;border-radius:10px;padding:10px;font:inherit;font-size:10px;background:#fff;color:#103c42}.etq269-form textarea{min-height:88px;resize:vertical}
.etq269-conditions{grid-column:1/-1;border:1px solid #edf6f3;border-radius:14px;background:#edf6f3;padding:12px;color:#655a70;font-size:10px;line-height:2}.etq269-conditions strong{display:block;color:#103c42;font-size:11px}.etq269-conditions ul{margin:5px 0 0;padding-right:18px}
.etq269-drop{grid-column:1/-1;border:1px dashed #c7ded8;border-radius:14px;padding:17px;text-align:center;background:#edf6f3}.etq269-drop input{margin-top:8px}
.etq269-msg{grid-column:1/-1;min-height:20px;padding:9px 11px;border-radius:10px;display:none;font-size:10px;line-height:1.8}.etq269-msg.show{display:block}.etq269-msg.ok{background:#edf8f2;color:#24754a}.etq269-msg.error{background:#fff0f1;color:#a1323c}.etq269-msg.info{background:#edf6f3;color:#103c42}
.etq269-foot{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;margin-top:2px}
#saQuestionBanksView .etq269-admin-policy{margin-top:16px;background:#fff;border:1px solid #edf6f3;border-radius:18px;padding:18px}
#saQuestionBanksView .etq269-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
#saQuestionBanksView .etq269-policy-box{border:1px solid #edf6f3;border-radius:13px;padding:13px;background:#edf6f3}
#saQuestionBanksView .etq269-policy-box strong{display:block;color:#103c42;font-size:12px;margin-bottom:6px}#saQuestionBanksView .etq269-policy-box p{margin:0;color:#786c81;font-size:10px;line-height:1.9}
#saQuestionBanksView .etq269-policy-table{width:100%;border-collapse:collapse;margin-top:12px}#saQuestionBanksView .etq269-policy-table th,#saQuestionBanksView .etq269-policy-table td{padding:8px;border-bottom:1px solid #edf6f3;text-align:right;font-size:10px}
@media(max-width:850px){#teacherWorkspacePage .etq269-kpis{grid-template-columns:1fr 1fr}#teacherWorkspacePage .etq269-toolbar{grid-template-columns:1fr 1fr}.etq269-form{grid-template-columns:1fr} .etq269-form .full{grid-column:auto}#saQuestionBanksView .etq269-policy-grid{grid-template-columns:1fr}}
@media(max-width:560px){#teacherWorkspacePage .etq269-head,#teacherWorkspacePage .etq269-q{grid-template-columns:1fr;display:grid}#teacherWorkspacePage .etq269-toolbar,#teacherWorkspacePage .etq269-kpis{grid-template-columns:1fr}}



#teacherWorkspacePage .etq272-native-open{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.etq272-target-modal{display:none;position:fixed;inset:0;z-index:2147483647;background:rgba(28,22,36,.55);padding:18px;direction:rtl;overflow:auto}
.etq272-target-modal:target{display:grid;place-items:center}
.etq272-target-dialog{width:min(860px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 24px 80px rgba(25,17,37,.30);padding:20px;box-sizing:border-box}
.etq272-target-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.etq272-target-head h2{margin:3px 0 4px;font-size:21px;color:#103c42}
.etq272-target-head p{margin:0;color:#807588;font-size:10px;line-height:1.8}
.etq272-close{width:36px;height:36px;border:1px solid #edf6f3;border-radius:10px;background:#fff;color:#103c42;text-decoration:none;display:grid;place-items:center;font-size:20px;flex:0 0 auto}
.etq272-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.etq272-form .full{grid-column:1/-1}
.etq272-form label{display:grid;gap:5px;font-size:9px;font-weight:900;color:#62566c}
.etq272-form input,.etq272-form select,.etq272-form textarea{width:100%;box-sizing:border-box;border:1px solid #c7ded8;border-radius:10px;padding:10px;font:inherit;font-size:10px;background:#fff;color:#103c42}
.etq272-form textarea{min-height:88px;resize:vertical}
.etq272-conditions{grid-column:1/-1;border:1px solid #edf6f3;border-radius:14px;background:#edf6f3;padding:12px;color:#655a70;font-size:10px;line-height:2}
.etq272-conditions strong{display:block;color:#103c42;font-size:11px}
.etq272-drop{grid-column:1/-1;border:1px dashed #c7ded8;border-radius:14px;padding:17px;text-align:center;background:#edf6f3}
.etq272-msg{grid-column:1/-1;min-height:20px;padding:9px 11px;border-radius:10px;display:none;font-size:10px;line-height:1.8}
.etq272-msg.show{display:block}.etq272-msg.ok{background:#edf8f2;color:#24754a}.etq272-msg.error{background:#fff0f1;color:#a1323c}.etq272-msg.info{background:#edf6f3;color:#103c42}
.etq272-foot{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;margin-top:2px}
.etq272-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:11px;padding:9px 13px;font:inherit;font-size:10px;font-weight:900;cursor:pointer;text-decoration:none}
.etq272-btn.primary{background:#14766c;border-color:#14766c;color:#fff}
.etq272-btn.danger{color:#a92f3a;border-color:#edd2d5;background:#fff8f8}
@media(max-width:650px){.etq272-form{grid-template-columns:1fr}.etq272-form .full{grid-column:auto}}



#teacherWorkspacePage .etq274-q{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #edf6f3;border-radius:14px;padding:13px;background:#fff}
#teacherWorkspacePage .etq274-frame,.etq274-review-frame{background:#edf6f3;border:1px solid #edf6f3;border-radius:14px;display:grid;place-items:center;overflow:hidden}
#teacherWorkspacePage .etq274-frame{height:110px}
#teacherWorkspacePage .etq274-frame img,.etq274-review-frame img{max-width:100%;display:block;object-fit:contain} .etq274-review-frame img{height:auto;max-height:none}
#teacherWorkspacePage .etq274-q h3{font-size:12px;line-height:1.8;margin:0 0 5px;color:#103c42}
#teacherWorkspacePage .etq274-inline-note{font-size:9px;color:#8a7f95}
#teacherWorkspacePage .etq274-kpi-warn{background:#fff7e7}
#teacherWorkspacePage .etq274-thumb-list{display:flex;gap:8px;overflow:auto;padding:6px 2px 2px}
#teacherWorkspacePage .etq274-thumb,#etq274ReviewModal .etq274-thumb{width:74px;height:74px;border-radius:12px;border:2px solid #edf6f3;background:#fff;overflow:hidden;cursor:pointer;flex:0 0 auto;padding:0}
#teacherWorkspacePage .etq274-thumb.active,#etq274ReviewModal .etq274-thumb.active{border-color:#14766c;box-shadow:0 0 0 3px rgba(107,70,175,.12)}
#teacherWorkspacePage .etq274-thumb img,#etq274ReviewModal .etq274-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.etq274-review-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}
.etq274-review-main{display:grid;gap:12px}
.etq274-review-frame{min-height:360px;max-height:72vh;padding:10px;overflow:auto;align-items:start;justify-items:center}
.etq274-review-side{display:grid;gap:10px;align-content:start}
.etq274-progress{display:flex;flex-wrap:wrap;gap:8px;font-size:10px;color:#6f647b}
.etq274-answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.etq274-answer-btn{border:1px solid #c7ded8;background:#fff;color:#103c42;border-radius:12px;padding:12px 8px;font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.etq274-answer-btn.active{background:#14766c;border-color:#14766c;color:#fff}
.etq274-light-box{border:1px solid #edf6f3;border-radius:14px;background:#edf6f3;padding:12px}
.etq274-light-box h4{margin:0 0 8px;font-size:12px;color:#103c42}
.etq274-light-box p{margin:0;color:#7c7386;font-size:10px;line-height:1.9}
.etq274-file-note{font-size:9px;color:#7f738b;line-height:1.8}
.etq274-drop input[type="file"]{margin-top:8px}
.etq274-mini-actions{display:flex;gap:8px;flex-wrap:wrap}
.etq274-hidden{display:none!important}
@media(max-width:880px){.etq274-review-wrap{grid-template-columns:1fr}.etq274-review-side{order:2}.etq274-review-frame{min-height:260px}}
@media(max-width:560px){#teacherWorkspacePage .etq274-q{grid-template-columns:1fr}.etq274-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.etq275-student-image{width:min(900px,100%);min-height:220px;max-height:70vh;margin:10px auto 16px;padding:10px;display:grid;place-items:center;background:#edf6f3;border:1px solid #edf6f3;border-radius:16px;overflow:auto}.etq275-student-image img{display:block;max-width:100%;max-height:66vh;object-fit:contain}



#teacherWorkspacePage #tmNav button[data-route="profile"]{
  margin-top:2px!important;
  min-height:48px!important;
}
#teacherWorkspacePage #tmNav button[data-route="profile"] .etq232-nav-ic{
  width:32px!important;min-width:32px!important;height:32px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(255,255,255,.055)!important;
  border-radius:10px!important;
  color:#aebbd4!important;
}
#teacherWorkspacePage #tmNav button[data-route="profile"] .etq232-nav-ic svg{
  width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
#teacherWorkspacePage #tmNav button[data-route="profile"] .etq232-nav-label{
  font-weight:900!important;letter-spacing:0!important;
}
#teacherWorkspacePage #tmNav button[data-route="profile"]:hover .etq232-nav-ic{
  background:rgba(255,255,255,.10)!important;color:#fff!important;
}
#teacherWorkspacePage #tmNav button[data-route="profile"].active .etq232-nav-ic{
  background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important;
}



#teacherWorkspacePage .etq283-manage-btn{display:inline-flex;align-items:center;gap:7px}
.etq283-overlay{position:fixed;inset:0;z-index:2147483646;background:rgba(19,25,45,.58);display:grid;place-items:center;padding:18px;direction:rtl}
.etq283-dialog{width:min(1120px,97vw);max-height:94vh;overflow:auto;background:#f7f8fc;border-radius:22px;box-shadow:0 26px 90px rgba(17,24,39,.32);padding:18px;box-sizing:border-box}
.etq283-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.etq283-head h2{margin:3px 0 4px;font-size:23px;color:#18243f}.etq283-head p{margin:0;color:#718096;font-size:11px;line-height:1.8}.etq283-close{border:1px solid #dde2ed;background:#fff;width:38px;height:38px;border-radius:11px;cursor:pointer;font:20px inherit;color:#5e6a80}
.etq283-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:9px;align-items:center;background:#fff;border:1px solid #e4e8f1;border-radius:16px;padding:12px;margin-bottom:12px}.etq283-select,.etq283-input,.etq283-textarea{width:100%;box-sizing:border-box;border:1px solid #dce2ec;background:#fff;border-radius:10px;padding:10px 11px;font:inherit;font-size:11px;color:#25334f}.etq283-btn{border:1px solid #dbe1ea;background:#fff;color:#4d5a71;border-radius:10px;padding:9px 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.etq283-btn.primary{background:#14766c;border-color:#14766c;color:#fff}.etq283-btn.danger{background:#fff7f7;border-color:#efd5d8;color:#aa3442}.etq283-btn:disabled{opacity:.5;cursor:not-allowed}
.etq283-note{background:#edf6f3;border:1px solid #edf6f3;color:#14766c;border-radius:13px;padding:10px 12px;font-size:10px;line-height:1.8;margin-bottom:12px}.etq283-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:12px;align-items:start}.etq283-tree{display:grid;gap:10px}.etq283-unit{background:#fff;border:1px solid #e2e7ef;border-radius:17px;padding:13px}.etq283-unit.inactive,.etq283-lesson.inactive,.etq283-sub.inactive{opacity:.64;background:#fafafa}.etq283-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.etq283-title{min-width:0}.etq283-title strong{display:block;font-size:13px;color:#26334e}.etq283-title small{display:block;color:#8792a5;font-size:9px;margin-top:3px}.etq283-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.etq283-lessons{display:grid;gap:8px;margin-top:10px;padding-right:16px;border-right:2px solid #edf6f3}.etq283-lesson{border:1px solid #e8ebf2;border-radius:13px;padding:10px;background:#fcfdff}.etq283-subs{display:grid;gap:6px;margin-top:8px;padding-right:15px}.etq283-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px dashed #e0e4ec;border-radius:11px;padding:8px 9px;background:#fff}.etq283-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.etq283-badge{display:inline-flex;padding:3px 6px;border-radius:999px;background:#f1f3f7;color:#68758a;font-size:8px;font-weight:850}.etq283-badge.mine{background:#eaf7ef;color:#28754f}.etq283-badge.official{background:#edf6f3;color:#14766c}.etq283-badge.used{background:#fff3de;color:#915d00}.etq283-side{display:grid;gap:10px;position:sticky;top:0}.etq283-side-card{background:#fff;border:1px solid #e4e8f0;border-radius:15px;padding:13px}.etq283-side-card h3{font-size:12px;margin:0 0 8px;color:#26334d}.etq283-side-card p{font-size:10px;line-height:1.8;color:#758197;margin:0}.etq283-request{border-top:1px solid #edf0f5;padding:9px 0}.etq283-request:first-of-type{border-top:0}.etq283-request strong{font-size:10px;color:#36445d}.etq283-request small{display:block;font-size:8.5px;color:#8792a4;margin-top:3px}.etq283-empty{padding:34px 15px;text-align:center;border:1px dashed #dce1eb;border-radius:14px;background:#fff;color:#7e899b;font-size:11px}
.etq283-editor{position:fixed;inset:0;z-index:2147483647;background:rgba(19,25,45,.42);display:grid;place-items:center;padding:18px;direction:rtl}.etq283-editor-card{width:min(520px,95vw);background:#fff;border-radius:18px;padding:17px;box-shadow:0 24px 70px rgba(17,24,39,.28)}.etq283-editor-card h3{margin:0 0 12px;color:#22304a;font-size:17px}.etq283-form{display:grid;gap:10px}.etq283-form label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#59677e}.etq283-editor-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:5px}
#saMasteryV266View .etq283-admin-requests{margin-top:14px}.etq283-admin-table{width:100%;border-collapse:collapse}.etq283-admin-table th,.etq283-admin-table td{padding:8px;border-bottom:1px solid #ebedf3;text-align:right;font-size:10px;vertical-align:top}.etq283-admin-actions{display:flex;gap:5px;flex-wrap:wrap}
@media(max-width:850px){.etq283-layout{grid-template-columns:1fr}.etq283-side{position:static}.etq283-toolbar{grid-template-columns:1fr}.etq283-row,.etq283-sub{align-items:flex-start;flex-direction:column}.etq283-actions{justify-content:flex-start}}



#studentWorkspacePage .tabarak-v71v75,
#studentWorkspacePage [data-v71-teacher],
#studentWorkspacePage [data-v72-student],
#studentWorkspacePage [data-v73-curriculum],
#studentWorkspacePage [data-v74-quality],
#studentWorkspacePage [data-v75-certification]{display:none!important}



/* Production audience boundary: developer-only components never appear to teachers/students. */
#teacherWorkspacePage [data-authoring-lab],
#studentWorkspacePage [data-authoring-lab],
#teacherWorkspacePage .tabarak-author,
#studentWorkspacePage .tabarak-author{display:none!important}



/* Student live room — responsive audience UI only. Teacher room remains untouched. */
#liveRoomPage.etq285-student{
  --s285-bg:#081425;--s285-panel:#ffffff;--s285-ink:#14243d;--s285-muted:#6d7d93;
  --s285-line:#e0e7f0;--s285-blue:#176ff2;--s285-red:#d84a58;--s285-green:#15935d;
  position:fixed!important;inset:0!important;z-index:2147483000!important;display:block!important;
  min-height:100dvh!important;height:100dvh!important;padding:0!important;background:var(--s285-bg)!important;
  color:#fff!important;overflow:hidden!important;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important;
  direction:rtl!important;
}
body.etq285-student-live{overflow:hidden!important;overscroll-behavior:none!important}
#liveRoomPage.etq285-student *{box-sizing:border-box}
#liveRoomPage.etq285-student>.v86-room{
  display:grid!important;grid-template-rows:64px minmax(0,1fr)!important;width:100%!important;height:100%!important;
  min-height:0!important;background:var(--s285-bg)!important;overflow:hidden!important;
}
/* Clean student header */
#liveRoomPage.etq285-student .v86-topbar{
  height:64px!important;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;padding:8px 14px!important;background:#0e2038!important;border-bottom:1px solid rgba(255,255,255,.09)!important;
  color:#fff!important;overflow:hidden!important;
}
#liveRoomPage.etq285-student .v86-top-title{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
#liveRoomPage.etq285-student .v86-top-title>div{min-width:0!important}
#liveRoomPage.etq285-student .v86-title-row{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
#liveRoomPage.etq285-student #liveRoomTitle{font-size:15px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:min(44vw,560px)!important}
#liveRoomPage.etq285-student .v86-live-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#ff4d5c!important;box-shadow:0 0 0 5px rgba(255,77,92,.13)!important;flex:none!important}
#liveRoomPage.etq285-student .v86-live-badge{font-size:8px!important;padding:4px 7px!important;border-radius:999px!important;background:#d83e4d!important;color:#fff!important;font-weight:900!important}
#liveRoomPage.etq285-student .v86-runtime{font-size:10px!important;color:#adc0d7!important;direction:ltr!important}
#liveRoomPage.etq285-student .v86-subtitle{font-size:10px!important;color:#aabbd0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:3px!important}
#liveRoomPage.etq285-student .v86-top-actions{display:none!important}
#liveRoomPage.etq285-student .etq285-student-head-actions{display:flex;align-items:center;gap:7px;flex:none}
#liveRoomPage.etq285-student .etq285-head-chip,
#liveRoomPage.etq285-student .etq285-head-btn{
  height:38px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);color:#eaf3ff;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font:800 10px inherit;margin:0;width:auto;white-space:nowrap
}
#liveRoomPage.etq285-student .etq285-head-chip i{width:7px;height:7px;border-radius:50%;background:#f1b63d}.etq285-head-chip.ok i{background:#26c980!important}
#liveRoomPage.etq285-student .etq285-head-btn{cursor:pointer}.etq285-head-btn:hover{background:rgba(255,255,255,.13)!important}
#liveRoomPage.etq285-student .etq285-head-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
/* Stage + interaction panel */
#liveRoomPage.etq285-student .v86-body{
  min-height:0!important;height:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 350px!important;gap:0!important;overflow:hidden!important;background:#07111f!important;
}
#liveRoomPage.etq285-student .v86-stage-column{
  min-width:0!important;min-height:0!important;display:grid!important;grid-template-rows:42px minmax(0,1fr)!important;padding:10px!important;gap:8px!important;overflow:hidden!important;
}
#liveRoomPage.etq285-student .v86-stage-head{height:42px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:#d9e7f7!important;overflow:hidden!important}
#liveRoomPage.etq285-student .v86-stage-head .v86-eyebrow{display:none!important}
#liveRoomPage.etq285-student #liveStageMode{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#liveRoomPage.etq285-student .v86-context-inline{font-size:9px!important;color:#9eb0c7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:48%!important}
#liveRoomPage.etq285-student .v86-stage{
  position:relative!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  border-radius:16px!important;overflow:hidden!important;background:#000!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 16px 45px rgba(0,0,0,.22)!important;
  display:grid!important;place-items:center!important;
}
#liveRoomPage.etq285-student .v86-stage-bg{display:none!important}
#liveRoomPage.etq285-student #liveRemoteVideo,
#liveRoomPage.etq285-student .v86-stage video,
#liveRoomPage.etq285-student .agora_video_player{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;background:#000!important;transform:none!important;-webkit-transform:none!important;
}
#liveRoomPage.etq285-student .v86-waiting-cover{position:absolute!important;inset:0!important;z-index:3!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 30%,#173453,#081523 70%)!important;padding:20px!important}
#liveRoomPage.etq285-student .v86-waiting-card{text-align:center!important;max-width:560px!important;color:#fff!important}
#liveRoomPage.etq285-student .v86-waiting-icon{display:none!important}
#liveRoomPage.etq285-student .v86-waiting-card h2{font-size:22px!important;margin:0 0 8px!important}.v86-waiting-card p{line-height:1.8}
#liveRoomPage.etq285-student .v86-start-share{display:none!important}
#liveRoomPage.etq285-student .v86-stage-badges{position:absolute!important;top:10px!important;right:10px!important;z-index:8!important;display:flex!important;gap:6px!important;align-items:center!important}
#liveRoomPage.etq285-student .v86-connection-badge{background:rgba(8,24,42,.78)!important;color:#dce9f6!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;padding:5px 8px!important;font-size:8px!important;backdrop-filter:blur(8px)!important}
/* Remove teacher-authoring surfaces from student experience. */
#liveRoomPage.etq285-student #liveCommandBarV65,
#liveRoomPage.etq285-student #liveV63Status,
#liveRoomPage.etq285-student .v86-camera-card,
#liveRoomPage.etq285-student .v86-sidebar-head,
#liveRoomPage.etq285-student #v65PaneControl,
#liveRoomPage.etq285-student .v65-tabs [data-tab="control"],
#liveRoomPage.etq285-student .v86-question-create,
#liveRoomPage.etq285-student .v86-history-head,
#liveRoomPage.etq285-student #v65QuestionHistory,
#liveRoomPage.etq285-student #liveTeacherPanel,
#liveRoomPage.etq285-student #liveV2Strip,
#liveRoomPage.etq285-student .v86-secondary-action{display:none!important}
/* Student interaction panel */
#liveRoomPage.etq285-student .v86-sidebar{
  min-width:0!important;min-height:0!important;height:100%!important;background:#fff!important;color:var(--s285-ink)!important;border-right:1px solid #dce5ef!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important;z-index:20!important;
}
#liveRoomPage.etq285-student .etq285-panel-head{height:58px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-bottom:1px solid var(--s285-line);background:#f9fbfe}
#liveRoomPage.etq285-student .etq285-panel-head strong{font-size:14px;color:#193250}.etq285-panel-head small{display:block;margin-top:2px;font-size:9px;color:#7d899a}
#liveRoomPage.etq285-student .etq285-panel-close{display:none;width:34px;height:34px;border:0;border-radius:9px;background:#edf2f8;color:#53627a;font:900 18px inherit;margin:0;cursor:pointer}
#liveRoomPage.etq285-student .v86-lesson-context{padding:10px 12px!important;border-bottom:1px solid var(--s285-line)!important;background:#fff!important;display:block!important}
#liveRoomPage.etq285-student .v86-lesson-context small{font-size:8px!important;color:#8793a4!important}.v86-lesson-context strong{display:block!important;font-size:11px!important;color:#203754!important;margin:2px 0!important}.v86-lesson-context span{font-size:8px!important;color:#8490a2!important}
#liveRoomPage.etq285-student .v86-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;padding:7px!important;background:#f7f9fc!important;border-bottom:1px solid var(--s285-line)!important;flex:none!important}
#liveRoomPage.etq285-student .v86-tab{height:38px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#65748a!important;font:800 10px inherit!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0!important;cursor:pointer!important}
#liveRoomPage.etq285-student .v86-tab.active{background:#eaf3ff!important;color:#1269d6!important}.v86-tab span{font-size:13px!important}
#liveRoomPage.etq285-student .v86-pane{display:none!important;min-height:0!important;flex:1!important;overflow:hidden!important;background:#fff!important;color:var(--s285-ink)!important;padding:0!important}
#liveRoomPage.etq285-student .v86-pane.active{display:flex!important;flex-direction:column!important}
#liveRoomPage.etq285-student .v86-pane-head{height:50px!important;flex:none!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #edf1f5!important}
#liveRoomPage.etq285-student .v86-pane-head small{font-size:8px!important;color:#8591a3!important}.v86-pane-head h3{font-size:12px!important;margin:1px 0 0!important;color:#203653!important}
#liveRoomPage.etq285-student .v86-scroll{min-height:0!important;overflow:auto!important;padding:10px!important;scrollbar-width:thin!important}
#liveRoomPage.etq285-student .v86-chat-list{flex:1!important;display:flex!important;flex-direction:column!important;gap:7px!important}
#liveRoomPage.etq285-student .live-msg{background:#f1f5f9!important;color:#243750!important;border-radius:11px!important;padding:8px 10px!important;font-size:10px!important;line-height:1.6!important;max-width:92%!important}
#liveRoomPage.etq285-student .live-msg strong{font-size:8px!important;color:#63748a!important}
#liveRoomPage.etq285-student .v86-chat-compose{flex:none!important;padding:8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 58px!important;gap:6px!important;border-top:1px solid var(--s285-line)!important;background:#fff!important}
#liveRoomPage.etq285-student .v86-chat-compose input{min-width:0!important;height:42px!important;border:1px solid #dce4ee!important;border-radius:10px!important;padding:0 10px!important;font:500 11px inherit!important;outline:none!important;color:#203653!important;background:#fff!important}
#liveRoomPage.etq285-student .v86-chat-compose button{height:42px!important;border:0!important;border-radius:10px!important;background:var(--s285-blue)!important;color:#fff!important;font:900 10px inherit!important;padding:0!important;margin:0!important;cursor:pointer!important}
/* Questions: large readable learner cards */
#liveRoomPage.etq285-student #liveQuestionArea{padding:11px!important;overflow:auto!important;min-height:0!important;flex:1!important}
#liveRoomPage.etq285-student .live-question-card{background:#fff!important;color:#1b3150!important;border:1px solid #dfe7f1!important;border-radius:14px!important;padding:13px!important;box-shadow:0 5px 16px rgba(18,43,72,.06)!important}
#liveRoomPage.etq285-student .live-question-card .admin-sub{font-size:9px!important;color:#718096!important;line-height:1.7!important}
#liveRoomPage.etq285-student .live-timer{font-size:18px!important;color:#46877f!important;margin:8px 0!important}
#liveRoomPage.etq285-student .live-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
#liveRoomPage.etq285-student .live-options button{min-height:48px!important;border:1px solid #dce4ee!important;border-radius:11px!important;background:#f8fafc!important;color:#213752!important;font:900 12px inherit!important;margin:0!important;padding:9px!important;cursor:pointer!important;text-align:center!important}
#liveRoomPage.etq285-student .live-options button:hover{border-color:#9fc5fb!important;background:#edf5ff!important}
/* Mobile/tablet panel backdrop */
#liveRoomPage.etq285-student .etq285-panel-backdrop{display:none;position:fixed;inset:0;background:rgba(2,10,21,.58);z-index:18;backdrop-filter:blur(2px)}
/* Primary student dock */
#liveRoomPage.etq285-student .etq285-student-dock{
  position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:40;display:grid;grid-template-columns:repeat(6,minmax(58px,76px));gap:5px;
  padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(12,29,50,.93);box-shadow:0 14px 42px rgba(0,0,0,.28);backdrop-filter:blur(14px);direction:rtl
}
#liveRoomPage.etq285-student .etq285-dock-btn{height:48px;border:0;border-radius:10px;background:transparent;color:#dce8f6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:800 8px inherit;margin:0;padding:3px;cursor:pointer;position:relative;min-width:0}
#liveRoomPage.etq285-student .etq285-dock-btn:hover,#liveRoomPage.etq285-student .etq285-dock-btn.active{background:rgba(255,255,255,.11);color:#fff}
#liveRoomPage.etq285-student .etq285-dock-btn.danger{color:#ffb9c0}.etq285-dock-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}.etq285-dock-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.etq285-dock-dot{position:absolute;top:5px;left:12px;width:7px;height:7px;border-radius:50%;background:#ff5261;display:none}.etq285-dock-btn.has-new .etq285-dock-dot{display:block}
/* Existing understanding controls become a secondary strip, toggled from the dock. */
body.etq285-student-live .etq254-student-dock{display:none!important;bottom:76px!important;max-width:min(720px,94vw)!important;z-index:2147483420!important}
body.etq285-student-live.etq285-tools-open .etq254-student-dock.open{display:flex!important}
body.etq285-student-live .etq254-student-banner{top:70px!important;z-index:2147483100!important}
/* TV question host */
#liveRoomPage.etq285-student .etq285-tv-question{display:none;position:absolute;z-index:35;left:50%;bottom:28px;transform:translateX(-50%);width:min(1180px,88vw);max-height:44vh;overflow:auto;background:rgba(255,255,255,.97);color:#172d4a;border:1px solid rgba(255,255,255,.75);border-radius:18px;padding:16px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
/* Tablet and smaller: interaction becomes drawer / bottom sheet. */
@media(max-width:1023px){
  #liveRoomPage.etq285-student>.v86-room{grid-template-rows:58px minmax(0,1fr)!important}
  #liveRoomPage.etq285-student .v86-topbar{height:58px!important;min-height:58px!important;padding:6px 10px!important}
  #liveRoomPage.etq285-student .v86-body{grid-template-columns:1fr!important}
  #liveRoomPage.etq285-student .v86-stage-column{padding:6px!important;grid-template-rows:34px minmax(0,1fr)!important;gap:4px!important;padding-bottom:76px!important}
  #liveRoomPage.etq285-student .v86-stage-head{height:34px!important;padding:0 4px!important}
  #liveRoomPage.etq285-student .v86-stage{border-radius:12px!important}
  #liveRoomPage.etq285-student .v86-sidebar{position:fixed!important;z-index:25!important;right:0!important;top:0!important;bottom:0!important;width:min(390px,88vw)!important;height:100dvh!important;transform:translateX(104%)!important;transition:transform .22s ease!important;box-shadow:-18px 0 55px rgba(0,0,0,.3)!important}
  #liveRoomPage.etq285-student.etq285-panel-open .v86-sidebar{transform:translateX(0)!important}
  #liveRoomPage.etq285-student.etq285-panel-open .etq285-panel-backdrop{display:block!important}
  #liveRoomPage.etq285-student .etq285-panel-close{display:block!important}
  #liveRoomPage.etq285-student .etq285-student-dock{bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:repeat(6,minmax(48px,1fr));width:calc(100% - 16px);max-width:620px;border-radius:13px;padding:5px}
  #liveRoomPage.etq285-student .etq285-dock-btn{height:52px;font-size:8px}
  #liveRoomPage.etq285-student #liveRoomTitle{max-width:42vw!important;font-size:13px!important}
  #liveRoomPage.etq285-student .v86-subtitle{font-size:8.5px!important}
  #liveRoomPage.etq285-student .etq285-head-chip span{display:none}.etq285-head-chip{width:38px!important;padding:0!important}.etq285-head-btn span{display:none}.etq285-head-btn{width:38px!important;padding:0!important}
}
/* Phone portrait */
@media(max-width:599px){
  #liveRoomPage.etq285-student>.v86-room{grid-template-rows:54px minmax(0,1fr)!important}
  #liveRoomPage.etq285-student .v86-topbar{height:54px!important;min-height:54px!important;padding:5px 8px!important}
  #liveRoomPage.etq285-student .v86-live-badge,#liveRoomPage.etq285-student .v86-runtime{display:none!important}
  #liveRoomPage.etq285-student #liveRoomTitle{font-size:12px!important;max-width:45vw!important}
  #liveRoomPage.etq285-student .v86-subtitle{font-size:8px!important;max-width:46vw!important}
  #liveRoomPage.etq285-student .v86-stage-column{grid-template-rows:28px minmax(0,1fr)!important;padding:4px 4px 72px!important}
  #liveRoomPage.etq285-student .v86-stage-head{height:28px!important}.v86-context-inline{display:none!important}
  #liveRoomPage.etq285-student #liveStageMode{font-size:9px!important}
  #liveRoomPage.etq285-student .v86-stage{border-radius:9px!important}
  #liveRoomPage.etq285-student .v86-waiting-card h2{font-size:17px!important}.v86-waiting-card p{font-size:9px!important}
  #liveRoomPage.etq285-student .v86-sidebar{top:auto!important;height:min(74dvh,610px)!important;width:100%!important;right:0!important;left:0!important;border-radius:20px 20px 0 0!important;transform:translateY(105%)!important;transition:transform .22s ease!important}
  #liveRoomPage.etq285-student.etq285-panel-open .v86-sidebar{transform:translateY(0)!important}
  #liveRoomPage.etq285-student .etq285-panel-head{height:52px}.etq285-panel-head strong{font-size:13px!important}
  #liveRoomPage.etq285-student .v86-lesson-context{display:none!important}
  #liveRoomPage.etq285-student .v86-tabs{padding:5px!important}.v86-tab{height:36px!important}
  #liveRoomPage.etq285-student .live-options{grid-template-columns:1fr!important}
  #liveRoomPage.etq285-student .live-options button{min-height:46px!important}
  #liveRoomPage.etq285-student .etq285-student-dock{width:calc(100% - 8px);bottom:max(4px,env(safe-area-inset-bottom));gap:2px;padding:4px;border-radius:11px}
  #liveRoomPage.etq285-student .etq285-dock-btn{height:55px;padding:2px;font-size:7.5px;border-radius:8px}.etq285-dock-btn svg{width:18px;height:18px}
  body.etq285-student-live .etq254-student-dock{bottom:67px!important;width:calc(100% - 10px)!important;max-width:none!important;overflow-x:auto!important;padding:5px!important;gap:4px!important;border-radius:12px!important}
  body.etq285-student-live .etq254-student-mode{display:none!important}.etq254-student-btn{height:36px!important;padding:0 8px!important;font-size:8px!important;flex:none!important}
  body.etq285-student-live .etq254-student-banner{top:58px!important;font-size:8px!important;padding:5px 9px!important}
}
/* Phone landscape: stage-first, controls float compactly. */
@media(max-height:600px) and (orientation:landscape) and (max-width:1023px){
  #liveRoomPage.etq285-student>.v86-room{grid-template-rows:44px minmax(0,1fr)!important}
  #liveRoomPage.etq285-student .v86-topbar{height:44px!important;min-height:44px!important;padding:3px 8px!important}
  #liveRoomPage.etq285-student .v86-subtitle{display:none!important}
  #liveRoomPage.etq285-student .v86-stage-column{grid-template-rows:minmax(0,1fr)!important;padding:3px 3px 5px!important}
  #liveRoomPage.etq285-student .v86-stage-head{display:none!important}
  #liveRoomPage.etq285-student .etq285-student-dock{left:8px!important;right:auto!important;bottom:8px!important;transform:none!important;width:auto!important;grid-template-columns:repeat(6,48px)!important;background:rgba(9,24,42,.83)!important}
  #liveRoomPage.etq285-student .etq285-dock-btn{height:43px!important}.etq285-dock-btn span{display:none!important}
  #liveRoomPage.etq285-student .v86-sidebar{height:100dvh!important;max-height:none!important;border-radius:0!important}
  body.etq285-student-live .etq254-student-dock{bottom:60px!important;max-width:72vw!important}
}
/* TV / presentation mode: content dominates and questions become large overlays. */
#liveRoomPage.etq285-student.etq285-tv>.v86-room{grid-template-rows:78px minmax(0,1fr)!important;background:#03080f!important}
#liveRoomPage.etq285-student.etq285-tv .v86-topbar{height:78px!important;min-height:78px!important;padding:8px 28px!important;background:#08182c!important}
#liveRoomPage.etq285-student.etq285-tv #liveRoomTitle{font-size:24px!important;max-width:58vw!important}.etq285-tv .v86-subtitle{font-size:14px!important}.etq285-tv .v86-runtime{font-size:14px!important}
#liveRoomPage.etq285-student.etq285-tv .v86-body{grid-template-columns:1fr!important}
#liveRoomPage.etq285-student.etq285-tv .v86-stage-column{grid-template-rows:minmax(0,1fr)!important;padding:10px 24px 20px!important}
#liveRoomPage.etq285-student.etq285-tv .v86-stage-head,#liveRoomPage.etq285-student.etq285-tv .v86-sidebar,#liveRoomPage.etq285-student.etq285-tv .etq285-panel-backdrop{display:none!important}
#liveRoomPage.etq285-student.etq285-tv .v86-stage{border-radius:18px!important}
#liveRoomPage.etq285-student.etq285-tv .etq285-student-dock{opacity:1;transition:opacity .25s;bottom:24px!important;grid-template-columns:repeat(6,88px)!important}.etq285-tv.etq285-tv-idle .etq285-student-dock{opacity:0;pointer-events:none}
#liveRoomPage.etq285-student.etq285-tv .etq285-dock-btn{height:58px!important;font-size:9px!important}.etq285-tv .etq285-dock-btn svg{width:23px!important;height:23px!important}
#liveRoomPage.etq285-student.etq285-tv .etq285-tv-question.show{display:block!important}
#liveRoomPage.etq285-student.etq285-tv .etq285-tv-question .live-question-card{border:0!important;box-shadow:none!important;padding:0!important}.etq285-tv-question .live-question-card .admin-sub{font-size:15px!important}.etq285-tv-question .live-timer{font-size:28px!important}.etq285-tv-question .live-options{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.etq285-tv-question .live-options button{min-height:70px!important;font-size:20px!important}
body.etq285-student-live.etq285-tools-open .etq254-student-dock{display:flex!important}



/* V286 — modern live formative questions */
#etq245DesktopRoom .etq286-qdone{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border-radius:9px;background:#eef7f2;color:#237448;font:900 10px inherit;white-space:nowrap}
#etq245DesktopRoom .etq286-result-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:12px}
#etq245DesktopRoom .etq286-result-summary span{padding:9px;border:1px solid #e6eaf0;border-radius:10px;background:#fafbfd;text-align:center;min-width:0}
#etq245DesktopRoom .etq286-result-summary small{display:block;font-size:8px;color:#7b8798;margin-bottom:4px}
#etq245DesktopRoom .etq286-result-summary b{font-size:14px;color:#173454}
#etq245DesktopRoom .etq286-live-note{font-size:9px;color:#68788d;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:9px;padding:8px 10px;margin-bottom:10px;line-height:1.7}
#etq245DesktopRoom .etq286-correct-result{border-color:#90d4ad!important;background:#f1fbf5!important}
#etq245DesktopRoom .etq286-correct-result .etq253-result-top b{color:#16824b!important}
.etq286-qmodal .etq245-form{grid-template-columns:1fr!important}
.etq286-choice-block{display:grid;gap:9px}
.etq286-field-title{font-size:12px;font-weight:900;color:#273a52}
.etq286-answer-picks,.etq286-duration-picks{display:grid;gap:8px}
.etq286-answer-picks{grid-template-columns:repeat(4,1fr)}
.etq286-duration-picks{grid-template-columns:repeat(5,1fr)}
.etq286-answer-picks label,.etq286-duration-picks label{margin:0;cursor:pointer;display:block}
.etq286-answer-picks input,.etq286-duration-picks input{position:absolute;opacity:0;pointer-events:none}
.etq286-answer-picks span,.etq286-duration-picks span{min-height:48px;border:1px solid #dbe3ee;border-radius:11px;background:#f8fafc;color:#26405e;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;text-align:center;padding:7px;transition:.15s ease}
.etq286-duration-picks span{font-size:10px;min-height:42px}
.etq286-answer-picks input:checked+span,.etq286-duration-picks input:checked+span{border-color:#14766c;background:#edf6f3;color:#14766c;box-shadow:0 0 0 2px rgba(111,88,217,.12)}
#liveRoomPage.etq285-student .live-question-empty{padding:22px 14px;border:1px dashed #d7e1ed;border-radius:13px;background:#fff;color:#718096;text-align:center;font-size:10px;line-height:1.8}
#liveRoomPage.etq285-student .live-question-number{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#eef2ff;color:#14766c;font-size:11px;font-weight:900;margin-bottom:5px}
body.etq285-student-live #liveStudentProgress,body.etq285-student-live #liveTop3{display:none!important}
@media(max-width:720px){.etq286-duration-picks{grid-template-columns:repeat(2,1fr)}#etq245DesktopRoom .etq286-result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}



#studentWorkspacePage #studentRouteCalendar{display:none!important}
#studentWorkspacePage .etq263-student-live-card button:disabled{opacity:.62!important;cursor:not-allowed!important}
#studentWorkspacePage .etq287-live-wait{font-size:11px;color:#7a8698}
@media(max-width:920px){#studentWorkspacePage .sr-mobile-nav button[data-route="live"]{color:#c93f50}#studentWorkspacePage .sr-mobile-nav button[data-route="live"].active{background:#fff0f2;color:#b92f43}}



/* V292 — Public landing page: mobile-first production responsive pass. */
#homePage{
  --lp292-ink:#13243a;--lp292-muted:#6f7e91;--lp292-line:#e5eaf0;
  --lp292-primary:#176f67;--lp292-primary-dark:#0f5e57;--lp292-primary-soft:#eaf6f3;
  --lp292-surface:#ffffff;--lp292-warm:#fbfaf7;
}
#homePage .ef-home{overflow-x:clip!important;background:linear-gradient(180deg,#fff 0%,#fff 64%,#fbfaf7 100%)!important}
#homePage .ef-nav{
  position:sticky!important;top:0!important;z-index:50!important;
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;
  border-bottom:1px solid rgba(19,36,58,.08)!important;
}
#homePage .ef-brand{min-width:0!important;flex:0 1 auto!important;text-decoration:none!important}
#homePage .ef-brand-mark{background:linear-gradient(135deg,#17786f,#105d57)!important;box-shadow:0 8px 22px rgba(23,120,111,.2)!important}
#homePage .ef-nav-actions{min-width:0!important;flex:0 0 auto!important;align-items:center!important}
#homePage .ef-nav-actions button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;white-space:nowrap!important}
#homePage .ef-nav-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#homePage .ef-nav-actions .lp292-short{display:none}
#homePage .ef-login{color:#24374d!important;border-color:#d9e1e8!important;background:#fff!important}
#homePage .ef-register{background:linear-gradient(135deg,#17786f,#105d57)!important;box-shadow:0 10px 24px rgba(23,120,111,.2)!important}

#homePage .ef-hero{max-width:1560px!important;margin-inline:auto!important;box-sizing:border-box!important}
#homePage .ef-hero-copy{min-width:0!important}
#homePage .ef-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:100%!important;padding:7px 11px!important;border-radius:999px!important;background:#eef8f5!important;color:#4f6572!important;border:1px solid #dceee9!important;margin-bottom:16px!important}
#homePage .ef-kicker span{color:#11675f!important;font-weight:900!important}
#homePage .ef-hero h1{color:#13243a!important;max-width:760px!important}
#homePage .ef-hero h1 em{color:#146f67!important}
#homePage .ef-hero p{max-width:690px!important;color:#647486!important}
#homePage .ef-primary{background:linear-gradient(135deg,#17786f,#105d57)!important;box-shadow:0 12px 26px rgba(23,120,111,.19)!important}
#homePage .ef-primary:hover{box-shadow:0 16px 31px rgba(23,120,111,.24)!important}
#homePage .ef-hero-note{color:#718092!important}
#homePage .ef-hero-note span{color:#168369!important}
#homePage .ef-hero-dashboard{background:radial-gradient(circle at 50% 44%,#fff 0,#edf7f4 57%,#dbeeea 100%)!important}
#homePage .ef-hero-dashboard:before{border-color:rgba(23,120,111,.08)!important;box-shadow:0 0 0 55px rgba(23,120,111,.025),0 0 0 110px rgba(23,120,111,.014)!important}
#homePage .ef-mini-window{transform:none!important;border-color:#dfe9e6!important;box-shadow:0 28px 64px rgba(25,55,66,.13)!important}
#homePage .ef-avatar{background:#e5f4f0!important;color:#126a62!important}
#homePage .ef-progress i{background:linear-gradient(90deg,#1b8a7d,#4eb5a7)!important}
#homePage .ef-float-card>span{background:#eaf6f3!important;color:#146f67!important}

#homePage .ef-feature-row>div{border-color:#e7ecec!important}
#homePage .ef-feature-row i{background:#eaf6f3!important;color:#146f67!important}
#homePage .ef-section-head>div>span{background:#eaf6f3!important;color:#146f67!important}
#homePage .ef-benefit-icon{background:#eaf6f3!important;color:#146f67!important}
#homePage .ef-how-num{background:#eaf6f3!important;color:#146f67!important}
#homePage .ef-faq{background:linear-gradient(120deg,#eef8f5,#fbfdfc)!important;border-color:#dceee9!important}
#homePage .ef-footer b{color:#146f67!important}

/* Large desktop / TV: use the available width instead of looking like a small centered card. */
@media(min-width:1600px){
  #homePage .ef-nav{padding-inline:clamp(70px,6vw,120px)!important}
  #homePage .ef-hero{max-width:1720px!important;min-height:640px!important}
  #homePage .ef-hero-copy{padding-inline:clamp(70px,6vw,115px)!important}
  #homePage .ef-hero-dashboard{min-height:640px!important}
  #homePage .ef-benefits,#homePage .ef-how,#homePage .ef-stages,#homePage .ef-trust,#homePage .ef-faq{max-width:1500px!important}
}

/* Tablet: remove desktop navigation clutter but keep both account actions. */
@media(max-width:950px){
  #homePage .ef-nav{height:72px!important;padding:0 22px!important;gap:14px!important;flex-wrap:nowrap!important}
  #homePage .ef-links{display:none!important}
  #homePage .ef-brand-mark{width:42px!important;height:42px!important;border-radius:13px!important;font-size:22px!important}
  #homePage .ef-brand b{font-size:22px!important}
  #homePage .ef-brand small{font-size:10px!important}
  #homePage .ef-nav-actions{margin:0!important;gap:8px!important}
  #homePage .ef-nav-actions button{height:42px!important;min-height:42px!important;padding:0 14px!important;font-size:12px!important;border-radius:12px!important}
  #homePage .ef-hero{grid-template-columns:1fr!important;min-height:0!important;direction:rtl!important}
  #homePage .ef-hero-copy{grid-column:1!important;grid-row:1!important;padding:48px 32px 28px!important}
  #homePage .ef-hero-dashboard{grid-column:1!important;grid-row:2!important;min-height:360px!important;border-radius:0!important}
  #homePage .ef-feature-row{grid-column:1!important;grid-row:3!important;margin:0 22px 24px!important;width:auto!important}
  #homePage .ef-mini-window{width:min(570px,78vw)!important}
  #homePage .ef-benefits,#homePage .ef-how,#homePage .ef-stages{padding-inline:22px!important}
}

/* Phone portrait: true landing page, not a stacked desktop page. */
@media(max-width:700px){
  #homePage .ef-nav{height:60px!important;min-height:60px!important;padding:0 12px!important;gap:8px!important}
  #homePage .ef-brand{gap:8px!important;max-width:130px!important}
  #homePage .ef-brand-mark{width:36px!important;height:36px!important;flex:0 0 36px!important;border-radius:11px!important;font-size:19px!important}
  #homePage .ef-brand b{font-size:18px!important;letter-spacing:-.4px!important}
  #homePage .ef-brand small{display:none!important}
  #homePage .ef-nav-actions{gap:6px!important;margin-inline-start:auto!important}
  #homePage .ef-nav-actions button{height:38px!important;min-height:38px!important;padding:0 10px!important;border-radius:10px!important;font-size:11px!important}
  #homePage .ef-nav-actions svg{width:15px;height:15px}

  #homePage .ef-hero{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;overflow:visible!important}
  #homePage .ef-hero-copy{min-height:0!important;padding:30px 16px 18px!important;justify-content:flex-start!important;text-align:right!important}
  #homePage .ef-kicker{font-size:11px!important;padding:6px 9px!important;margin-bottom:12px!important}
  #homePage .ef-hero h1{font-size:clamp(31px,9.5vw,39px)!important;line-height:1.2!important;letter-spacing:-1.2px!important;margin-bottom:13px!important}
  #homePage .ef-hero p{font-size:14px!important;line-height:1.75!important;margin-bottom:18px!important}
  #homePage .ef-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:0 0 13px!important;width:100%!important}
  #homePage .ef-hero-actions button{width:100%!important;min-height:46px!important;height:46px!important;margin:0!important;border-radius:13px!important;font-size:13px!important}
  #homePage .ef-hero-note{font-size:11px!important;line-height:1.65!important;margin:0!important}

  #homePage .ef-hero-dashboard{min-height:232px!important;height:232px!important;padding:14px 12px 12px!important;background:linear-gradient(180deg,#edf8f5,#e3f1ed)!important;display:flex!important;align-items:center!important;justify-content:center!important}
  #homePage .ef-hero-dashboard:before{width:270px!important;height:270px!important;box-shadow:0 0 0 38px rgba(23,120,111,.018)!important}
  #homePage .ef-mini-window{position:relative!important;inset:auto!important;width:min(100%,420px)!important;height:auto!important;max-height:205px!important;border-radius:18px!important;transform:none!important;overflow:hidden!important}
  #homePage .ef-window-top{min-height:34px!important;height:34px!important;padding:0 10px!important}
  #homePage .ef-window-top b{font-size:9px!important}
  #homePage .ef-window-body{padding:11px 13px!important}
  #homePage .ef-mini-profile{padding-bottom:9px!important}
  #homePage .ef-avatar{width:32px!important;height:32px!important;border-radius:10px!important}
  #homePage .ef-mini-profile b{font-size:11px!important}
  #homePage .ef-mini-profile small{font-size:8.5px!important}
  #homePage .ef-progress-box{padding:10px!important;border-radius:12px!important}
  #homePage .ef-progress-box small{font-size:8.5px!important}
  #homePage .ef-progress-box b{font-size:14px!important}
  #homePage .ef-mini-grid{margin-top:8px!important;gap:6px!important}
  #homePage .ef-mini-grid>div{min-height:48px!important;padding:7px 5px!important;border-radius:10px!important}
  #homePage .ef-mini-grid strong{font-size:15px!important}
  #homePage .ef-mini-grid span{font-size:8px!important;line-height:1.25!important}
  #homePage .ef-float-card{display:none!important}

  #homePage .ef-feature-row{margin:0!important;padding:12px!important;width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;background:#fff!important;border:0!important}
  #homePage .ef-feature-row>div{min-height:72px!important;padding:10px!important;border:1px solid #e7ecef!important;border-radius:14px!important;background:#fbfcfb!important;grid-template-columns:32px minmax(0,1fr)!important;column-gap:8px!important}
  #homePage .ef-feature-row i{width:31px!important;height:31px!important;font-size:13px!important}
  #homePage .ef-feature-row b{font-size:11.5px!important}
  #homePage .ef-feature-row span{font-size:9.5px!important;line-height:1.4!important}

  #homePage .ef-benefits{padding:34px 14px 8px!important}
  #homePage .ef-how{padding:38px 14px 34px!important}
  #homePage .ef-stages{padding:38px 0 30px!important}
  #homePage .ef-section-head{padding-inline:2px!important;margin-bottom:18px!important;text-align:right!important}
  #homePage .ef-stages .ef-section-head{padding-inline:14px!important}
  #homePage .ef-section-head h2{font-size:23px!important;letter-spacing:-.5px!important;margin:8px 0 6px!important}
  #homePage .ef-section-head p{font-size:12px!important;line-height:1.65!important;margin-bottom:0!important}

  #homePage .ef-benefit-grid{grid-template-columns:1fr!important;gap:9px!important}
  #homePage .ef-benefit-card{min-height:0!important;padding:15px!important;border-radius:16px!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;box-shadow:none!important}
  #homePage .ef-benefit-card>span{display:none!important}
  #homePage .ef-benefit-icon{width:38px!important;height:38px!important;border-radius:12px!important;font-size:11px!important}
  #homePage .ef-benefit-card h3{font-size:14px!important;margin:1px 0 4px!important}
  #homePage .ef-benefit-card p{font-size:11px!important;line-height:1.55!important}

  #homePage .ef-how-grid{grid-template-columns:1fr!important;gap:8px!important}
  #homePage .ef-how-grid article{min-height:0!important;padding:14px!important;border-radius:16px!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;box-shadow:none!important}
  #homePage .ef-how-grid article:after{display:none!important}
  #homePage .ef-how-num{width:40px!important;height:40px!important;padding:0!important;margin:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:12px!important}
  #homePage .ef-how-grid h3{font-size:14px!important;margin:0 0 3px!important}
  #homePage .ef-how-grid p{font-size:10.5px!important;line-height:1.5!important}

  /* Stages become a horizontal snap rail to avoid a very long phone page. */
  #homePage .ef-stage-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x mandatory!important;padding:0 14px 9px!important;scrollbar-width:none!important}
  #homePage .ef-stage-grid::-webkit-scrollbar{display:none!important}
  #homePage .ef-stage{flex:0 0 min(82vw,310px)!important;width:min(82vw,310px)!important;min-height:126px!important;padding:16px!important;border-radius:17px!important;grid-template-columns:44px minmax(0,1fr) 28px!important;scroll-snap-align:start!important}
  #homePage .ef-stage-icon{width:42px!important;height:42px!important}
  #homePage .ef-stage h3{font-size:15px!important;margin:3px 0!important}
  #homePage .ef-stage p{font-size:10.5px!important;line-height:1.4!important}
  #homePage .ef-stage small{font-size:9.5px!important}

  #homePage .ef-trust{display:flex!important;grid-template-columns:none!important;gap:9px!important;overflow-x:auto!important;margin:0!important;padding:0 14px 32px!important;background:transparent!important;border:0!important;box-shadow:none!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  #homePage .ef-trust::-webkit-scrollbar{display:none!important}
  #homePage .ef-trust>div{flex:0 0 min(78vw,285px)!important;min-height:86px!important;padding:14px!important;border:1px solid #e6ebef!important;border-radius:16px!important;background:#fff!important;justify-content:flex-start!important;scroll-snap-align:start!important}
  #homePage .ef-trust>div+div{border-top:1px solid #e6ebef!important}
  #homePage .ef-trust b{font-size:12px!important}
  #homePage .ef-trust small{font-size:10px!important}

  #homePage .ef-faq{margin:0 14px 24px!important;padding:20px!important;border-radius:18px!important;display:grid!important;gap:14px!important}
  #homePage .ef-faq h2{font-size:22px!important;margin:5px 0!important}
  #homePage .ef-faq p{font-size:11px!important}
  #homePage .ef-faq .ef-primary{width:100%!important;min-height:45px!important;margin:0!important}
  #homePage .ef-footer{padding:20px 14px 24px!important;align-items:center!important;text-align:center!important;gap:7px!important}
}

/* Very small phones: keep both important nav actions without overflow. */
@media(max-width:480px){
  #homePage .ef-nav{padding-inline:9px!important}
  #homePage .ef-brand{max-width:104px!important}
  #homePage .ef-brand-mark{width:34px!important;height:34px!important;flex-basis:34px!important}
  #homePage .ef-brand b{font-size:17px!important}
  #homePage .ef-nav-actions .lp292-long{display:none!important}
  #homePage .ef-nav-actions .lp292-short{display:inline!important}
  #homePage .ef-nav-actions button{padding:0 9px!important;min-width:58px!important}
  #homePage .ef-nav-actions svg{display:none!important}
  #homePage .ef-hero-copy{padding-inline:13px!important}
  #homePage .ef-feature-row{padding-inline:9px!important}
}
@media(max-width:350px){
  #homePage .ef-brand{max-width:88px!important}
  #homePage .ef-brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:17px!important}
  #homePage .ef-brand b{font-size:15px!important}
  #homePage .ef-nav-actions{gap:4px!important}
  #homePage .ef-nav-actions button{min-width:54px!important;padding-inline:7px!important;font-size:10px!important}
  #homePage .ef-hero h1{font-size:30px!important}
}

/* Phone landscape: keep first screen useful rather than an excessively tall stacked hero. */
@media(max-width:950px) and (orientation:landscape) and (max-height:560px) and (min-width:560px){
  #homePage .ef-nav{height:54px!important;min-height:54px!important}
  #homePage .ef-brand small{display:none!important}
  #homePage .ef-hero{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)!important;direction:rtl!important;align-items:stretch!important}
  #homePage .ef-hero-copy{grid-column:1!important;grid-row:1!important;padding:24px 24px 20px!important}
  #homePage .ef-kicker{margin-bottom:8px!important}
  #homePage .ef-hero h1{font-size:30px!important;line-height:1.15!important;margin-bottom:8px!important}
  #homePage .ef-hero p{font-size:12px!important;line-height:1.55!important;margin-bottom:10px!important}
  #homePage .ef-hero-actions{margin-bottom:8px!important;gap:7px!important}
  #homePage .ef-hero-actions button{min-height:40px!important;height:40px!important;padding-inline:12px!important;font-size:11px!important}
  #homePage .ef-hero-note{font-size:9.5px!important}
  #homePage .ef-hero-dashboard{grid-column:2!important;grid-row:1!important;min-height:300px!important;height:auto!important}
  #homePage .ef-mini-window{width:88%!important;max-height:260px!important}
  #homePage .ef-feature-row{grid-column:1/-1!important;grid-row:2!important;margin:0!important;grid-template-columns:repeat(4,1fr)!important}
}


/* Etqan 300: one student shell; no legacy student routes. */
#studentWorkspacePage{background:#f5f6fb;color:#192640;min-height:100dvh;font-family:Tahoma,Arial,sans-serif;direction:rtl}
#studentWorkspacePage *{box-sizing:border-box}
.e300{--primary:#14766c;--ink:#192640;--muted:#64748b;--line:#e4e7f1;font-family:Tahoma,Arial,sans-serif;color:var(--ink);direction:rtl;line-height:1.65}
.e300 button,.e300 input,.e300 select,.e300 textarea{font:inherit}
.e300 button{width:auto;margin:0;cursor:pointer;min-height:48px;border:1px solid var(--line);border-radius:15px;padding:11px 18px;background:#fff;color:var(--ink);font-weight:700;white-space:normal}
.e300 button:hover{border-color:#46877f;box-shadow:0 6px 20px #40307812}.e300 button:focus-visible{outline:3px solid #c7ded8;outline-offset:3px}.e300 button:disabled{cursor:default;opacity:.55}
.e300 .primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.e300-top{max-width:1320px;margin:auto;display:flex;align-items:center;gap:12px;padding:18px 28px;flex-wrap:wrap}
.e300-brand{font-size:27px!important;border:0!important;background:transparent!important;padding:0!important;color:var(--primary)!important}
.e300-top .spacer{flex:1}.e300-stars{background:#fff4ce!important;color:#865b05!important;border-color:#eed589!important;font-size:21px!important}
.e300-main{max-width:1264px;margin:auto;padding:16px 28px 50px}.e300 h1{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:0 0 10px;text-align:right}.e300 h2{font-size:24px;margin:0 0 15px}.e300 h3{font-size:21px;margin:0 0 9px}.e300 p{margin:5px 0 12px}.e300 small,.e300 .muted{font-size:14px;color:var(--muted)}
.e300-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:14px 0 24px}
.e300-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.e300-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.e300-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.e300 .e300-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-height:158px;padding:23px;text-align:right;border-radius:23px;box-shadow:0 7px 20px #26365305;overflow-wrap:anywhere}
.e300-tile strong{font-size:clamp(21px,2vw,29px);line-height:1.4}.e300-symbol{font-size:28px;line-height:1.3}.e300-tile.tint{background:#edf6f3;border-color:#edf6f3}.e300-tile.mint{background:#e8f6f0;border-color:#cfe9df}.e300-tile.gold{background:#fff5dd;border-color:#f0dfb2}
.e300-hero{padding:25px 28px;border-radius:25px;background:linear-gradient(120deg,#14766c,#103c42);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.e300-hero p,.e300-hero small{color:#edf6f3}.e300-hero strong{font-size:26px}.e300-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:23px;margin:15px 0;min-width:0}
.e300-row{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:15px 0;border-bottom:1px solid #edf0f6;flex-wrap:wrap}.e300-row:last-child{border-bottom:0}.e300-row .grow{flex:1;min-width:160px}.e300-row strong{font-size:18px}.e300-chip{display:inline-block;padding:5px 10px;border-radius:30px;background:#edf6f3;color:#14766c;font-size:13px}.e300-chip.good{background:#e2f4e9;color:#18724c}.e300-empty{padding:40px 20px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:20px;background:#fff}.e300-bar{height:8px;background:#e9eaf4;border-radius:9px;overflow:hidden;margin:12px 0}.e300-bar i{display:block;height:100%;background:#14766c;border-radius:9px}
.e300-video{position:relative;background:#101629;border-radius:22px;overflow:hidden;aspect-ratio:16/9;max-height:65dvh;margin:15px 0}.e300-video video{width:100%;height:100%;object-fit:contain;background:#101629}.e300-attention{position:absolute;left:22px;bottom:65px;z-index:3;background:#ffc945!important;border:3px solid white!important;border-radius:50%!important;width:64px!important;height:64px!important;padding:0!important;font-size:30px!important;box-shadow:0 0 0 8px #ffdb6055!important}.e300-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#14213dee;color:white;gap:15px}.e300-overlay b{font-size:34px}.e300-feedback{display:grid;grid-template-columns:1fr 1fr;gap:16px;aspect-ratio:16/9;margin:15px 0}.e300-feedback button{font-size:clamp(22px,3vw,36px);border-radius:23px;background:#e8f6f0}.e300-feedback button+button{background:#fff3d9}
.e300-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.e300-options button{min-height:76px;text-align:right;font-size:20px}.e300-options button.selected{background:#edf6f3;border:2px solid #14766c}.e300-question-img{display:block;max-width:100%;max-height:49dvh;object-fit:contain;margin:15px auto;cursor:zoom-in}.e300-test{max-width:1000px;margin:auto}.e300-test h2{font-size:25px}.e300-testbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.e300-timer{font-variant-numeric:tabular-nums;background:#fff0dd;padding:8px 17px;border-radius:12px;font-size:22px}.e300-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.e300-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.e300 label{display:block;font-size:15px;font-weight:700}.e300 input,.e300 select,.e300 textarea{width:100%;padding:12px;border:1px solid #cfd5e3;background:#fff;border-radius:12px;color:#18243b;min-height:48px}.e300 fieldset{border:1px solid #dde3ed;border-radius:14px;padding:12px}.e300-check{display:flex!important;align-items:center;gap:10px;padding:8px}.e300-check input{width:20px;min-height:20px}.e300-dialog{position:fixed;inset:0;background:#14213d88;z-index:99999;display:grid;place-items:center;padding:20px}.e300-dialog>section{width:min(900px,100%);max-height:90dvh;overflow:auto;background:white;border-radius:22px;padding:25px}.e300-dialog img{max-width:100%}.e300-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#192640;color:white;padding:13px 22px;border-radius:15px;z-index:100000;max-width:90vw}.e300-score{font-size:65px;color:#14766c;font-weight:900}.e300-table{width:100%;border-collapse:collapse;font-size:14px}.e300-table td,.e300-table th{text-align:right;padding:12px;border-bottom:1px solid #e7eaf0}.e300-scroll{overflow:auto}.e300-test input{font-size:20px}
@media(min-width:1600px){.e300-main{max-width:1440px}.e300-tile strong{font-size:30px}.e300 .muted{font-size:16px}}
@media(max-width:1000px){.e300-grid,.e300-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.e300-top,.e300-main{padding-inline:20px}}
@media(max-width:600px){.e300-top{padding:12px;gap:8px}.e300-top button{padding:8px 11px}.e300-main{padding:10px 12px 35px}.e300-grid,.e300-grid.four{gap:10px}.e300 .e300-tile{padding:16px;min-height:135px;border-radius:19px}.e300-tile strong{font-size:22px}.e300-grid.two,.e300-form,.e300-options{grid-template-columns:1fr}.e300-hero{padding:20px;align-items:flex-start;flex-direction:column}.e300-hero strong{font-size:23px}.e300-card{padding:17px}.e300-video{max-height:none}.e300-feedback{aspect-ratio:auto;min-height:230px}.e300-feedback button{font-size:23px;padding:15px}.e300-test h2{font-size:22px}.e300-question-img{max-height:45dvh}.e300-stars{font-size:18px!important}.e300-head{margin-bottom:18px}.e300-top .account-label{display:none}.e300-row .grow{min-width:130px}}

.e300-star{width:1.5em;height:1.5em;vertical-align:middle;color:#cf9200;flex:none}.e300-stars{display:flex;align-items:center;gap:8px}.e300 #e300Content .learning-player-shell{max-width:100%;margin:0;box-shadow:none;border:0}.e300 h1,.e300 h2,.e300 h3{text-align:start}.e300 .e300-attention .e300-star{width:40px;height:40px}.e300 button{min-height:44px}.e300 .e300-feedback button{font-size:clamp(22px,4vw,40px)}



/* ============================================================
   ETQAN V301 — Premium Clean Minimal SaaS Design System
   Visual-only refactor: preserves existing DOM contracts + JS.
   ============================================================ */
:root{
  --e-bg:#FAF7EE;--e-surface:#ffffff;--e-surface-2:#f9fafb;--e-surface-3:#f1f5f4;
  --e-ink:#102a43;--e-ink-2:#334e68;--e-muted:#6b7c8f;--e-line:#e3e9ef;
  --e-brand:#103C42;--e-brand-2:#17A889;--e-brand-soft:#EDF6F3;
  --e-accent:#D4B574;--e-accent-soft:#fff7df;
  --e-good:#198754;--e-warn:#b7791f;--e-bad:#c2414b;--e-info:#2f6fb0;
  --e-r-sm:10px;--e-r-md:14px;--e-r-lg:18px;--e-r-xl:24px;
  --e-shadow-xs:0 1px 2px rgba(16,42,67,.04);
  --e-shadow-sm:0 7px 24px rgba(16,42,67,.06);
  --e-shadow-md:0 18px 50px rgba(16,42,67,.10);
  --e-ring:0 0 0 4px rgba(17,107,99,.12);
  --e-sidebar:#103C42;--e-sidebar-hover:#1C5055;--e-sidebar-text:#E2EFEB;
}
html{background:var(--e-bg);scroll-behavior:smooth}
body{background:var(--e-bg)!important;color:var(--e-ink)!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:Tahoma,"Segoe UI",Arial,sans-serif!important}
button,input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease,opacity .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0!important;box-shadow:var(--e-ring)!important}
input,select,textarea{border-color:var(--e-line)!important;background:#fff!important;color:var(--e-ink)!important}
input:hover,select:hover,textarea:hover{border-color:#cbd6df!important}
input:focus,select:focus,textarea:focus{border-color:var(--e-brand-2)!important}
::selection{background:#cdece7;color:#0a4f49}

/* ---------- Public / auth ---------- */
#homePage{background:linear-gradient(180deg,#fbfcfd 0%,#f5f8f8 100%)!important}
#homePage .ef-nav{background:rgba(255,255,255,.91)!important;border-bottom:1px solid rgba(227,233,239,.95)!important;backdrop-filter:blur(16px)!important;box-shadow:0 1px 0 rgba(16,42,67,.02)!important}
#homePage .ef-brand-mark{background:linear-gradient(135deg,var(--e-brand),var(--e-brand-2))!important;box-shadow:0 8px 22px rgba(17,107,99,.2)!important}
#homePage .ef-brand b,#homePage .ef-hero h1,#homePage .ef-section-head h2{color:var(--e-ink)!important;letter-spacing:-.02em!important}
#homePage .ef-brand small,#homePage .ef-hero p,#homePage .ef-section-head p{color:var(--e-muted)!important}
#homePage .ef-links a{color:var(--e-ink-2)!important;border-radius:9px!important}
#homePage .ef-links a:hover,#homePage .ef-links a.active{color:var(--e-brand)!important;background:var(--e-brand-soft)!important}
#homePage .ef-primary,#homePage .ef-register{background:var(--e-brand)!important;color:white!important;border-color:var(--e-brand)!important;box-shadow:0 10px 26px rgba(17,107,99,.18)!important}
#homePage .ef-primary:hover,#homePage .ef-register:hover{background:#0e5d56!important;transform:translateY(-1px)!important}
#homePage .ef-secondary,#homePage .ef-login{background:#fff!important;color:var(--e-ink)!important;border:1px solid var(--e-line)!important;box-shadow:var(--e-shadow-xs)!important}
#homePage .ef-secondary:hover,#homePage .ef-login:hover{border-color:#b9cbc8!important;background:#fbfefd!important}
#homePage .ef-kicker{background:var(--e-brand-soft)!important;color:var(--e-brand)!important;border-color:#cce8e3!important}
#homePage .ef-hero h1 em{color:var(--e-brand)!important;font-style:normal!important}
#homePage .ef-mini-window,#homePage .ef-benefit-card,#homePage .ef-how-grid article,#homePage .ef-stage,#homePage .ef-faq{border:1px solid var(--e-line)!important;box-shadow:var(--e-shadow-sm)!important}
#homePage .ef-mini-window{background:#fff!important}
#homePage .ef-feature-row{background:#fff!important;border-color:var(--e-line)!important;box-shadow:var(--e-shadow-sm)!important}
#homePage .ef-feature-row i,#homePage .ef-benefit-icon{background:var(--e-brand-soft)!important;color:var(--e-brand)!important}
#homePage .ef-progress i{background:linear-gradient(90deg,var(--e-brand),var(--e-brand-2))!important}

#loginPage,#registerPage,#credentialsPage,#waitingPage,#rejectedPage{background:radial-gradient(circle at 80% 10%,rgba(22,139,127,.09),transparent 26%),linear-gradient(180deg,#f8fbfa,#f4f7f8)!important}
#loginPage>.card,#registerPage>.card,#credentialsPage>.card,#waitingPage>.card,#rejectedPage>.card{max-width:510px!important;border:1px solid var(--e-line)!important;border-radius:var(--e-r-xl)!important;background:rgba(255,255,255,.98)!important;box-shadow:var(--e-shadow-md)!important;padding:34px!important}
#loginPage .logo,#registerPage .logo,#credentialsPage .logo{color:var(--e-brand)!important;letter-spacing:-.03em!important}
#loginButton,#registerButton{background:var(--e-brand)!important;border-radius:12px!important;box-shadow:0 9px 24px rgba(17,107,99,.17)!important}
#loginButton:hover,#registerButton:hover{background:#0e5d56!important;transform:translateY(-1px)!important}
#loginPage .secondary,#registerPage .secondary,#loginPage .back,#registerPage .back{color:var(--e-brand)!important;border-color:#cfe0dd!important;background:#fff!important}

/* ---------- Shared application primitives ---------- */
.admin-card,.sa-card,.tm-card,.clean-card,.e300-card,.student-stat,.task-card,.content-area,.content-viewer-card,.assignment-box{border:1px solid var(--e-line)!important;background:var(--e-surface)!important;box-shadow:var(--e-shadow-xs)!important}
.admin-card,.sa-card,.tm-card,.clean-card,.e300-card{border-radius:var(--e-r-lg)!important}
.admin-btn,.sa-btn,.clean-btn,.tm-primary,.e300 .primary,.viewer-action{background:var(--e-brand)!important;color:#fff!important;border-color:var(--e-brand)!important;box-shadow:none!important}
.admin-btn:hover,.sa-btn:hover,.clean-btn:hover,.tm-primary:hover,.e300 .primary:hover,.viewer-action:hover{background:#0e5d56!important;transform:translateY(-1px)!important}
.admin-btn.secondary,.sa-btn.secondary,.sa-btn.ghost,.clean-secondary,.tm-secondary,.viewer-action.secondary-action{background:#fff!important;color:var(--e-ink-2)!important;border:1px solid var(--e-line)!important}
.admin-btn.danger,.sa-btn.danger,.clean-danger,.tm-danger{background:#fff1f2!important;color:var(--e-bad)!important;border:1px solid #f4d0d4!important}
.admin-badge,.sa-badge,.clean-pill,.tm-badge,.content-pill,.assignment-chip{font-weight:800!important;letter-spacing:0!important}

/* ---------- Student: reduce cognitive load ---------- */
#studentWorkspacePage{background:var(--e-bg)!important;color:var(--e-ink)!important}
#studentWorkspacePage .e300{--primary:var(--e-brand)!important;--ink:var(--e-ink)!important;--muted:var(--e-muted)!important;--line:var(--e-line)!important;max-width:100%!important}
#studentWorkspacePage .e300-top{max-width:1280px!important;padding:16px 24px!important;border-bottom:1px solid var(--e-line)!important;background:rgba(255,255,255,.94)!important;position:sticky!important;top:0!important;z-index:30!important;backdrop-filter:blur(14px)!important}
#studentWorkspacePage .e300-main{max-width:1240px!important;padding:26px 24px 64px!important}
#studentWorkspacePage .e300-brand{color:var(--e-brand)!important;font-size:25px!important}
#studentWorkspacePage .e300-stars{background:var(--e-accent-soft)!important;color:#7d5a0a!important;border:1px solid #edd995!important;border-radius:999px!important}
#studentWorkspacePage .e300 h1{font-size:clamp(26px,3vw,36px)!important;letter-spacing:-.025em!important;color:var(--e-ink)!important}
#studentWorkspacePage .e300 h2{font-size:21px!important;color:var(--e-ink)!important}
#studentWorkspacePage .e300 h3{font-size:17px!important;color:var(--e-ink)!important}
#studentWorkspacePage .e300 button{min-height:44px!important;border-radius:12px!important;border-color:var(--e-line)!important;font-size:14px!important}
#studentWorkspacePage .e300-card{padding:20px!important}
#studentWorkspacePage .e300 .muted,#studentWorkspacePage .e300 small{color:var(--e-muted)!important}
#studentWorkspacePage .e300-table th{background:#f7f9fa!important;color:var(--e-muted)!important}
#studentWorkspacePage .e300-table td,#studentWorkspacePage .e300-table th{border-color:#edf1f4!important}
#studentWorkspacePage .student-shell{max-width:1320px!important;grid-template-columns:minmax(0,1fr) 310px!important;gap:16px!important}
#studentWorkspacePage .student-main,#studentWorkspacePage .student-sidebar{border:1px solid var(--e-line)!important;box-shadow:var(--e-shadow-sm)!important;border-radius:var(--e-r-lg)!important}
#studentWorkspacePage .student-brand{color:var(--e-brand)!important}
#studentWorkspacePage .learning-hero{background:linear-gradient(135deg,#edf8f6,#f8fbfa)!important;border-color:#d6ebe7!important}
#studentWorkspacePage .progress-fill-student{background:var(--e-brand)!important}
#studentWorkspacePage .content-pill{background:var(--e-brand-soft)!important;color:var(--e-brand)!important}
#studentWorkspacePage .task-card:hover{border-color:#cfe3df!important;box-shadow:var(--e-shadow-sm)!important;transform:translateY(-1px)!important}
#studentWorkspacePage .student-bottom-nav{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--e-line)!important;box-shadow:0 -8px 28px rgba(16,42,67,.07)!important;backdrop-filter:blur(14px)!important}
#studentWorkspacePage .student-bottom-nav button{color:var(--e-muted)!important}
#studentWorkspacePage .student-bottom-nav button.active{color:var(--e-brand)!important;background:var(--e-brand-soft)!important}

/* ---------- Teacher workspace ---------- */
#teacherWorkspacePage{background:var(--e-bg)!important;color:var(--e-ink)!important}
#teacherWorkspacePage .tm-shell{background:var(--e-bg)!important;grid-template-columns:minmax(0,1fr) 248px!important}
#teacherWorkspacePage .tm-sidebar{background:var(--e-sidebar)!important;color:var(--e-sidebar-text)!important;border:0!important;box-shadow:none!important}
#teacherWorkspacePage .tm-brand{border-color:rgba(255,255,255,.09)!important}
#teacherWorkspacePage .tm-brand-mark{background:linear-gradient(135deg,var(--e-brand-2),#41a89f)!important;box-shadow:none!important}
#teacherWorkspacePage .tm-nav-label{color:#8fa6ba!important;text-transform:none!important;letter-spacing:0!important}
#teacherWorkspacePage .tm-nav button{border-radius:10px!important;color:#d5e0e8!important;background:transparent!important;border:0!important;font-size:13px!important;min-height:42px!important}
#teacherWorkspacePage .tm-nav button:hover{background:var(--e-sidebar-hover)!important;color:white!important}
#teacherWorkspacePage .tm-nav button.active{background:#1c4d68!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--e-brand-2)!important}
#teacherWorkspacePage .tm-main{background:var(--e-bg)!important}
#teacherWorkspacePage .tm-topbar{background:rgba(255,255,255,.95)!important;border-bottom:1px solid var(--e-line)!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}
#teacherWorkspacePage .tm-content{max-width:1460px!important;margin-inline:auto!important;padding:26px!important}
#teacherWorkspacePage .tm-page-head h1,#teacherWorkspacePage .tm-page-head h2{color:var(--e-ink)!important;letter-spacing:-.02em!important}
#teacherWorkspacePage .tm-stat{border:1px solid var(--e-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--e-shadow-xs)!important}
#teacherWorkspacePage .tm-stat .value{color:var(--e-ink)!important}
#teacherWorkspacePage .tm-card{padding:18px!important}
#teacherWorkspacePage .tm-table th{background:#f8fafb!important;color:var(--e-muted)!important;font-size:11px!important}
#teacherWorkspacePage .tm-table td{color:var(--e-ink-2)!important}
#teacherWorkspacePage .tm-table th,#teacherWorkspacePage .tm-table td{border-color:#edf1f4!important}
#teacherWorkspacePage .tm-toolbar,#teacherWorkspacePage .tm-card-head{gap:10px!important}
#teacherWorkspacePage #e300TeacherEntry{background:var(--e-brand)!important;color:#fff!important;border:0!important;border-radius:11px!important}

/* ---------- Admin / staff ---------- */
#staffPage{background:var(--e-bg)!important}
#staffPage .admin-shell{background:var(--e-bg)!important;max-width:none!important}
#staffPage .admin-topbar{height:70px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--e-line)!important;backdrop-filter:blur(14px)!important}
#staffPage .admin-brand{color:var(--e-brand)!important;font-size:22px!important}
#staffPage .admin-layout{grid-template-columns:232px minmax(0,1fr)!important}
#staffPage .admin-sidebar{background:#fff!important;border-left:1px solid var(--e-line)!important;padding:14px 10px!important}
#staffPage .admin-nav-title{color:#9aa8b5!important;font-size:10px!important}
#staffPage .admin-nav-btn{color:var(--e-ink-2)!important;border-radius:10px!important;min-height:42px!important;font-size:13px!important}
#staffPage .admin-nav-btn:hover{background:#f3f7f6!important;color:var(--e-brand)!important}
#staffPage .admin-nav-btn.active{background:var(--e-brand-soft)!important;color:var(--e-brand)!important}
#staffPage .admin-main{padding:24px!important;max-width:1500px!important;margin:auto!important;width:100%!important}
#staffPage .admin-head h2{font-size:23px!important;color:var(--e-ink)!important;text-align:right!important}
#staffPage .admin-sub{color:var(--e-muted)!important}
#staffPage .admin-stat{border-color:var(--e-line)!important;border-radius:16px!important;box-shadow:var(--e-shadow-xs)!important}
#staffPage .admin-stat-value{color:var(--e-ink)!important;font-size:27px!important}
#staffPage .admin-table th{background:#f7f9fa!important;color:var(--e-muted)!important}
#staffPage .admin-table th,#staffPage .admin-table td{border-color:#edf1f4!important}

/* ---------- Super Admin: enterprise SaaS ---------- */
#superAdminShell{background:var(--e-bg)!important;color:var(--e-ink)!important}
#superAdminShell .sa-layout{grid-template-columns:252px minmax(0,1fr)!important;background:var(--e-bg)!important}
#superAdminShell .sa-sidebar{background:var(--e-sidebar)!important;color:var(--e-sidebar-text)!important;padding:17px 12px!important;border:0!important}
#superAdminShell .sa-brand{border-bottom:1px solid rgba(255,255,255,.09)!important;padding:7px 8px 18px!important;margin-bottom:10px!important}
#superAdminShell .sa-brand-mark{background:linear-gradient(135deg,var(--e-brand-2),#3ca69b)!important;border-radius:11px!important;box-shadow:none!important}
#superAdminShell .sa-brand-title{color:#fff!important;font-size:17px!important}
#superAdminShell .sa-brand-sub{color:#91a5b8!important}
#superAdminShell .sa-section-label{color:#8198ab!important;font-size:9px!important;letter-spacing:.04em!important;padding:15px 10px 6px!important}
#superAdminShell .sa-nav{gap:2px!important}
#superAdminShell .sa-nav button{color:#d4dfe7!important;border-radius:9px!important;min-height:39px!important;padding:9px 10px!important;font-size:12px!important;gap:8px!important}
#superAdminShell .sa-nav button:hover{background:var(--e-sidebar-hover)!important;color:#fff!important}
#superAdminShell .sa-nav button.active{background:#1c4d68!important;color:#fff!important;box-shadow:inset 3px 0 0 #3fb4a8!important}
#superAdminShell .sa-nav .sa-danger{color:#f5bfc3!important}
#superAdminShell .sa-content{background:var(--e-bg)!important}
#superAdminShell .sa-topbar{height:70px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--e-line)!important;padding:0 24px!important;backdrop-filter:blur(14px)!important}
#superAdminShell .sa-breadcrumb{color:#8b9aaa!important}
#superAdminShell .sa-page-title{color:var(--e-ink)!important;font-size:20px!important}
#superAdminShell .sa-user-avatar{background:var(--e-brand-soft)!important;color:var(--e-brand)!important}
#superAdminShell .sa-main{padding:24px!important;max-width:1560px!important}
#superAdminShell .sa-head h2{font-size:23px!important;color:var(--e-ink)!important;text-align:right!important}
#superAdminShell .sa-head p,#superAdminShell .sa-card-sub{color:var(--e-muted)!important}
#superAdminShell .sa-kpis{gap:12px!important}
#superAdminShell .sa-kpi{border-color:var(--e-line)!important;border-radius:16px!important;box-shadow:var(--e-shadow-xs)!important;padding:16px!important}
#superAdminShell .sa-kpi-label{color:var(--e-muted)!important}
#superAdminShell .sa-kpi-value{color:var(--e-ink)!important;font-size:26px!important}
#superAdminShell .sa-card{padding:18px!important}
#superAdminShell .sa-quick button{border-color:var(--e-line)!important;border-radius:13px!important;color:var(--e-ink-2)!important;box-shadow:none!important}
#superAdminShell .sa-quick button:hover{border-color:#bdd9d5!important;background:#f7fbfa!important;color:var(--e-brand)!important}
#superAdminShell .sa-table th{background:#f7f9fa!important;color:var(--e-muted)!important}
#superAdminShell .sa-table td{color:var(--e-ink-2)!important}
#superAdminShell .sa-table th,#superAdminShell .sa-table td{border-color:#edf1f4!important}
#superAdminShell .sa-statbar i{background:var(--e-brand)!important}
#superAdminShell .sa-alert{background:#fffbef!important;border-color:#f2e3ac!important;color:#765814!important}
#superAdminShell .admin-input,#superAdminShell .admin-select,#superAdminShell .admin-textarea{border-radius:10px!important;border-color:var(--e-line)!important}
#superAdminShell .academic-hub-tab.active,#superAdminShell .academic-crud-tab.active{background:var(--e-brand)!important;border-color:var(--e-brand)!important}

/* ---------- Tables / forms / modals ---------- */
.admin-table-wrap,.sa-table-wrap,.e300-scroll{border:1px solid var(--e-line)!important;border-radius:14px!important;background:#fff!important;overflow:auto!important}
.admin-table,.sa-table,.tm-table,.e300-table{border-collapse:separate!important;border-spacing:0!important}
.admin-table tbody tr:hover,.sa-table tbody tr:hover,.tm-table tbody tr:hover,.e300-table tbody tr:hover{background:#fafcfc!important}
.admin-modal,.clean-modal{background:rgba(8,28,43,.48)!important;backdrop-filter:blur(6px)!important}
.admin-modal-box,.clean-modal-box,.teacher-create-dialog{border:1px solid rgba(227,233,239,.9)!important;border-radius:20px!important;box-shadow:0 30px 90px rgba(16,42,67,.24)!important}
.admin-close,.clean-close,.teacher-create-close{background:#f3f6f7!important;color:var(--e-ink)!important;border:1px solid var(--e-line)!important}
.admin-icon-btn{border-color:var(--e-line)!important;color:var(--e-ink-2)!important;background:#fff!important;border-radius:9px!important}
.admin-icon-btn:hover{background:#f6faf9!important;color:var(--e-brand)!important;border-color:#cbdedb!important}

/* ---------- Video / attention / learning viewer ---------- */
.viewer-media{border-radius:16px!important;background:#08131c!important;box-shadow:0 14px 34px rgba(8,19,28,.16)!important}
.video-watch-progress{border-color:#d8eae6!important;background:#f8fcfb!important;border-radius:14px!important}
.video-watch-progress-title{color:#21564f!important}.video-watch-progress-percent{color:var(--e-brand)!important}
.video-watch-progress-track{background:#e2ecea!important}.video-watch-progress-fill{background:linear-gradient(90deg,var(--e-brand),var(--e-brand-2))!important}

/* ---------- Live classroom ---------- */
#liveRoomPage{background:#0b1722!important;color:#eef5f8!important;padding:16px!important}
#liveRoomPage .live-grid{gap:14px!important;max-width:1500px!important}
#liveRoomPage .live-stage,#liveRoomPage .live-panel{background:#122535!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(0,0,0,.16)!important}
#liveRoomPage .live-video{border-radius:14px!important;background:#02070b!important}
#liveRoomPage .live-msg{background:#193044!important;border:1px solid rgba(255,255,255,.05)!important}
#liveRoomPage .live-actions button{background:#183247!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:10px!important}
#liveRoomPage .live-actions button:hover{background:#21455e!important}
#liveRoomPage .live-timer{color:#f2c75c!important}

/* ---------- Status colors ---------- */
.badge-approved,.badge-active,.badge-published,.badge-reviewed,.sa-badge.good,.clean-pill{background:#eaf7f1!important;color:#18724b!important}
.badge-pending,.badge-draft,.badge-under_review,.sa-badge.warn,.clean-pill.warn{background:#fff6df!important;color:#8c650d!important}
.badge-rejected,.badge-suspended,.badge-archived,.sa-badge.bad{background:#fff0f1!important;color:#aa3944!important}
.badge-submitted,.clean-pill.blue{background:#edf4fb!important;color:#356d9d!important}

/* ---------- Responsive: real layout changes, not desktop shrink ---------- */
@media(max-width:1180px){
  #superAdminShell .sa-layout{grid-template-columns:230px minmax(0,1fr)!important}
  #teacherWorkspacePage .tm-shell{grid-template-columns:minmax(0,1fr) 228px!important}
  #staffPage .admin-layout{grid-template-columns:210px minmax(0,1fr)!important}
  #studentWorkspacePage .student-shell{grid-template-columns:minmax(0,1fr) 280px!important}
}
@media(max-width:900px){
  #superAdminShell .sa-layout,#staffPage .admin-layout{grid-template-columns:1fr!important}
  #superAdminShell .sa-sidebar{position:fixed!important;right:-270px!important;width:252px!important;z-index:1000!important;transition:right .2s ease!important;box-shadow:-20px 0 50px rgba(0,0,0,.18)!important}
  #superAdminShell .sa-sidebar.open{right:0!important}
  #staffPage .admin-sidebar{position:static!important;height:auto!important;display:flex!important;overflow:auto!important;border-left:0!important;border-bottom:1px solid var(--e-line)!important;padding:8px!important}
  #staffPage .admin-nav-btn{width:auto!important;white-space:nowrap!important}
  #studentWorkspacePage .student-shell{grid-template-columns:1fr!important}
  #studentWorkspacePage .student-sidebar{position:static!important;max-height:none!important}
}
@media(max-width:760px){
  #loginPage>.card,#registerPage>.card,#credentialsPage>.card{margin:12px!important;padding:24px 18px!important;border-radius:20px!important}
  #studentWorkspacePage .e300-top{padding:11px 14px!important}
  #studentWorkspacePage .e300-main{padding:18px 14px 86px!important}
  #studentWorkspacePage .e300-card{padding:16px!important}
  #teacherWorkspacePage .tm-content,#staffPage .admin-main,#superAdminShell .sa-main{padding:16px 13px 86px!important}
  #superAdminShell .sa-topbar,#staffPage .admin-topbar{padding:0 14px!important}
  #superAdminShell .sa-kpis,#staffPage .admin-stats{grid-template-columns:1fr 1fr!important;gap:9px!important}
  #superAdminShell .sa-kpi,#staffPage .admin-stat{padding:13px!important}
  #superAdminShell .sa-kpi-value,#staffPage .admin-stat-value{font-size:22px!important}
  .admin-modal,.clean-modal{align-items:flex-end!important;padding:0!important}
  .admin-modal-box,.clean-modal-box,.teacher-create-dialog{width:100%!important;max-width:none!important;max-height:92dvh!important;border-radius:20px 20px 0 0!important;padding:18px!important}
  #liveRoomPage{padding:8px!important}
  #liveRoomPage .live-stage,#liveRoomPage .live-panel{border-radius:14px!important;padding:12px!important}
}
@media(max-width:480px){
  #superAdminShell .sa-kpis,#staffPage .admin-stats{grid-template-columns:1fr!important}
  #studentWorkspacePage .e300 h1{font-size:26px!important}
}

/* Motion safety */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}



/* Learning + assessment: one-question focus, calm feedback, age-appropriate hierarchy. */
#studentWorkspacePage .sv4-selftest{grid-template-columns:1fr!important;max-width:860px!important;margin-inline:auto!important}
#studentWorkspacePage .sv4-card{border:1px solid var(--e-line)!important;border-radius:18px!important;background:#fff!important;padding:20px!important;box-shadow:var(--e-shadow-xs)!important}
#studentWorkspacePage .sv4-question{border:1px solid var(--e-line)!important;border-radius:16px!important;padding:18px!important;margin:0 0 12px!important;background:#fff!important}
#studentWorkspacePage .sv4-question.answered{opacity:1!important;background:#fafcfc!important}
#studentWorkspacePage .sv4-option{border:1px solid var(--e-line)!important;border-radius:12px!important;min-height:48px!important;padding:11px 13px!important;background:#fff!important}
#studentWorkspacePage .sv4-option:hover{border-color:#bdd9d5!important;background:#f8fcfb!important}
#studentWorkspacePage .etq266-test-q{max-width:860px!important;margin:0 auto 14px!important;border:1px solid var(--e-line)!important;border-radius:18px!important;padding:20px!important;background:#fff!important;box-shadow:var(--e-shadow-xs)!important}
#studentWorkspacePage .etq266-test-q h4{font-size:17px!important;line-height:1.9!important;color:var(--e-ink)!important;margin-bottom:14px!important}
#studentWorkspacePage .etq266-option{min-height:50px!important;border:1px solid var(--e-line)!important;border-radius:12px!important;padding:12px 14px!important;background:#fff!important;font-size:14px!important;align-items:center!important}
#studentWorkspacePage .etq266-option:hover{border-color:#bdd9d5!important;background:#f8fcfb!important}
#studentWorkspacePage .etq266-option:has(input:checked){border-color:var(--e-brand-2)!important;background:var(--e-brand-soft)!important;box-shadow:0 0 0 2px rgba(22,139,127,.08)!important}
#studentWorkspacePage .etq266-review-correct{border-color:#b9dec9!important;background:#eef9f3!important}
#studentWorkspacePage .etq266-review-wrong{border-color:#efc9cd!important;background:#fff3f4!important}
#studentWorkspacePage .etq266-review-answer{background:#f6f9fa!important;border:1px solid var(--e-line)!important;border-radius:10px!important;font-size:12px!important}
#studentWorkspacePage .etq266-countdown{color:#8a650e!important;background:var(--e-accent-soft)!important;padding:6px 10px!important;border-radius:999px!important}

body>.qb-modal-backdrop{backdrop-filter:blur(6px)!important;background:rgba(8,28,43,.48)!important}
body>.qb-modal-backdrop .qb-question-card,.qb159-question-box{border:1px solid var(--e-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.qb159-question-modal{background:rgba(8,28,43,.48)!important;backdrop-filter:blur(6px)!important}
.qb159-question-modal .qb159-question-box{border-color:var(--e-line)!important;background:#fff!important}
.qb159-question-text{color:var(--e-ink)!important;line-height:1.85!important}

.etq266-btn.primary{background:var(--e-brand)!important;border-color:var(--e-brand)!important;color:#fff!important}
.etq266-progress i{background:var(--e-brand)!important}
.etq266-chip.purple{background:var(--e-brand-soft)!important;color:var(--e-brand)!important}
.etq266-point,.etq266-card,.etq266-student-point{border-color:var(--e-line)!important;box-shadow:var(--e-shadow-xs)!important}
.etq266-modal{background:rgba(8,28,43,.48)!important;backdrop-filter:blur(6px)!important}
.etq266-modal-card{border:1px solid var(--e-line)!important;border-radius:20px!important;box-shadow:0 30px 90px rgba(16,42,67,.24)!important}
.etq266-video-card video{background:#08131c!important;border-radius:16px!important;box-shadow:0 14px 34px rgba(8,19,28,.14)!important}

#liveRoomPage .live-question-card{border-radius:16px!important;border:1px solid rgba(255,255,255,.08)!important;background:#152c3f!important;color:#f2f7fa!important;box-shadow:none!important}
#liveRoomPage .live-options{gap:9px!important}
#liveRoomPage .live-options button{min-height:48px!important;background:#1b3950!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:11px!important;text-align:center!important}
#liveRoomPage .live-options button:hover{background:#24506b!important;border-color:rgba(255,255,255,.18)!important}
#liveRoomPage.etq285-student .live-question-card{background:#fff!important;color:var(--e-ink)!important;border-color:var(--e-line)!important}

@media(max-width:650px){
 #studentWorkspacePage .etq266-test-q,#studentWorkspacePage .sv4-question{padding:15px!important;border-radius:15px!important}
 #studentWorkspacePage .etq266-option,#studentWorkspacePage .sv4-option{min-height:52px!important;font-size:14px!important}
 #liveRoomPage .live-options{grid-template-columns:1fr!important}
}

/* =========================================================
   ETQAN V301 PERFORMANCE V2
   Skip layout/paint work for large off-screen application regions.
   This is progressive enhancement; unsupported browsers simply ignore it.
   ========================================================= */
@supports (content-visibility:auto){
  .admin-view:not(.active),
  .sa-view:not(.active),
  .clean-route:not(.active),
  .tm-view:not(.active),
  .student-section:not(.active),
  .academic-crud-pane:not(.active){
    content-visibility:hidden;
    contain-intrinsic-size:1px 700px;
  }
  .admin-card,
  .sa-card,
  .clean-card,
  .task-card,
  .academic-hub-card,
  .mapping-card,
  .content-viewer-card,
  .assignment-box,
  .live-card{
    content-visibility:auto;
    contain-intrinsic-size:auto 320px;
  }
  .admin-table-wrap,
  .sa-table-wrap{
    content-visibility:auto;
    contain-intrinsic-size:auto 520px;
  }
}

/* Prevent expensive effects from creating extra compositing work on huge views. */
@media (prefers-reduced-motion: no-preference){
  .admin-card,.sa-card,.clean-card,.task-card{will-change:auto}
}

/* Performance V2: replace document-wide live-video style observer. */
#liveRoomPage video{
  transform:none!important;
  -webkit-transform:none!important;
  scale:1!important;
  rotate:0deg!important;
}

/* ============================================================
   ETQAN V303 — Student viewport + assessment media fixes
   ============================================================ */
#studentWorkspacePage.page,
#studentWorkspacePage.page.active{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow-x:hidden!important;
}
#studentWorkspacePage>.e300,
#studentWorkspacePage .e300{
  width:100%!important;
  min-width:0!important;
  min-height:100dvh!important;
}
#studentWorkspacePage .e300-top{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-inline:clamp(18px,3vw,54px)!important;
}
#studentWorkspacePage .e300-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px clamp(18px,3vw,54px) 52px!important;
}
#studentWorkspacePage .e300-test{
  width:min(1180px,100%)!important;
  max-width:none!important;
  margin-inline:auto!important;
}
#studentWorkspacePage .student-shell{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
}
#studentWorkspacePage .student-main{
  min-height:100%!important;
}

/* Assessment media: reserve a stable area, never crop the question image. */
#studentWorkspacePage .e300-question-img,
#studentWorkspacePage .etq275-student-image img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:min(58dvh,680px)!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:14px auto 18px!important;
}
#studentWorkspacePage .etq275-student-image{
  width:100%!important;
  max-width:1100px!important;
  min-height:180px!important;
  max-height:none!important;
  overflow:visible!important;
  margin:12px auto 18px!important;
  background:#fbfdfc!important;
  border:1px solid var(--e-line,#e3e9ef)!important;
}
#studentWorkspacePage .e300-question-media{
  width:100%;
  min-height:180px;
  display:grid;
  place-items:center;
  margin:12px 0 18px;
  padding:10px;
  border:1px solid var(--e-line,#e3e9ef);
  border-radius:16px;
  background:#fbfdfc;
}
#studentWorkspacePage .e300-question-media .e300-question-img{margin:0!important}
#studentWorkspacePage .e300-image-error{
  width:100%;
  padding:28px 18px;
  text-align:center;
  color:#8a4b22;
  background:#fff8ef;
  border:1px dashed #e5c79f;
  border-radius:13px;
  font-size:13px;
}
@media(max-width:900px){
  #studentWorkspacePage .e300-top{padding-inline:18px!important}
  #studentWorkspacePage .e300-main{padding:15px 18px 88px!important}
  #studentWorkspacePage .e300-test{width:100%!important}
}
@media(max-width:600px){
  #studentWorkspacePage .e300-top{padding-inline:12px!important}
  #studentWorkspacePage .e300-main{padding:10px 12px 86px!important}
  #studentWorkspacePage .e300-question-img,
  #studentWorkspacePage .etq275-student-image img{max-height:48dvh!important}
  #studentWorkspacePage .e300-question-media{min-height:140px;padding:6px}
}

/* ETQAN V304 — attention star + container fullscreen fix */
#studentWorkspacePage .e300-video{isolation:isolate}
#studentWorkspacePage .e300-fullscreen{position:absolute!important;top:14px;right:14px;z-index:80!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:8px 11px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.32)!important;background:rgba(9,18,32,.72)!important;color:#fff!important;backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.2)!important}
#studentWorkspacePage .e300-fullscreen svg{width:18px;height:18px;flex:none}
#studentWorkspacePage .e300-fullscreen:hover{background:rgba(9,18,32,.9)!important;border-color:rgba(255,255,255,.55)!important}
#studentWorkspacePage .e300-attention{z-index:120!important;pointer-events:auto!important;animation:e300StarPulse 1s ease-in-out infinite alternate}
#studentWorkspacePage .e300-overlay{z-index:110!important}
@keyframes e300StarPulse{from{transform:scale(1);box-shadow:0 0 0 8px rgba(255,219,96,.33)!important}to{transform:scale(1.08);box-shadow:0 0 0 13px rgba(255,219,96,.16)!important}}
#studentWorkspacePage .e300-video:fullscreen,#studentWorkspacePage .e300-video.is-fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;border-radius:0!important;background:#05080f!important;overflow:hidden!important}
#studentWorkspacePage .e300-video:fullscreen video,#studentWorkspacePage .e300-video.is-fullscreen video{width:100vw!important;height:100vh!important;max-height:none!important;object-fit:contain!important}
#studentWorkspacePage .e300-video:fullscreen .e300-attention,#studentWorkspacePage .e300-video.is-fullscreen .e300-attention{position:absolute!important;left:max(28px,env(safe-area-inset-left))!important;bottom:max(82px,calc(env(safe-area-inset-bottom) + 72px))!important;width:76px!important;height:76px!important;z-index:2147483000!important}
#studentWorkspacePage .e300-video:fullscreen .e300-attention .e300-star,#studentWorkspacePage .e300-video.is-fullscreen .e300-attention .e300-star{width:48px!important;height:48px!important}
#studentWorkspacePage .e300-video:fullscreen .e300-overlay,#studentWorkspacePage .e300-video.is-fullscreen .e300-overlay{position:absolute!important;inset:0!important;z-index:2147482990!important}
#studentWorkspacePage .e300-video:fullscreen .e300-fullscreen,#studentWorkspacePage .e300-video.is-fullscreen .e300-fullscreen{top:max(18px,env(safe-area-inset-top))!important;right:max(18px,env(safe-area-inset-right))!important;z-index:2147483001!important}
@media(max-width:600px){#studentWorkspacePage .e300-fullscreen span{display:none}#studentWorkspacePage .e300-fullscreen{width:42px!important;height:42px!important;padding:0!important;justify-content:center!important}#studentWorkspacePage .e300-video:fullscreen .e300-attention,#studentWorkspacePage .e300-video.is-fullscreen .e300-attention{width:68px!important;height:68px!important;left:18px!important;bottom:76px!important}}


/* ETQAN V305 — student cards, ambient motion, route-first account UX */
#studentWorkspacePage .e300{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbfa 0%,#f4f8fb 55%,#f7faf9 100%)}
#studentWorkspacePage .e300-main{position:relative;z-index:2}
#studentWorkspacePage .e300-top{position:relative;z-index:20;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(16px) saturate(130%)}
#studentWorkspacePage .e301-topnav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#studentWorkspacePage .e301-topnav button{width:auto!important;margin:0!important;background:transparent!important;color:#35475b!important;border:1px solid transparent!important;padding:9px 12px!important;border-radius:12px!important;font-size:13px!important;box-shadow:none!important}
#studentWorkspacePage .e301-topnav button:hover{background:#f1f7f5!important;border-color:#dcebe6!important;color:#126d59!important;transform:translateY(-1px)}
#studentWorkspacePage .e301-topnav .e300-stars{background:#fff9e8!important;border-color:#f3e2aa!important;color:#896719!important}
#studentWorkspacePage .e300-grid{gap:18px!important}
#studentWorkspacePage .e300-tile,#studentWorkspacePage .e300-card{position:relative;overflow:hidden;border:1px solid #dfe9e6!important;box-shadow:0 10px 30px rgba(27,62,75,.07)!important;background:linear-gradient(155deg,#fff 0%,#fbfdfd 100%)!important}
#studentWorkspacePage .e300-tile:before,#studentWorkspacePage .e300-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#1f9d7a,#52b8a0);opacity:.72}
#studentWorkspacePage .e300-tile{min-height:136px!important;padding:22px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
#studentWorkspacePage .e300-tile:hover{transform:translateY(-4px)!important;border-color:#bcded5!important;box-shadow:0 16px 38px rgba(27,92,79,.13)!important}
#studentWorkspacePage .e300-symbol{width:46px;height:46px;border-radius:15px;display:grid!important;place-items:center;background:#edf8f5;color:#168268;font-size:22px!important;margin-bottom:12px!important;box-shadow:inset 0 0 0 1px #d8eee8}
#studentWorkspacePage .e300-tile.gold .e300-symbol{background:#fff7dc;color:#9a7216;box-shadow:inset 0 0 0 1px #f3e1a6}
#studentWorkspacePage .e300-tile.mint .e300-symbol{background:#eaf9f2;color:#177356}
#studentWorkspacePage .e300-tile.tint .e300-symbol{background:#eef5ff;color:#376eaa}
#studentWorkspacePage .e300-tile strong{font-size:17px!important;color:#1f3244!important}
#studentWorkspacePage .e300-tile small{font-size:12px!important;line-height:1.7!important;color:#6d7d89!important}
#studentWorkspacePage .e301-ambient{position:fixed;inset:72px 0 0;z-index:0;pointer-events:none;overflow:hidden;opacity:.34}
#studentWorkspacePage .e301-ambient span{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(109,177,160,.2);color:#5ba891;font-size:23px;box-shadow:0 10px 30px rgba(41,96,83,.06);animation:e301Float 13s ease-in-out infinite}
#studentWorkspacePage .e301-ambient span:nth-child(1){right:4%;top:12%;animation-delay:-2s}
#studentWorkspacePage .e301-ambient span:nth-child(2){left:5%;top:19%;animation-delay:-8s;animation-duration:16s}
#studentWorkspacePage .e301-ambient span:nth-child(3){right:14%;top:54%;animation-delay:-5s;animation-duration:18s}
#studentWorkspacePage .e301-ambient span:nth-child(4){left:10%;top:68%;animation-delay:-11s;animation-duration:17s}
#studentWorkspacePage .e301-ambient span:nth-child(5){right:38%;top:33%;animation-delay:-4s;animation-duration:20s}
#studentWorkspacePage .e301-ambient span:nth-child(6){left:31%;top:82%;animation-delay:-10s;animation-duration:15s}
@keyframes e301Float{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-16px,0) rotate(5deg)}}
#studentWorkspacePage .e301-profile-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #dfe9e6;border-radius:20px;background:linear-gradient(135deg,#fff,#f2faf7);box-shadow:0 12px 34px rgba(27,62,75,.08);margin-bottom:18px}
#studentWorkspacePage .e301-avatar{width:72px;height:72px;flex:none;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#17886e,#45b79a);color:#fff;font-size:30px;font-weight:900;box-shadow:0 10px 25px rgba(24,132,105,.22)}
#studentWorkspacePage .e301-profile-card h2{margin:3px 0 4px!important;text-align:right!important}
#studentWorkspacePage .e301-profile-card p{margin:0;color:#6e7d89}
#studentWorkspacePage .e301-account-actions{margin-top:18px}
#studentWorkspacePage .e301-logout{background:#fff1f2!important;color:#a43c4b!important;border:1px solid #f0cfd4!important;width:auto!important}
#studentWorkspacePage .e301-safe-stop{text-align:center;max-width:720px;margin:70px auto!important}
@media(max-width:760px){
 #studentWorkspacePage .e300-top{align-items:flex-start!important;gap:10px!important}
 #studentWorkspacePage .e301-topnav{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
 #studentWorkspacePage .e301-topnav button{padding:8px 4px!important;font-size:11px!important}
 #studentWorkspacePage .e301-ambient{opacity:.22}
 #studentWorkspacePage .e301-ambient span{width:42px;height:42px;font-size:18px;border-radius:14px}
 #studentWorkspacePage .e300-tile{min-height:118px!important;padding:17px!important}
 #studentWorkspacePage .e301-profile-card{padding:17px;gap:13px}.e301-avatar{width:58px!important;height:58px!important;border-radius:18px!important;font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){#studentWorkspacePage .e301-ambient span{animation:none!important}#studentWorkspacePage .e300-tile{transition:none!important}}

/* ============================================================
   ETQAN V306 — student navigation, card emphasis, no-modal account
   ============================================================ */
#studentWorkspacePage.active ~ #accountCenterModal,
body:has(#studentWorkspacePage.active) #accountCenterModal{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#studentWorkspacePage .e301-topnav{
  flex:1;
  justify-content:flex-end;
  min-width:0;
}
#studentWorkspacePage .e301-topnav button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:max-content!important;
  position:relative;
}
#studentWorkspacePage .e301-topnav button.active{
  background:#eaf7f3!important;
  border-color:#cfe9e2!important;
  color:#0e735d!important;
  box-shadow:0 6px 18px rgba(26,120,96,.08)!important;
}
#studentWorkspacePage .e301-topnav button.active:after{
  content:"";
  position:absolute;
  right:14px;left:14px;bottom:-7px;
  height:3px;border-radius:99px;
  background:linear-gradient(90deg,#1b9877,#63c1aa);
}
#studentWorkspacePage .e301-nav-ic{
  width:24px;height:24px;border-radius:8px;
  display:grid;place-items:center;
  background:#f2f7f6;color:#477064;
  font-size:14px;font-weight:900;
}
#studentWorkspacePage .e301-top-logout{
  color:#a43c4b!important;
  background:#fff7f8!important;
  border-color:#f2d9dd!important;
}
#studentWorkspacePage .e301-top-logout .e301-nav-ic{background:#fff0f2;color:#b44453}
#studentWorkspacePage .e301-top-logout:hover{background:#fff0f2!important;border-color:#eec7cd!important;color:#912f3c!important}
#studentWorkspacePage .e300-tile{
  border-width:1px!important;
  box-shadow:0 14px 34px rgba(31,72,83,.09)!important;
}
#studentWorkspacePage .e300-tile:after{
  content:"";position:absolute;width:100px;height:100px;border-radius:50%;
  inset-inline-end:-38px;top:-42px;
  background:radial-gradient(circle,rgba(78,183,153,.12),rgba(78,183,153,0) 70%);
  pointer-events:none;transition:transform .35s ease;
}
#studentWorkspacePage .e300-tile:hover:after{transform:scale(1.35)}
#studentWorkspacePage .e300-tile.tint{background:linear-gradient(145deg,#fff,#f3f8ff)!important;border-color:#d9e7f7!important}
#studentWorkspacePage .e300-tile.mint{background:linear-gradient(145deg,#fff,#effaf5)!important;border-color:#d3eadf!important}
#studentWorkspacePage .e300-tile.gold{background:linear-gradient(145deg,#fff,#fff9e8)!important;border-color:#eee1b7!important}
#studentWorkspacePage .e300-card{box-shadow:0 12px 30px rgba(31,72,83,.075)!important}
#studentWorkspacePage .e301-ambient i{
  position:absolute;width:180px;height:180px;border-radius:50%;
  filter:blur(1px);opacity:.34;
  background:radial-gradient(circle at 35% 35%,rgba(65,190,158,.20),rgba(65,190,158,0) 68%);
  animation:e306Orb 18s ease-in-out infinite;
}
#studentWorkspacePage .e301-ambient i:nth-of-type(1){right:18%;top:14%}
#studentWorkspacePage .e301-ambient i:nth-of-type(2){left:20%;top:48%;animation-delay:-6s;animation-duration:22s;background:radial-gradient(circle at 35% 35%,rgba(90,144,213,.16),rgba(90,144,213,0) 68%)}
#studentWorkspacePage .e301-ambient i:nth-of-type(3){right:42%;top:76%;animation-delay:-11s;animation-duration:25s;background:radial-gradient(circle at 35% 35%,rgba(222,180,75,.14),rgba(222,180,75,0) 68%)}
@keyframes e306Orb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-22px,0) scale(1.14)}}
#studentWorkspacePage .e301-profile-card{position:relative;overflow:hidden}
#studentWorkspacePage .e301-profile-card:after{content:"";position:absolute;inset-inline-end:-70px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(39,166,133,.16),transparent 68%);pointer-events:none}
#studentWorkspacePage .e301-profile-logout{
  width:auto!important;margin:0 0 0 auto!important;z-index:2;
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  background:#fff1f2!important;color:#a43c4b!important;border:1px solid #f0cfd4!important;
}
#studentWorkspacePage .e301-account-actions{border-color:#eadce0!important;background:linear-gradient(145deg,#fff,#fffafb)!important}
@media(max-width:980px){
 #studentWorkspacePage .e300-top{display:flex!important;flex-wrap:wrap!important}
 #studentWorkspacePage .e301-topnav{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap!important;padding:2px 0 7px;scrollbar-width:none}
 #studentWorkspacePage .e301-topnav::-webkit-scrollbar{display:none}
 #studentWorkspacePage .e301-topnav button{flex:0 0 auto!important}
 #studentWorkspacePage .e301-topnav button.active:after{bottom:-4px}
}
@media(max-width:600px){
 #studentWorkspacePage .e301-topnav{display:flex!important;grid-template-columns:none!important;gap:6px!important}
 #studentWorkspacePage .e301-topnav button{font-size:11px!important;padding:7px 9px!important}
 #studentWorkspacePage .e301-nav-ic{width:21px;height:21px;font-size:12px;border-radius:7px}
 #studentWorkspacePage .e301-profile-card{align-items:flex-start;flex-wrap:wrap}
 #studentWorkspacePage .e301-profile-logout{width:100%!important;justify-content:center!important;margin-top:4px!important}
 #studentWorkspacePage .e301-ambient i{width:130px;height:130px;opacity:.22}
}
@media(prefers-reduced-motion:reduce){#studentWorkspacePage .e301-ambient i{animation:none!important}#studentWorkspacePage .e300-tile:after{transition:none!important}}


/* ============================================================
   ETQAN V307 — student UX audit refinements
   Hierarchy, accessibility, mobile ergonomics, lighter ambient UI
   ============================================================ */
#studentWorkspacePage .e300-main{
  scroll-margin-top:88px;
  outline:none;
}
#studentWorkspacePage .e301-topnav button,
#studentWorkspacePage .e300-tile,
#studentWorkspacePage .e300-actions button,
#studentWorkspacePage .e300-row button{
  min-height:44px;
  touch-action:manipulation;
}
#studentWorkspacePage button:focus-visible,
#studentWorkspacePage [tabindex]:focus-visible{
  outline:3px solid rgba(20,132,104,.28)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 5px rgba(20,132,104,.08)!important;
}
#studentWorkspacePage .e300-tile:focus-visible{
  transform:translateY(-3px)!important;
  border-color:#9bcfc1!important;
}
#studentWorkspacePage .e300-tile strong{
  letter-spacing:0!important;
}
#studentWorkspacePage .e300-hero{
  box-shadow:0 16px 36px rgba(38,95,83,.13)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
#studentWorkspacePage .e300-hero button{
  min-height:46px!important;
  padding-inline:18px!important;
  background:#fff!important;
  color:#116f59!important;
  border:1px solid rgba(255,255,255,.5)!important;
  box-shadow:0 8px 22px rgba(9,44,37,.14)!important;
}
/* Keep ambient graphics inside the student surface instead of the viewport. */
#studentWorkspacePage .e301-ambient{
  position:absolute!important;
  inset:72px 0 0!important;
  contain:layout paint style;
}
#studentWorkspacePage:not(.active) .e301-ambient span,
#studentWorkspacePage:not(.active) .e301-ambient i{
  animation-play-state:paused!important;
}
/* Reduce decorative density behind reading-heavy routes. */
#studentWorkspacePage:has(.e300-test) .e301-ambient,
#studentWorkspacePage:has(.e300-question-media) .e301-ambient{
  opacity:.12!important;
}
/* Clearer information hierarchy for cards. */
#studentWorkspacePage .e300-card h2,
#studentWorkspacePage .e300-card h3{
  color:#203648!important;
}
#studentWorkspacePage .e300-row{
  gap:16px!important;
}
#studentWorkspacePage .e300-row:hover{
  background:linear-gradient(90deg,rgba(237,248,245,.7),rgba(255,255,255,0));
}
/* Desktop: keep navigation readable and let brand remain visually primary. */
@media(min-width:981px){
  #studentWorkspacePage .e300-brand{
    font-size:18px!important;
    font-weight:900!important;
    padding-inline:16px!important;
  }
  #studentWorkspacePage .e301-topnav button:not(.e301-top-logout):not(.e300-stars){
    min-width:92px!important;
  }
}
/* Tablet and mobile: fewer decorative objects and safer horizontal navigation. */
@media(max-width:760px){
  #studentWorkspacePage .e301-ambient span:nth-child(n+5),
  #studentWorkspacePage .e301-ambient i:nth-of-type(n+3){display:none!important}
  #studentWorkspacePage .e301-topnav{
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  #studentWorkspacePage .e301-topnav button{scroll-snap-align:start}
}
@media(max-width:430px){
  #studentWorkspacePage .e300-grid:not(.four):not(.two){grid-template-columns:1fr!important}
  #studentWorkspacePage .e300-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #studentWorkspacePage .e300-tile{min-height:112px!important}
  #studentWorkspacePage .e300-tile strong{font-size:16px!important}
  #studentWorkspacePage .e300-tile small{font-size:11.5px!important}
  #studentWorkspacePage .e301-ambient{opacity:.14!important}
  #studentWorkspacePage .e301-ambient span:nth-child(n+4){display:none!important}
}
@media(prefers-reduced-motion:reduce){
  #studentWorkspacePage *{scroll-behavior:auto!important}
}

/* V9 comprehensive readiness */
.e300-disabled-tile{opacity:.72;cursor:not-allowed!important;filter:saturate(.65);box-shadow:none!important;transform:none!important;background:linear-gradient(180deg,#f8fafc,#f1f5f9)!important;border-style:dashed!important}
.e300-disabled-tile strong{color:#475569}
.e300-disabled-tile small{color:#64748b;line-height:1.55}
.e300-notice{border-inline-start:4px solid #f59e0b!important;background:linear-gradient(135deg,#fffaf0,#fff)!important}

/* === Etqan V302 — unified live responsive + scheduling UI === */
.etq302-time-note{padding:9px 11px;border:1px solid #dde6f0;border-radius:10px;background:#f7faff;color:#607087;font-size:11px;line-height:1.7}
#etq302TeacherLiveMsg,.etq302-admin-live-form #liveModalMsg{min-height:20px;color:#b42318;font-size:12px;font-weight:700}
.etq302-check{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;min-height:42px}.etq302-check input{width:18px!important;height:18px!important;margin:0!important}
.etq302-live-extra{font-weight:800;color:#53657c}.etq302-endtime{white-space:nowrap}

/* Student upcoming/live cards */
.etq302-student-live-list{display:grid;gap:12px}
.etq302-student-live-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px;border:1px solid #dfe7f0;border-radius:16px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 6px 20px rgba(26,48,77,.045)}
.etq302-teacher-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f3ff,#edf6f3);color:#31527c;font-weight:900}
.etq302-student-live-copy{min-width:0}.etq302-student-live-copy h3{margin:6px 0 4px;font-size:16px;text-align:right}.etq302-student-live-copy p{margin:0;color:#68778d;font-size:12px}.etq302-student-live-copy small{display:block;margin-top:6px;color:#7f8da0;font-size:11px;line-height:1.6}
.etq302-live-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.etq302-live-duration{padding:4px 8px;border-radius:999px;background:#eef3f8;color:#5a6b82;font-size:10px;font-weight:800}
.etq302-join-live,.etq302-wait-live{min-width:112px;min-height:42px;border-radius:11px;border:0;font-weight:900}.etq302-join-live{background:#108b58;color:#fff;cursor:pointer}.etq302-wait-live{background:#eef2f6;color:#7d8999}
@media(max-width:650px){.etq302-student-live-card{grid-template-columns:42px minmax(0,1fr);padding:13px}.etq302-teacher-avatar{width:40px;height:40px;border-radius:12px}.etq302-student-live-action{grid-column:1/-1}.etq302-join-live,.etq302-wait-live{width:100%}.etq302-student-live-copy h3{font-size:14px}}

/* Teacher room no longer blocks tablet/phone. */
.etq302-roster-toggle{display:none!important}.etq302-roster-backdrop{display:none;border:0;margin:0;padding:0}
@media(max-width:1179px){
  #liveRoomPage.etq245-desktop #etq245DesktopRoom{filter:none!important;pointer-events:auto!important;grid-template-rows:64px minmax(0,1fr)!important}
  #liveRoomPage.etq245-desktop .etq245-desktop-warning{display:none!important}
  #etq245DesktopRoom .etq245-top{min-width:0!important;height:64px;overflow-x:auto;overflow-y:hidden;padding:7px 9px;gap:7px;scrollbar-width:none}
  #etq245DesktopRoom .etq245-brand{min-width:108px}.etq245-brand strong{font-size:18px}.etq245-brand small{display:none}
  #etq245DesktopRoom .etq245-context{min-width:180px;max-width:300px;padding:7px 9px}
  #etq245DesktopRoom .etq245-teacher{min-width:112px}
  #etq245DesktopRoom .etq245-body{min-width:0!important;grid-template-columns:1fr!important;overflow:auto!important;padding:7px!important}
  #etq245DesktopRoom .etq245-main{grid-column:1!important;grid-template-rows:minmax(390px,58vh) auto!important;overflow:visible!important;min-height:100%!important}
  #etq245DesktopRoom .etq245-deck{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:500px!important;overflow:visible!important}
  #etq245DesktopRoom .etq245-panel{min-height:235px!important}
  #etq245DesktopRoom .etq245-roster{position:fixed!important;right:0;top:0;bottom:0;width:min(380px,90vw);height:100dvh;z-index:2147483635;transform:translateX(105%);transition:transform .22s ease;box-shadow:-22px 0 60px rgba(6,22,42,.28);border-radius:0!important}
  #etq245DesktopRoom.etq302-roster-open .etq245-roster{transform:translateX(0)}
  #etq245DesktopRoom .etq302-roster-backdrop{position:fixed;inset:0;z-index:2147483630;background:rgba(4,14,28,.48);backdrop-filter:blur(2px)}
  #etq245DesktopRoom.etq302-roster-open .etq302-roster-backdrop{display:block}
  #etq245DesktopRoom .etq302-roster-toggle{display:grid!important}
  #etq245DesktopRoom .etq245-settings{max-width:calc(100vw - 24px)}
}
@media(max-width:820px){
  #liveRoomPage.etq245-desktop #etq245DesktopRoom{grid-template-rows:58px minmax(0,1fr)!important}
  #etq245DesktopRoom .etq245-top{height:58px;padding:5px 7px}
  #etq245DesktopRoom .etq245-brand{min-width:50px}.etq245-brand>div{display:none}.etq245-logo{width:38px;height:38px}
  #etq245DesktopRoom .etq245-live,.etq245-top .etq245-stat:nth-of-type(2){display:none}
  #etq245DesktopRoom .etq245-top-action{width:40px;min-width:40px;padding:0;justify-content:center}.etq245-top-action span{display:none}
  #etq245DesktopRoom .etq245-teacher{display:none}
  #etq245DesktopRoom .etq245-context{min-width:150px;max-width:42vw}
  #etq245DesktopRoom .etq245-main{grid-template-rows:minmax(320px,54vh) auto!important}
  #etq245DesktopRoom .etq245-deck{grid-template-columns:1fr 1fr!important;min-height:520px!important}
  #etq245DesktopRoom #etq245CameraPip{width:130px;height:82px}
}
@media(max-width:560px){
  #etq245DesktopRoom .etq245-context{min-width:135px;max-width:46vw}.etq245-context small{display:none}
  #etq245DesktopRoom .etq245-main{grid-template-rows:minmax(280px,48vh) auto!important;gap:7px!important}
  #etq245DesktopRoom .etq245-deck{grid-template-columns:1fr!important;min-height:900px!important;gap:7px!important}
  #etq245DesktopRoom .etq245-panel{min-height:210px!important}
  #etq245DesktopRoom .etq245-cover{padding:20px}.etq245-cover h2{font-size:19px}.etq245-cover p{font-size:9px}
  #etq245DesktopRoom .etq245-stage-tools{left:7px;top:7px;flex-direction:row}.etq245-stage-tool{width:36px;height:36px}
  #etq245DesktopRoom .etq245-stage-chip{right:7px;top:7px;max-width:46vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #etq245DesktopRoom #etq245CameraPip{width:105px;height:68px;right:8px;bottom:8px}
  #etq245DesktopRoom .etq245-settings{top:64px;right:6px;left:6px;width:auto;max-height:72dvh}
}

/* Admin live table remains readable on phones. */
@media(max-width:720px){#adminLiveView .admin-table-wrap{overflow:auto}#adminLiveView .admin-table{min-width:760px}#adminLiveView .admin-head{gap:10px}#adminLiveView .admin-head .admin-btn{width:100%}}
/* V302 mobile settings drawer is appended to body, so scope it globally. */
@media(max-width:820px){
  .etq245-settings{max-width:calc(100vw - 20px)!important}
}
@media(max-width:560px){
  .etq245-settings{top:64px!important;right:6px!important;left:6px!important;width:auto!important;max-height:72dvh!important}
}

/* V10: readable task cards from phones to classroom displays. */
#studentWorkspacePage .e300-hero small,
#studentWorkspacePage .e300-hero p{color:#fff!important;opacity:.95}
#studentWorkspacePage .e300-hero button{min-height:46px!important}
#studentWorkspacePage .e301-subject-grid .e300-tile{cursor:pointer}
#studentWorkspacePage .e300-tile:focus-visible,
#studentWorkspacePage button:focus-visible,
.etq302-student-live-card button:focus-visible{outline:3px solid #197f67!important;outline-offset:3px!important}
@media(min-width:360px) and (max-width:600px){
  #studentWorkspacePage .e300-grid.e301-subject-grid:not(.four):not(.two){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #studentWorkspacePage .e301-subject-grid .e300-tile{min-height:128px!important;padding:13px!important}
  #studentWorkspacePage .e301-subject-grid .e300-tile strong{font-size:16px!important}
}
@media(max-width:359px){
  #studentWorkspacePage .e300-grid.e301-subject-grid:not(.four):not(.two){grid-template-columns:1fr!important}
}
@media(max-width:650px){
  #teacherWorkspacePage .tm-content,#teacherWorkspacePage .tm-route,
  #teacherWorkspacePage .etq249-live-page{min-width:0!important;max-width:100%!important}
  #teacherWorkspacePage .etq249-live-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #teacherWorkspacePage .etq249-live-title-wrap{min-width:0!important;align-items:flex-start!important}
  #teacherWorkspacePage .etq249-live-head p{font-size:13px!important;line-height:1.5!important}
  #teacherWorkspacePage .etq249-live-head-actions{width:100%!important;flex-wrap:wrap!important}
  #teacherWorkspacePage .etq249-live-head-actions button{flex:1 1 auto!important;min-width:0!important}
  #teacherWorkspacePage .etq249-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #teacherWorkspacePage .etq249-live-stat{min-width:0!important;grid-template-columns:38px minmax(0,1fr)!important;padding:10px!important;gap:8px!important}
  #teacherWorkspacePage .etq249-live-stat-icon{width:38px!important;height:38px!important}
  #teacherWorkspacePage .etq249-live-stat span{font-size:11px!important}
  #teacherWorkspacePage .etq249-live-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  #teacherWorkspacePage .etq249-live-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  #teacherWorkspacePage .etq249-live-search{width:100%!important}
}
@media(min-width:2400px){
  #studentWorkspacePage .e300-main{max-width:2800px!important;margin-inline:auto!important;padding:42px 56px 100px!important}
  #studentWorkspacePage .e300-top{padding:24px max(56px,calc((100vw - 2800px)/2))!important}
  #studentWorkspacePage .e300-brand{font-size:32px!important}
  #studentWorkspacePage .e300-top button{font-size:25px!important;min-height:62px!important}
  #studentWorkspacePage .e300 h1{font-size:54px!important}
  #studentWorkspacePage .e300 h2{font-size:36px!important}
  #studentWorkspacePage .e300-hero{min-height:240px!important;padding:36px 48px!important}
  #studentWorkspacePage .e300-hero strong{font-size:38px!important}
  #studentWorkspacePage .e300-hero small{font-size:23px!important}
  #studentWorkspacePage .e300-hero button{font-size:25px!important;min-height:64px!important;padding:12px 28px!important}
  #studentWorkspacePage .e300-tile{min-height:230px!important;padding:38px!important}
  #studentWorkspacePage .e300-tile strong{font-size:30px!important}
  #studentWorkspacePage .e300-tile small{font-size:23px!important}
  #studentWorkspacePage .e300-symbol{font-size:38px!important;width:64px!important;height:64px!important}
  #studentWorkspacePage .e300-row,#studentWorkspacePage .e300-card{font-size:25px!important}
  #studentWorkspacePage .e300-card button,#studentWorkspacePage .e300-row button{min-height:64px!important;font-size:24px!important}
  .etq302-student-live-card{padding:26px!important;gap:24px!important}
  .etq302-student-live-copy h3{font-size:29px!important}
  .etq302-student-live-copy p,.etq302-student-live-copy small{font-size:22px!important}
  .etq302-join-live,.etq302-wait-live{min-height:66px;font-size:23px}
  #teacherWorkspacePage .tm-route{max-width:2800px!important}
  #teacherWorkspacePage .tm-content{padding:40px 56px!important}
  #teacherWorkspacePage .etq249-live-head h1{font-size:43px!important}
  #teacherWorkspacePage .etq249-live-head p{font-size:22px!important}
  #teacherWorkspacePage .etq249-live-main-btn,
  #teacherWorkspacePage .etq249-live-ghost-btn,
  #teacherWorkspacePage .etq249-filter{font-size:21px!important;min-height:60px!important}
  #teacherWorkspacePage .etq249-live-stat{min-height:180px!important}
  #teacherWorkspacePage .etq249-live-stat strong{font-size:38px!important}
  #teacherWorkspacePage .etq249-live-stat span{font-size:21px!important}
  #teacherWorkspacePage .etq249-live-session-title{font-size:30px!important}
  #teacherWorkspacePage .etq249-live-meta-item{font-size:21px!important}
  #adminLiveView .admin-head h1,#adminLiveView .admin-head h2{font-size:38px!important}
  #adminLiveView .admin-table{font-size:23px!important}
  #adminLiveView .admin-btn,#adminLiveView .admin-icon-btn{font-size:21px!important;min-height:56px!important}
}

/* ETQAN V308 — student journey accessibility and visual polish */
#studentWorkspacePage,#studentWorkspacePage *{font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif!important}
#studentWorkspacePage{--e308-teal:#0f7863;--e308-ink:#173447;--e308-soft:#edf8f5;--e308-gold:#d49a1a;background:linear-gradient(180deg,#f7fbfa 0,#f4f8fb 100%)!important}
#studentWorkspacePage .e300-main{max-width:1180px!important;padding-top:34px!important}
#studentWorkspacePage .e300-head h1{font-weight:700!important;letter-spacing:-.025em!important;color:var(--e308-ink)!important;line-height:1.35!important}
#studentWorkspacePage .e300-head small{color:var(--e308-teal)!important;font-weight:600!important;letter-spacing:.02em}
#studentWorkspacePage .e300-card,#studentWorkspacePage .e300-tile{border-color:#dce9e6!important;border-radius:22px!important}
#studentWorkspacePage .e300-hero{border-radius:24px!important;background:linear-gradient(135deg,#0f7863,#1c9a7d)!important}
#studentWorkspacePage .e308-lesson-path{display:inline-flex;padding:7px 12px;border-radius:999px;background:#edf6f4;color:#54736c!important;font-weight:600}
#studentWorkspacePage .e300-video{border-radius:24px!important;border:1px solid #cadfda!important;background:#0d1f2a!important;box-shadow:0 20px 50px rgba(19,57,68,.16)!important;overflow:hidden}
#studentWorkspacePage .e300-video video{display:block;width:100%;background:#0d1f2a}
#studentWorkspacePage .e300-play-toggle{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:8;width:auto!important;min-width:170px!important;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:999px!important;background:rgba(13,43,49,.88)!important;color:#fff!important;box-shadow:0 14px 35px rgba(0,0,0,.3)!important;backdrop-filter:blur(9px);font-weight:700!important}
#studentWorkspacePage .e300-play-toggle[hidden]{display:none!important}
#studentWorkspacePage .e300-play-toggle span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0f7863;padding-inline-start:2px}
#studentWorkspacePage .e308-progress-row{margin:15px 0 18px!important;padding:14px 17px!important;border:1px solid #d9e9e5;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(28,75,83,.055)}
#studentWorkspacePage .e308-progress-row strong{color:#0e765f;font-size:17px}
#studentWorkspacePage .e308-progress-row span{color:#657a80;font-size:12px}
#studentWorkspacePage .e300-attention{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:20!important;width:min(360px,84%)!important;min-height:104px!important;padding:17px 20px!important;border:2px solid #f3d173!important;border-radius:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;background:rgba(255,251,233,.97)!important;color:#6f4d06!important;box-shadow:0 24px 70px rgba(30,24,5,.34)!important;animation:e308Attention .75s ease-in-out infinite alternate!important}
#studentWorkspacePage .e300-attention .e300-star{width:52px!important;height:52px!important;color:#e0a20d!important;filter:drop-shadow(0 5px 8px rgba(190,130,0,.22))}
#studentWorkspacePage .e300-attention span{display:flex;flex-direction:column;text-align:right;line-height:1.45}
#studentWorkspacePage .e300-attention b{font-size:18px}.e300-attention small{font-size:12px;font-weight:600}
@keyframes e308Attention{to{transform:translate(-50%,-50%) scale(1.025)}}
#studentWorkspacePage .e300-overlay{border-radius:20px!important;background:rgba(8,35,39,.92)!important;backdrop-filter:blur(8px)}
#studentWorkspacePage .e300-overlay strong{font-size:22px!important;color:#fff}
#studentWorkspacePage .e300-question-media{position:relative;min-height:320px!important;border-radius:18px!important;background:#f4f8f8!important;overflow:hidden!important}
#studentWorkspacePage .e308-image-loader{display:none;position:absolute;inset:0;z-index:2;place-items:center;color:#57716c;font-weight:600;background:linear-gradient(110deg,#edf4f3 25%,#f9fbfb 42%,#edf4f3 58%);background-size:300% 100%;animation:e308Shimmer 1.25s linear infinite}
#studentWorkspacePage .e300-question-media.is-loading .e308-image-loader{display:grid}
#studentWorkspacePage .e300-question-media.is-loading .e300-question-img{opacity:0}
#studentWorkspacePage .e300-question-img{transition:opacity .2s ease;background:#fff}
@keyframes e308Shimmer{to{background-position:-300% 0}}
#studentWorkspacePage .e300-options button{border-radius:15px!important;border-color:#dce7e4!important;background:#fff!important;min-height:58px!important;font-weight:600!important;gap:10px!important}
#studentWorkspacePage .e300-options button:hover{border-color:#8fc9bb!important;background:#f2faf7!important;transform:translateY(-1px)}
#studentWorkspacePage .e300-options button.selected{border-color:#14766c!important;background:#edf6f3!important;box-shadow:0 0 0 3px rgba(111,89,216,.1)!important}
#studentWorkspacePage .e300-options button b{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eef4f3;color:#2e6256}
.e300-confirm{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:20px;background:rgba(8,29,37,.58);backdrop-filter:blur(7px);font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;direction:rtl}
.e300-confirm section{width:min(460px,94vw);padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:#fff;box-shadow:0 28px 90px rgba(8,29,37,.28);text-align:center}
.e300-confirm-icon{width:58px;height:58px;margin:0 auto 12px;border-radius:19px;display:grid;place-items:center;background:#e9f7f3;color:#0f8066;font-size:28px;font-weight:700}
.e300-confirm h2{margin:0 0 8px;color:#173447;font-size:24px}.e300-confirm p{margin:0 auto 22px;max-width:370px;color:#667a82;line-height:1.85}.e300-confirm section>div{display:flex;gap:10px;justify-content:center}.e300-confirm button{width:auto;min-width:130px;min-height:46px;border:1px solid #d9e5e2;border-radius:13px;background:#fff;color:#324d55;font:600 14px inherit;cursor:pointer}.e300-confirm button.primary{border-color:#0f7863;background:#0f7863;color:#fff}
.register-readiness{margin:-2px 0 10px!important;padding:9px 11px;border-radius:10px;background:#f7f8fa;color:#7a8490!important}.register-readiness.is-ready{background:#eaf8f3;color:#14755f!important}
#registerButton:disabled{opacity:.52!important;cursor:not-allowed!important;box-shadow:none!important}
@media(max-width:600px){#studentWorkspacePage .e300-main{padding-top:22px!important}#studentWorkspacePage .e300-head h1{font-size:26px!important}#studentWorkspacePage .e300-play-toggle{min-width:150px!important;padding:12px 16px!important}#studentWorkspacePage .e300-question-media{min-height:220px!important}.e300-confirm section{padding:22px 18px}.e300-confirm section>div{flex-direction:column}.e300-confirm button{width:100%}}
@media(prefers-reduced-motion:reduce){#studentWorkspacePage .e300-attention,#studentWorkspacePage .e308-image-loader{animation:none!important}}