/* ============================================================
   MOD-174-11 · Education manager dashboard
   Page-scoped visual layer over the MOD-174-07~10 data/actions.
============================================================ */

.admin-education-dashboard.mod-174-11 {
  --edu-blue: #1261e8;
  --edu-blue-dark: #0d4fc2;
  --edu-navy: #0d1f3c;
  --edu-text: #3f506a;
  --edu-muted: #6f7f96;
  --edu-border: #dce7f5;
  --edu-page: #f5f8fc;
  --edu-card: #fff;
  background: var(--edu-page);
  color: var(--edu-navy);
  min-height: 100vh;
  padding: 16px 0 44px;
}

.mod17411-page .mod17411-container {
  max-width: 1560px;
  padding-inline: clamp(28px, 2.3vw, 40px);
}

.mod17411-page .mod17411-hero {
  align-items: center;
  background: var(--edu-card);
  border: 1px solid var(--edu-border);
  border-bottom: 0;
  border-radius: 17px 17px 0 0;
  box-shadow: 0 9px 28px rgba(32, 66, 116, .055);
  margin: 0;
  min-height: 106px;
  padding: 16px 28px;
}

.mod17411-page .mod17411-hero .edu-eyebrow {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--edu-blue);
  display: inline-flex;
  font-size: .7rem;
  font-weight: 800;
  gap: 6px;
  letter-spacing: .095em;
  padding: 0;
}

.mod17411-page .mod17411-hero h1 {
  color: var(--edu-navy);
  font-size: clamp(1.55rem, 2vw, 2rem);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.16;
  margin: 8px 0 5px;
}

.mod17411-page .mod17411-hero p {
  color: #607089;
  font-size: .82rem;
  line-height: 1.55;
  margin: 0;
}

.mod17411-page .mod17410-head-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.mod17411-page .mod17410-head-actions > .btn,
.mod17411-page .mod17410-head-actions > .mod17410-more > .btn {
  align-items: center;
  border-radius: 9px;
  display: inline-flex;
  font-size: .78rem;
  font-weight: 800;
  gap: 7px;
  justify-content: center;
  min-height: 43px;
  padding-inline: 16px;
}

.mod17411-page .mod17410-head-actions > .btn-primary {
  background: var(--edu-blue);
  border-color: var(--edu-blue);
  box-shadow: 0 7px 16px rgba(18, 97, 232, .18);
}

.mod17411-page .mod17410-head-actions > .btn-primary:hover {
  background: var(--edu-blue-dark);
  border-color: var(--edu-blue-dark);
}

.mod17411-page .mod17411-youtube-action {
  background: #fff;
  border-color: #cfd9e7;
  color: #24344d;
}

.mod17411-page .mod17411-youtube-action b {
  align-items: center;
  background: #eef4ff;
  border-radius: 999px;
  color: var(--edu-blue);
  display: inline-flex;
  font-size: .67rem;
  height: 21px;
  justify-content: center;
  min-width: 21px;
  padding-inline: 6px;
}

.mod17411-page .mod17410-head-actions > .mod17410-more > summary {
  color: #66758b;
  font-size: .72rem;
  padding-inline: 11px;
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu {
  background: var(--edu-card);
  border: 1px solid var(--edu-border);
  border-radius: 0 0 17px 17px;
  box-shadow: 0 9px 28px rgba(32, 66, 116, .055);
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 10px;
  min-height: 58px;
  overflow: visible;
  padding: 0 22px;
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu a {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #4c5d76;
  display: flex;
  gap: 10px;
  justify-content: center;
  min-height: 57px;
  padding: 8px 14px;
  position: relative;
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu a:hover,
.mod17411-page .mod17411-admin-tabs.education-admin-menu a:focus-visible {
  background: #f7faff;
  color: var(--edu-blue);
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu a.is-active {
  background: transparent;
  color: var(--edu-blue);
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu a.is-active::after {
  background: var(--edu-blue);
  border-radius: 999px 999px 0 0;
  bottom: -1px;
  content: '';
  height: 3px;
  left: 8px;
  position: absolute;
  right: 8px;
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu a > i {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: currentColor;
  flex: 0 0 auto;
  font-size: 1rem;
  height: auto;
  width: auto;
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu span {
  display: block;
  min-width: 0;
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu strong {
  color: currentColor;
  font-size: .8rem;
  font-weight: 800;
  white-space: nowrap;
}

.mod17411-page .mod17411-admin-tabs.education-admin-menu small { display: none; }

.mod17411-page .mod17411-summary.mod17407-metrics {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0 2px 10px;
}

.mod17411-page .mod17411-summary.mod17407-metrics .mod17411-stat {
  align-items: center;
  background: var(--edu-card);
  border: 1px solid var(--edu-border);
  border-radius: 13px;
  box-shadow: 0 4px 14px rgba(33, 66, 111, .035);
  display: flex;
  flex-direction: row;
  gap: 15px;
  justify-content: flex-start;
  min-height: 78px;
  padding: 10px 18px;
  text-align: left;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.mod17411-page .mod17411-summary .mod17411-stat:hover {
  border-color: #9cbaec;
  box-shadow: 0 8px 22px rgba(25, 78, 158, .09);
  transform: translateY(-1px);
}

.mod17411-page .mod17411-summary .mod17411-stat.is-active {
  background: #f7faff;
  border-color: #6f9fee;
  box-shadow: inset 0 0 0 1px #6f9fee, 0 7px 18px rgba(18, 97, 232, .08);
}

.mod17411-page .mod17411-stat-icon {
  align-items: center;
  background: #e9f1ff;
  border-radius: 50%;
  color: var(--edu-blue);
  display: inline-flex;
  flex: 0 0 42px;
  font-size: 1.2rem;
  height: 42px;
  justify-content: center;
  margin: 0;
}

.mod17411-page .mod17411-stat.is-public .mod17411-stat-icon { background: #e5f8ef; color: #10a861; }
.mod17411-page .mod17411-stat.is-private .mod17411-stat-icon { background: #eff2f6; color: #68768c; }
.mod17411-page .mod17411-stat.is-youtube .mod17411-stat-icon { background: #f0e9ff; color: #7628db; }
.mod17411-page .mod17411-stat.is-document .mod17411-stat-icon { background: #fff0df; color: #f07b11; }

.mod17411-page .mod17411-stat-copy {
  display: grid;
  gap: 2px;
  margin: 0;
}

.mod17411-page .mod17411-summary .mod17411-stat-copy > span {
  color: #425169;
  font-size: .75rem;
  font-weight: 750;
  margin: 0;
}

.mod17411-page .mod17411-summary .mod17411-stat-copy > strong {
  color: var(--edu-navy);
  font-size: 1.3rem;
  font-weight: 900;
  line-height: 1.15;
}

.mod17411-page .mod17411-filter.mod17407-toolbar {
  align-items: end;
  background: var(--edu-card);
  border: 1px solid var(--edu-border);
  border-radius: 14px;
  box-shadow: 0 5px 18px rgba(33, 66, 111, .04);
  display: grid;
  gap: 7px 12px;
  grid-template-columns: minmax(290px, 2.5fr) repeat(4, minmax(118px, 1fr)) auto;
  padding: 12px 18px 8px;
  position: relative;
}

.mod17411-page .mod17411-filter .mod17410-filter-title {
  height: 0;
  min-height: 0;
  position: static;
}

.mod17411-page .mod17411-filter .mod17409-pending {
  position: absolute;
  right: 18px;
  top: 4px;
}

.mod17411-page .mod17411-filter > label {
  color: #63728a;
  display: grid;
  font-size: .67rem;
  font-weight: 700;
  gap: 5px;
}

.mod17411-page .mod17411-filter .form-control,
.mod17411-page .mod17411-filter .form-select {
  border-color: #ced9e8;
  border-radius: 8px;
  color: #253650;
  font-size: .76rem;
  min-height: 38px;
}

.mod17411-page .mod17411-filter .form-control:focus,
.mod17411-page .mod17411-filter .form-select:focus {
  border-color: #6f9fee;
  box-shadow: 0 0 0 3px rgba(18, 97, 232, .12);
}

.mod17411-page .mod17411-filter .mod17410-search {
  align-self: end;
}

.mod17411-page .mod17411-filter .mod17410-search i {
  color: #65758d;
  font-size: .98rem;
  left: 14px;
  top: 10px;
}

.mod17411-page .mod17411-filter .mod17410-search input { padding-left: 40px; }

.mod17411-page .mod17411-filter .mod17410-filter-actions {
  align-items: end;
  display: flex;
  gap: 7px;
}

.mod17411-page .mod17411-filter .mod17410-filter-actions .btn {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-size: .75rem;
  font-weight: 800;
  gap: 6px;
  justify-content: center;
  min-height: 38px;
  padding-inline: 14px;
}

.mod17411-page .mod17411-filter .mod17410-filter-actions .btn-primary {
  background: var(--edu-blue);
  border-color: var(--edu-blue);
}

.mod17411-page .mod17411-filter .mod17410-advanced {
  border-top: 1px solid #e3ebf5;
  grid-column: 1 / -1;
  padding-top: 7px;
}

.mod17411-page .mod17411-filter .mod17410-advanced > summary {
  color: #32425b;
  font-size: .7rem;
  min-height: 25px;
}

.mod17411-page .mod17411-filter .mod17410-advanced > summary:focus-visible,
.mod17411-page .mod17410-more > summary:focus-visible {
  border-radius: 6px;
  outline: 3px solid rgba(18, 97, 232, .25);
  outline-offset: 2px;
}

.mod17411-page .mod17411-filter .mod17410-advanced > div {
  grid-template-columns: repeat(6, minmax(105px, 1fr));
}

@media (min-width: 768px) {
  .mod17411-page .mod17411-filter .mod17410-advanced:not([open]) { grid-column: 1 / 3; }
  .mod17411-page .mod17411-filter .mod17410-advanced:not([open]) + .mod17410-applied {
    border-top: 1px solid #e3ebf5;
    grid-column: 3 / -1;
    justify-content: flex-end;
    padding-top: 7px;
  }
}

.mod17411-page .mod17411-filter .mod17410-applied {
  align-items: center;
  border: 0;
  color: #7b899c;
  font-size: .66rem;
  gap: 6px;
  min-height: 23px;
  padding: 0;
}

.mod17411-page .mod17411-filter .mod17410-applied strong { color: #52637b; }

.mod17411-page .mod17410-selection-bar.mod17407-bulk {
  border-radius: 12px;
  margin-top: 12px;
}

.mod17411-page .mod17411-workspace.mod17407-workspace { margin: 10px 0 32px; }

.mod17411-page .mod17411-list-card {
  background: var(--edu-card);
  border: 1px solid var(--edu-border);
  border-radius: 14px;
  box-shadow: 0 6px 22px rgba(33, 66, 111, .045);
  overflow: visible;
}

.mod17411-page .mod17411-list-card .mod17410-result-head {
  border-bottom: 1px solid var(--edu-border);
  min-height: 50px;
  padding: 7px 24px;
}

.mod17411-page .mod17411-list-card .mod17410-result-head h2 {
  color: var(--edu-navy);
  font-size: 1rem;
  font-weight: 900;
}

.mod17411-page .mod17411-result-count {
  background: #f2f5f9;
  border-radius: 999px;
  color: #5f6e84;
  display: inline-flex;
  font-size: .66rem;
  font-weight: 700;
  margin-left: 7px;
  padding: 4px 8px;
  vertical-align: 2px;
}

.mod17411-page .mod17411-result-count strong {
  color: inherit;
  font-size: inherit;
  margin-right: 1px;
}

.mod17411-page .mod17410-list-tools { gap: 8px; }

.mod17411-page .mod17410-list-tools summary.btn {
  border-color: #cfd9e7;
  border-radius: 8px;
  color: #405069;
  font-size: .72rem;
  font-weight: 750;
  min-height: 36px;
  padding-inline: 12px;
}

.mod17411-page .mod17411-menu-chevron { font-size: .62rem; margin-left: 2px; }
.mod17411-page .mod17410-more[open] .mod17411-menu-chevron { transform: rotate(180deg); }
.mod17411-page .mod17410-more > div button:disabled { color: #a3adbb; cursor: not-allowed; }

.mod17411-page .mod17410-table-wrap { overflow-x: auto; }

.mod17411-page .mod17410-table.is-compact {
  color: #34445e;
  min-width: 760px;
}

.mod17411-page .mod17410-table.is-compact th {
  background: #fbfcfe;
  color: #64748b;
  font-size: .68rem;
  font-weight: 800;
  height: 40px;
  letter-spacing: -.01em;
}

.mod17411-page .mod17410-table.is-compact td {
  border-color: #e7edf5;
  font-size: .72rem;
  height: 42px;
}

.mod17411-page .mod17410-table tbody tr:hover { background: #f8fbff; }
.mod17411-page .mod17410-table tbody tr.is-selected { background: #eef5ff; }

.mod17411-page .mod17410-table .mod17407-badge,
.mod17411-page .mod17410-table .mod17407-type {
  border-radius: 999px;
  font-size: .65rem;
  font-weight: 800;
  padding: 4px 8px;
}

.mod17411-page .mod17410-table .mod17407-type { background: #edf3ff; color: #1261e8; }
.mod17411-page .mod17410-table .mod17407-title { color: #152641; font-weight: 750; }
.mod17411-page .mod17410-table .mod17407-title:hover { color: var(--edu-blue); }
.mod17411-page .mod17410-assignment { color: #4d5d74; }
.mod17411-page .mod17410-assignment strong { color: #35455d; }

.mod17411-page .mod17410-row-action .btn {
  border-color: #b8cff4;
  border-radius: 6px;
  color: var(--edu-blue);
  font-weight: 800;
}

.mod17411-page .mod17410-pagination.mod17407-pagination {
  align-items: center;
  border-top: 0;
  display: flex;
  gap: 5px;
  justify-content: center;
  min-height: 50px;
  padding: 8px 14px;
}

.mod17411-page .mod17410-pagination .btn {
  align-items: center;
  border-color: transparent;
  border-radius: 6px;
  color: #5f7088;
  display: inline-flex;
  font-size: .7rem;
  height: 30px;
  justify-content: center;
  min-width: 30px;
  padding: 4px 7px;
}

.mod17411-page .mod17410-pagination .btn:hover:not(:disabled) {
  background: #eef5ff;
  color: var(--edu-blue);
}

.mod17411-page .mod17410-pagination .btn.is-current {
  background: var(--edu-blue);
  border-color: var(--edu-blue);
  color: #fff;
  font-weight: 900;
}

.mod17411-page .mod17410-pagination .btn:disabled { color: #b4bfcc; }
.mod17411-page .mod17411-pagination-gap { color: #8794a7; font-size: .72rem; padding: 0 2px; }

.mod17411-page .mod17410-drawer.mod17407-detail {
  border-left: 1px solid var(--edu-border);
  width: min(540px, 100vw);
}

/* MOD-174-23: compact registration result and persistent created-item marker. */
.mod17423-page .mod17423-created-alert {
  align-items: center;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #14532d;
  display: grid;
  gap: 10px 13px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin: 0 0 9px;
  padding: 11px 13px;
}

.mod17423-page .mod17423-created-alert:focus-visible {
  outline: 3px solid rgba(22, 163, 74, .28);
  outline-offset: 2px;
}

.mod17423-page .mod17423-created-alert-icon { color: #16a34a; font-size: 1.15rem; }
.mod17423-page .mod17423-created-alert-copy { min-width: 0; }
.mod17423-page .mod17423-created-alert-copy p {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  font-size: .78rem;
  gap: 2px 4px;
  line-height: 1.45;
  margin: 0;
}

.mod17423-page .mod17423-created-alert-copy strong {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #064e3b;
  display: -webkit-box;
  font-weight: 850;
  max-width: min(54ch, 100%);
  overflow: hidden;
  overflow-wrap: anywhere;
}

.mod17423-page .mod17423-created-alert-copy small {
  color: #3f6f57;
  display: block;
  font-size: .7rem;
  margin-top: 2px;
}

.mod17423-page .mod17423-created-alert-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.mod17423-page .mod17423-created-alert-actions .btn {
  align-items: center;
  display: inline-flex;
  font-size: .68rem;
  font-weight: 800;
  gap: 4px;
  justify-content: center;
  white-space: nowrap;
}

.mod17423-page .mod17410-title-cell.has-created-badge,
.mod17423-page .mod17416-group-title.has-created-badge {
  align-items: center;
  display: grid;
  gap: 3px 7px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.mod17423-page .mod17410-title-cell.has-created-badge .mod17416-list-youtube-meta,
.mod17423-page .mod17416-group-title.has-created-badge .mod17416-list-youtube-meta { grid-column: 1 / -1; }

.mod17423-page .mod17423-created-badge {
  align-items: center;
  align-self: center;
  background: #dcfce7;
  border: 1px solid #86efac;
  border-radius: 999px;
  color: #166534;
  display: inline-flex;
  font-size: .64rem;
  font-weight: 850;
  gap: 4px;
  line-height: 1;
  padding: 4px 7px;
  white-space: nowrap;
}

.mod17423-page .mod17410-table tbody tr.is-created-item {
  outline: 2px solid rgba(22, 163, 74, .2);
  outline-offset: -2px;
}

.mod17423-page .mod17410-table tbody tr.is-created-item > td {
  background: #f0fdf4 !important;
  transition: background-color .7s ease, box-shadow .7s ease;
}

.mod17423-page .mod17410-table tbody tr.is-created-item > td:first-child {
  box-shadow: inset 4px 0 0 #16a34a;
}

.mod17423-page .mod17410-table tbody tr.is-created-highlight > td {
  background: #d1fae5 !important;
}

.mod17423-page .mod17410-table tbody tr.is-created-highlight > td:first-child {
  box-shadow: inset 5px 0 0 #15803d;
}

.mod17423-page .mod17407-group-item.is-created-item {
  background: #f0fdf4;
  border-color: #86efac;
  box-shadow: inset 4px 0 0 #16a34a, 0 0 0 2px rgba(22, 163, 74, .1);
  transition: background-color .7s ease, border-color .7s ease, box-shadow .7s ease;
}

.mod17423-page .mod17407-group-item.is-created-highlight {
  background: #d1fae5;
  border-color: #4ade80;
  box-shadow: inset 5px 0 0 #15803d, 0 0 0 2px rgba(22, 163, 74, .18);
}

@media (max-width: 1199px) {
  .mod17411-page .mod17411-container { padding-inline: 22px; }
  .mod17411-page .mod17411-hero { padding-inline: 22px; }
  .mod17411-page .mod17410-head-actions { max-width: 52%; }
  .mod17411-page .mod17411-summary.mod17407-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mod17411-page .mod17411-summary .mod17411-stat { min-height: 78px; }
  .mod17411-page .mod17411-filter.mod17407-toolbar { grid-template-columns: minmax(240px, 2fr) repeat(2, minmax(140px, 1fr)); }
  .mod17411-page .mod17411-filter .mod17410-filter-actions { grid-column: span 2; justify-content: flex-end; }
  .mod17411-page .mod17411-filter .mod17410-advanced > div { grid-template-columns: repeat(4, minmax(110px, 1fr)); }
}

@media (max-width: 767px) {
  .admin-education-dashboard.mod-174-11 { padding: 10px 0 30px; }
  .mod17411-page .mod17411-container { padding-inline: 12px; }
  .mod17411-page .mod17411-hero { align-items: stretch; min-height: 0; padding: 16px; }
  .mod17411-page .mod17411-hero .edu-eyebrow { display: inline-flex; font-size: .6rem; }
  .mod17411-page .mod17411-hero h1 { font-size: 1.4rem; margin-top: 6px; }
  .mod17411-page .mod17411-hero p { display: block; font-size: .72rem; }
  .mod17411-page .mod17410-head-actions { display: grid; grid-template-columns: 1fr 1fr; max-width: none; width: 100%; }
  .mod17411-page .mod17410-head-actions > .btn { min-height: 40px; padding-inline: 8px; }
  .mod17411-page .mod17410-head-actions > .mod17410-more { grid-column: 1 / -1; justify-self: end; }
  .mod17411-page .mod17410-head-actions > .mod17410-more > summary { min-height: 30px; }
  .mod17411-page .mod17411-admin-tabs.education-admin-menu {
    display: flex;
    min-height: 52px;
    overflow-x: auto;
    padding: 0 6px;
    scrollbar-width: thin;
  }
  .mod17411-page .mod17411-admin-tabs.education-admin-menu a { flex: 0 0 auto; min-height: 51px; padding-inline: 14px; }
  .mod17411-page .mod17411-admin-tabs.education-admin-menu a > i { display: inline-block; }
  .mod17411-page .mod17411-summary.mod17407-metrics { gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 11px; overflow: visible; }
  .mod17411-page .mod17411-summary.mod17407-metrics .mod17411-stat { flex: 1 1 auto; gap: 10px; min-height: 68px; padding: 10px 12px; }
  .mod17411-page .mod17411-stat-icon { flex-basis: 38px; font-size: .95rem; height: 38px; }
  .mod17411-page .mod17411-summary .mod17411-stat-copy > strong { font-size: 1.08rem; }
  .mod17411-page .mod17411-filter.mod17407-toolbar { gap: 9px; grid-template-columns: 1fr 1fr; padding: 13px 12px 9px; }
  .mod17411-page .mod17411-filter .mod17410-search,
  .mod17411-page .mod17411-filter .mod17410-advanced,
  .mod17411-page .mod17411-filter .mod17410-applied { grid-column: 1 / -1 !important; }
  .mod17411-page .mod17411-filter .mod17410-filter-actions { grid-column: 1 / -1; }
  .mod17411-page .mod17411-filter .mod17410-filter-actions > * { flex: 1; }
  .mod17411-page .mod17411-filter .mod17410-advanced > div { grid-template-columns: 1fr 1fr; }
  .mod17411-page .mod17411-workspace.mod17407-workspace { margin-top: 11px; }
  .mod17411-page .mod17411-list-card .mod17410-result-head { min-height: 52px; padding-inline: 12px; }
  .mod17411-page .mod17410-list-tools summary.btn { min-height: 34px; padding-inline: 9px; }
  .mod17411-page .mod17410-list-tools summary.btn { font-size: 0; }
  .mod17411-page .mod17410-list-tools summary.btn i { font-size: .82rem; }
  .mod17411-page .mod17411-menu-chevron { display: none; }
  .mod17411-page .mod17410-more > div { right: 12px; }
  .mod17411-page .mod17410-table.is-compact td { min-height: 0; }
  .mod17423-page .mod17423-created-alert { grid-template-columns: auto minmax(0, 1fr); }
  .mod17423-page .mod17423-created-alert-actions {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }
  .mod17423-page .mod17423-created-alert-actions .btn { min-height: 36px; width: 100%; }
  .mod17423-page .mod17410-title-cell.has-created-badge,
  .mod17423-page .mod17416-group-title.has-created-badge { align-items: start; grid-template-columns: minmax(0, 1fr); }
  .mod17423-page .mod17410-title-cell.has-created-badge .mod17416-list-youtube-meta,
  .mod17423-page .mod17416-group-title.has-created-badge .mod17416-list-youtube-meta { grid-column: 1; }
  .mod17423-page .mod17423-created-badge { justify-self: start; }
}

@media (min-width: 1200px) and (max-height: 900px) {
  .admin-education-dashboard.mod-174-11 { padding-top: 8px; }
  .mod17411-page .mod17411-hero { min-height: 78px; padding: 10px 20px; }
  .mod17411-page .mod17411-hero h1 { font-size: 1.32rem; margin: 3px 0 1px; }
  .mod17411-page .mod17411-hero p { font-size: .69rem; }
  .mod17411-page .mod17410-head-actions > .btn,
  .mod17411-page .mod17410-head-actions > .mod17410-more > .btn { min-height: 34px; }
  .mod17411-page .mod17411-admin-tabs.education-admin-menu { margin-bottom: 7px; min-height: 42px; }
  .mod17411-page .mod17411-admin-tabs.education-admin-menu a { min-height: 41px; padding-block: 4px; }
  .mod17411-page .mod17411-summary.mod17407-metrics { gap: 8px; margin-bottom: 7px; }
  .mod17411-page .mod17411-summary.mod17407-metrics .mod17411-stat { gap: 10px; min-height: 54px; padding: 6px 13px; }
  .mod17411-page .mod17411-stat-icon { flex-basis: 34px; font-size: .9rem; height: 34px; }
  .mod17411-page .mod17411-summary .mod17411-stat-copy > strong { font-size: 1rem; }
  .mod17411-page .mod17411-filter.mod17407-toolbar { gap: 5px 10px; padding: 7px 13px 5px; }
  .mod17411-page .mod17411-filter .form-control,
  .mod17411-page .mod17411-filter .form-select,
  .mod17411-page .mod17411-filter .mod17410-filter-actions .btn { min-height: 32px; }
  .mod17411-page .mod17411-filter .mod17410-search i { top: 8px; }
  .mod17411-page .mod17411-filter .mod17410-advanced { padding-top: 2px; }
  .mod17411-page .mod17411-filter .mod17410-advanced > summary { min-height: 19px; }
  .mod17411-page .mod17411-filter .mod17410-applied { min-height: 18px; }
  .mod17411-page .mod17411-workspace.mod17407-workspace { margin-top: 6px; }
  .mod17411-page .mod17411-list-card .mod17410-result-head { min-height: 37px; padding-block: 4px; }
  .mod17411-page .mod17411-list-card .mod17410-result-head p { display: none; }
  .mod17411-page .mod17410-list-tools summary.btn { min-height: 30px; }
  .mod17411-page .mod17410-table.is-compact th { height: 30px; }
  .mod17411-page .mod17410-table.is-compact td { height: 35px; padding-block: 3px; }
  .mod17411-page .mod17410-pagination.mod17407-pagination { min-height: 39px; padding-block: 4px; }
}

@media (min-width: 1200px) and (max-height: 800px) {
  .mod17411-page .mod17411-hero { min-height: 68px; padding-block: 7px; }
  .mod17411-page .mod17411-hero .edu-eyebrow { display: inline-flex; font-size: .58rem; }
  .mod17411-page .mod17411-hero p { display: none; }
  .mod17411-page .mod17411-hero h1 { font-size: 1.18rem; margin: 2px 0 0; }
  .mod17411-page .mod17411-admin-tabs.education-admin-menu { min-height: 37px; }
  .mod17411-page .mod17411-admin-tabs.education-admin-menu a { min-height: 36px; }
  .mod17411-page .mod17411-summary.mod17407-metrics .mod17411-stat { min-height: 45px; }
  .mod17411-page .mod17411-stat-icon { flex-basis: 30px; height: 30px; }
  .mod17411-page .mod17411-filter .mod17410-applied:has([data-applied-empty]:not([hidden])) { display: none; }
  .mod17411-page .mod17410-table.is-compact td { height: 33px; }
}

@media (prefers-reduced-motion: reduce) {
  .mod17411-page .mod17411-stat,
  .mod17411-page .mod17410-more .mod17411-menu-chevron { transition: none; }
  .mod17423-page .mod17410-table tbody tr.is-created-item > td,
  .mod17423-page .mod17407-group-item.is-created-item { animation: none; transition: none; }
}

/* MOD-174-32: independent desktop counts; cards retain both count labels. */
.mod17432-page .mod17410-table.is-compact { min-width: 0; width: 100%; }
.mod17432-page .mod17410-table.is-compact th:nth-child(2) { width: 76px; }
.mod17432-page .mod17410-table.is-compact th:nth-child(3) { width: 78px; }
.mod17432-page .mod17410-table.is-compact th:nth-child(5) { width: 95px; }
.mod17432-page .mod17410-table.is-compact th:nth-child(6) { width: 175px; }
.mod17432-page .mod17410-table.is-compact th:nth-child(7) { width: 94px; }
.mod17432-page .mod17410-table.is-compact th:nth-child(8) { width: 112px; }
.mod17432-row-actions { display: flex; gap: 5px; flex-wrap: wrap; }
.mod17432-finets-views { font-variant-numeric: tabular-nums; white-space: nowrap; }
.mod17432-mobile-views { display: none; color: #526580; font-size: .72rem; }
.mod17432-confirm-items { max-height: 32vh; overflow-y: auto; text-align: left; overflow-wrap: anywhere; }
.mod17432-confirm-items p { margin: 8px 0; padding: 8px; background: #f2f5f9; border-radius: 6px; }
.mod17432-confirm-items small { display: block; margin-top: 4px; }
.mod17432-page [data-lifecycle-failures] p { margin: 4px 0; overflow-wrap: anywhere; }
@media (max-width: 1100px) {
  .mod17432-page .mod17410-table-wrap { overflow-x: visible; }
  .mod17432-page .mod17410-table.is-compact,
  .mod17432-page .mod17410-table.is-compact tbody { display: block; min-width: 0; }
  .mod17432-page .mod17410-table.is-compact thead { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
  .mod17432-page .mod17410-table.is-compact tr { border-bottom: 1px solid #dde7f3; display: grid; gap: 6px 8px; grid-template-columns: 24px minmax(0, 1fr) auto; padding: 10px; }
  .mod17432-page .mod17410-table.is-compact td { border: 0; height: auto; padding: 0; min-width: 0; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(1) { grid-column: 1; grid-row: 1 / span 4; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(2) { grid-column: 3; grid-row: 1; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(3) { grid-column: 3; grid-row: 2; text-align: right; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(4) { grid-column: 2; grid-row: 1 / span 2; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(5) { display: none; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(6) { grid-column: 2; grid-row: 3; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(7) { grid-column: 2; grid-row: 4; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(8) { grid-column: 3; grid-row: 3 / span 2; }
  .mod17432-page .mod17410-table.is-compact .mod17407-title,
  .mod17432-page .mod17410-assignment { white-space: normal; overflow-wrap: anywhere; }
  .mod17432-page .mod17410-table.is-compact .mod17432-mobile-views { display: block; }
  .mod17432-page .mod17416-list-youtube-meta { white-space: normal; }
  .mod17432-page .mod17410-row-action .btn { min-height: 36px; }
  .mod17432-row-actions { flex-direction: column; }
}

/* MOD-174-33: thumbnail and title share the existing information cell. */
.mod17433-item-content { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mod17433-item-content .mod17410-title-cell { flex: 1; min-width: 0; }
.mod17432-page .mod17410-table .mod17433-item-content .mod17407-title { white-space: normal; overflow-wrap: anywhere; }
.mod17433-thumbnail { position: relative; display: block; flex: 0 0 128px; width: 128px; aspect-ratio: 16 / 9; padding: 0; border: 1px solid #dce4ef; border-radius: 8px; background: #e9edf3; color: #53647c; }
button.mod17433-thumbnail { cursor: pointer; }
.mod17433-thumbnail img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.mod17433-thumbnail-fallback { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; font-size: 11px; }
.mod17433-thumbnail-fallback i { font-size: 21px; }
.mod17433-play-overlay { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff; background: #0f172ab8; font-size: 24px; transition: background .15s; }
.mod17433-thumbnail.has-fallback .mod17433-play-overlay,
.mod17433-thumbnail:not(:has(img)) .mod17433-play-overlay { left: auto; right: 5px; top: 5px; transform: none; width: 24px; height: 24px; font-size: 17px; }
.mod17433-thumbnail:hover .mod17433-play-overlay,
.mod17433-thumbnail:focus-visible .mod17433-play-overlay { background: #1d4ed8; }
.mod17433-thumbnail:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.mod17433-play-tooltip { position: absolute; bottom: calc(100% + 5px); left: 0; z-index: 5; padding: 4px 7px; border-radius: 4px; background: #17243b; color: #fff; font-size: 11px; white-space: nowrap; visibility: hidden; pointer-events: none; }
.mod17433-thumbnail:hover .mod17433-play-tooltip,
.mod17433-thumbnail:focus-visible .mod17433-play-tooltip { visibility: visible; }
.mod17433-preview-player { width: 100%; aspect-ratio: 16 / 9; background: #101827; }
.mod17433-preview-player iframe,
.mod17433-preview-player video { display: block; width: 100%; height: 100%; border: 0; }
.mod17433-preview-modal .modal-content { overflow-wrap: anywhere; }
.mod17433-preview-modal .modal-header,
.mod17433-preview-modal .modal-footer { flex-shrink: 0; }
.mod17433-preview-modal .mod17416-list-youtube-meta { white-space: normal; font-size: .85rem; }
@media (min-width: 768px) and (max-width: 1280px) {
  .mod17433-thumbnail { flex-basis: 112px; width: 112px; }
}
@media (max-width: 767px) {
  .mod17433-item-content { flex-direction: column; align-items: stretch; gap: 9px; }
  .mod17433-thumbnail { flex: none; width: 100%; }
  .mod17432-page .mod17410-table.is-compact tr { grid-template-columns: 24px minmax(0, 1fr) auto; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(1) { grid-row: 1; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(2) { grid-column: 2; grid-row: 1; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(3) { grid-column: 3; grid-row: 1; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(4) { grid-column: 1 / -1; grid-row: 2; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(6) { grid-column: 1 / -1; grid-row: 3; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(7) { grid-column: 1 / 3; grid-row: 4; }
  .mod17432-page .mod17410-table.is-compact td:nth-child(8) { grid-column: 3; grid-row: 4; }
  .mod17432-row-actions { flex-direction: row; }
  .mod17433-preview-modal .modal-dialog { margin: 8px; min-height: calc(100% - 16px); height: calc(100% - 16px); }
  .mod17433-preview-modal .modal-body { padding: 12px; }
  .mod17433-preview-modal .modal-footer { gap: 4px; }
}
@media (prefers-reduced-motion: reduce) { .mod17433-play-overlay { transition: none; } }
.mod17433-group-row { display: flex; align-items: center; gap: 12px; min-width: 0; }
.mod17433-group-row > .mod17407-group-item { flex: 1; min-width: 0; }
.mod17432-page .mod17410-table:not(.is-compact) td:nth-child(5) > span > strong,
.mod17432-page .mod17410-table:not(.is-compact) td:nth-child(5) > span > span { display: block; }
.mod17432-page .mod17410-table:not(.is-compact) .mod17433-item-content { min-width: 340px; }
@media (max-width: 1100px) {
  .mod17432-page .mod17410-table:not(.is-compact),
  .mod17432-page .mod17410-table:not(.is-compact) tbody { display: block; min-width: 0; }
  .mod17432-page .mod17410-table:not(.is-compact) thead { position: absolute; clip-path: inset(50%); height: 1px; width: 1px; overflow: hidden; }
  .mod17432-page .mod17410-table:not(.is-compact) tr { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 8px; padding: 12px; }
  .mod17432-page .mod17410-table:not(.is-compact) td { display: block; grid-column: auto; grid-row: auto; min-width: 0; padding: 0; border: 0; }
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(2),
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(6),
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(9),
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(10),
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(12) { display: none; }
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(7) { grid-column: 1 / -1; grid-row: 2; }
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(5) { grid-column: 1 / -1; grid-row: 3; }
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(8),
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(11) { grid-column: 1 / 3; }
  .mod17432-page .mod17410-table:not(.is-compact) td:nth-child(13) { grid-column: 3; grid-row: 4 / 6; }
  .mod17432-page .mod17410-table:not(.is-compact) .mod17433-item-content { min-width: 0; }
}
@media (max-width: 767px) {
  .mod17433-group-row { flex-direction: column; align-items: stretch; }
}
