:root {
  --navy: #171713;
  --teal: #c69245;
  --gold: #d8a95f;
  --ink: #201f1b;
  --muted: #776f64;
  --line: #e8e1d7;
  --soft: #f7f5f1;
  --danger: #a43b43;
}

.sidebar { background: linear-gradient(180deg, #1d1d19, #10100e); }
.brand img { width: 58px; height: 50px; object-fit: contain; background: #fff; border-radius: 10px; padding: 4px; }
.brand-login img { width: 150px; height: auto; padding: 8px; }
.brand-login { align-items: center; }
.brand-login span small { max-width: 185px; line-height: 1.35; color: #8a714d; }
.button, .progress i { background: linear-gradient(135deg, #b78035, #dfb86f); }
.course-art { background: linear-gradient(135deg, #24231f, #a77a3e); }
.sidebar nav a.active, .sidebar nav a:hover { box-shadow: inset 3px 0 var(--gold); }
.profile i, .topbar > i { background: #f3e7d2; color: #765323; }
.help { border-color: #d8a95f44; }
.help a { border-color: #d8a95f77; color: #f4d49d; }
.publish-panel { margin-top: 20px; }
.status-button, .quiz-shortcut, .user-editor > summary { border: 0; background: #f2e7d5; color: #75501f; border-radius: 7px; padding: 8px 10px; font-size: 8px; font-weight: 900; cursor: pointer; }
.quiz-shortcut { white-space: nowrap; }
.user-editor { min-width: 90px; }
.user-editor > summary { list-style: none; text-align: center; }
.user-editor[open] { width: 100%; order: 4; }
.user-editor[open] .compact { margin-top: 10px; }
.user-records article { flex-wrap: wrap; }
.user-records .user-editor[open] + .enroll { display: none; }
.module-title-edit { grid-template-columns: 55px minmax(180px, 1fr) 65px; }
.course-hours-form { display: grid; grid-template-columns: repeat(3, minmax(90px, 1fr)) auto; gap: 8px; align-items: end; min-width: min(100%, 520px); }
.course-hours-form label { font-size: 8px; font-weight: 800; color: var(--muted); }
.course-hours-form input { display: block; width: 100%; border: 1px solid var(--line); border-radius: 7px; padding: 8px; margin-top: 4px; }
.lesson-materials { margin: 14px 0; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fffaf1; }
.lesson-materials b { display: block; margin-bottom: 8px; }
.lesson-materials a { display: block; padding: 7px 0; color: #8b5e20; font-weight: 800; }
.material-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--line); }
.material-row button { border: 0; color: var(--danger); background: transparent; cursor: pointer; }
.tracking-records article { align-items: center; }

@media (max-width: 700px) {
  .brand-login { display: grid; justify-items: center; text-align: center; }
  .brand-login span small { max-width: none; }
  .quiz-shortcut { width: 100%; text-align: center; }
  .course-hours-form { width: 100%; grid-template-columns: 1fr; }
  .module-title-edit { grid-template-columns: 45px 1fr; }
  .module-title-edit button { grid-column: 1 / -1; }
}