/* ══════════════════════════════════════════════════════════════════════════
   block-reset-v815.css — إعادة ضبط مظهر البلوكات
   ══════════════════════════════════════════════════════════════════════════

   **تشخيصه كان صحيحًا: كنتُ أبني مظهرًا فوق مظهر بلا حذف القديم.**

   قِستُ الأمر قبل أن أكتب: **٢٢٢ قاعدة** تمسّ حدود البطاقات وخلفياتها وظلالها،
   موزّعة على خمسة ملفات كُتبت في أوقات مختلفة — styles و visual-fixes و ux و
   admin-studio و simplify. وكل إصدار كنتُ أضيف السادسة، فتفوز واحدة على شاشة
   وأخرى على شاشة، ويظهر ما تراه في الصور: حدٌّ بنفسجي على بطاقة، وأخضر داكن على
   جارتها، وبيج على ثالثة.

   ولا يمكن حذف تلك القواعد واحدةً واحدة: بعضها يحمل تخطيطًا لا لونًا فقط، وحذفه
   يكسر بنيةً تعمل. فالطريقة الصحيحة **طبقة إعادة ضبط**: تُلغي كل ما يرسم السطح
   (`border` و`background` و`box-shadow`) على أصناف البطاقات، ثم تعيد بناءه مرة
   واحدة من مصدر واحد. التخطيط يبقى لأصحابه، والمظهر يصير لهذا الملف وحده.

   وهذا الملف يُحمَّل **آخر** الأوراق، فيغلب بالترتيب لا بـ`!important` وحده.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── ١) المسح: كل سطح بطاقة يعود إلى الصفر ──────────────────────────────── */

body:not(.printing) .card-v78,
body:not(.printing) .task-v89,
body:not(.printing) #tasksPage .task-card-v60,
body:not(.printing) .v492-task-card,
body:not(.printing) .project-card,
body:not(.printing) .v493-header,
body:not(.printing) .sig-surface,
body:not(.printing) .student-course-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* الزخارف الملصقة: أشرطة علوية وحدود جانبية من إصدارات سابقة. */
body:not(.printing) .card-v78::before,
body:not(.printing) .card-v78::after,
body:not(.printing) .task-v89::before,
body:not(.printing) .task-v89::after,
body:not(.printing) #tasksPage .task-card-v60::before,
body:not(.printing) #tasksPage .task-card-v60::after,
body:not(.printing) .v492-task-card::before,
body:not(.printing) .v492-task-card::after,
body:not(.printing) .project-card::before,
body:not(.printing) .project-card::after {
  display: none !important;
  content: none !important;
}

/* ── ٢) البناء: سطح واحد لكل بطاقات المنصة ──────────────────────────────── */
/* بيج للحدّ، وأبيض للخلفية، ونصف قطر واحد. اللون من `--accent` فيتبع المظهر. */

body:not(.printing) .card-v78,
body:not(.printing) .task-v89,
body:not(.printing) #tasksPage .task-card-v60,
body:not(.printing) .v492-task-card,
body:not(.printing) .project-card,
body:not(.printing) .v493-header,
body:not(.printing) .sig-surface,
body:not(.printing) .student-course-card {
  border: 1px solid color-mix(in srgb, var(--accent) 26%, transparent) !important;
  border-radius: 16px !important;
  background: var(--card, #fff) !important;
  box-shadow: none !important;
  overflow: hidden;
}

/* ── ٣) الحالة: الحدّ الجانبي وحده يحملها ───────────────────────────────── */
/* درجة واحدة تغمق للمتأخر وتبهت للمكتمل — لا لون ثانٍ ولا شريط علوي. */

body:not(.printing) .task-v89.tone-late,
body:not(.printing) .v492-task-card.v493-tone-late,
body:not(.printing) .card-v78.tone-needs,
body:not(.printing) #tasksPage .task-card-v60.is-overdue {
  border-inline-start: 4px solid var(--accent) !important;
}

body:not(.printing) .task-v89.tone-done,
body:not(.printing) .v492-task-card.v493-tone-done,
body:not(.printing) #tasksPage .task-card-v60.is-completed {
  border-inline-start: 4px solid color-mix(in srgb, var(--muted, #99a) 45%, transparent) !important;
  opacity: 0.72;
}

body:not(.printing) .card-v78.tone-today {
  border-top: 3px solid var(--accent) !important;
}

/* ── ٤) المرساة: خلفية بيج ونصٌّ غامق ───────────────────────────────────── */

body:not(.printing) .card-v78 .course-rail,
body:not(.printing) .student-course-card .course-rail,
body:not(.printing) .task-v89-rail {
  background: color-mix(in srgb, var(--accent) 14%, transparent) !important;
  border: 0 !important;
  border-radius: 13px !important;
}

body:not(.printing) .card-v78 .course-rail *,
body:not(.printing) .student-course-card .course-rail *,
body:not(.printing) .task-v89-rail * {
  color: color-mix(in srgb, var(--sidebar) 84%, transparent) !important;
}

body:not(.printing) .card-v78 .course-rail-week,
body:not(.printing) .student-course-card .course-rail-week,
body:not(.printing) .task-v89-count {
  color: var(--sidebar) !important;
  font-weight: 700 !important;
}

body:not(.printing) .card-v78 .course-rail-today {
  background: var(--sidebar) !important;
  color: #fff !important;
}

body:not(.printing) .task-v89.tone-done .task-v89-rail * {
  color: color-mix(in srgb, var(--muted, #99a) 92%, transparent) !important;
}

/* ── ٥) الذيل وسطر المفردة ──────────────────────────────────────────────── */

body:not(.printing) .card-v78-foot {
  border-top: 1px solid color-mix(in srgb, var(--accent) 20%, transparent) !important;
  background: color-mix(in srgb, var(--accent) 10%, transparent) !important;
}

body:not(.printing) .card-v78.tone-needs .card-v78-foot {
  background: color-mix(in srgb, var(--accent) 15%, transparent) !important;
}

body:not(.printing) .card-v78-week {
  border: 0 !important;
  border-inline-start: 3px solid color-mix(in srgb, var(--accent) 42%, transparent) !important;
  border-radius: 4px 11px 11px 4px !important;
  background: color-mix(in srgb, var(--accent) 8%, transparent) !important;
}

/* ── ٦) أزرار الحالة: واحدة في كل البطاقات ──────────────────────────────── */

body:not(.printing) .task-v89 .task-state-segment button,
body:not(.printing) .v492-task-card .task-state-segment button,
body:not(.printing) #tasksPage .task-state-segment button {
  border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent) !important;
  border-radius: 11px !important;
  background: var(--card, #fff) !important;
  color: color-mix(in srgb, var(--sidebar) 86%, var(--text, #222)) !important;
  box-shadow: none !important;
}

body:not(.printing) .task-v89 .task-state-segment button.active,
body:not(.printing) .task-v89 .task-state-segment button[aria-pressed="true"],
body:not(.printing) .v492-task-card .task-state-segment button.active,
body:not(.printing) .v492-task-card .task-state-segment button[aria-pressed="true"],
body:not(.printing) #tasksPage .task-state-segment button.active,
body:not(.printing) #tasksPage .task-state-segment button[aria-pressed="true"] {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

/* الحذف يبقى محذِّرًا — الفعل الوحيد الذي لا يُتراجع عنه. */
body:not(.printing) .task-v89 .btn.danger,
body:not(.printing) .v492-task-card .btn.danger,
body:not(.printing) .project-card .btn.danger {
  background: transparent !important;
  border: 1px solid color-mix(in srgb, var(--riwaq-danger, #a8413a) 45%, transparent) !important;
  color: var(--riwaq-danger, #a8413a) !important;
}

/* ── ٧) الطباعة خارج هذا كله ────────────────────────────────────────────── */
/* كل قاعدة أعلاه مقيّدة بـ `body:not(.printing)` — والورقة تبقى بيضاء. */

/* ── ٨) عناوين البطاقات: غامقة وحدها ────────────────────────────────────── */
/* v7.8.98: **العنوان وحده يتغيّر — لا شيء آخر.**
   كان بالبيج القويّ (`--accent 96%`)، وهو يقرب من لون المرساة وسطر المفردة فتصير
   البطاقة ثلاث درجات من لون واحد: العين تجدها هادئة لكنها لا تعرف أين تبدأ.
   والعنوان بالغامق يعطي **نقطة دخول واحدة**: تُقرأ أولًا، ثم ينزل النظر إلى البيج.
   وهذا يُطبَّق على البطاقات الأربع — المقرر والمهام والمشروعات والرئيسية — فالفكرة
   واحدة أينما كانت البطاقة. */

body:not(.printing) .card-v78-title,
body:not(.printing) .task-v83-title,
body:not(.printing) .task-v89 .task-v83-title,
body:not(.printing) .v492-task-card h4,
body:not(.printing) .project-card h3,
body:not(.printing) .sig-surface .sig-course-card h3,
body:not(.printing) #dashboardPage .card-v78-title,
body:not(.printing) #dashboardPage .task-v83-title {
  color: var(--sidebar) !important;
}

/* المكتملة تخرج من القاعدة: عنوانها رمادي مشطوب — انتهى فلا يطلب انتباهًا. */
body:not(.printing) .task-v89.tone-done .task-v83-title,
body:not(.printing) .v492-task-card.v493-tone-done h4 {
  color: color-mix(in srgb, var(--muted, #99a) 95%, transparent) !important;
}