/**
 * Koch School — redesign v2, phase A.
 * Light cabinet shell on top of the existing MasterStudy markup.
 * Do not blanket-replace #fff: primary buttons keep white labels.
 */

:root {
  --koch-sidebar: #ffffff;
  --koch-sidebar-active: #f5f5f5;
  --koch-bg: #ffffff;
  --koch-neutral-light: #fafafa;
  --koch-border: #e5e5e5;
  --koch-font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --koch-success: #1a7f37;
  --koch-warning: #b25e09;
  --koch-error: #c2362f;
  --koch-info: #0d6f84;
}

body.koch-lms-dashboard {
  font-family: var(--koch-font-family);
  background: #fafafa;
}

body.koch-lms-dashboard .masterstudy-account {
  background: #fafafa;
}

body.koch-lms-dashboard .masterstudy-account-sidebar {
  width: 256px;
  background: #ffffff !important;
  border-right: 1px solid #e5e5e5;
  color: #111111;
}

body.koch-lms-dashboard .masterstudy-account-container {
  background: #ffffff;
}

.koch-sidebar-brand {
  border-bottom: 1px solid #e5e5e5;
}

body.koch-lms-dashboard .masterstudy-account-menu__mode,
body.koch-lms-dashboard .masterstudy-account-user,
body.koch-lms-dashboard .masterstudy-account-profile {
  color: #6b6b6b;
}

body.koch-lms-dashboard .masterstudy-account-user__name,
body.koch-lms-dashboard .masterstudy-account-profile__name {
  color: #111111 !important;
}

body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item .masterstudy-account-menu__list-item-label,
body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item i {
  color: #6b6b6b !important;
}

body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item:hover {
  background: #f5f5f5 !important;
}

body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active {
  background: #f5f5f5 !important;
}

body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active::before {
  background: #111111;
}

body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item:hover .masterstudy-account-menu__list-item-label,
body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item:hover i,
body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active .masterstudy-account-menu__list-item-label,
body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item.masterstudy-account-menu__list-item_active i {
  color: #111111 !important;
}

body.koch-lms-dashboard .masterstudy-account-menu__list a.masterstudy-account-menu__list-item .masterstudy-account-menu__list-item-badge {
  background: #111111;
  color: #ffffff;
}

body.koch-lms-dashboard .masterstudy-account-sidebar__back {
  background: #f5f5f5;
  color: #111111;
}

body.koch-lms-dashboard [class*="progress"] [class*="line"],
body.koch-lms-dashboard [class*="progress-bar"] > span,
body.koch-lms-dashboard [class*="masterstudy"][class*="progress"] i {
  background: #111111 !important;
}

.koch-home-quick-card,
.koch-home-stat,
.koch-dash-card {
  border-radius: 14px;
}

/* Phase B — home screens use the prototype card language. */

.koch-home-quick-card {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 16px;
  border-radius: 14px;
  border-color: #e5e5e5;
}

.koch-home-quick-card strong {
  flex: 1;
  font-size: 15px;
  font-weight: 700;
}

.koch-v2-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: #6b6b6b;
}

.koch-v2-icon--chev {
  width: 16px;
  height: 16px;
  color: #9a9a9a;
}

.koch-home-quick-card .koch-dash-badge {
  flex: 0 0 auto;
  margin-left: auto;
  background: #111111;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
}

.koch-home-stat {
  padding: 20px;
  border-radius: 14px;
  border-color: #e5e5e5;
}

.koch-home-stat span {
  font-size: 13px;
  color: #6b6b6b;
}

.koch-home-stat strong,
.koch-reports-kpi__value {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.koch-reports-kpi {
  border-radius: 14px;
  border-color: #e5e5e5;
  padding: 20px;
}

.koch-dash-card {
  border-radius: 14px;
  border-color: #e5e5e5;
  box-shadow: none;
}

.koch-dash-card--link:hover {
  box-shadow: none;
  border-color: #d4d4d4;
}

@media (max-width: 900px) {
  .koch-home-stats,
  .koch-reports-kpis,
  .koch-home-quick-grid,
  .koch-dash-cards {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .koch-home-stats,
  .koch-reports-kpis,
  .koch-home-quick-grid,
  .koch-dash-cards {
    grid-template-columns: 1fr;
  }
}

/* ------------------------------------------------------------------
   Full cabinet: one visual language across every account screen.
   ------------------------------------------------------------------ */

body.koch-lms-dashboard,
body.koch-lms-login,
body.koch-lesson-study {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body.koch-lms-dashboard .koch-dash-btn,
body.koch-lms-dashboard .koch-btn,
body.koch-lms-dashboard [class*="koch-"][class*="__btn"],
body.koch-lms-dashboard [class*="koch-"][class*="-btn"],
body.koch-lesson-study [class*="koch-"][class*="btn"] {
  border-radius: 0 !important;
  font-family: inherit;
}

body.koch-lms-dashboard .koch-badge,
body.koch-lms-dashboard [class*="koch-badge"] {
  border-radius: 6px;
  font-weight: 700;
}

body.koch-lms-dashboard .koch-badge--success,
body.koch-lms-dashboard [class*="badge--success"] {
  background: #e8f5ec;
  color: #1a7f37;
}

body.koch-lms-dashboard .koch-badge--info,
body.koch-lms-dashboard [class*="badge--info"],
body.koch-lms-dashboard [class*="badge--pending"] {
  background: #e4f2f5;
  color: #0d6f84;
}

body.koch-lms-dashboard .koch-badge--warning,
body.koch-lms-dashboard [class*="badge--warning"] {
  background: #fdf3e3;
  color: #b25e09;
}

body.koch-lms-dashboard .koch-badge--danger,
body.koch-lms-dashboard .koch-badge--error,
body.koch-lms-dashboard [class*="badge--danger"],
body.koch-lms-dashboard [class*="badge--error"] {
  background: #fbecea;
  color: #c2362f;
}

body.koch-lms-dashboard .koch-course-card,
body.koch-lms-dashboard .koch-dash-card,
body.koch-lms-dashboard .koch-modal__dialog,
body.koch-lms-dashboard [class*="koch-"][class*="card"] {
  border-radius: 14px;
  border-color: #e5e5e5;
  box-shadow: none;
}

body.koch-lms-dashboard input,
body.koch-lms-dashboard select,
body.koch-lms-dashboard textarea,
body.koch-lms-login input,
body.koch-lms-login select,
body.koch-lms-login textarea,
body.koch-lesson-study input,
body.koch-lesson-study select,
body.koch-lesson-study textarea {
  border-radius: 10px;
  border-color: #d4d4d4;
  font-family: inherit;
}

body.koch-lms-dashboard table th {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b6b6b;
  font-weight: 700;
}

body.koch-lms-dashboard table tbody tr:nth-child(even) {
  background: transparent;
}

body.koch-lms-dashboard table tbody tr:hover {
  background: #fafafa;
}

body.koch-lms-dashboard .koch-courses-tabs__item,
body.koch-lms-dashboard .koch-dash-tabs__item,
body.koch-lms-dashboard [class*="tabs__item"] {
  border-radius: 10px;
  font-family: inherit;
}

body.koch-lms-dashboard .koch-dash-section__head h2,
body.koch-lms-dashboard .koch-dash h1,
body.koch-lms-dashboard .masterstudy-account-container h1 {
  letter-spacing: -0.01em;
  font-weight: 700;
}

body.koch-lms-login {
  background: #ffffff;
}

body.koch-lms-login .koch-auth-page__brand {
  background: #111111 url("../assets/seminar-1.jpg") center 42% / cover no-repeat;
}

body.koch-lms-login .koch-auth-page__brand::before {
  background:
    linear-gradient(to bottom, rgba(17, 17, 17, 0.55) 0%, rgba(17, 17, 17, 0.15) 28%, transparent 46%),
    linear-gradient(to top, rgba(17, 17, 17, 0.82) 0%, rgba(17, 17, 17, 0.25) 48%, transparent 100%);
}

body.koch-lesson-study {
  background: #ffffff;
  color: #111111;
}

body.koch-lesson-study .koch-lesson-video__aspect {
  border-radius: 14px;
}