/* تبويب «المواد التعليمية» في صفحة مهام المشروع (scripts/patch-project-materials-layout.mjs). */
[data-materials-banner] [data-materials-stats]:empty { display: none; }
[data-materials-banner] [data-materials-stats] > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
[data-materials-banner] [data-materials-stats] > div > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
[data-materials-banner] [data-materials-stats] span { color: rgba(255, 255, 255, .82); font-size: 12px; font-weight: 700; }
[data-materials-banner] [data-materials-stats] b { color: #fff; font-size: 20px; line-height: 1.2; }
[data-materials-banner] [data-materials-actions] button { white-space: nowrap; }
[data-materials-banner] [data-materials-actions] button svg { flex-shrink: 0; }

/* مجموعات القائمة حسب الدفعة. */
[data-materials-group] + [data-materials-group] { border-top: 1px solid #e5e7eb; }
[data-materials-group] > h3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 900;
  background: #f0fdfa;
  color: #115e59;
  border-bottom: 1px solid #ccfbf1;
}
[data-materials-group="shared"] > h3 { background: #eef2ff; color: #3730a3; border-bottom-color: #e0e7ff; }
[data-materials-group] > h3 > span {
  padding: 1px 8px;
  border-radius: 999px;
  background: #fff;
  font-size: 11px;
  font-weight: 700;
  box-shadow: inset 0 0 0 1px currentColor;
}

/* صف المادة في سطر واحد: بلا رمز المادة ولا «مقرر دراسي» ولا سطر التفاصيل. */
[data-feature="project-materials-teachers-tabs-v1"] [data-mat-code],
[data-feature="project-materials-teachers-tabs-v1"] [data-mat-sub],
[data-feature="project-materials-teachers-tabs-v1"] [data-mat-details] { display: none !important; }
[data-feature="project-materials-teachers-tabs-v1"] [data-mat-inline] { display: inline-flex !important; flex-wrap: wrap; gap: 4px; }
[data-feature="project-materials-teachers-tabs-v1"] [data-mat-inline] > span {
  padding: 1px 6px;
  border-radius: 6px;
  background: #f9fafb;
  box-shadow: inset 0 0 0 1px #e5e7eb;
  font-size: 11px;
  color: #4b5563;
}
[data-feature="project-materials-teachers-tabs-v1"] [data-mat-inline] > span:nth-child(n+3) { background: #f0fdfa; color: #0f766e; box-shadow: inset 0 0 0 1px #99f6e4; }
[data-feature="project-materials-teachers-tabs-v1"] [data-materials-group] .p-4 { padding: 8px 16px; }
@media (min-width: 768px) {
  [data-feature="project-materials-teachers-tabs-v1"] [data-materials-group] .md\:flex > .flex.items-center.justify-between { gap: 12px; }
  [data-feature="project-materials-teachers-tabs-v1"] [data-materials-group] .md\:flex > .flex.items-center.justify-between > div:last-child { flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
  [data-feature="project-materials-teachers-tabs-v1"] [data-materials-group] .md\:flex > .flex.items-center.justify-between > div:last-child button { padding: 5px 9px; }
  [data-feature="project-materials-teachers-tabs-v1"] [data-materials-group] .h-10.w-10 { width: 32px; height: 32px; font-size: 14px; border-radius: 10px; }
}
@media (max-width: 767px) {
  [data-materials-banner] [data-materials-stats] > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* الإطار الواحد المضغوط: التبويبات والبحث والفرز داخل الإطار (project-materials-compact-header-v2). */
[data-materials-compact] [data-materials-filters]:empty { display: none; }
[data-materials-compact] [data-materials-stats] > div > div { padding: 4px 10px; }
[data-materials-compact] [data-materials-stats] b { font-size: 17px; }
[data-materials-compact] [data-materials-filters] > div {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
[data-materials-compact] [data-materials-filters] > div > div { gap: 6px; align-items: stretch; }
[data-materials-compact] [data-materials-filters] .grid { gap: 6px; }
[data-materials-compact] [data-materials-filters] input,
[data-materials-compact] [data-materials-filters] select,
[data-materials-compact] [data-materials-filters] button {
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 10px;
  border-color: rgba(255, 255, 255, .25);
  background-color: rgba(255, 255, 255, .95);
  color: #1f2937;
  font-size: 13px;
}
[data-materials-compact] [data-materials-filters] select:disabled { opacity: .6; }
@media (min-width: 768px) {
  [data-materials-compact] [data-materials-filters] .relative.flex-1 { min-width: 200px; }
}
[data-materials-subtabs] { background: rgba(0, 0, 0, .22); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }
[data-materials-subtabs] button { color: rgba(255, 255, 255, .82); }
[data-materials-subtabs] button:hover { background: rgba(255, 255, 255, .1); }
[data-materials-subtabs] button[aria-selected="true"] { background: #fcd34d; color: #451a03; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); }