/*
 * Nezakr Unified UI + Dark Mode Layer 2026
 * طبقة تصميم موحدة تعمل فوق كل الصفحات القديمة والجديدة.
 */

:root{
  color-scheme:light;
  --nz-primary:#3131c1;
  --nz-primary-2:#4f46e5;
  --nz-sky:#0ea5e9;
  --nz-green:#16a34a;
  --nz-amber:#d97706;
  --nz-red:#dc2626;
  --nz-bg:#f8fafc;
  --nz-bg-soft:#f1f5f9;
  --nz-surface:#ffffff;
  --nz-surface-2:#f8fafc;
  --nz-surface-3:#eef2ff;
  --nz-border:#e2e8f0;
  --nz-border-soft:#edf2f7;
  --nz-text:#0f172a;
  --nz-text-2:#334155;
  --nz-muted:#64748b;
  --nz-muted-2:#94a3b8;
  --nz-shadow:0 18px 50px rgba(15,23,42,.075);
  --nz-shadow-soft:0 12px 32px rgba(15,23,42,.055);
  --nz-radius:1.5rem;
  --nz-radius-lg:2rem;
}
html.dark,.dark{
  color-scheme:dark;
  --nz-bg:#020617;
  --nz-bg-soft:#0b1220;
  --nz-surface:#0f172a;
  --nz-surface-2:#111827;
  --nz-surface-3:#172033;
  --nz-border:#1e293b;
  --nz-border-soft:#263244;
  --nz-text:#e5e7eb;
  --nz-text-2:#cbd5e1;
  --nz-muted:#94a3b8;
  --nz-muted-2:#64748b;
  --nz-shadow:0 22px 60px rgba(0,0,0,.34);
  --nz-shadow-soft:0 16px 44px rgba(0,0,0,.25);
}
html{scroll-behavior:smooth}
body{
  background:radial-gradient(circle at top right,rgba(49,49,193,.055),transparent 34rem),linear-gradient(180deg,var(--nz-bg) 0%,var(--nz-surface) 48%,var(--nz-bg) 100%)!important;
  color:var(--nz-text)!important;
  font-family:'Alexandria','Noto Sans Arabic',system-ui,sans-serif!important;
  text-rendering:optimizeLegibility;
}
.dark body{
  background:radial-gradient(circle at top right,rgba(49,49,193,.16),transparent 36rem),radial-gradient(circle at bottom left,rgba(14,165,233,.10),transparent 34rem),linear-gradient(180deg,#020617 0%,#0b1220 46%,#020617 100%)!important;
}
::selection{background:rgba(49,49,193,.22);color:var(--nz-text)}
.dark ::selection{background:rgba(99,102,241,.36);color:#fff}
a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
a:hover{color:var(--nz-primary)}

/* Tailwind legacy color correction */
.dark .bg-white,.dark .bg-surface,.dark .bg-surface-container-lowest,.dark .bg-surface-container-low,.dark .bg-surface-container,.dark .bg-slate-50,.dark .bg-gray-50{background-color:var(--nz-surface)!important}
.dark .bg-slate-100,.dark .bg-gray-100,.dark .bg-primary\/10{background-color:var(--nz-surface-2)!important}
.dark .text-slate-900,.dark .text-gray-900,.dark .text-on-surface,.dark .text-black{color:var(--nz-text)!important}
.dark .text-slate-800,.dark .text-gray-800,.dark .text-slate-700,.dark .text-gray-700{color:var(--nz-text-2)!important}
.dark .text-slate-600,.dark .text-gray-600,.dark .text-slate-500,.dark .text-gray-500{color:var(--nz-muted)!important}
.dark .border-slate-100,.dark .border-slate-200,.dark .border-gray-100,.dark .border-gray-200,.dark .border-slate-300{border-color:var(--nz-border)!important}

/* Cards and containers */
:is(.card,.file-section-card,.file-main-layout-card,.class-file-card,.teacher-card,.eduq-public-quiz-card,.search-result-card-v2,.eduq-table-box,.eduq-report-context,.eduq-report-stat,.eduq-result-card,.comments-card,.rating-card,section[class*="rounded"],div[class*="rounded-[2rem]"],div[class*="rounded-3xl"]){border-color:var(--nz-border)!important}
.dark :is(.card,.file-section-card,.file-main-layout-card,.class-file-card,.teacher-card,.eduq-public-quiz-card,.search-result-card-v2,.eduq-table-box,.eduq-report-context,.eduq-report-stat,.eduq-result-card,.comments-card,.rating-card,section[class*="rounded"],div[class*="rounded-[2rem]"],div[class*="rounded-3xl"]){
  background-color:var(--nz-surface)!important;
  color:var(--nz-text)!important;
  border-color:var(--nz-border)!important;
  box-shadow:var(--nz-shadow-soft)!important;
}

/* Header */
nav,.glass-nav{
  background-color:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(226,232,240,.82);
  backdrop-filter:blur(18px);
}
.dark nav,.dark .glass-nav{
  background-color:rgba(2,6,23,.86)!important;
  border-bottom:1px solid rgba(30,41,59,.92);
  box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
}
.dark nav a:not(.bg-primary):not([class*="text-primary"]){color:var(--nz-text-2)!important}
.dark nav a:hover{color:#fff!important}
#student-profile-menu,.student-profile-menu,.dropdown-menu,[role="menu"]{border-color:var(--nz-border)!important}
.dark #student-profile-menu,.dark .student-profile-menu,.dark .dropdown-menu,.dark [role="menu"]{
  background:var(--nz-surface)!important;
  border-color:var(--nz-border)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.40)!important;
}

/* Buttons */
button,.btn,a[class*="rounded-full"],a[class*="rounded-2xl"],button[class*="rounded"]{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}
button:hover,.btn:hover,a[class*="rounded-full"]:hover,a[class*="rounded-2xl"]:hover{transform:translateY(-1px)}
.dark button:not(.bg-primary):not([class*="bg-red"]):not([class*="bg-emerald"]):not([class*="bg-green"]),.dark .btn:not(.bg-primary):not([class*="bg-red"]):not([class*="bg-emerald"]):not([class*="bg-green"]){border-color:var(--nz-border)!important}

/* Forms */
input,select,textarea{
  background-color:#fff!important;
  color:var(--nz-text)!important;
  border-color:#dbe3ef!important;
  caret-color:var(--nz-primary);
}
input::placeholder,textarea::placeholder{color:#94a3b8!important}
.dark input,.dark select,.dark textarea{
  background-color:#0b1220!important;
  color:var(--nz-text)!important;
  border-color:#263244!important;
}
.dark input::placeholder,.dark textarea::placeholder{color:#64748b!important}
input:focus,select:focus,textarea:focus{
  border-color:rgba(49,49,193,.65)!important;
  box-shadow:0 0 0 4px rgba(49,49,193,.12)!important;
  outline:none!important;
}
.dark input:focus,.dark select:focus,.dark textarea:focus{
  border-color:rgba(129,140,248,.75)!important;
  box-shadow:0 0 0 4px rgba(129,140,248,.16)!important;
}

/* Tables */
table{color:var(--nz-text)!important}
thead th,table th{background:#eef2ff!important;color:#475569!important;border-color:#dbe3ff!important}
.dark thead th,.dark table th{background:#111827!important;color:#cbd5e1!important;border-color:#263244!important}
tbody td,table td{border-color:#e8eef6!important}
.dark tbody td,.dark table td{background-color:#0f172a!important;color:#e5e7eb!important;border-color:#1f2937!important}
tbody tr:hover td{background:#fff!important}
.dark tbody tr:hover td{background:#111827!important}

/* Pagination */
.nezakr-pagination a,.nezakr-pagination span,.search-pagination a,[class*="pagination"] a,[class*="pagination"] span{border-color:var(--nz-border)!important}
.dark .nezakr-pagination a,.dark .nezakr-pagination span,.dark .search-pagination a,.dark [class*="pagination"] a,.dark [class*="pagination"] span{
  background:var(--nz-surface)!important;
  color:var(--nz-text-2)!important;
  border-color:var(--nz-border)!important;
}
.dark .nezakr-pagination a[aria-current="page"],.dark .nezakr-pagination .bg-primary,.dark [class*="pagination"] .bg-primary{background:var(--nz-primary)!important;color:#fff!important}

/* Article content */
.prose{color:var(--nz-text-2)!important}
.prose h1,.prose h2,.prose h3,.prose h4{color:var(--nz-text)!important}
.prose p,.prose li{color:var(--nz-text-2)!important}
.dark .prose{color:#cbd5e1!important}
.dark .prose strong{color:#f8fafc!important}
.dark .prose a{color:#93c5fd!important}
.dark .prose code{background:#111827!important;color:#fde68a!important;border:1px solid #263244}

/* File page */
.dark .file-journey-strip{background:rgba(15,23,42,.78)!important;border-color:var(--nz-border)!important}
.dark .file-journey-strip a,.dark .file-smart-help-step,.dark .file-rating-summary{background:var(--nz-surface-2)!important;color:var(--nz-text-2)!important;border-color:var(--nz-border)!important}
.dark .file-smart-help{background:radial-gradient(circle at top right,rgba(49,49,193,.18),transparent 34%),var(--nz-surface)!important;border-color:var(--nz-border)!important}
.dark .file-smart-help h2,.dark .file-rating-card-v2 h2{color:#fff!important}

/* Quality rating buttons */
.eduq-quality-options button,.file-rating-option{box-shadow:none!important}
.dark .eduq-quality-options button,.dark .file-rating-option{background:var(--nz-surface-2)!important;color:var(--nz-text-2)!important;border-color:var(--nz-border)!important}
.eduq-quality-options button[data-quality-rating="5"],.file-rating-option[data-quality-rating="5"]{background:rgba(22,163,74,.09)!important;color:#15803d!important;border-color:rgba(22,163,74,.28)!important}
.eduq-quality-options button[data-quality-rating="4"],.file-rating-option[data-quality-rating="4"]{background:rgba(49,49,193,.09)!important;color:var(--nz-primary)!important;border-color:rgba(49,49,193,.28)!important}
.eduq-quality-options button[data-quality-rating="3"],.file-rating-option[data-quality-rating="3"]{background:rgba(245,158,11,.13)!important;color:#b45309!important;border-color:rgba(245,158,11,.32)!important}
.eduq-quality-options button[data-quality-rating="2"],.file-rating-option[data-quality-rating="2"]{background:rgba(249,115,22,.12)!important;color:#c2410c!important;border-color:rgba(249,115,22,.32)!important}
.eduq-quality-options button[data-quality-rating="1"],.file-rating-option[data-quality-rating="1"]{background:rgba(220,38,38,.10)!important;color:#b91c1c!important;border-color:rgba(220,38,38,.30)!important}
.eduq-quality-options button.is-selected,.file-rating-option.is-active{color:#fff!important}
.eduq-quality-options button.is-selected[data-quality-rating="5"],.file-rating-option.is-active[data-quality-rating="5"]{background:#16a34a!important;border-color:#16a34a!important}
.eduq-quality-options button.is-selected[data-quality-rating="4"],.file-rating-option.is-active[data-quality-rating="4"]{background:var(--nz-primary)!important;border-color:var(--nz-primary)!important}
.eduq-quality-options button.is-selected[data-quality-rating="3"],.file-rating-option.is-active[data-quality-rating="3"]{background:#d97706!important;border-color:#d97706!important}
.eduq-quality-options button.is-selected[data-quality-rating="2"],.file-rating-option.is-active[data-quality-rating="2"]{background:#ea580c!important;border-color:#ea580c!important}
.eduq-quality-options button.is-selected[data-quality-rating="1"],.file-rating-option.is-active[data-quality-rating="1"]{background:#dc2626!important;border-color:#dc2626!important}

#rating-average-label.file-rating-average-label{font-weight:950!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:.15rem .6rem!important;border:1px solid transparent!important}
#rating-average-label[data-rating-tone="excellent"]{color:#15803d!important;background:rgba(22,163,74,.12)!important;border-color:rgba(22,163,74,.28)!important}
#rating-average-label[data-rating-tone="useful"]{color:var(--nz-primary)!important;background:rgba(49,49,193,.11)!important;border-color:rgba(49,49,193,.28)!important}
#rating-average-label[data-rating-tone="medium"]{color:#b45309!important;background:rgba(245,158,11,.15)!important;border-color:rgba(245,158,11,.32)!important}
#rating-average-label[data-rating-tone="not-useful"]{color:#c2410c!important;background:rgba(249,115,22,.13)!important;border-color:rgba(249,115,22,.32)!important}
#rating-average-label[data-rating-tone="bad"]{color:#b91c1c!important;background:rgba(220,38,38,.12)!important;border-color:rgba(220,38,38,.30)!important}
#rating-average-label[data-rating-tone="none"]{color:#64748b!important;background:rgba(100,116,139,.11)!important;border-color:rgba(100,116,139,.22)!important}

/* Quizzes, attempts, live, reports */
.dark .eduq-page,.dark .eduq-public-quizzes-page,.dark .eduq-attempt-page,.dark .eduq-live-page,.dark .eduq-reports-page{
  background:radial-gradient(circle at top right,rgba(49,49,193,.15),transparent 36rem),linear-gradient(180deg,#020617,#0b1220 55%,#020617)!important;
}
.dark .eduq-hero,.dark .eduq-attempt-hero,.dark .eduq-quizzes-showcase-head,.dark .eduq-quiz-filter-bar,.dark .eduq-related-study-files,.dark .eduq-live-card,.dark .eduq-answer-card{
  background:var(--nz-surface)!important;border-color:var(--nz-border)!important;color:var(--nz-text)!important;box-shadow:var(--nz-shadow-soft)!important;
}
.dark .eduq-result-grid>div,.dark .eduq-overall-rating,.dark .eduq-quality-rating,.dark .eduq-question-rating-panel{
  background:var(--nz-surface-2)!important;border-color:var(--nz-border)!important;color:var(--nz-text)!important;
}
.eduq-question-rating-buttons button[data-difficulty="easy"]{background:rgba(22,163,74,.09)!important;color:#15803d!important;border-color:rgba(22,163,74,.30)!important}
.eduq-question-rating-buttons button[data-difficulty="medium"]{background:rgba(245,158,11,.13)!important;color:#b45309!important;border-color:rgba(245,158,11,.32)!important}
.eduq-question-rating-buttons button[data-difficulty="hard"]{background:rgba(220,38,38,.10)!important;color:#b91c1c!important;border-color:rgba(220,38,38,.30)!important}
.eduq-question-rating-buttons button.is-selected[data-difficulty="easy"]{background:#16a34a!important;color:#fff!important}
.eduq-question-rating-buttons button.is-selected[data-difficulty="medium"]{background:#d97706!important;color:#fff!important}
.eduq-question-rating-buttons button.is-selected[data-difficulty="hard"]{background:#dc2626!important;color:#fff!important}

/* Search, class, teachers */
.dark .search-page-v2,.dark .class-page-shell,.dark .teachers-page{
  background:radial-gradient(circle at top right,rgba(49,49,193,.14),transparent 35rem),linear-gradient(180deg,#020617,#0b1220 55%,#020617)!important;
}
.dark .search-hero-v2,.dark .class-hero-v2,.dark .teachers-hero,.dark .teachers-section-heading,.dark .search-results-heading,.dark .class-results-head,.dark .class-study-map,.dark .teachers-filter,.dark .class-filter-form,.dark .search-filter-v2{
  background:var(--nz-surface)!important;border-color:var(--nz-border)!important;color:var(--nz-text)!important;box-shadow:var(--nz-shadow-soft)!important;
}
.dark .search-chips-v2 a,.dark .class-quick-tabs a,.dark .class-study-map-grid a,.dark .teachers-hero-panel a{
  background:var(--nz-surface-2)!important;color:var(--nz-text-2)!important;border-color:var(--nz-border)!important;
}
.dark .search-chips-v2 a:hover,.dark .class-quick-tabs a:hover,.dark .teachers-hero-panel a:hover{
  color:#fff!important;background:var(--nz-primary)!important;border-color:var(--nz-primary)!important;
}

/* Alerts */
.alert,.eduq-alert,.file-floating-status-alert,.file-user-status-alert,[class*="alert"]{border-radius:1.25rem!important}
.dark .eduq-alert:not(.error),.dark .alert:not(.error):not([class*="red"]){background:rgba(49,49,193,.13)!important;border-color:rgba(129,140,248,.28)!important;color:#dbeafe!important}
.dark .eduq-alert.error,.dark .alert.error,.dark [class*="bg-red"]{background:rgba(220,38,38,.12)!important;border-color:rgba(220,38,38,.28)!important;color:#fecaca!important}
.dark [class*="bg-emerald"],.dark [class*="bg-green"]{background:rgba(22,163,74,.12)!important;color:#bbf7d0!important;border-color:rgba(22,163,74,.28)!important}

/* Ads */
.dark .adsbygoogle,.dark .ad-box,.dark [class*="ad-container"]{background:transparent!important}

/* Mobile */
@media(max-width:640px){
  body{font-size:15px}
  .eduq-quality-options{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
  .eduq-quality-options button,.file-rating-option{min-height:50px!important;border-radius:12px!important;padding:6px 2px!important;font-size:.61rem!important;line-height:1.15!important}
  .eduq-quality-options button i,.file-rating-option i{font-size:.86rem!important}
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}



/* Mobile menu shape restore + breadcrumb nav isolation fix - 20260606 */
#mobile-menu{
  z-index:2147483000!important;
}
header,
.site-header,
.glass-nav,
nav.glass-nav{
  z-index:2147482000!important;
}
.class-breadcrumb,
.preview-breadcrumb,
.file-breadcrumb-compact,
nav.class-breadcrumb,
nav.preview-breadcrumb,
nav.file-breadcrumb-compact,
.breadcrumb,
nav[aria-label="مسار التصفح"]:not(.glass-nav){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.dark .class-breadcrumb,
.dark .preview-breadcrumb,
.dark .file-breadcrumb-compact,
.dark nav.class-breadcrumb,
.dark nav.preview-breadcrumb,
.dark nav.file-breadcrumb-compact,
.dark .breadcrumb,
.dark nav[aria-label="مسار التصفح"]:not(.glass-nav){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.class-breadcrumb a,
.preview-breadcrumb a,
.breadcrumb a{
  background:transparent!important;
}