.material-admin-page { gap: 18px; }
.material-admin-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.material-admin-stat { min-width: 0; padding: 14px; border: 1px solid #d9e0e4; border-radius: 7px; background: #fff; }
.material-admin-stat span, .material-admin-stat small { display: block; color: #65727a; }
.material-admin-stat strong { display: block; margin: 7px 0 4px; color: #172126; font-size: 24px; line-height: 1; }
.material-admin-toolbar, .material-admin-actions, .material-admin-file-head, .material-admin-detail-head, .material-admin-pagination, .material-admin-bulk, .material-admin-link-row { display: flex; align-items: center; gap: 10px; }
.material-admin-toolbar, .material-admin-file-head, .material-admin-detail-head { justify-content: space-between; }
.material-admin-tabs { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid #d9e0e4; border-radius: 7px; background: #f4f7f8; }
.material-admin-tabs button { min-height: 34px; padding: 0 13px; border: 0; border-radius: 5px; color: #526169; background: transparent; cursor: pointer; }
.material-admin-tabs button.active { color: #fff; background: #16756d; }
.material-admin-filters { display: grid; grid-template-columns: minmax(240px, 2fr) repeat(3, minmax(140px, 1fr)) auto; align-items: end; gap: 12px; margin: 16px 0; }
.material-admin-field { display: grid; gap: 6px; min-width: 0; color: #526169; font-size: 13px; }
.material-admin-field.full { min-width: 0; }
.material-admin-field input, .material-admin-field select, .material-admin-field textarea, .material-admin-file-head input, .material-admin-bulk select { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #cfd8dc; border-radius: 6px; background: #fff; color: #172126; font: inherit; }
.material-admin-table strong { color: #172126; }
.material-admin-table .cell-note { display: block; margin-top: 4px; color: #65727a; }
.material-admin-table td, .material-admin-table th { vertical-align: top; }
.material-admin-empty { padding: 30px !important; color: #65727a; text-align: center; }
.material-admin-pagination { justify-content: flex-end; margin-top: 14px; color: #65727a; }
.material-admin-bulk { margin: 12px 0; padding: 10px 12px; border-left: 3px solid #b45309; background: #fff8ed; }
.material-admin-bulk select { width: auto; min-width: 170px; }
.material-admin-detail { display: grid; gap: 16px; }
.material-admin-detail-head h3, .material-admin-file-head h3 { margin: 2px 0 0; font-size: 18px; letter-spacing: 0; }
.material-admin-detail-head small, .material-admin-file-head small, .material-admin-limit-note, .muted { color: #65727a; }
.material-admin-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.material-admin-form-grid .full { grid-column: 1 / -1; }
.material-admin-actions { flex-wrap: wrap; }
.material-admin-file-head { padding-top: 14px; border-top: 1px solid #e1e7ea; }
.material-admin-file-head input { width: min(420px, 50vw); }
.material-admin-file-editor { display: grid; gap: 12px; padding: 14px; border: 1px solid #c9d9d6; border-radius: 7px; background: #f4faf9; }
.material-admin-lesson-table { max-height: 620px; overflow: auto; }
.material-admin-link-row { flex-wrap: wrap; }
.material-admin-link-row a { color: #0f6d66; font-weight: 600; }
.material-admin-limit-note { padding: 10px 0; text-align: center; }
@media (max-width: 1180px) {
  .material-admin-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .material-admin-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .material-admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .material-admin-form-grid, .material-admin-filters { grid-template-columns: 1fr; }
  .material-admin-form-grid .full { grid-column: auto; }
  .material-admin-toolbar, .material-admin-file-head, .material-admin-detail-head { align-items: stretch; flex-direction: column; }
  .material-admin-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .material-admin-file-head input { width: 100%; }
  .material-admin-pagination { justify-content: space-between; }
}
.quickview-courses-stack { display: grid; gap: 16px; }
.quickview-material-panel { display: grid; gap: 14px; }
.quickview-material-count { min-width: 56px; padding: 7px 10px; border-radius: 6px; background: #172126; color: #fff; font-weight: 700; text-align: center; }
.quickview-material-progress-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.quickview-material-progress { min-width: 0; padding: 13px; border: 1px solid #d9e0e4; border-radius: 7px; background: #fff; }
.quickview-material-progress-title, .quickview-material-progress-meta, .quickview-material-actions { display: flex; align-items: center; gap: 8px; }
.quickview-material-progress-title { justify-content: space-between; }
.quickview-material-progress p { margin: 9px 0; color: #526169; overflow-wrap: anywhere; }
.quickview-material-progress-meta { flex-wrap: wrap; color: #65727a; font-size: 13px; }
.quickview-material-progress > a { display: inline-block; margin-top: 9px; color: #0f6d66; font-weight: 700; }
.quickview-material-picker { display: grid; gap: 10px; padding-top: 12px; border-top: 1px solid #e1e7ea; }
.quickview-material-picker > input { width: 100%; min-height: 40px; padding: 8px 11px; border: 1px solid #cfd8dc; border-radius: 6px; }
.quickview-material-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 340px; overflow: auto; }
.quickview-material-option { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 9px; min-width: 0; padding: 10px; border: 1px solid #d9e0e4; border-radius: 7px; background: #fff; cursor: pointer; }
.quickview-material-option.selected { border-color: #16756d; background: #f2faf8; }
.quickview-material-option span, .quickview-material-option strong, .quickview-material-option small { display: block; min-width: 0; }
.quickview-material-option strong { overflow-wrap: anywhere; }
.quickview-material-option small { margin-top: 3px; color: #65727a; }
.quickview-material-actions { justify-content: flex-end; flex-wrap: wrap; }
.quickview-progress-editor { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 13px; border: 1px solid #c9d9d6; border-radius: 7px; background: #f4faf9; }
.quickview-progress-editor > div:first-child, .quickview-progress-editor .full { grid-column: 1 / -1; }
.quickview-progress-editor label { display: grid; gap: 6px; color: #526169; font-size: 13px; }
.quickview-progress-editor input, .quickview-progress-editor select, .quickview-progress-editor textarea { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #cfd8dc; border-radius: 6px; background: #fff; font: inherit; }
@media (max-width: 720px) {
  .quickview-material-progress-grid, .quickview-material-options { grid-template-columns: 1fr; }
  .quickview-progress-editor { grid-template-columns: 1fr; }
  .quickview-progress-editor > div:first-child, .quickview-progress-editor .full { grid-column: auto; }
  .quickview-material-actions { align-items: stretch; flex-direction: column; }
}