:root {
  color-scheme: light;
  --ink: #16201d;
  --muted: #66706b;
  --line: #d8d1c4;
  --paper: #fbfaf7;
  --wash: #f2eee6;
  --brand: #143a3a;
  --brand-2: #1f6f66;
  --accent: #b65f32;
  --gold: #b58a2a;
  --blue: #2f5f8f;
  --ok: #26734d;
  --danger: #9b2d2d;
  --shadow: 0 16px 40px rgba(22, 32, 29, .10);
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", system-ui, -apple-system, Segoe UI, sans-serif;
  letter-spacing: 0;
}

body {
  min-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
  margin: 0;
  background:
    linear-gradient(180deg, rgba(20, 58, 58, .08), rgba(255, 255, 255, 0) 340px),
    var(--paper);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

.shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  border-bottom: 1px solid rgba(216, 209, 196, .84);
  background: rgba(251, 250, 247, .92);
  backdrop-filter: blur(18px);
}

.partner-brand-strip {
  border-bottom: 1px solid rgba(216, 209, 196, .8);
  background: #f7f1e8;
  color: #35413c;
}

.partner-brand-strip .inner {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 0;
}

.partner-brand-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.partner-brand-strip strong {
  color: var(--brand);
  font-size: 14px;
}

.partner-brand-strip span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.partner-brand-portal {
  flex: 0 0 auto;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  border: 1px solid rgba(20, 58, 58, .2);
  border-radius: 8px;
  background: #fffdf8;
  color: var(--brand);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.nav {
  width: min(1180px, calc(100vw - 32px));
  min-height: 66px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 18px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.brand img {
  width: 34px;
  height: 34px;
}

.navlinks {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

.navlinks a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  padding: 0 12px;
  color: #33403b;
  font-size: 14px;
}

.navlinks a:hover,
.navlinks a.active {
  background: #e9e3d7;
}

.main {
  flex: 1;
}

.band {
  width: 100%;
  padding: 44px 0;
}

.band.compact {
  padding: 28px 0;
}

.inner {
  width: min(1180px, calc(100vw - 32px));
  margin: 0 auto;
}

.hero {
  min-height: min(620px, calc(100vh - 66px));
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  align-items: center;
  gap: 42px;
  padding-top: 30px;
  padding-bottom: 34px;
}

.hero-copy {
  max-width: 720px;
}

.eyebrow {
  margin: 0 0 12px;
  color: var(--accent);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 13px;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 18px;
  font-size: clamp(34px, 4.6vw, 58px);
  line-height: 1.08;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

h2 {
  margin-bottom: 18px;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

h3 {
  margin-bottom: 10px;
  font-size: 19px;
  line-height: 1.32;
}

.lead {
  max-width: 780px;
  color: #46514d;
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.72;
}

.hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.hero-proof span,
.choice-strip span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  border: 1px solid #ddd4c7;
  border-radius: 999px;
  padding: 0 12px;
  background: rgba(255, 255, 255, .72);
  color: #3d4944;
  font-size: 13px;
  font-weight: 700;
}

.hero-note {
  max-width: 660px;
  margin: 14px 0 0;
  border-left: 4px solid var(--accent);
  padding: 10px 12px;
  background: rgba(255, 255, 255, .72);
  color: #4d5a55;
  font-size: 14px;
  line-height: 1.65;
}

.actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.top-actions {
  margin: 0 0 18px;
}

.inline-form {
  display: inline-flex;
  margin: 0;
}

.btn {
  min-height: 46px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 18px;
  background: var(--brand);
  color: #fff;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  cursor: pointer;
}

.btn:hover {
  background: #0d2e2e;
}

.btn.small {
  min-height: 34px;
  padding: 0 10px;
  font-size: 12px;
}

.btn.secondary {
  background: #fff;
  color: var(--brand);
  border-color: var(--line);
}

.btn.secondary:hover {
  background: #f0ece4;
}

.btn.ghost {
  background: transparent;
  color: var(--brand);
  border-color: transparent;
}

.btn.danger {
  background: var(--danger);
}

.clean-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.clean-list li {
  position: relative;
  padding-left: 20px;
  color: #4d5a54;
  line-height: 1.55;
}

.clean-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .68em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
}

.hero-panel {
  position: relative;
  min-height: 430px;
  border: 1px solid rgba(216, 209, 196, .88);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(12, 35, 35, .70), rgba(20, 58, 58, .20) 44%, rgba(22, 32, 29, .52)),
    url("/assets/img/hero-metaphysics-ai.webp"),
    #143a3a;
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
  box-shadow: var(--shadow);
}

.hero-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 52px 52px;
  opacity: .42;
}

.hero-panel::after {
  content: "";
  position: absolute;
  right: -180px;
  top: -220px;
  width: 680px;
  height: 680px;
  background: url("/assets/img/luopan-orbit.png") center / contain no-repeat;
  opacity: .34;
  pointer-events: none;
}

.offline-hero .hero {
  min-height: calc(100vh - 128px);
}

.offline-page .offline-panel {
  min-height: 460px;
}

.course-wheel {
  position: absolute;
  inset: 34px;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-content: end;
}

.wheel-item {
  position: relative;
  min-height: 104px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, .10);
  backdrop-filter: blur(8px);
}

.wheel-item strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}

.wheel-item span {
  color: rgba(255,255,255,.78);
  font-size: 13px;
}

.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
}

.section-head p {
  max-width: 680px;
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.7;
}

.value-grid,
.path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.value-grid.compact {
  margin-top: 10px;
}

.value-card,
.path-step {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(22, 32, 29, .05);
  overflow: hidden;
}

.value-card::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -120px;
  width: 240px;
  height: 240px;
  background: url("/assets/img/luopan-orbit.png") center / contain no-repeat;
  opacity: .08;
  pointer-events: none;
}

.value-card span,
.path-step strong {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  background: #f0e4d7;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.value-card h3,
.path-step span {
  display: block;
  margin-top: 12px;
  font-weight: 900;
}

.value-card p,
.path-step p {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.65;
}

.path-grid {
  position: relative;
  border: 1px solid rgba(216, 209, 196, .75);
  border-radius: 8px;
  padding: 18px;
  background:
    linear-gradient(90deg, rgba(251, 250, 247, .95), rgba(251, 250, 247, .88)),
    url("/assets/img/course-accent.png") center / cover no-repeat;
  box-shadow: var(--shadow);
}

.choice-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
}

.recommendation-band {
  position: relative;
}

.recommend-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.recommend-card {
  min-width: 0;
  min-height: 238px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--line);
  border-left: 4px solid var(--brand-2);
  border-radius: 8px;
  padding: 17px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(22, 32, 29, .06);
}

.recommend-card > span {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  background: #eef4f2;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
}

.recommend-card h3 {
  margin-top: 14px;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.recommend-card p {
  flex: 1;
  color: var(--muted);
  line-height: 1.7;
}

.recommend-card .btn {
  align-self: flex-start;
  margin-top: 6px;
}

.recommend-card.tone-system {
  border-left-color: var(--accent);
  background: linear-gradient(180deg, #fff, #fbf6ee);
}

.recommend-card.tone-cert {
  border-left-color: var(--blue);
}

.recommend-card.tone-focus {
  border-left-color: var(--brand);
}

.advisor-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 22px;
  align-items: center;
}

.advisor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: 18px;
  align-items: start;
}

.advisor-form {
  display: grid;
  gap: 14px;
}

.advisor-group {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(22, 32, 29, .05);
}

.advisor-group h2 {
  margin-bottom: 12px;
  font-size: clamp(22px, 3vw, 30px);
}

.advisor-group label {
  min-width: 0;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid #e5ded2;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
}

.advisor-group label + label {
  margin-top: 8px;
}

.advisor-group input {
  width: 18px;
  height: 18px;
  margin-top: 3px;
  accent-color: var(--brand);
}

.advisor-group span,
.advisor-group strong,
.advisor-group em {
  display: block;
  min-width: 0;
}

.advisor-group strong {
  color: var(--ink);
  line-height: 1.35;
}

.advisor-group em {
  margin-top: 3px;
  color: var(--muted);
  font-style: normal;
  line-height: 1.55;
}

.advisor-group label:has(input:checked) {
  border-color: rgba(31, 111, 102, .55);
  background: #eef4f2;
}

.advisor-result {
  position: sticky;
  top: 86px;
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .88);
  border-radius: 8px;
  padding: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,246,238,.95)),
    url("/assets/img/course-accent.png") center / cover no-repeat;
  box-shadow: var(--shadow);
}

.advisor-result h2 {
  color: var(--brand);
}

.advisor-result p {
  color: #46514d;
  line-height: 1.75;
}

.advisor-result-points {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.advisor-result-points span {
  min-width: 0;
  border: 1px solid #e2d8c8;
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(255,255,255,.78);
  color: #3c4843;
  font-weight: 800;
  line-height: 1.45;
}

.conversion-panel {
  margin-top: 32px;
}

.sticky-buy {
  position: sticky;
  top: 86px;
}

.sticky-buy .btn {
  width: 100%;
  margin-top: 12px;
}

.image-panel {
  overflow: hidden;
}

.panel-art {
  width: calc(100% + 36px);
  max-width: none;
  height: 150px;
  display: block;
  object-fit: cover;
  margin: -18px -18px 16px;
  border-bottom: 1px solid var(--line);
}

.price-compare {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.price-compare div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 13px;
  background: rgba(255, 255, 255, .82);
}

.price-compare span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.price-compare strong {
  display: block;
  margin-top: 4px;
  color: var(--brand);
  font-size: 20px;
}

.checkout-review .order-card {
  margin-top: 22px;
}

.checkout-retry-note {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(182, 95, 50, .36);
  border-left: 5px solid var(--accent);
  border-radius: 8px;
  padding: 14px 16px;
  background: #fff7ed;
  box-shadow: 0 12px 26px rgba(182, 95, 50, .08);
}

.checkout-retry-note strong {
  color: var(--accent);
  font-size: 18px;
}

.checkout-retry-note span {
  color: #4d5853;
  line-height: 1.72;
}

.checkout-outcome-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 4px;
}

.checkout-outcome-grid div {
  min-width: 0;
  border: 1px solid #e5dacb;
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 8px 20px rgba(22, 32, 29, .04);
}

.checkout-outcome-grid strong,
.checkout-outcome-grid span {
  display: block;
  min-width: 0;
}

.checkout-outcome-grid strong {
  color: var(--brand);
  font-size: 15px;
  line-height: 1.3;
}

.checkout-outcome-grid span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.checkout-success-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .42fr);
  gap: 18px;
  align-items: stretch;
}

.checkout-success-hero > div,
.checkout-success-steps,
.checkout-success-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 28px rgba(22, 32, 29, .06);
}

.checkout-success-hero > div {
  padding: 24px;
  background:
    linear-gradient(110deg, rgba(255,255,255,.96), rgba(246,241,231,.9)),
    url("/assets/img/course-accent.png") center / cover no-repeat;
}

.checkout-success-steps {
  padding: 20px;
}

.checkout-success-steps h3 {
  color: var(--brand);
}

.checkout-success-steps ol {
  display: grid;
  gap: 10px;
  margin: 0;
  padding-left: 20px;
  color: var(--muted);
  line-height: 1.6;
}

.checkout-success-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.checkout-success-grid > div {
  padding: 16px;
}

.checkout-success-grid strong,
.checkout-success-grid span {
  display: block;
}

.checkout-success-grid strong {
  color: var(--brand);
  font-size: 17px;
}

.checkout-success-grid span {
  margin-top: 6px;
  color: var(--muted);
  line-height: 1.6;
}

.order-summary {
  display: grid;
  gap: 10px;
  margin: 18px 0;
}

.order-summary div {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border-bottom: 1px solid #ebe4d9;
  padding-bottom: 10px;
}

.order-summary span {
  color: var(--muted);
  font-weight: 700;
}

.order-summary strong {
  color: var(--brand);
  font-size: 20px;
  white-space: nowrap;
}

.order-summary .order-total {
  border-bottom: 0;
  padding: 12px 0 0;
}

.order-summary .order-total strong {
  color: var(--accent);
  font-size: clamp(28px, 5vw, 42px);
}

.coupon-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  margin-top: 8px;
}

.checkout-pay-form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.checkout-coupon-form {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed #e4d9ca;
}

.checkout-trust .clean-list {
  margin-top: 12px;
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.faq-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(22, 32, 29, .05);
}

.faq-card summary {
  cursor: pointer;
  color: var(--brand);
  font-weight: 900;
  line-height: 1.45;
}

.faq-card p {
  margin: 12px 0 0;
  color: var(--muted);
  line-height: 1.65;
}

.mobile-cta {
  display: none;
}

.mobile-cta strong,
.mobile-cta span {
  display: block;
  min-width: 0;
}

.mobile-cta span {
  color: var(--muted);
  font-size: 12px;
}

.auth-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
  gap: 18px;
  align-items: start;
}

.auth-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 22px;
}

.auth-card h2 {
  margin-bottom: 8px;
  font-size: 24px;
}

.google-panel {
  position: sticky;
  top: 86px;
}

.google-panel .g_id_signin {
  margin: 16px 0 10px;
}

.google-login-mount {
  display: grid;
  gap: 12px;
  margin: 16px 0 10px;
}

.google-login-mount .btn {
  width: 100%;
}

.auth-benefits {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.password-rules {
  margin: -4px 0 0;
}

.form-link {
  margin: -4px 0 0;
}

.form-link a {
  color: var(--brand-2);
  font-weight: 800;
}

.form-message {
  margin-top: 18px;
  border-radius: 8px;
  padding: 12px 14px;
  font-weight: 800;
  line-height: 1.55;
}

.form-message.error {
  border: 1px solid rgba(155, 45, 45, .28);
  background: rgba(155, 45, 45, .08);
  color: var(--danger);
}

.form-message.success {
  border: 1px solid rgba(38, 115, 77, .28);
  background: rgba(38, 115, 77, .08);
  color: var(--ok);
}

.intent-card {
  display: grid;
  gap: 5px;
  margin-top: 18px;
  border: 1px solid rgba(20, 58, 58, .22);
  border-radius: 8px;
  padding: 14px 16px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .88)),
    url("/assets/img/course-accent.png") center / cover no-repeat;
  box-shadow: 0 8px 24px rgba(22, 32, 29, .06);
}

.intent-card strong {
  color: var(--brand);
  font-size: 18px;
}

.intent-card span {
  color: var(--muted);
  line-height: 1.6;
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.grid > *,
.stats > *,
.split > *,
.auth-grid > *,
.auth-panels > *,
.value-grid > *,
.path-grid > *,
.faq-grid > *,
.section-head > * {
  min-width: 0;
}

.course-card,
.panel,
.lesson-row,
.question,
.stat,
.mini-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(22, 32, 29, .06);
}

.course-card {
  min-height: 270px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.course-cover {
  min-height: 88px;
  padding: 16px;
  display: flex;
  align-items: end;
  justify-content: space-between;
  background: linear-gradient(135deg, var(--brand), var(--blue));
  color: #fff;
}

.course-card:nth-child(2n) .course-cover {
  background: linear-gradient(135deg, #6d4d1d, #1f6f66);
}

.course-card:nth-child(3n) .course-cover {
  background: linear-gradient(135deg, #7d3e2a, #2f5f8f);
}

.course-cover span {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  font-size: 12px;
}

.course-body {
  padding: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.course-body p {
  color: var(--muted);
  line-height: 1.65;
}

.meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 16px;
}

.pill {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  background: #eee8dc;
  color: #38453f;
  font-size: 12px;
  font-weight: 700;
}

.course-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}

.price {
  color: var(--brand);
  font-size: 22px;
  font-weight: 900;
}

.split {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(280px, .28fr);
  gap: 18px;
  align-items: start;
}

.panel {
  min-width: 0;
  padding: 18px;
}

.panel p,
.small {
  color: var(--muted);
  line-height: 1.65;
}

.stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.stat {
  padding: 16px;
}

.stat strong {
  display: block;
  font-size: 26px;
  color: var(--brand);
}

.stat span {
  color: var(--muted);
  font-size: 13px;
}

.funnel-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.funnel-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, .82);
}

.funnel-grid span,
.funnel-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.funnel-grid strong {
  display: block;
  margin: 4px 0;
  color: var(--brand);
  font-size: 24px;
}

.admin-funnel-workbench {
  overflow: hidden;
}

.admin-funnel-filter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  align-items: end;
  margin: 16px 0;
}

.admin-funnel-filter .btn {
  min-width: 0;
  white-space: normal;
}

.funnel-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 18px;
}

.funnel-kpi-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: #fbfaf7;
}

.funnel-kpi-grid span,
.funnel-kpi-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.funnel-kpi-grid strong {
  display: block;
  margin: 4px 0;
  color: var(--brand);
  font-size: 23px;
  overflow-wrap: anywhere;
}

.funnel-course-drilldown {
  margin-top: 8px;
}

.funnel-course-list {
  display: grid;
  gap: 8px;
}

.funnel-course-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.35fr) repeat(7, minmax(0, 1fr));
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(216, 209, 196, .88);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
  color: inherit;
  text-decoration: none;
}

.funnel-course-row:hover {
  border-color: rgba(20, 58, 58, .35);
  box-shadow: 0 8px 24px rgba(16, 28, 28, .08);
}

.funnel-course-row span {
  min-width: 0;
}

.funnel-course-row strong,
.funnel-course-row b {
  display: block;
  color: var(--brand);
  font-size: 15px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.funnel-course-row small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.funnel-course-row .course-title strong {
  font-size: 16px;
}

.funnel-action-board {
  margin: 12px 0 18px;
  padding: 14px;
  border: 1px solid rgba(20, 58, 58, .14);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .9), rgba(244, 247, 242, .9));
}

.funnel-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
}

.funnel-action-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 13px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-decoration: none;
}

.funnel-action-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(16, 28, 28, .09);
}

.funnel-action-card span {
  align-self: flex-start;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}

.funnel-action-card strong {
  color: var(--brand);
  font-size: 15px;
  line-height: 1.25;
}

.funnel-action-card small,
.funnel-action-card p,
.funnel-action-card em {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.funnel-action-card em {
  margin-top: auto;
  color: var(--accent);
  font-style: normal;
  font-weight: 800;
}

.funnel-action-card.is-urgent {
  border-color: rgba(169, 74, 53, .36);
  background: #fff8f4;
}

.funnel-action-card.is-urgent span {
  color: #8d321d;
  background: #ffe1d4;
}

.funnel-action-card.is-watch span {
  color: #73551c;
  background: #fff0c8;
}

.funnel-action-card.is-steady span {
  color: #28574f;
  background: #e5f2ec;
}

.funnel-queue-board {
  margin: 16px 0 18px;
  padding: 14px;
  border: 1px solid rgba(20, 58, 58, .16);
  border-radius: 8px;
  background: #fffdf8;
}

.funnel-queue-board .section-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.funnel-queue-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 14px;
}

.funnel-queue-summary a {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.funnel-queue-summary span,
.funnel-queue-count span,
.funnel-queue-panel-head span,
.funnel-queue-panel-head small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.funnel-queue-summary strong,
.funnel-queue-count b,
.funnel-queue-panel-head strong {
  display: block;
  color: var(--brand);
  font-size: 22px;
  line-height: 1.15;
}

.funnel-queue-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.funnel-queue-panel {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.funnel-queue-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.funnel-queue-count {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  margin: 10px 0;
}

.funnel-queue-count b {
  font-size: 28px;
}

.funnel-queue-table {
  min-width: 780px;
  font-size: 13px;
}

.funnel-queue-table td {
  line-height: 1.45;
}

.queue-pill {
  display: inline-flex;
  max-width: 100%;
  margin-top: 4px;
  border-radius: 999px;
  padding: 4px 8px;
  color: #28574f;
  background: #e5f2ec;
  font-size: 12px;
  font-weight: 900;
}

.queue-copy {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.funnel-queue-more {
  display: inline-flex;
  margin-top: 10px;
  color: var(--accent);
  font-size: 13px;
  font-weight: 900;
}

.recovery-performance-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.recovery-performance-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: #fbfaf7;
}

.recovery-performance-grid span,
.recovery-performance-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.recovery-performance-grid strong {
  display: block;
  margin: 4px 0;
  color: var(--brand);
  font-size: 24px;
  line-height: 1;
}

.recovery-performance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.coupon-roi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 18px;
}

.coupon-roi-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: #fbfaf7;
}

.coupon-roi-grid span,
.coupon-roi-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.coupon-roi-grid strong {
  display: block;
  margin: 4px 0;
  color: var(--brand);
  font-size: 24px;
  line-height: 1;
  overflow-wrap: anywhere;
}

.coupon-action {
  display: block;
  max-width: 220px;
  color: #35413c;
  font-weight: 700;
  line-height: 1.45;
}

.coupon-row-actions,
.coupon-delete-form {
  display: grid;
  gap: 8px;
  min-width: 220px;
}

.coupon-row-actions .inline-form {
  justify-content: flex-start;
}

.coupon-delete-form select,
.coupon-delete-form input {
  width: 100%;
  min-width: 0;
  border: 1px solid #d7cdbd;
  border-radius: 8px;
  padding: 7px 9px;
  background: #fff;
}

.coupon-delete-form .risk-confirm-field small {
  max-width: 240px;
}

.admin-partner-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

.admin-partner-form .wide {
  grid-column: span 2;
}

.check-field {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #35413c;
  font-weight: 800;
}

.admin-partner-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  margin: 18px 0 10px;
}

.admin-partner-search input {
  min-width: 0;
  min-height: 46px;
  border: 1px solid #d7cdbd;
  border-radius: 8px;
  padding: 0 12px;
  background: #fff;
  color: var(--ink);
}

.partner-logo-thumb {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: inline-block;
  margin: 0 8px 6px 0;
  vertical-align: middle;
  border: 1px solid #e5ded2;
  border-radius: 8px;
  background: #fff;
}

.partner-logo-upload {
  margin: 14px 0 18px;
  padding: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(260px, .9fr);
  gap: 14px;
  align-items: center;
  border: 1px solid #d8d1c4;
  border-radius: 8px;
  background: #f7f3ea;
}

.partner-logo-upload strong,
.partner-logo-upload span {
  display: block;
}

.partner-logo-upload strong {
  color: var(--brand);
  font-size: 15px;
}

.partner-logo-upload span,
.partner-logo-upload small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.partner-logo-upload form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}

.partner-logo-upload label {
  display: grid;
  gap: 6px;
  color: #35413c;
  font-weight: 800;
}

.partner-logo-upload input[type="file"] {
  width: 100%;
  min-height: 46px;
  min-width: 0;
  padding: 9px;
  border: 1px dashed #cbbda8;
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
}

.partner-logo-preview {
  width: 76px;
  height: 76px;
  object-fit: contain;
  border: 1px solid #e5ded2;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
}

.partner-review-board {
  margin-top: 18px;
  border-top: 1px solid rgba(216, 209, 196, .9);
  padding-top: 18px;
}

.partner-review-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 14px;
}

.partner-review-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 12px;
  background: #fffdf8;
}

.partner-review-grid span,
.partner-review-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.partner-review-grid strong {
  display: block;
  margin: 3px 0;
  color: var(--brand);
  font-size: 20px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.partner-review-table {
  min-width: 1120px;
}

.partner-review-actions {
  margin-top: 8px;
}

.partner-settlement-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 20px;
}

.partner-settlement-grid > div {
  min-width: 0;
  padding: 14px;
  border: 1px solid #ded5c6;
  border-radius: 8px;
  background: #fff;
}

.partner-settlement-grid span,
.partner-settlement-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.partner-settlement-grid strong {
  display: block;
  margin: 4px 0;
  color: var(--brand);
  font-size: 24px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.partner-settlement-review {
  margin: 10px 0 22px;
  padding: 14px;
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 8px;
  background: linear-gradient(180deg, #fffdf8 0%, #f8f4ec 100%);
}

.partner-settlement-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 14px;
}

.partner-settlement-review-grid > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 8px;
  background: #fff;
}

.partner-settlement-review-grid span,
.partner-settlement-review-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.partner-settlement-review-grid strong {
  display: block;
  margin: 4px 0;
  color: var(--brand);
  font-size: 22px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.partner-settlement-review-table {
  min-width: 1180px;
}

.partner-settlement-review-actions {
  margin-top: 8px;
}

.admin-partner-settlement-filter {
  display: grid;
  grid-template-columns: minmax(180px, .5fr) minmax(260px, 1fr) auto auto auto;
  gap: 10px;
  align-items: end;
  margin: 12px 0 10px;
  padding: 12px;
  border: 1px solid #ded5c6;
  border-radius: 8px;
  background: #f8f4ec;
}

.admin-partner-settlement-filter .field {
  display: grid;
  gap: 6px;
  min-width: 0;
  margin: 0;
  color: #35413c;
  font-weight: 800;
}

.admin-partner-settlement-filter span {
  color: var(--muted);
  font-size: 12px;
}

.admin-partner-settlement-filter select,
.admin-partner-settlement-filter input {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border: 1px solid #d7cdbd;
  border-radius: 8px;
  padding: 0 12px;
  background: #fff;
  color: var(--ink);
}

.admin-settlement-filter-note {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.partner-portal-login {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  gap: 24px;
  align-items: stretch;
}

.partner-portal-login-copy,
.partner-portal-hero,
.partner-portal-promo,
.partner-portal-funnel,
.partner-portal-card {
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 16px 38px rgba(22, 32, 29, .08);
}

.partner-portal-login-copy {
  padding: 30px;
  background:
    linear-gradient(135deg, rgba(20, 58, 58, .08), rgba(182, 95, 50, .07)),
    #fffdf8;
}

.partner-portal-login-form {
  display: grid;
  gap: 14px;
  align-content: center;
}

.partner-portal-login-form h2,
.partner-portal-login-form p {
  margin: 0;
}

.partner-portal-value-grid,
.partner-portal-kpis,
.partner-portal-links,
.partner-portal-funnel-steps,
.partner-portal-settlement-summary {
  display: grid;
  gap: 12px;
}

.partner-portal-value-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 22px;
}

.partner-portal-value-grid > div,
.partner-portal-kpis > div,
.partner-portal-links article,
.partner-portal-funnel-steps > div,
.partner-portal-settlement-summary > div {
  min-width: 0;
  border: 1px solid #e3dbce;
  border-radius: 8px;
  background: #fff;
}

.partner-portal-value-grid > div {
  padding: 16px;
}

.partner-portal-value-grid strong,
.partner-portal-value-grid span {
  display: block;
}

.partner-portal-value-grid strong {
  color: var(--brand);
  font-size: 15px;
}

.partner-portal-value-grid span {
  margin-top: 7px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.partner-portal-shell {
  display: grid;
  gap: 18px;
}

.partner-portal-hero {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: 24px;
  align-items: stretch;
  padding: 30px;
  background:
    linear-gradient(135deg, rgba(20, 58, 58, .09), rgba(47, 95, 143, .06)),
    #fffdf8;
}

.partner-portal-brand-card {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 18px;
  border: 1px solid #d8d1c4;
  border-radius: 8px;
  background: #fff;
}

.partner-portal-brand-card img {
  width: 74px;
  height: 74px;
  object-fit: contain;
  border: 1px solid #e5ded2;
  border-radius: 8px;
  padding: 8px;
  background: #fffdf8;
}

.partner-portal-brand-card strong {
  color: var(--brand);
  font-size: 20px;
}

.partner-portal-brand-card span,
.partner-portal-brand-card small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.partner-portal-brand-card b {
  width: fit-content;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(181, 138, 42, .14);
  color: #765b16;
  font-size: 13px;
}

.partner-portal-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
  gap: 18px;
  align-items: start;
}

.partner-profile-form {
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}

.partner-profile-form .wide,
.partner-profile-form .partner-portal-profile-note {
  grid-column: 1 / -1;
}

.partner-profile-form textarea {
  min-height: 92px;
}

.partner-portal-profile-note {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.partner-portal-logo-upload {
  min-width: 0;
  margin: 0;
  grid-template-columns: 1fr;
  align-items: start;
}

.partner-portal-logo-upload .partner-logo-preview {
  width: 96px;
  height: 96px;
}

.partner-portal-logo-upload form {
  grid-template-columns: 1fr;
  align-items: stretch;
}

.partner-portal-logo-upload .btn {
  width: 100%;
}

.partner-portal-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.partner-portal-kpis > div {
  padding: 16px;
}

.partner-portal-kpis span,
.partner-portal-kpis small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.partner-portal-kpis strong {
  display: block;
  margin: 6px 0;
  color: var(--brand);
  font-size: 25px;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.partner-portal-value-board {
  margin-top: 0;
}

.partner-portal-promo,
.partner-portal-funnel,
.partner-portal-card {
  padding: 20px;
}

.partner-portal-links {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.partner-portal-links article {
  display: grid;
  gap: 10px;
  padding: 13px;
}

.partner-portal-links span {
  color: var(--brand);
  font-size: 13px;
  font-weight: 900;
}

.partner-portal-links input {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  border: 1px solid #d7cdbd;
  border-radius: 8px;
  padding: 0 10px;
  background: #fbfaf7;
  color: #35413c;
  font-size: 12px;
}

.partner-portal-funnel-steps {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.partner-portal-funnel-steps > div {
  padding: 14px;
  text-align: center;
}

.partner-portal-funnel-steps span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.partner-portal-funnel-steps strong {
  display: block;
  margin-top: 6px;
  color: var(--blue);
  font-size: 24px;
}

.partner-portal-grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 18px;
  align-items: start;
}

.partner-portal-card .section-head.slim {
  margin-top: 0;
}

.partner-portal-card .table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.partner-portal-table {
  min-width: 680px;
}

.partner-portal-settlement-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 14px;
}

.partner-portal-settlement-summary > div {
  padding: 14px;
}

.partner-portal-settlement-summary span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.partner-portal-settlement-summary strong {
  display: block;
  margin-top: 5px;
  color: var(--brand);
  font-size: 22px;
  overflow-wrap: anywhere;
}

.partner-portal-admin-link {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  padding: 12px;
  border: 1px dashed rgba(20, 58, 58, .24);
  border-radius: 8px;
  background: #f7f3ea;
}

.partner-portal-admin-link strong {
  color: var(--brand);
}

.partner-portal-admin-link span {
  flex: 1 1 auto;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.section-head.slim {
  margin-top: 18px;
  margin-bottom: 10px;
}

.partner-settlement-create-form,
.partner-settlement-update-form {
  display: grid;
  gap: 8px;
  min-width: 240px;
}

.partner-settlement-create-form label,
.partner-settlement-update-form label {
  display: grid;
  gap: 5px;
  color: #35413c;
  font-weight: 800;
}

.partner-settlement-create-form span,
.partner-settlement-update-form span {
  color: var(--muted);
  font-size: 12px;
}

.partner-settlement-create-form input,
.partner-settlement-update-form input,
.partner-settlement-update-form select,
.partner-settlement-update-form textarea {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  border: 1px solid #d7cdbd;
  border-radius: 8px;
  padding: 7px 9px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.partner-settlement-update-form .wide {
  grid-column: 1 / -1;
}

.settlement-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
}

.settlement-status.is-paid {
  background: #dff1df;
  color: #245c2f;
}

.settlement-status.is-pending {
  background: #fff0c2;
  color: #795610;
}

.settlement-status.is-held {
  background: #e9e3d7;
  color: #5d5142;
}

.settlement-status.is-canceled {
  background: #f4d8d4;
  color: #8a2f25;
}

.admin-user-search {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(160px, .5fr) auto auto;
  gap: 10px;
  align-items: end;
  margin: 18px 0;
}

.admin-user-editor {
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 16px;
  margin: 10px 0 18px;
  background: #fbfaf7;
}

.compact-head {
  margin-bottom: 12px;
}

.admin-user-detail-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.admin-user-detail-grid div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.admin-user-detail-grid span,
.admin-user-detail-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.admin-user-detail-grid strong {
  display: block;
  margin: 4px 0;
  color: var(--brand);
  font-size: 22px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.admin-user-form,
.admin-enrollment-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

.admin-user-form .wide {
  grid-column: span 2;
}

.admin-user-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 16px 0;
}

.admin-user-delete {
  justify-content: end;
}

.user-enrollments {
  margin-top: 12px;
}

.admin-payment-search,
.admin-exam-search {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(150px, .45fr) auto auto auto;
  gap: 10px;
  align-items: end;
  margin: 18px 0 10px;
}

.admin-payment-filter-note,
.admin-exam-filter-note {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 10px;
}

.admin-payment-update-form,
.admin-exam-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: min(560px, 100%);
}

.admin-payment-update-form label,
.admin-exam-form label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.admin-payment-update-form label span,
.admin-exam-form label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.admin-payment-update-form input,
.admin-payment-update-form select,
.admin-payment-update-form textarea,
.admin-exam-form input,
.admin-exam-form select,
.admin-exam-form textarea {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
  color: var(--ink);
}

.admin-payment-update-form .wide,
.admin-exam-form .wide {
  grid-column: 1 / -1;
}

.admin-payment-update-form .btn,
.admin-exam-form .btn {
  align-self: end;
}

.admin-exam-form .check-field {
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
}

.admin-exam-form .check-field input {
  width: auto;
  min-height: 0;
}

.config-health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.config-health-item {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: #fbfaf7;
}

.config-health-item span,
.config-health-item small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.config-health-item strong {
  display: block;
  margin: 5px 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.25;
}

.config-health-item.is-ready {
  border-color: rgba(63, 128, 82, .32);
  background: #f3faf4;
}

.config-health-item.is-warning {
  border-color: rgba(184, 125, 46, .34);
  background: #fff8ec;
}

.config-health-item.is-action {
  border-color: rgba(174, 80, 64, .34);
  background: #fff4f1;
}

.config-health-note {
  margin-top: 12px;
  border-left: 4px solid var(--accent);
  padding: 10px 12px;
  background: #fff;
  color: #5d4a35;
  font-size: 13px;
  line-height: 1.55;
}

.launch-gate {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 14px;
  margin: 0 0 14px;
  background: #fbfaf7;
}

.launch-gate > div {
  flex: 1 1 280px;
  min-width: 0;
}

.launch-gate span,
.launch-gate small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.launch-gate strong {
  display: block;
  margin: 4px 0;
  color: var(--ink);
  font-size: 24px;
}

.launch-gate.is-ready {
  border-color: rgba(63, 128, 82, .32);
  background: #f3faf4;
}

.launch-gate.is-action {
  border-color: rgba(174, 80, 64, .34);
  background: #fff4f1;
}

.launch-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0;
  margin: 14px 0 0;
  list-style: none;
}

.launch-check {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.launch-check strong,
.launch-check span,
.launch-check em {
  display: block;
}

.launch-check strong {
  color: var(--ink);
  font-size: 14px;
}

.launch-check span {
  margin: 5px 0 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.launch-check em {
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.launch-check.is-ready em {
  color: #2d6d43;
  background: #e8f6ec;
}

.launch-check.is-warning em {
  color: #9b6120;
  background: #fff1d6;
}

.launch-check.is-action em {
  color: #ad503a;
  background: #ffe4df;
}

.production-switchboard {
  min-width: 0;
  border: 1px solid rgba(55, 96, 86, .22);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0 0;
  background: linear-gradient(135deg, #f7fbf8 0%, #fffdf7 100%);
}

.production-switch-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.production-switch-step {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: rgba(255, 255, 255, .9);
}

.production-switch-step > div {
  min-width: 0;
}

.production-switch-step span,
.production-switch-step small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.production-switch-step strong {
  display: block;
  margin: 4px 0;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.25;
}

.production-switch-step em {
  flex: 0 0 auto;
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.production-switch-step.is-ready {
  border-color: rgba(63, 128, 82, .28);
}

.production-switch-step.is-ready em {
  color: #2d6d43;
  background: #e8f6ec;
}

.production-switch-step.is-warning {
  border-color: rgba(184, 125, 46, .3);
}

.production-switch-step.is-warning em {
  color: #9b6120;
  background: #fff1d6;
}

.production-switch-step.is-action {
  border-color: rgba(174, 80, 64, .32);
}

.production-switch-step.is-action em {
  color: #ad503a;
  background: #ffe4df;
}

.settings-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.settings-kpi-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 14px;
  background: #fbfaf7;
}

.settings-kpi-grid span,
.settings-kpi-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.settings-kpi-grid strong {
  display: block;
  margin: 5px 0;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.profit-guard-board {
  min-width: 0;
  border: 1px solid rgba(72, 116, 95, .24);
  border-radius: 8px;
  padding: 16px;
  margin: 0 0 18px;
  background: linear-gradient(135deg, #f8fcf9 0%, #fffdf7 100%);
}

.profit-guard-kpis,
.profit-scenario-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0;
}

.profit-scenario-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 0;
}

.profit-guard-kpis > div,
.profit-scenario-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .82);
  border-radius: 8px;
  padding: 13px;
  background: rgba(255, 255, 255, .88);
}

.profit-guard-kpis span,
.profit-guard-kpis small,
.profit-scenario-grid span,
.profit-scenario-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.profit-guard-kpis strong,
.profit-scenario-grid strong {
  display: block;
  margin: 5px 0;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.profit-table-wrap {
  margin-top: 10px;
}

.profit-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.profit-status.is-strong,
.profit-guard-table tr.is-strong .profit-status {
  color: #24614f;
  background: #e8f5ef;
}

.profit-status.is-watch,
.profit-guard-table tr.is-watch .profit-status {
  color: #806020;
  background: #fff2d8;
}

.profit-status.is-risk,
.profit-guard-table tr.is-risk .profit-status {
  color: #a54832;
  background: #ffe6df;
}

.audit-review-board {
  min-width: 0;
  border: 1px solid rgba(177, 127, 74, .24);
  border-radius: 8px;
  padding: 16px;
  margin: 0 0 18px;
  background: linear-gradient(135deg, #fffdf8 0%, #f7fbf6 100%);
}

.audit-review-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0;
}

.audit-review-card {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, .86);
}

.audit-review-card span,
.audit-review-card small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.audit-review-card strong {
  display: block;
  margin: 5px 0;
  color: var(--ink);
  font-size: 22px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.audit-review-card.is-critical {
  border-color: rgba(173, 80, 58, .32);
  background: #fff8f6;
}

.audit-review-card.is-money {
  border-color: rgba(72, 116, 95, .28);
  background: #f6fbf8;
}

.audit-review-card.is-access,
.audit-review-card.is-today {
  border-color: rgba(177, 127, 74, .3);
  background: #fff9ee;
}

.audit-review-card.is-academic {
  border-color: rgba(70, 94, 140, .24);
  background: #f7f9fd;
}

.admin-risk-review-filter {
  margin-top: 14px;
}

.admin-risk-review-table {
  margin-top: 12px;
}

.audit-next-action {
  display: block;
  color: #314f43;
  font-size: 13px;
  line-height: 1.45;
}

.admin-permission-boundary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}

.admin-permission-boundary > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 14px;
  background: #fffdf8;
}

.admin-permission-boundary span,
.admin-permission-boundary small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.admin-permission-boundary strong {
  display: block;
  margin: 5px 0;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.25;
}

.admin-settings-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0 0 18px;
}

.settings-group-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.settings-group-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  background: #fffdf9;
  padding: 14px;
}

.settings-group-head {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 12px;
  align-items: start;
}

.settings-group-head span {
  display: block;
  color: #966928;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.settings-group-head strong {
  display: block;
  color: #143a3a;
  font-size: 20px;
  line-height: 1.2;
}

.settings-group-head p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.settings-group-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.setting-field {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .72);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.setting-field small {
  display: block;
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.settings-owner-tools,
.admin-owner-filter {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(180px, .8fr) minmax(280px, 1.4fr);
  gap: 10px;
  align-items: end;
  margin: 0 0 14px;
}

.admin-owner-filter {
  grid-template-columns: minmax(220px, 1fr) auto auto auto;
  padding: 12px;
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  background: #fffdf8;
}

.settings-owner-tools .wide,
.admin-owner-filter .field {
  min-width: 0;
}

.settings-owner-empty {
  grid-column: 1 / -1;
}

.custom-settings-board {
  display: grid;
  gap: 14px;
  margin: 0 0 18px;
  padding: 14px;
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  background: #fffaf1;
}

.custom-setting-create-form {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
}

.custom-setting-create-form .wide {
  grid-column: span 2;
}

.custom-settings-wrap {
  margin-top: 0;
}

.custom-settings-table td {
  vertical-align: top;
}

.custom-setting-action-form {
  display: grid;
  grid-template-columns: minmax(96px, .55fr) minmax(120px, .9fr) minmax(120px, .8fr) minmax(150px, 1fr) minmax(150px, 1.1fr) auto;
  gap: 8px;
  align-items: end;
  min-width: 760px;
}

.custom-setting-action-form select,
.custom-setting-action-form input {
  min-width: 0;
}

.custom-setting-action-form .risk-confirm-field {
  margin: 0;
}

.custom-setting-action-form .risk-confirm-field small {
  max-width: 220px;
}

.admin-audit-filter {
  display: grid;
  grid-template-columns: minmax(160px, .45fr) minmax(0, 1fr) auto auto auto;
  gap: 10px;
  align-items: end;
  margin: 12px 0;
}

.admin-audit-filter .field {
  min-width: 0;
}

.admin-audit-filter .btn {
  min-width: 0;
  white-space: nowrap;
}

.audit-risk-note {
  border: 1px solid rgba(177, 127, 74, .28);
  border-radius: 8px;
  padding: 12px 14px;
  margin: 0 0 12px;
  color: #6a4423;
  background: #fff7ea;
  font-size: 13px;
  line-height: 1.55;
}

.audit-action {
  display: inline-flex;
  border-radius: 999px;
  padding: 4px 9px;
  background: #eef5f2;
  color: #28594c;
  font-size: 12px;
  font-weight: 900;
}

.audit-risk {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  color: var(--muted);
  background: #f1eee8;
  font-size: 12px;
  font-weight: 900;
}

.audit-risk.is-critical {
  color: #ad503a;
  background: #ffe4df;
}

.audit-risk.is-manual {
  color: #8a5a13;
  background: #fff1d6;
}

.audit-risk.is-routine {
  color: #2d6d43;
  background: #e8f6ec;
}

.risk-confirm-field {
  min-width: 0;
  border: 1px solid rgba(173, 80, 58, .28);
  border-radius: 8px;
  padding: 10px;
  background: #fff8f6;
}

.risk-confirm-field input {
  border-color: rgba(173, 80, 58, .36);
}

.risk-confirm-field small {
  display: block;
  margin-top: 6px;
  color: #8a4c3c;
  font-size: 12px;
  line-height: 1.45;
}

.progress-box {
  margin-top: 18px;
}

.progress-track {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: #e9e3d7;
}

.progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--brand-2));
}

.progress-track.compact {
  max-width: 260px;
  height: 8px;
  margin-top: 8px;
}

.account-next-action {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(216, 209, 196, .9);
  border-left: 4px solid var(--brand);
  border-radius: 8px;
  padding: 16px;
  margin: 18px 0 18px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.96), rgba(251,246,238,.9)),
    url("/assets/img/course-accent.png") center / cover no-repeat;
  box-shadow: 0 8px 24px rgba(22, 32, 29, .06);
}

.account-next-action h2 {
  margin-bottom: 8px;
  font-size: clamp(24px, 3vw, 32px);
}

.account-next-action p {
  max-width: 720px;
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.65;
}

.account-next-action .actions {
  justify-content: flex-end;
  margin-top: 0;
}

.account-next-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.account-next-stats span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #e1d6c7;
  border-radius: 999px;
  padding: 0 10px;
  background: rgba(255,255,255,.78);
  color: #40504a;
  font-size: 12px;
  font-weight: 800;
}

.account-shell {
  grid-template-columns: minmax(0, .74fr) minmax(300px, .26fr);
  align-items: start;
}

.account-main,
.account-course-card,
.account-empty-card,
.account-cert-panel {
  min-width: 0;
}

.account-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 20px;
}

.account-summary-grid > div,
.account-course-card,
.account-empty-card {
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 20px rgba(22, 32, 29, .05);
}

.account-summary-grid > div {
  padding: 13px;
}

.account-summary-grid span,
.account-summary-grid small {
  display: block;
  color: var(--muted);
}

.account-summary-grid span {
  font-size: 12px;
  font-weight: 900;
}

.account-summary-grid strong {
  display: block;
  margin: 5px 0 4px;
  color: var(--brand);
  font-size: 24px;
  line-height: 1.1;
}

.account-summary-grid small {
  font-size: 12px;
  line-height: 1.35;
}

.account-section-head {
  display: flex;
  gap: 12px;
  align-items: flex-end;
  justify-content: space-between;
  margin: 20px 0 12px;
}

.account-section-head.compact {
  margin-top: 24px;
}

.account-section-head h2 {
  margin: 3px 0 0;
}

.account-course-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.account-course-card {
  display: grid;
  gap: 12px;
  padding: 15px;
}

.account-course-card h3 {
  margin: 0;
}

.account-course-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.account-course-top {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.account-course-top span,
.account-course-top strong {
  min-width: 0;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  line-height: 1.2;
}

.account-course-top span {
  background: rgba(31, 90, 86, .1);
  color: var(--brand);
  font-weight: 900;
}

.account-course-top strong {
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff8ed;
  color: #7b5635;
}

.account-course-progress {
  display: grid;
  gap: 7px;
}

.account-course-progress > div:first-child {
  display: flex;
  gap: 8px;
  align-items: baseline;
  justify-content: space-between;
}

.account-course-progress b {
  color: var(--brand);
  font-size: 24px;
  line-height: 1;
}

.account-course-progress span,
.account-course-meta span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.account-course-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 10px;
}

.account-course-meta span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.account-course-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.account-course-actions .btn {
  width: 100%;
  min-width: 0;
}

.account-empty-card {
  grid-column: 1 / -1;
  padding: 16px;
}

.account-empty-card.compact {
  padding: 13px;
}

.account-empty-card h3 {
  margin-bottom: 7px;
}

.account-empty-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.account-recent-list {
  display: grid;
  gap: 10px;
}

.account-recent-row {
  margin-bottom: 0;
}

.account-recent-row .btn {
  white-space: nowrap;
}

.account-cert-panel {
  position: sticky;
  top: 92px;
}

.referral-public,
.referral-growth-panel {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,244,235,.9)),
    url("/assets/img/course-accent.png") center / cover no-repeat;
  box-shadow: 0 10px 28px rgba(22, 32, 29, .06);
}

.referral-public {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr);
  gap: 18px;
  align-items: center;
  padding: 24px;
}

.referral-public-copy,
.referral-growth-copy,
.referral-public-steps > div,
.referral-kpi-grid > div,
.referral-rules > div,
.referral-event-list > div {
  min-width: 0;
}

.referral-public-copy h2,
.referral-growth-copy h2 {
  margin-bottom: 10px;
  color: var(--brand);
}

.referral-public-copy p,
.referral-growth-copy p,
.referral-public-steps span,
.referral-rules span,
.referral-event-list span,
.referral-event-list small {
  color: var(--muted);
  line-height: 1.65;
}

.referral-public .actions {
  grid-column: 1 / -1;
  margin-top: 0;
}

.referral-public-steps,
.referral-kpi-grid,
.referral-rules {
  display: grid;
  gap: 12px;
}

.referral-public-steps {
  grid-template-columns: 1fr;
}

.referral-public-steps > div,
.referral-kpi-grid > div,
.referral-rules > div {
  border: 1px solid #e3dbce;
  border-radius: 8px;
  padding: 14px;
  background: rgba(255,255,255,.78);
}

.referral-public-steps strong,
.referral-rules strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ink);
}

.referral-growth-panel {
  width: min(1180px, calc(100vw - 32px));
  display: grid;
  gap: 16px;
  padding: 18px;
  margin: 18px auto;
}

.referral-share-box {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}

.referral-share-box span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.referral-share-box input {
  width: 100%;
  min-width: 0;
  border: 1px solid #dccfbe;
  border-radius: 8px;
  padding: 11px 12px;
  background: rgba(255,255,255,.86);
  color: var(--ink);
  overflow-wrap: anywhere;
}

.referral-kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.referral-kpi-grid span,
.referral-kpi-grid small {
  display: block;
  color: var(--muted);
}

.referral-kpi-grid strong {
  display: block;
  margin: 7px 0 5px;
  color: var(--brand);
  font-size: clamp(24px, 3vw, 34px);
}

.referral-impact-board {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(31, 90, 86, .18);
  border-radius: 8px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(242, 248, 245, .94), rgba(255, 250, 240, .82));
}

.referral-impact-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.referral-impact-head h3 {
  margin: 2px 0 0;
}

.referral-impact-head strong {
  border-radius: 999px;
  padding: 7px 11px;
  background: #143a3a;
  color: #fff;
  white-space: nowrap;
}

.referral-impact-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.referral-impact-grid > div {
  border: 1px solid rgba(20, 58, 58, .12);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255,255,255,.72);
}

.referral-impact-grid span,
.referral-impact-grid small,
.referral-impact-board p {
  color: var(--muted);
}

.referral-impact-grid strong {
  display: block;
  margin: 5px 0;
  color: var(--ink);
  font-size: 22px;
}

.referral-rules {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.referral-unlock-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.referral-unlock-form .field {
  margin-bottom: 0;
}

.referral-unlock-form select {
  width: 100%;
  min-width: 0;
}

.referral-event-list {
  display: grid;
  gap: 10px;
}

.referral-event-list > div {
  border-top: 1px solid #e3dbce;
  padding-top: 10px;
}

.referral-event-list strong,
.referral-event-list span,
.referral-event-list small {
  display: block;
}

.invite-landing {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .72fr);
  gap: 18px;
  align-items: stretch;
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  padding: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,244,235,.9)),
    url("/assets/img/certification-journey.png") right center / cover no-repeat;
  box-shadow: 0 10px 28px rgba(22, 32, 29, .06);
}

.invite-hero-copy,
.invite-landing-card,
.invite-benefit-grid > div,
.referral-leaderboard,
.referral-leaderboard-row,
.invite-referrer-pulse > div {
  min-width: 0;
}

.invite-hero-copy h1 {
  max-width: 780px;
  color: var(--brand);
}

.invite-proof-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}

.invite-proof-strip span,
.invite-referrer-pulse span,
.invite-referrer-pulse small {
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(255,255,255,.82);
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.invite-landing-card {
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  padding: 18px;
  background: rgba(255,255,255,.9);
}

.invite-landing-card strong {
  display: block;
  color: var(--ink);
  font-size: 18px;
}

.invite-landing-card p,
.invite-landing-card small {
  color: var(--muted);
  line-height: 1.65;
}

.invite-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.invite-benefit-grid > div {
  border: 1px solid #e3dbce;
  border-radius: 8px;
  padding: 12px;
  background: rgba(248,244,235,.72);
}

.invite-benefit-grid span,
.referral-leaderboard-row span,
.referral-leaderboard-row small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.invite-benefit-grid b,
.referral-leaderboard-row b {
  display: block;
  margin-top: 4px;
  color: var(--brand);
  font-size: 18px;
}

.referral-leaderboard {
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  padding: 16px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,244,235,.82));
}

.referral-leaderboard-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

.referral-leaderboard-head h3 {
  margin: 0;
  color: var(--ink);
}

.referral-leaderboard-head p {
  max-width: 520px;
  color: var(--muted);
  line-height: 1.6;
}

.referral-leaderboard-list {
  display: grid;
  gap: 8px;
}

.referral-leaderboard-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(72px, .35fr) minmax(72px, .35fr) minmax(92px, .44fr);
  gap: 10px;
  align-items: center;
  border: 1px solid #e3dbce;
  border-radius: 8px;
  padding: 10px;
  background: rgba(255,255,255,.82);
}

.referral-leaderboard-row.is-current {
  border-color: rgba(150, 105, 40, .45);
  background: rgba(255, 248, 236, .92);
}

.referral-leaderboard-row .rank {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--brand);
  color: #fff;
  font-weight: 900;
}

.referral-leaderboard-row strong {
  display: block;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.referral-leaderboard-empty {
  border: 1px dashed #d8ccbc;
  border-radius: 8px;
  padding: 14px;
  color: var(--muted);
  background: rgba(255,255,255,.72);
}

.invite-referrer-pulse {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
  gap: 10px;
  align-items: stretch;
}

.invite-referrer-pulse > div,
.invite-referrer-pulse .btn {
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: rgba(255,255,255,.86);
}

.invite-referrer-pulse strong {
  display: block;
  margin: 5px 0;
  color: var(--brand);
  font-size: 24px;
}

.invite-share-kit {
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(244, 248, 244, .9));
}

.invite-share-grid {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.invite-share-poster,
.invite-share-copy article {
  min-width: 0;
  border: 1px solid #e3dbce;
  border-radius: 8px;
  background: rgba(255,255,255,.86);
}

.invite-share-poster {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.invite-qr-box {
  display: grid;
  place-items: center;
  min-height: 188px;
  border: 1px dashed #d4c8b7;
  border-radius: 8px;
  background: #fff;
}

.invite-qr-box img {
  width: min(188px, 100%);
  height: auto;
}

.invite-share-poster canvas {
  width: 100%;
  max-width: 360px;
  aspect-ratio: 3 / 4;
  justify-self: center;
  border: 1px solid rgba(20, 58, 58, .14);
  border-radius: 8px;
  background: #fff;
}

.invite-share-copy {
  display: grid;
  gap: 10px;
}

.invite-share-copy article {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.invite-share-copy strong {
  color: var(--ink);
}

.invite-share-copy p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.referral-event-list small {
  margin-top: 4px;
  font-size: 12px;
}

.mini-card {
  padding: 14px;
  margin-top: 12px;
  box-shadow: none;
}

.mini-card h3 {
  font-size: 16px;
}

.lesson-list {
  display: grid;
  gap: 10px;
}

.lesson-row {
  min-height: 70px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
}

.lesson-num {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #efe6d8;
  color: var(--accent);
  font-weight: 900;
}

.lesson-row p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.reader {
  height: calc(100vh - 128px);
  min-height: 620px;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--shadow);
}

.reader iframe {
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

.preview-conversion {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(320px, 1.08fr);
  gap: 18px;
  align-items: stretch;
  margin-top: 18px;
  border: 1px solid rgba(216, 209, 196, .88);
  border-radius: 8px;
  padding: 18px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .88)),
    url("/assets/img/course-accent.png") center / cover no-repeat;
  box-shadow: 0 8px 24px rgba(22, 32, 29, .06);
}

.preview-conversion h2 {
  margin-bottom: 8px;
  font-size: clamp(24px, 3vw, 32px);
}

.preview-conversion p {
  max-width: 680px;
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.65;
}

.preview-copy,
.preview-options {
  min-width: 0;
}

.preview-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.preview-proof span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  border: 1px solid #e1d6c7;
  border-radius: 999px;
  padding: 0 10px;
  background: rgba(255,255,255,.76);
  color: #40504a;
  font-size: 12px;
  font-weight: 800;
}

.preview-options {
  display: grid;
  gap: 10px;
}

.preview-option {
  min-width: 0;
  display: block;
  border: 1px solid #e2d8c8;
  border-radius: 8px;
  padding: 13px 14px;
  background: rgba(255, 255, 255, .86);
}

.preview-option-form {
  margin: 0;
}

.preview-option-form button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.preview-option:hover {
  border-color: rgba(31, 111, 102, .55);
  background: #fff;
}

.preview-option span,
.preview-option strong,
.preview-option em {
  display: block;
  min-width: 0;
}

.preview-option span {
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.preview-option strong {
  margin-top: 4px;
  color: var(--brand);
  font-size: 19px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.preview-option em {
  margin-top: 4px;
  color: var(--muted);
  font-style: normal;
  line-height: 1.55;
}

.preview-option.primary-option {
  border-color: rgba(20, 58, 58, .38);
  box-shadow: inset 4px 0 0 var(--brand);
}

.preview-login {
  display: inline-flex;
  justify-content: center;
  color: var(--brand);
  font-weight: 900;
  line-height: 1.45;
}

.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.tool-frame {
  height: calc(100vh - 132px);
  min-height: 680px;
}

.question {
  padding: 16px;
  margin-bottom: 12px;
}

.question label {
  display: block;
  min-height: 34px;
  margin-top: 8px;
  padding: 7px 10px;
  border: 1px solid #e5ded2;
  border-radius: 8px;
  cursor: pointer;
}

.question label:hover {
  background: #f7f1e8;
}

.form-grid {
  display: grid;
  gap: 14px;
}

.field {
  display: grid;
  gap: 7px;
}

.field input,
.field textarea,
.field select {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  resize: vertical;
}

.field select {
  background: #fff;
}

.admin-coupon-form {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  margin: 18px 0;
}

.admin-coupon-form .field:nth-of-type(2) {
  grid-column: span 2;
}

.admin-cert-workflow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.admin-cert-workflow a {
  min-width: 0;
  display: block;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: #fbfaf7;
  color: inherit;
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.admin-cert-workflow a:hover,
.admin-cert-workflow a.active {
  border-color: rgba(166, 98, 43, .58);
  box-shadow: 0 10px 26px rgba(22, 32, 29, .08);
  transform: translateY(-1px);
}

.admin-cert-workflow span,
.admin-cert-next span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.admin-payment-issues .section-head {
  align-items: flex-start;
}

.admin-payment-playbook {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 16px;
}

.admin-payment-playbook div {
  border: 1px solid rgba(216, 209, 196, .9);
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  padding: 12px;
  background: #fffaf1;
}

.admin-payment-playbook strong,
.admin-payment-playbook span {
  display: block;
}

.admin-payment-playbook strong {
  color: var(--accent);
  margin-bottom: 4px;
}

.admin-payment-playbook span {
  color: var(--muted);
  line-height: 1.5;
  font-size: 13px;
}

.admin-payment-actions {
  min-width: 190px;
}

.admin-followup-status {
  display: grid;
  gap: 4px;
  min-width: 220px;
  margin-bottom: 10px;
}

.admin-followup-status strong {
  color: var(--brand);
}

.admin-followup-status.is-overdue {
  border-left: 4px solid var(--accent);
  padding-left: 10px;
}

.admin-followup-status span,
.admin-followup-status em {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.followup-priority {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  background: #fff1e3;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.admin-followup-status em {
  display: block;
  border-left: 3px solid rgba(182, 95, 50, .45);
  padding-left: 8px;
  font-style: normal;
}

.second-touch-template {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(182, 95, 50, .28);
  border-radius: 8px;
  padding: 10px;
  margin: 10px 0;
  background: #fff8ef;
}

.second-touch-template strong,
.second-touch-template span {
  display: block;
}

.second-touch-template strong {
  color: var(--accent);
}

.second-touch-template span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.admin-followup-form {
  display: grid;
  gap: 8px;
  min-width: 240px;
  margin-top: 10px;
}

.admin-followup-form select,
.admin-followup-form textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 9px 10px;
  background: #fff;
  color: var(--ink);
}

.admin-followup-form textarea {
  resize: vertical;
  min-height: 70px;
}

.admin-cert-workflow strong {
  display: block;
  margin: 3px 0;
  color: var(--ink);
  font-size: 26px;
  line-height: 1;
}

.admin-cert-workflow small {
  display: block;
  color: var(--muted);
  line-height: 1.45;
}

.admin-cert-next {
  min-width: 180px;
  max-width: 260px;
}

.admin-cert-next strong {
  display: block;
  color: var(--ink);
  font-size: 14px;
  margin-bottom: 4px;
}

.admin-cert-next em {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.admin-cert-owner-badge {
  color: #315f5a;
  font-weight: 900;
}

.admin-cert-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 10px 12px;
  margin: 0 0 14px;
  background: #fff;
}

.admin-cert-filter span {
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.admin-cert-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: min(620px, 100%);
}

.admin-cert-form label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.admin-cert-form label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.admin-cert-form input,
.admin-cert-form select,
.admin-cert-form textarea {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
  color: var(--ink);
}

.admin-cert-form .wide {
  grid-column: 1 / -1;
}

.admin-cert-form .check-field {
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
}

.admin-cert-form .check-field input {
  width: auto;
  min-height: 0;
}

.admin-cert-form .btn {
  align-self: end;
}

.admin-payment-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 10px;
  margin: 0 0 14px;
  background: #fff;
}

.admin-payment-filter span {
  flex: 1 1 170px;
  min-width: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.admin-payment-filter a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 999px;
  padding: 7px 12px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  background: #fbfaf7;
  white-space: nowrap;
}

.admin-payment-filter a.active {
  border-color: rgba(46, 89, 74, .35);
  color: #fff;
  background: var(--brand);
}

.admin-payment-filter .export-link {
  margin-left: auto;
  border-color: rgba(179, 108, 52, .35);
  color: var(--accent);
  background: #fff8f0;
}

.webhook-health-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.webhook-health-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: #fbfaf7;
}

.webhook-health-grid span,
.webhook-health-grid small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.webhook-health-grid strong {
  display: block;
  margin: 4px 0;
  color: var(--brand);
  font-size: 24px;
  line-height: 1;
}

.stripe-live-playbook {
  min-width: 0;
  border: 1px solid rgba(55, 96, 86, .24);
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0;
  background: linear-gradient(135deg, #f7fbf8 0%, #fff8ef 100%);
}

.stripe-live-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.stripe-live-step {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: rgba(255, 255, 255, .9);
}

.stripe-live-step span,
.stripe-live-step small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.stripe-live-step strong {
  display: block;
  margin: 4px 0;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.25;
}

.stripe-live-step em {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  margin-top: 10px;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.stripe-live-step.is-ready {
  border-color: rgba(63, 128, 82, .28);
}

.stripe-live-step.is-ready em {
  color: #2d6d43;
  background: #e8f6ec;
}

.stripe-live-step.is-warning {
  border-color: rgba(184, 125, 46, .3);
}

.stripe-live-step.is-warning em {
  color: #9b6120;
  background: #fff1d6;
}

.stripe-live-step.is-action {
  border-color: rgba(174, 80, 64, .32);
}

.stripe-live-step.is-action em {
  color: #ad503a;
  background: #ffe4df;
}

.stripe-live-note {
  border-left: 4px solid var(--accent);
  padding: 10px 12px;
  margin-top: 12px;
  color: #5d4a35;
  background: #fff;
  font-size: 13px;
  line-height: 1.55;
}

.stripe-drill-board {
  min-width: 0;
  border: 1px solid rgba(112, 91, 74, .22);
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0;
  background: #fffdf8;
}

.stripe-drill-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.stripe-drill-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: #fff;
}

.stripe-drill-card span,
.stripe-drill-card small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.stripe-drill-card strong {
  display: block;
  margin: 4px 0;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.25;
}

.stripe-drill-card p {
  margin: 8px 0 0;
  color: #594b3d;
  font-size: 13px;
  line-height: 1.55;
}

.stripe-drill-card em {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}

.stripe-drill-card.is-ready {
  border-color: rgba(63, 128, 82, .28);
}

.stripe-drill-card.is-ready em {
  color: #2d6d43;
  background: #e8f6ec;
}

.stripe-drill-card.is-warning {
  border-color: rgba(184, 125, 46, .3);
}

.stripe-drill-card.is-warning em {
  color: #9b6120;
  background: #fff1d6;
}

.stripe-drill-card.is-action {
  border-color: rgba(174, 80, 64, .32);
}

.stripe-drill-card.is-action em {
  color: #ad503a;
  background: #ffe4df;
}

.stripe-drill-note {
  border-left: 4px solid #705b4a;
  padding: 10px 12px;
  margin-top: 12px;
  color: #5d4a35;
  background: #fbfaf7;
  font-size: 13px;
  line-height: 1.55;
}

.stripe-drill-queue {
  min-width: 0;
  border: 1px solid rgba(55, 96, 86, .18);
  border-radius: 8px;
  padding: 16px;
  margin: 14px 0;
  background: #fbfaf7;
}

.stripe-drill-filter,
.stripe-review-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 10px;
  margin: 12px 0;
  background: #fff;
}

.stripe-review-filter {
  align-items: end;
}

.stripe-drill-filter span,
.stripe-review-filter span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.stripe-review-filter label {
  flex: 1 1 180px;
  min-width: 0;
}

.stripe-review-filter input,
.stripe-review-filter select {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 8px;
  padding: 9px 10px;
  font: inherit;
  font-size: 14px;
  background: #fff;
}

.stripe-drill-filter a {
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--brand);
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  background: #fff;
}

.stripe-drill-filter a.active {
  color: #fff;
  border-color: var(--brand);
  background: var(--brand);
}

.stripe-drill-filter .export-link {
  margin-left: auto;
  border-color: rgba(179, 108, 52, .35);
  color: var(--accent);
  background: #fff8f0;
}

.stripe-drill-queue-table tr.is-alert {
  background: #fff8f6;
}

.stripe-drill-queue-table tr.is-warning {
  background: #fffdf5;
}

.stripe-drill-tags {
  display: inline-flex;
  max-width: 100%;
  border-radius: 999px;
  padding: 5px 9px;
  color: #8f5630;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
  background: #fff1d6;
}

.stripe-review-form {
  display: grid;
  grid-template-columns: minmax(92px, .9fr) minmax(116px, 1fr);
  gap: 8px;
  min-width: 0;
}

.stripe-review-form label {
  min-width: 0;
}

.stripe-review-form .wide {
  grid-column: 1 / -1;
}

.stripe-review-form span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.stripe-review-form input,
.stripe-review-form select,
.stripe-review-form textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 8px;
  padding: 8px;
  font: inherit;
  font-size: 13px;
  background: #fff;
}

.stripe-review-form textarea {
  resize: vertical;
}

.stripe-review-form .btn {
  justify-self: start;
}

.referral-rule-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(118px, 1fr)) auto;
  gap: 10px;
  align-items: stretch;
  margin: 0 0 14px;
}

.referral-rule-strip > div,
.referral-rule-strip .btn {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: rgba(255,255,255,.84);
}

.referral-rule-strip > div {
  padding: 11px 12px;
}

.referral-rule-strip span,
.referral-rule-strip small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.45;
}

.referral-rule-strip strong {
  display: block;
  margin: 3px 0 0;
  color: var(--brand);
  font-size: 18px;
}

.referral-rule-strip .btn {
  align-self: stretch;
  justify-content: center;
  min-height: 52px;
}

.referral-anomaly-queue {
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  margin: 0 0 14px;
  background: linear-gradient(135deg, rgba(255, 248, 240, .94), rgba(255, 255, 255, .98));
}

.referral-anomaly-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.referral-anomaly-head h3 {
  margin: 0;
  color: var(--ink);
}

.referral-anomaly-head p,
.referral-anomaly-empty,
.referral-anomaly-item span {
  color: var(--muted);
  line-height: 1.55;
}

.referral-anomaly-head p {
  max-width: 620px;
}

.referral-anomaly-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
}

.referral-anomaly-item {
  min-width: 0;
  border: 1px solid #e3dbce;
  border-radius: 8px;
  padding: 12px;
  background: rgba(255,255,255,.86);
}

.referral-anomaly-actions,
.referral-anomaly-actions form {
  display: grid;
  gap: 8px;
}

.referral-anomaly-actions form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.referral-anomaly-actions .risk-confirm-field {
  grid-column: 1 / -1;
}

.referral-anomaly-item strong,
.referral-anomaly-item span {
  display: block;
  overflow-wrap: anywhere;
}

.referral-anomaly-item strong {
  color: var(--ink);
}

.referral-anomaly-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 10px 0;
}

.referral-anomaly-stats span,
.referral-anomaly-empty {
  border: 1px solid rgba(216, 209, 196, .85);
  border-radius: 8px;
  padding: 8px;
  background: rgba(248,244,235,.74);
  font-size: 12px;
  font-weight: 850;
}

.referral-performance-board {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(31, 90, 86, .16);
  border-radius: 8px;
  padding: 14px;
  margin: 0 0 14px;
  background: linear-gradient(135deg, rgba(242, 248, 245, .95), rgba(255,255,255,.96));
}

.referral-performance-kpis,
.referral-segment-grid {
  display: grid;
  gap: 10px;
}

.referral-performance-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.referral-segment-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.referral-performance-kpis > div,
.referral-segment-grid > div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .86);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255,255,255,.82);
}

.referral-performance-kpis span,
.referral-performance-kpis small,
.referral-segment-grid span,
.referral-segment-grid small,
.referral-performance-row span,
.referral-performance-row small {
  display: block;
  color: var(--muted);
  line-height: 1.45;
}

.referral-performance-kpis strong,
.referral-segment-grid strong {
  display: block;
  margin: 5px 0;
  color: var(--brand);
  font-size: 21px;
}

.referral-performance-list {
  display: grid;
  gap: 8px;
}

.referral-performance-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.2fr) repeat(4, minmax(96px, .75fr)) auto auto;
  gap: 10px;
  align-items: center;
  border: 1px solid #e3dbce;
  border-radius: 8px;
  padding: 10px;
  background: rgba(255,255,255,.86);
}

.referral-performance-row strong,
.referral-performance-row b {
  color: var(--ink);
}

.referral-performance-row em {
  border-radius: 999px;
  padding: 6px 9px;
  background: #143a3a;
  color: #fff;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.referral-performance-empty {
  border: 1px dashed rgba(216, 209, 196, .95);
  border-radius: 8px;
  padding: 14px;
  color: var(--muted);
  background: rgba(255,255,255,.72);
}

.referral-action-queue {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(194, 125, 56, .2);
  border-radius: 8px;
  padding: 14px;
  margin: 0 0 14px;
  background: linear-gradient(135deg, rgba(255,250,240,.97), rgba(255,255,255,.96));
}

.referral-action-queue .section-head {
  align-items: flex-start;
}

.referral-action-queue .section-head p {
  max-width: 780px;
  margin: 4px 0 0;
  color: var(--muted);
}

.referral-action-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.referral-action-summary > div,
.referral-action-card {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .86);
  border-radius: 8px;
  background: rgba(255,255,255,.84);
}

.referral-action-summary > div {
  padding: 12px;
}

.referral-action-summary span,
.referral-action-summary small,
.referral-action-card-head span,
.referral-action-card-head small,
.referral-action-person span,
.referral-action-person small,
.referral-action-metrics small {
  display: block;
  color: var(--muted);
  line-height: 1.45;
}

.referral-action-summary strong {
  display: block;
  margin: 5px 0;
  color: #8b4a18;
  font-size: 22px;
}

.referral-action-grid {
  display: grid;
  gap: 12px;
}

.referral-action-card {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.referral-action-card-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.referral-action-card-head strong {
  display: block;
  color: var(--ink);
  margin-bottom: 4px;
}

.referral-action-card-head small {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(194, 125, 56, .12);
  color: #8b4a18;
  font-weight: 900;
}

.referral-action-list {
  display: grid;
  gap: 10px;
}

.referral-action-item {
  display: grid;
  grid-template-columns: minmax(190px, .75fr) minmax(300px, .95fr) minmax(420px, 1.5fr);
  gap: 12px;
  align-items: start;
  border: 1px solid rgba(216, 209, 196, .82);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255,255,255,.88);
}

.referral-action-person strong {
  display: block;
  color: var(--ink);
}

.referral-action-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.referral-action-metrics span {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .72);
  border-radius: 8px;
  padding: 8px;
  color: var(--muted);
  background: rgba(248,244,235,.6);
}

.referral-action-metrics b {
  display: block;
  margin: 3px 0;
  color: var(--brand);
}

.referral-action-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.referral-action-form label {
  min-width: 0;
}

.referral-action-form label span {
  display: block;
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 850;
  color: var(--muted);
}

.referral-action-form input,
.referral-action-form select,
.referral-action-form textarea {
  width: 100%;
}

.referral-action-form .wide,
.referral-action-form button {
  grid-column: 1 / -1;
}

.referral-action-empty {
  border: 1px dashed rgba(216, 209, 196, .95);
  border-radius: 8px;
  padding: 12px;
  color: var(--muted);
  background: rgba(255,255,255,.72);
}

.referral-ops-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 0 0 16px;
}

.referral-ops-card {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 13px;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,244,235,.78));
}

.referral-ops-card span,
.admin-referral-filter-note {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.referral-ops-card strong {
  display: block;
  margin: 5px 0;
  color: var(--brand);
  font-size: 20px;
}

.referral-ops-card small {
  display: block;
  color: var(--muted);
  line-height: 1.45;
}

.admin-referral-filter {
  display: grid;
  grid-template-columns: minmax(160px, .7fr) minmax(220px, 1fr) auto auto auto;
  gap: 10px;
  align-items: end;
  margin: 0 0 10px;
}

.admin-referral-filter .field,
.referral-review-form label {
  min-width: 0;
}

.admin-referral-filter .btn {
  min-height: 42px;
  white-space: nowrap;
}

.admin-referral-filter-note {
  margin: 0 0 12px;
}

.referral-ledger-table {
  min-width: 1240px;
}

.referral-review-form {
  display: grid;
  grid-template-columns: minmax(96px, .8fr) minmax(112px, .9fr);
  gap: 8px;
  min-width: 0;
}

.referral-review-form .wide,
.referral-review-form .risk-confirm-field {
  grid-column: 1 / -1;
}

.referral-review-form span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.referral-review-form input,
.referral-review-form select,
.referral-review-form textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 8px;
  padding: 8px;
  font: inherit;
  font-size: 13px;
  background: #fff;
}

.referral-review-form textarea {
  resize: vertical;
}

.referral-review-form .btn {
  justify-self: start;
}

.admin-ops-batch-form {
  display: grid;
  grid-template-columns: minmax(180px, 1.1fr) minmax(140px, .75fr) minmax(180px, .95fr) minmax(170px, .9fr) minmax(160px, .85fr) auto;
  gap: 10px;
  align-items: end;
  margin: 12px 0 18px;
  padding: 12px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: #fffaf3;
}

.admin-ops-batch-form .batch-copy {
  min-width: 0;
}

.admin-ops-batch-form .batch-copy strong,
.admin-ops-batch-form span {
  display: block;
}

.admin-ops-batch-form .batch-copy strong {
  color: var(--ink);
  font-size: 15px;
  font-weight: 900;
}

.admin-ops-batch-form .batch-copy span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.admin-ops-batch-form label {
  min-width: 0;
}

.admin-ops-batch-form label > span {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.admin-ops-batch-form input,
.admin-ops-batch-form select,
.admin-ops-batch-form textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 8px;
  padding: 9px;
  color: var(--ink);
  background: #fff;
}

.admin-ops-batch-form textarea {
  min-height: 42px;
  resize: vertical;
}

.admin-ops-batch-form .risk-confirm-field {
  min-width: 0;
}

.admin-ops-batch-form .btn {
  justify-self: start;
}

.stripe-review-batch {
  display: grid;
  grid-template-columns: minmax(160px, 1.1fr) minmax(130px, .75fr) minmax(150px, .9fr) minmax(130px, .75fr);
  gap: 10px;
  align-items: end;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 12px;
  margin: 0 0 14px;
  background: linear-gradient(135deg, rgba(255, 248, 240, .94), rgba(255, 255, 255, .98));
}

.stripe-review-batch .batch-copy {
  min-width: 0;
}

.stripe-review-batch .batch-copy strong,
.stripe-review-batch span {
  display: block;
}

.stripe-review-batch .batch-copy strong {
  color: var(--ink);
  font-size: 15px;
  font-weight: 900;
}

.stripe-review-batch .batch-copy span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.stripe-review-batch label {
  min-width: 0;
}

.stripe-review-batch label > span {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.stripe-review-batch .wide,
.stripe-review-batch .risk-confirm-field {
  grid-column: span 2;
}

.stripe-review-batch input,
.stripe-review-batch select,
.stripe-review-batch textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 8px;
  padding: 9px;
  font: inherit;
  font-size: 13px;
  background: #fff;
}

.stripe-review-batch textarea {
  resize: vertical;
}

.stripe-review-batch .btn {
  justify-self: start;
}

.referral-review-batch {
  display: grid;
  grid-template-columns: minmax(170px, 1.15fr) minmax(132px, .75fr) minmax(150px, .85fr) minmax(130px, .7fr) minmax(150px, .85fr);
  gap: 10px;
  align-items: end;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 12px;
  margin: 0 0 14px;
  background: linear-gradient(135deg, rgba(255, 248, 240, .94), rgba(255, 255, 255, .98));
}

.referral-review-batch .batch-copy {
  min-width: 0;
}

.referral-review-batch .batch-copy strong,
.referral-review-batch span {
  display: block;
}

.referral-review-batch .batch-copy strong {
  color: var(--ink);
  font-size: 15px;
  font-weight: 900;
}

.referral-review-batch .batch-copy span {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.referral-review-batch label {
  min-width: 0;
}

.referral-review-batch label > span {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.referral-review-batch .wide,
.referral-review-batch .risk-confirm-field {
  grid-column: span 2;
}

.referral-review-batch input,
.referral-review-batch select,
.referral-review-batch textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .95);
  border-radius: 8px;
  padding: 9px;
  font: inherit;
  font-size: 13px;
  background: #fff;
}

.referral-review-batch textarea {
  resize: vertical;
}

.referral-review-batch .btn {
  justify-self: start;
}

.admin-webhook-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 10px;
  margin: 0 0 14px;
  background: #fff;
}

.admin-webhook-filter span {
  flex: 1 1 170px;
  min-width: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.admin-webhook-filter a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 999px;
  padding: 7px 12px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  background: #fbfaf7;
  white-space: nowrap;
}

.admin-webhook-filter a.active {
  border-color: rgba(46, 89, 74, .35);
  color: #fff;
  background: var(--brand);
}

.admin-webhook-filter .export-link {
  margin-left: auto;
  border-color: rgba(174, 80, 64, .34);
  color: #ad503a;
  background: #fff4f1;
}

.webhook-status .pill {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 4px 9px;
  color: var(--ink);
  background: #f4efe7;
  font-size: 12px;
  font-weight: 900;
}

.webhook-status.is-alert .pill {
  color: #ad503a;
  background: #ffe4df;
}

.webhook-status.is-recoverable .pill {
  color: var(--accent);
  background: #fff1e3;
}

.webhook-status.is-ready .pill {
  color: #2d6d43;
  background: #e8f6ec;
}

.webhook-status.is-muted .pill {
  color: var(--muted);
  background: #f0ede7;
}

.admin-cert-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin: 16px 0 10px;
}

.admin-cert-search .field {
  min-width: 0;
}

.copy-contact {
  margin-top: 8px;
  white-space: nowrap;
}

.notice {
  border-left: 4px solid var(--accent);
  padding: 14px 16px;
  background: #fff4e8;
  color: #5a331d;
  border-radius: 0 8px 8px 0;
}

.exam-result-actions {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border: 1px solid rgba(216, 209, 196, .9);
  border-left: 4px solid var(--brand);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.96), rgba(251,246,238,.9)),
    url("/assets/img/certification-journey.png") center / cover no-repeat;
  box-shadow: 0 8px 24px rgba(22, 32, 29, .06);
}

.exam-result-actions h2 {
  margin-bottom: 8px;
  font-size: clamp(24px, 3vw, 32px);
}

.exam-result-actions p {
  max-width: 700px;
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.65;
}

.exam-result-actions .actions {
  justify-content: flex-end;
  margin-top: 0;
}

.exam-review {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 8px 24px rgba(22, 32, 29, .06);
}

.exam-review .section-head {
  margin-bottom: 14px;
}

.exam-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.exam-review-item {
  min-width: 0;
  border: 1px solid #e5ded2;
  border-radius: 8px;
  padding: 13px;
  background: #fbfaf7;
}

.exam-review-item span {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 900;
}

.exam-review-item h3 {
  font-size: 16px;
  overflow-wrap: anywhere;
}

.exam-review-item p {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.55;
}

.cert-status-shell {
  align-items: stretch;
}

.cert-status-hero {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: clamp(18px, 4vw, 30px);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(248, 243, 234, .9)),
    url("/assets/img/certification-journey.png") center / cover no-repeat;
  box-shadow: 0 18px 42px rgba(22, 32, 29, .09);
}

.cert-status-hero h1 {
  font-size: clamp(28px, 4vw, 44px);
}

.cert-status-score {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.cert-status-score div,
.cert-fee-breakdown div,
.cert-fee-note,
.cert-fee-gate,
.cert-status-proof {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .86);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, .82);
}

.cert-fee-breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
}

.cert-status-score strong,
.cert-fee-breakdown strong,
.cert-fee-note strong,
.cert-fee-gate strong,
.cert-status-proof strong {
  display: block;
  color: var(--ink);
  font-size: 18px;
  overflow-wrap: anywhere;
}

.cert-status-score span,
.cert-fee-breakdown span,
.cert-fee-note span,
.cert-fee-gate span,
.cert-status-proof span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.cert-fee-breakdown small,
.cert-fee-note small,
.cert-fee-gate small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  margin-top: 4px;
}

.cert-status-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.cert-status-checklist {
  margin: 0;
}

.cert-status-path-wrap {
  min-width: 0;
}

.cert-status-path {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
}

.cert-status-path li {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  border: 1px solid #e5ded2;
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.cert-status-path li > span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f2e8da;
  color: var(--brand);
  font-weight: 900;
}

.cert-status-path h3 {
  font-size: 17px;
  margin-bottom: 5px;
}

.cert-status-path p {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.55;
}

.cert-status-path .done > span {
  background: #e6f3ed;
  color: #1c6b48;
}

.cert-status-path .current {
  border-color: rgba(166, 98, 43, .55);
  background: #fff8ef;
}

.cert-submitted-shell {
  align-items: stretch;
}

.cert-submitted-hero {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  padding: clamp(18px, 4vw, 30px);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .96), rgba(247, 242, 232, .92)),
    url("/assets/img/certification-journey.png") center / cover no-repeat;
  box-shadow: 0 18px 42px rgba(22, 32, 29, .09);
}

.cert-submitted-hero h1 {
  font-size: clamp(28px, 4vw, 44px);
}

.cert-submitted-receipt,
.cert-submitted-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 18px 0;
}

.cert-submitted-receipt div,
.cert-submitted-info,
.cert-submitted-grid article {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .86);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, .84);
}

.cert-submitted-receipt span,
.cert-submitted-info span,
.cert-submitted-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.cert-submitted-receipt strong,
.cert-submitted-info strong {
  display: block;
  color: var(--ink);
  font-size: 17px;
  overflow-wrap: anywhere;
}

.cert-submitted-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.cert-submitted-next {
  min-width: 0;
}

.cert-submitted-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cert-submitted-grid article {
  display: grid;
  gap: 8px;
  align-content: start;
  background: #fff;
}

.cert-submitted-grid article > span {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e6f3ed;
  color: #1c6b48;
  font-size: 15px;
  font-weight: 900;
}

.cert-submitted-grid h3 {
  margin-bottom: 0;
  font-size: 18px;
}

.cert-submitted-grid p {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.6;
}

.cert-progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 12px 0;
}

.cert-progress span {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 5px;
  color: #9a8d7c;
  font-size: 11px;
  font-weight: 900;
  text-align: center;
  overflow-wrap: anywhere;
}

.cert-progress i {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ded4c5;
  background: #fff;
  color: inherit;
  font-style: normal;
}

.cert-progress .done,
.cert-progress .current {
  color: #1c6b48;
}

.cert-progress .done i,
.cert-progress .current i {
  border-color: #b8d9c9;
  background: #e6f3ed;
}

.cert-progress .current i {
  box-shadow: 0 0 0 3px rgba(28, 107, 72, .11);
}

.cert-progress b {
  font-weight: 900;
}

.cert-progress-note {
  margin: -2px 0 12px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.completion-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr);
  gap: clamp(18px, 4vw, 34px);
  align-items: start;
}

.completion-certificate-paper {
  min-width: 0;
  border: 1px solid rgba(173, 140, 88, .42);
  border-radius: 8px;
  padding: clamp(18px, 4vw, 34px);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(247, 241, 229, .94)),
    url("/assets/img/course-accent.png") right bottom / 280px auto no-repeat;
  box-shadow: 0 26px 60px rgba(22, 32, 29, .13);
}

.completion-border {
  border: 1px solid rgba(166, 98, 43, .42);
  border-radius: 8px;
  padding: clamp(22px, 5vw, 54px);
  min-height: 560px;
  display: grid;
  align-content: center;
  text-align: center;
  background: rgba(255, 255, 255, .72);
}

.completion-border h1 {
  font-size: clamp(38px, 6vw, 72px);
  margin: 6px 0 18px;
}

.completion-award,
.completion-copy,
.completion-disclaimer {
  color: var(--muted);
  line-height: 1.75;
}

.completion-border h2 {
  font-size: clamp(28px, 4vw, 44px);
  margin-bottom: 16px;
}

.completion-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 24px 0;
}

.completion-stats div {
  min-width: 0;
  border: 1px solid rgba(216, 209, 196, .86);
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, .86);
}

.completion-stats span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.completion-stats strong {
  display: block;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.completion-sign {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid rgba(216, 209, 196, .9);
  padding-top: 18px;
  color: var(--ink);
  font-weight: 900;
}

.completion-actions {
  display: grid;
  gap: 14px;
}

@media print {
  .topbar,
  .footer,
  .completion-actions,
  .mobile-cta {
    display: none !important;
  }

  .main,
  .band,
  .completion-shell {
    padding: 0 !important;
    display: block !important;
  }

  .completion-certificate-paper {
    box-shadow: none;
    border: 0;
  }
}

.table-wrap {
  width: 100%;
  overflow-x: auto;
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
  font-size: 14px;
}

.data-table th,
.data-table td {
  border-bottom: 1px solid #e5ded2;
  padding: 10px 8px;
  text-align: left;
  vertical-align: top;
}

.data-table th {
  color: #35413c;
  background: #f4efe7;
  font-weight: 800;
}

.data-table td {
  color: #53605a;
}

@media (min-width: 1181px) {
  .page-admin .nav,
  .page-admin .inner {
    width: min(1560px, calc(100vw - 48px));
  }

  .page-admin .band.compact {
    padding: 22px 0;
  }

  .page-admin .panel {
    padding: 22px;
  }

  .page-admin .section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
    gap: 24px;
    align-items: start;
  }

  .page-admin .section-head.slim {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .page-admin .section-head > p {
    margin-top: 2px;
    line-height: 1.65;
  }

  .page-admin .table-wrap {
    max-height: 72vh;
    border: 1px solid rgba(216, 209, 196, .86);
    border-radius: 8px;
    background: #fff;
  }

  .page-admin .data-table {
    min-width: 980px;
    font-size: 13px;
  }

  .page-admin .data-table th {
    position: sticky;
    top: 0;
    z-index: 3;
    box-shadow: inset 0 -1px 0 #ded6c8;
  }

  .page-admin .data-table th,
  .page-admin .data-table td {
    padding: 9px 8px;
  }

  .page-admin .admin-payment-records .data-table,
  .page-admin .admin-exam-records .data-table,
  .page-admin .admin-cert-applications .data-table,
  .page-admin .admin-referrals .data-table,
  .page-admin .stripe-drill-queue-table {
    min-width: 1360px;
  }

  .page-admin .admin-payment-update-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 680px;
  }

  .page-admin .admin-exam-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 620px;
  }

  .page-admin .admin-cert-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-width: 760px;
  }

  .page-admin .stripe-review-form {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    min-width: 430px;
  }

  .page-admin .referral-review-form {
    grid-template-columns: repeat(3, minmax(130px, 1fr));
    min-width: 660px;
  }

  .page-admin .referral-rule-strip {
    grid-template-columns: repeat(5, minmax(130px, 1fr)) auto;
  }

  .page-admin .admin-referral-filter {
    grid-template-columns: minmax(170px, .7fr) minmax(280px, 1fr) auto auto auto;
  }

  .page-admin .referral-review-batch {
    grid-template-columns: minmax(190px, 1.1fr) minmax(150px, .75fr) minmax(160px, .8fr) minmax(150px, .75fr) minmax(170px, .9fr);
  }

  .page-admin .admin-ops-batch-form {
    grid-template-columns: minmax(220px, 1fr) minmax(150px, .6fr) minmax(240px, .9fr) minmax(220px, .85fr) minmax(180px, .75fr) auto;
  }

  .page-admin .referral-performance-row {
    grid-template-columns: minmax(220px, 1.15fr) repeat(4, minmax(110px, .75fr)) auto auto;
  }

  .page-admin .referral-action-item {
    grid-template-columns: minmax(220px, .8fr) minmax(360px, 1fr) minmax(520px, 1.35fr);
  }

  .page-admin .admin-funnel-filter {
    grid-template-columns: repeat(4, minmax(150px, 1fr)) auto auto auto;
  }

  .page-admin .funnel-action-card {
    min-height: 188px;
  }

  .page-admin .funnel-queue-grid {
    grid-template-columns: 1fr;
  }

  .page-admin .funnel-queue-table {
    min-width: 1120px;
  }

  .page-admin .funnel-course-row {
    grid-template-columns: minmax(220px, 1.5fr) repeat(7, minmax(88px, 1fr));
  }
}

.page-admin .admin-view-hidden {
  display: none !important;
}

.admin-workspace-panel {
  display: grid;
  gap: 18px;
}

.admin-workspace-head {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: end;
}

.admin-workspace-head p:last-child {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.admin-workspace-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.admin-workspace-tabs a {
  border: 1px solid rgba(20, 58, 58, .16);
  border-radius: 8px;
  color: #243b37;
  background: #fff;
  padding: 10px 13px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.admin-workspace-tabs a:hover,
.admin-workspace-tabs a.active {
  border-color: #143a3a;
  background: #143a3a;
  color: #fff;
}

.admin-workspace-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-workspace-card {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: #fffdf8;
  padding: 13px;
  text-decoration: none;
  color: var(--ink);
}

.admin-workspace-card:hover {
  border-color: rgba(20, 58, 58, .4);
  background: #f8fbf8;
}

.admin-workspace-card span {
  color: #966928;
  font-size: 12px;
  font-weight: 900;
}

.admin-workspace-card strong {
  color: #143a3a;
  font-size: 22px;
  line-height: 1.15;
}

.admin-workspace-card small {
  color: var(--muted);
  line-height: 1.45;
}

.course-pricing-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.course-pricing-kpis > div,
.admin-course-metrics > div {
  border: 1px solid rgba(216, 209, 196, .86);
  border-radius: 8px;
  background: #fffaf3;
  padding: 12px;
}

.course-pricing-kpis span,
.admin-course-metrics span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.course-pricing-kpis strong,
.admin-course-metrics strong {
  display: block;
  color: #143a3a;
  font-size: 22px;
  line-height: 1.2;
  margin-top: 4px;
}

.course-pricing-kpis small,
.admin-course-metrics small {
  color: var(--muted);
}

.admin-course-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.admin-course-create-form,
.admin-log-clear-panel {
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  margin-bottom: 18px;
}

.admin-course-create-form {
  grid-template-columns: minmax(260px, 1.1fr) repeat(4, minmax(150px, 1fr));
  align-items: end;
}

.admin-course-create-copy {
  grid-row: span 2;
  align-self: stretch;
  border: 1px solid rgba(196, 155, 68, .38);
  border-radius: 8px;
  background: #fff7e4;
  padding: 14px;
}

.admin-course-create-copy strong {
  display: block;
  color: #143a3a;
  font-size: 18px;
  margin-bottom: 6px;
}

.admin-course-create-copy span {
  color: var(--muted);
  line-height: 1.65;
}

.admin-course-card {
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}

.admin-course-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.admin-course-card-head span {
  color: #966928;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-course-card-head h3 {
  margin: 4px 0 2px;
  color: #143a3a;
  font-size: 21px;
}

.admin-course-card-head small {
  color: var(--muted);
}

.admin-course-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}

.admin-course-form,
.admin-course-delete-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}

.admin-coverage-audit {
  overflow: visible;
}

.admin-coverage-grid,
.admin-lesson-list {
  display: grid;
  gap: 12px;
}

.admin-coverage-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.admin-coverage-card {
  display: grid;
  gap: 6px;
  min-height: 116px;
  padding: 14px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: #fffaf3;
  text-decoration: none;
  color: inherit;
}

.admin-coverage-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.admin-coverage-card strong {
  color: #143a3a;
  font-size: 20px;
}

.admin-coverage-card small {
  color: var(--muted);
  line-height: 1.45;
}

.admin-coverage-card.is-watch {
  border-color: rgba(196, 155, 68, .6);
  background: #fff4d7;
}

.admin-coverage-card.is-ok {
  border-color: rgba(54, 119, 99, .28);
}

.admin-lesson-manager {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid rgba(216, 209, 196, .92);
  border-radius: 8px;
  background: #fffdf8;
}

.admin-lesson-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.admin-lesson-head h4 {
  margin: 2px 0 4px;
  color: #143a3a;
  font-size: 18px;
}

.admin-lesson-head span,
.admin-lesson-empty {
  color: var(--muted);
  line-height: 1.55;
}

.admin-lesson-create-form,
.admin-lesson-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}

.admin-lesson-create-form {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dashed rgba(216, 209, 196, .92);
}

.admin-lesson-row {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(216, 209, 196, .86);
  border-radius: 8px;
  background: #fff;
}

.admin-lesson-row.is-archived {
  opacity: .72;
  background: #f7f2e9;
}

.admin-lesson-delete-form {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(260px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
  padding-top: 10px;
  border-top: 1px dashed rgba(216, 209, 196, .8);
}

.admin-lesson-form .wide,
.admin-lesson-create-form .wide,
.admin-lesson-delete-form .wide {
  grid-column: 1 / -1;
}

.admin-question-filter {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(180px, .6fr) minmax(260px, 1fr) auto auto auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 12px;
}

.admin-question-bank {
  overflow: visible;
}

.admin-question-filter-note {
  margin-bottom: 12px;
  color: var(--muted);
  font-weight: 800;
}

.admin-question-create-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  padding: 14px;
  margin-bottom: 14px;
  border: 1px solid rgba(216, 209, 196, .9);
  border-radius: 8px;
  background: #fffaf3;
}

.admin-question-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
  min-width: 620px;
}

.admin-question-delete-form {
  display: grid;
  grid-template-columns: minmax(180px, .6fr) minmax(260px, 1fr) auto auto;
  gap: 8px;
  align-items: end;
  min-width: 620px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed rgba(216, 209, 196, .82);
}

.admin-question-create-form .wide,
.admin-question-form .wide {
  grid-column: 1 / -1;
}

.question-bank-table tr.is-archived {
  background: #f7f2e9;
}

.fast-course-foot {
  flex-wrap: wrap;
}

.quick-pay-form,
.inline-checkout-form {
  display: inline-flex;
  margin: 0;
}

.quick-pay-form .btn,
.inline-checkout-form .btn {
  white-space: nowrap;
}

.mobile-cta .inline-checkout-form {
  min-width: 0;
}

.mobile-checkout-cta {
  grid-template-columns: minmax(0, 1fr) auto;
}

.lesson-row .inline-checkout-form {
  margin-left: auto;
}

.admin-course-delete-form {
  display: grid;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed rgba(216, 209, 196, .92);
}

.admin-course-form .wide,
.admin-course-create-form .wide,
.admin-course-delete-form .wide,
.admin-log-clear-form .wide {
  grid-column: 1 / -1;
}

.log-clear-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.log-clear-kpis > div {
  border: 1px solid rgba(216, 209, 196, .86);
  border-radius: 8px;
  background: #fffaf3;
  padding: 10px;
}

.log-clear-kpis span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.log-clear-kpis strong {
  display: block;
  color: #143a3a;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 4px;
}

.admin-log-clear-form {
  grid-template-columns: minmax(220px, .9fr) minmax(160px, .6fr) minmax(260px, 1fr) auto auto;
  align-items: end;
}

.footer {
  border-top: 1px solid var(--line);
  padding: 24px 0;
  color: var(--muted);
  font-size: 13px;
}

.footer .inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

@media (max-width: 980px) {
  .hero,
  .split,
  .account-shell,
  .checkout-success-hero,
  .advisor-hero,
  .advisor-grid,
  .auth-grid,
  .auth-panels,
  .preview-conversion,
  .referral-public,
  .value-grid,
  .path-grid,
  .recommend-grid,
  .faq-grid,
  .price-compare {
    grid-template-columns: 1fr;
  }

  .admin-coupon-form,
  .admin-partner-form,
  .admin-course-form,
  .admin-course-create-form,
  .admin-course-delete-form,
  .admin-lesson-create-form,
  .admin-lesson-form,
  .admin-lesson-delete-form,
  .admin-question-filter,
  .admin-question-create-form,
  .admin-question-form,
  .admin-question-delete-form,
  .custom-setting-create-form,
  .admin-log-clear-form,
  .admin-user-form,
  .admin-enrollment-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }

  .admin-user-search,
  .admin-user-tools,
  .admin-payment-search,
  .admin-exam-search,
  .admin-funnel-filter {
    grid-template-columns: 1fr;
  }

  .admin-cert-workflow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .config-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-user-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-workspace-head {
    display: grid;
  }

  .course-pricing-kpis,
  .log-clear-kpis,
  .account-course-grid,
  .admin-course-grid,
  .admin-coverage-grid,
  .admin-workspace-summary,
  .settings-group-grid {
    grid-template-columns: 1fr;
  }

  .admin-course-metrics,
  .settings-group-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-group-head {
    grid-template-columns: 1fr;
  }

  .grid,
  .stats,
  .account-summary-grid,
  .checkout-success-grid,
  .funnel-grid,
  .funnel-kpi-grid,
  .funnel-action-grid,
  .funnel-queue-summary,
  .funnel-queue-grid,
  .recovery-performance-grid,
  .coupon-roi-grid,
  .referral-kpi-grid,
  .referral-rules,
  .partner-portal-value-grid,
  .partner-portal-kpis,
  .partner-portal-links,
  .partner-portal-funnel-steps,
  .partner-portal-settlement-summary,
  .partner-portal-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-portal-login,
  .partner-portal-hero,
  .partner-portal-grid {
    grid-template-columns: 1fr;
  }

  .funnel-course-row {
    grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr));
  }

  .hero {
    min-height: auto;
  }

  .hero-panel {
    min-height: 360px;
  }

  .sticky-buy {
    position: static;
  }

  .google-panel {
    position: static;
  }

  .advisor-result {
    position: static;
  }

  .account-cert-panel {
    position: static;
  }
}

@media (max-width: 680px) {
  body {
    padding-bottom: 86px;
  }

  body.offline-page {
    padding-bottom: 0;
  }

  .nav {
    width: min(100% - 20px, 1180px);
    min-height: 58px;
    gap: 10px;
  }

  .brand {
    flex: 0 1 auto;
    min-width: 0;
  }

  .brand span {
    max-width: 5.5em;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .navlinks {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .navlinks::-webkit-scrollbar {
    display: none;
  }

  .navlinks a {
    padding: 0 8px;
    font-size: 13px;
    white-space: nowrap;
  }

  .partner-brand-strip .inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .partner-brand-portal {
    width: 100%;
  }

  .partner-portal-login,
  .referral-kpi-grid,
  .referral-impact-grid,
  .referral-performance-kpis,
  .referral-segment-grid,
  .referral-action-summary,
  .referral-action-item,
  .referral-action-metrics,
  .referral-action-form,
  .referral-public,
  .referral-public-steps,
  .referral-rules,
  .partner-portal-value-grid,
  .partner-portal-kpis,
  .partner-portal-links,
  .partner-portal-funnel-steps,
  .partner-portal-settlement-summary,
  .partner-portal-profile-grid,
  .partner-profile-form {
    grid-template-columns: 1fr;
  }

  .referral-impact-head,
  .referral-performance-row,
  .referral-action-card-head {
    display: grid;
    grid-template-columns: 1fr;
  }

  .referral-impact-head strong,
  .referral-performance-row .btn,
  .referral-performance-row em {
    justify-self: start;
  }

  .partner-portal-login-copy,
  .partner-portal-hero,
  .partner-portal-promo,
  .partner-portal-funnel,
  .partner-portal-card {
    padding: 16px;
  }

  .partner-portal-brand-card {
    padding: 14px;
  }

  .partner-portal-table {
    min-width: 620px;
  }

  .partner-portal-admin-link {
    display: grid;
  }

  .partner-portal-admin-link .btn {
    width: 100%;
  }

  .band {
    padding: 28px 0;
  }

  .inner {
    width: min(100% - 20px, 1180px);
  }

  .hero-panel {
    min-height: 420px;
    background-position: center;
  }

  .offline-hero .hero {
    min-height: auto;
  }

  .offline-page .offline-panel {
    min-height: 430px;
  }

  .course-wheel {
    inset: 14px;
    grid-template-columns: 1fr;
    gap: 8px;
    align-content: end;
  }

  .wheel-item {
    min-height: auto;
    padding: 11px 12px;
  }

  .wheel-item strong {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .wheel-item span {
    line-height: 1.4;
  }

  .grid,
  .stats,
  .funnel-grid,
  .funnel-kpi-grid,
  .funnel-action-grid,
  .funnel-queue-summary,
  .funnel-queue-grid,
  .recovery-performance-grid,
  .coupon-roi-grid,
  .config-health-grid,
  .settings-kpi-grid,
  .profit-guard-kpis,
  .profit-scenario-grid,
  .audit-review-grid,
  .production-switch-grid,
  .stripe-live-grid,
  .stripe-drill-grid,
  .admin-permission-boundary,
  .admin-settings-form,
  .admin-partner-settlement-filter,
  .admin-audit-filter,
  .webhook-health-grid,
  .launch-checklist {
    grid-template-columns: 1fr;
  }

  .admin-funnel-filter {
    grid-template-columns: 1fr;
  }

  .admin-funnel-filter .btn {
    width: 100%;
  }

  .funnel-course-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .funnel-course-row .course-title {
    grid-column: 1 / -1;
  }

  .hero-proof,
  .choice-strip {
    display: grid;
    grid-template-columns: 1fr;
  }

  .hero-proof span,
  .choice-strip span {
    border-radius: 8px;
    justify-content: center;
    text-align: center;
  }

  .section-head {
    display: block;
  }

  .lesson-row {
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 12px;
  }

  .lesson-row .btn {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
  }

  .lesson-row h3 {
    overflow-wrap: anywhere;
  }

  .reader,
  .tool-frame {
    width: 100%;
    height: min(72vh, 720px);
    min-height: 560px;
  }

  .reader iframe,
  .tool-frame iframe {
    display: block;
    min-width: 0;
  }

  .toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .toolbar > *,
  .toolbar h2 {
    min-width: 0;
  }

  .toolbar h2 {
    overflow-wrap: anywhere;
    font-size: 24px;
  }

  .toolbar .actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 0;
  }

  .toolbar .actions .btn,
  .toolbar .actions .inline-form,
  .toolbar .actions .inline-form .btn,
  .toolbar .actions .pill {
    width: 100%;
    min-width: 0;
  }

  .toolbar .actions .pill {
    justify-content: center;
  }

  .actions .btn {
    width: 100%;
  }

  .settings-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .settings-actions .btn {
    width: 100%;
  }

  .admin-audit-filter .btn {
    width: 100%;
  }

  .advisor-group {
    padding: 14px;
  }

  .advisor-group label {
    padding: 11px;
  }

  .advisor-result {
    padding: 16px;
  }

  .advisor-result .actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .exam-result-actions {
    grid-template-columns: 1fr;
    padding: 15px;
  }

  .exam-result-actions .actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .exam-review-grid {
    grid-template-columns: 1fr;
  }

  .exam-review .actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .cert-status-score,
  .cert-fee-breakdown,
  .cert-status-path,
  .partner-review-grid,
  .partner-settlement-grid,
  .partner-settlement-review-grid {
    grid-template-columns: 1fr;
  }

  .completion-shell {
    grid-template-columns: 1fr;
  }

  .completion-certificate-paper,
  .completion-border,
  .completion-actions {
    padding: 14px;
  }

  .completion-border {
    min-height: auto;
  }

  .completion-stats {
    grid-template-columns: 1fr;
  }

  .completion-sign {
    display: grid;
  }

  .cert-status-hero,
  .cert-status-panel,
  .cert-status-path li {
    padding: 14px;
  }

  .cert-status-hero .actions,
  .cert-status-panel .actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .cert-submitted-receipt,
  .cert-submitted-grid {
    grid-template-columns: 1fr;
  }

  .cert-submitted-hero,
  .cert-submitted-panel,
  .cert-submitted-grid article {
    padding: 14px;
  }

  .cert-submitted-hero .actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .cert-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-next-action {
    grid-template-columns: 1fr;
    padding: 15px;
  }

  .account-next-action .actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .account-next-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-next-stats span {
    border-radius: 8px;
    justify-content: center;
    text-align: center;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .account-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .account-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-summary-grid > div {
    padding: 11px;
  }

  .account-summary-grid strong {
    font-size: 22px;
  }

  .account-course-card {
    padding: 13px;
  }

  .account-course-meta {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .account-recent-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .account-recent-row .btn {
    grid-column: 2;
    justify-self: start;
  }

  .checkout-success-hero > div,
  .checkout-success-steps,
  .checkout-success-grid > div {
    padding: 15px;
  }

  .checkout-success-grid {
    grid-template-columns: 1fr;
  }

  .referral-public,
  .referral-growth-panel {
    padding: 15px;
  }

  .referral-public .actions,
  .referral-share-box,
  .referral-unlock-form {
    display: grid;
    grid-template-columns: 1fr;
  }

  .referral-share-box .btn,
  .referral-unlock-form .btn {
    width: 100%;
    min-width: 0;
  }

  .invite-landing,
  .invite-referrer-pulse {
    grid-template-columns: 1fr;
    padding: 15px;
  }

  .invite-share-grid,
  .referral-anomaly-actions form {
    grid-template-columns: 1fr;
  }

  .invite-benefit-grid,
  .referral-leaderboard-row,
  .referral-anomaly-stats {
    grid-template-columns: 1fr;
  }

  .referral-leaderboard,
  .referral-anomaly-queue {
    padding: 13px;
  }

  .referral-leaderboard-head,
  .referral-anomaly-head {
    display: grid;
    grid-template-columns: 1fr;
  }

  .referral-leaderboard-row .rank {
    width: 30px;
    height: 30px;
  }

  .invite-referrer-pulse .btn,
  .invite-landing .btn,
  .invite-share-kit .btn {
    width: 100%;
  }

  .course-foot {
    align-items: stretch;
    flex-direction: column;
  }

  .preview-conversion .actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .preview-proof {
    display: grid;
    grid-template-columns: 1fr;
  }

  .preview-proof span {
    border-radius: 8px;
    justify-content: center;
    text-align: center;
  }

  .preview-options {
    gap: 8px;
  }

  .checkout-outcome-grid {
    grid-template-columns: 1fr;
  }

  .coupon-form,
  .checkout-pay-form,
  .admin-coupon-form,
  .admin-partner-form,
  .admin-course-form,
  .admin-course-create-form,
  .admin-course-delete-form,
  .admin-question-filter,
  .admin-question-create-form,
  .admin-question-form,
  .admin-question-delete-form,
  .settings-owner-tools,
  .admin-owner-filter,
  .custom-setting-create-form,
  .custom-setting-action-form,
  .admin-log-clear-form,
  .partner-logo-upload,
  .partner-logo-upload form,
  .partner-settlement-create-form,
  .partner-settlement-update-form,
  .admin-partner-search,
  .admin-partner-settlement-filter,
  .admin-user-form,
  .admin-enrollment-form,
  .admin-user-search,
  .admin-user-tools,
  .admin-cert-form,
  .admin-payment-search,
  .admin-payment-update-form,
  .admin-exam-search,
  .admin-exam-form,
  .settings-group-fields {
    display: grid;
    grid-template-columns: 1fr;
  }

  .custom-setting-action-form {
    min-width: 0;
  }

  .admin-partner-form .wide,
  .admin-course-form .wide,
  .admin-course-create-form .wide,
  .admin-course-delete-form .wide,
  .admin-question-create-form .wide,
  .admin-question-form .wide,
  .settings-owner-tools .wide,
  .custom-setting-create-form .wide,
  .admin-log-clear-form .wide,
  .admin-user-form .wide,
  .admin-cert-form .wide,
  .admin-exam-form .wide {
    grid-column: auto;
  }

  .admin-partner-search .btn,
  .admin-partner-settlement-filter .btn,
  .admin-course-form .btn,
  .admin-course-create-form .btn,
  .admin-course-delete-form .btn,
  .admin-question-filter .btn,
  .admin-question-create-form .btn,
  .admin-question-form .btn,
  .admin-question-delete-form .btn,
  .admin-owner-filter .btn,
  .custom-setting-create-form .btn,
  .custom-setting-action-form .btn,
  .admin-log-clear-form .btn,
  .partner-logo-upload .btn,
  .partner-settlement-create-form .btn,
  .partner-settlement-update-form .btn,
  .admin-user-search .btn,
  .admin-user-tools .btn,
  .admin-user-tools .inline-form,
  .admin-cert-form .btn,
  .admin-payment-search .btn,
  .admin-payment-update-form .btn,
  .admin-exam-search .btn,
  .admin-exam-form .btn {
    width: 100%;
  }

  .partner-logo-preview {
    width: 64px;
    height: 64px;
  }

  .admin-user-detail-grid {
    grid-template-columns: 1fr;
  }

  .admin-coupon-form .field:nth-of-type(2) {
    grid-column: auto;
  }

  .admin-cert-workflow {
    grid-template-columns: 1fr;
  }

  .admin-cert-next {
    max-width: none;
  }

  .admin-cert-filter,
  .admin-payment-filter {
    display: grid;
    grid-template-columns: 1fr;
  }

  .admin-cert-filter .btn,
  .admin-payment-filter a,
  .admin-payment-filter .export-link {
    margin-left: 0;
    width: 100%;
  }

  .admin-marketing .table-wrap {
    overflow-x: visible;
  }

  .admin-marketing .marketing-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-marketing .marketing-table thead {
    display: none;
  }

  .admin-marketing .marketing-table tbody,
  .admin-marketing .marketing-table tr,
  .admin-marketing .marketing-table td {
    display: block;
    width: 100%;
  }

  .admin-marketing .marketing-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-marketing .marketing-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-marketing .marketing-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-marketing .marketing-table td:nth-child(1)::before {
    content: "\4f18\60e0\7801";
  }

  .admin-marketing .marketing-table td:nth-child(2)::before {
    content: "\4f18\60e0";
  }

  .admin-marketing .marketing-table td:nth-child(3)::before {
    content: "\9002\7528";
  }

  .admin-marketing .marketing-table td:nth-child(4)::before {
    content: "\72b6\6001";
  }

  .admin-marketing .marketing-table td:nth-child(5)::before {
    content: "\8ba2\5355";
  }

  .admin-marketing .marketing-table td:nth-child(6)::before {
    content: "\8f6c\5316";
  }

  .admin-marketing .marketing-table td:nth-child(7)::before {
    content: "\51cf\514d";
  }

  .admin-marketing .marketing-table td:nth-child(8)::before {
    content: "\5b9e\6536";
  }

  .admin-marketing .marketing-table td:nth-child(9)::before {
    content: "\56de\6536";
  }

  .admin-marketing .marketing-table td:nth-child(10)::before {
    content: "\4e0b\4e00\6b65";
  }

  .admin-marketing .marketing-table td:nth-child(11)::before {
    content: "\64cd\4f5c";
  }

  .admin-marketing .coupon-action {
    max-width: none;
  }

  .admin-marketing .coupon-row-actions,
  .admin-marketing .coupon-delete-form {
    min-width: 0;
  }

  .admin-marketing .inline-form,
  .admin-marketing .inline-form .btn,
  .admin-marketing .coupon-delete-form .btn {
    width: 100%;
  }

  .admin-partners .table-wrap {
    overflow-x: visible;
  }

  .admin-partners .partner-table,
  .admin-partners .partner-review-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-partner-settlements .table-wrap {
    overflow-x: visible;
  }

  .admin-system-settings .table-wrap {
    overflow-x: visible;
  }

  .admin-partner-settlements .partner-settlement-review-table,
  .admin-partner-settlements .partner-settlement-table,
  .admin-partner-settlements .partner-settlement-history,
  .admin-system-settings .admin-audit-table,
  .admin-system-settings .admin-risk-review-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-partners .partner-table thead,
  .admin-partners .partner-review-table thead,
  .admin-partner-settlements .partner-settlement-review-table thead,
  .admin-partner-settlements .partner-settlement-table thead,
  .admin-partner-settlements .partner-settlement-history thead,
  .admin-system-settings .admin-audit-table thead,
  .admin-system-settings .admin-risk-review-table thead {
    display: none;
  }

  .admin-partners .partner-table tbody,
  .admin-partners .partner-table tr,
  .admin-partners .partner-table td,
  .admin-partners .partner-review-table tbody,
  .admin-partners .partner-review-table tr,
  .admin-partners .partner-review-table td,
  .admin-partner-settlements .partner-settlement-review-table tbody,
  .admin-partner-settlements .partner-settlement-review-table tr,
  .admin-partner-settlements .partner-settlement-review-table td,
  .admin-partner-settlements .partner-settlement-table tbody,
  .admin-partner-settlements .partner-settlement-table tr,
  .admin-partner-settlements .partner-settlement-table td,
  .admin-partner-settlements .partner-settlement-history tbody,
  .admin-partner-settlements .partner-settlement-history tr,
  .admin-partner-settlements .partner-settlement-history td,
  .admin-system-settings .admin-audit-table tbody,
  .admin-system-settings .admin-audit-table tr,
  .admin-system-settings .admin-audit-table td,
  .admin-system-settings .admin-risk-review-table tbody,
  .admin-system-settings .admin-risk-review-table tr,
  .admin-system-settings .admin-risk-review-table td {
    display: block;
    width: 100%;
  }

  .admin-partners .partner-table tr,
  .admin-partners .partner-review-table tr,
  .admin-partner-settlements .partner-settlement-review-table tr,
  .admin-partner-settlements .partner-settlement-table tr,
  .admin-partner-settlements .partner-settlement-history tr,
  .admin-system-settings .admin-audit-table tr,
  .admin-system-settings .admin-risk-review-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-partners .partner-table td,
  .admin-partners .partner-review-table td,
  .admin-partner-settlements .partner-settlement-review-table td,
  .admin-partner-settlements .partner-settlement-table td,
  .admin-partner-settlements .partner-settlement-history td,
  .admin-system-settings .admin-audit-table td,
  .admin-system-settings .admin-risk-review-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-partners .partner-table td::before,
  .admin-partners .partner-review-table td::before,
  .admin-partner-settlements .partner-settlement-review-table td::before,
  .admin-partner-settlements .partner-settlement-table td::before,
  .admin-partner-settlements .partner-settlement-history td::before,
  .admin-system-settings .admin-audit-table td::before,
  .admin-system-settings .admin-risk-review-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-partners .partner-table td:nth-child(1)::before {
    content: "\673a\6784";
  }

  .admin-partners .partner-table td:nth-child(2)::before {
    content: "\54c1\724c\5165\53e3";
  }

  .admin-partners .partner-table td:nth-child(3)::before {
    content: "\5206\6210";
  }

  .admin-partners .partner-table td:nth-child(4)::before {
    content: "\7528\6237";
  }

  .admin-partners .partner-table td:nth-child(5)::before {
    content: "\8ba2\5355";
  }

  .admin-partners .partner-table td:nth-child(6)::before {
    content: "\5b9e\6536";
  }

  .admin-partners .partner-table td:nth-child(7)::before {
    content: "\5e94\5206\6210";
  }

  .admin-partners .partner-table td:nth-child(8)::before {
    content: "\72b6\6001";
  }

  .admin-partners .partner-table td:nth-child(9)::before {
    content: "\64cd\4f5c";
  }

  .admin-partners .partner-review-table td:nth-child(1)::before {
    content: "\673a\6784";
  }

  .admin-partners .partner-review-table td:nth-child(2)::before {
    content: "30\5929\8bbf\95ee";
  }

  .admin-partners .partner-review-table td:nth-child(3)::before {
    content: "30\5929\6ce8\518c";
  }

  .admin-partners .partner-review-table td:nth-child(4)::before {
    content: "\4e0b\5355/\652f\4ed8";
  }

  .admin-partners .partner-review-table td:nth-child(5)::before {
    content: "\5b9e\6536";
  }

  .admin-partners .partner-review-table td:nth-child(6)::before {
    content: "\5e94\5206\6210";
  }

  .admin-partners .partner-review-table td:nth-child(7)::before {
    content: "\5f85\7ed3\7b97";
  }

  .admin-partners .partner-review-table td:nth-child(8)::before {
    content: "\8f6c\5316\7387";
  }

  .admin-partners .partner-review-table td:nth-child(9)::before {
    content: "\4e0b\4e00\6b65";
  }

  .admin-partner-settlements .partner-settlement-review-table td:nth-child(1)::before {
    content: "\673a\6784";
  }

  .admin-partner-settlements .partner-settlement-review-table td:nth-child(2)::before {
    content: "\5f85\6253\6b3e";
  }

  .admin-partner-settlements .partner-settlement-review-table td:nth-child(3)::before {
    content: "\6682\7f13";
  }

  .admin-partner-settlements .partner-settlement-review-table td:nth-child(4)::before {
    content: "\5df2\6253\6b3e";
  }

  .admin-partner-settlements .partner-settlement-review-table td:nth-child(5)::before {
    content: "\8fd1 30\5929";
  }

  .admin-partner-settlements .partner-settlement-review-table td:nth-child(6)::before {
    content: "\672a\5165\5355\6c60";
  }

  .admin-partner-settlements .partner-settlement-review-table td:nth-child(7)::before {
    content: "\6700\8fd1\7ed3\7b97";
  }

  .admin-partner-settlements .partner-settlement-review-table td:nth-child(8)::before {
    content: "\4e0b\4e00\6b65";
  }

  .admin-partner-settlements .partner-settlement-table td:nth-child(1)::before {
    content: "\673a\6784";
  }

  .admin-partner-settlements .partner-settlement-table td:nth-child(2)::before {
    content: "\5f85\7ed3\7b97\8ba2\5355";
  }

  .admin-partner-settlements .partner-settlement-table td:nth-child(3)::before {
    content: "\6210\4ea4\989d";
  }

  .admin-partner-settlements .partner-settlement-table td:nth-child(4)::before {
    content: "\5f85\7ed3\7b97\4f63\91d1";
  }

  .admin-partner-settlements .partner-settlement-table td:nth-child(5)::before {
    content: "\5df2\6253\6b3e";
  }

  .admin-partner-settlements .partner-settlement-table td:nth-child(6)::before {
    content: "\751f\6210\7ed3\7b97\5355";
  }

  .admin-partner-settlements .partner-settlement-history td:nth-child(1)::before {
    content: "\7ed3\7b97\5355";
  }

  .admin-partner-settlements .partner-settlement-history td:nth-child(2)::before {
    content: "\673a\6784";
  }

  .admin-partner-settlements .partner-settlement-history td:nth-child(3)::before {
    content: "\5468\671f";
  }

  .admin-partner-settlements .partner-settlement-history td:nth-child(4)::before {
    content: "\8ba2\5355";
  }

  .admin-partner-settlements .partner-settlement-history td:nth-child(5)::before {
    content: "\4f63\91d1";
  }

  .admin-partner-settlements .partner-settlement-history td:nth-child(6)::before {
    content: "\72b6\6001";
  }

  .admin-partner-settlements .partner-settlement-history td:nth-child(7)::before {
    content: "\4eba\5de5\5904\7406";
  }

  .admin-system-settings .admin-audit-table td:nth-child(1)::before {
    content: "\65f6\95f4";
  }

  .admin-system-settings .admin-audit-table td:nth-child(2)::before {
    content: "\7ba1\7406\5458";
  }

  .admin-system-settings .admin-audit-table td:nth-child(3)::before {
    content: "\52a8\4f5c";
  }

  .admin-system-settings .admin-audit-table td:nth-child(4)::before {
    content: "\98ce\9669";
  }

  .admin-system-settings .admin-audit-table td:nth-child(5)::before {
    content: "\5bf9\8c61";
  }

  .admin-system-settings .admin-audit-table td:nth-child(6)::before {
    content: "\6458\8981";
  }

  .admin-system-settings .admin-audit-table td:nth-child(7)::before {
    content: "IP";
  }

  .admin-system-settings .admin-risk-review-table td:nth-child(1)::before {
    content: "\65f6\95f4";
  }

  .admin-system-settings .admin-risk-review-table td:nth-child(2)::before {
    content: "\7ba1\7406\5458";
  }

  .admin-system-settings .admin-risk-review-table td:nth-child(3)::before {
    content: "\98ce\9669\7c7b\578b";
  }

  .admin-system-settings .admin-risk-review-table td:nth-child(4)::before {
    content: "\5bf9\8c61";
  }

  .admin-system-settings .admin-risk-review-table td:nth-child(5)::before {
    content: "\590d\6838\5efa\8bae";
  }

  .admin-system-settings .admin-risk-review-table td:nth-child(6)::before {
    content: "\6458\8981";
  }

  .admin-partners .table-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .admin-partners .table-actions .btn,
  .admin-partners .inline-form,
  .admin-partners .inline-form .btn {
    width: 100%;
  }

  .admin-user-management .table-wrap {
    overflow-x: visible;
  }

  .admin-user-management .user-table,
  .admin-user-management .user-enrollment-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-user-management .user-table thead,
  .admin-user-management .user-enrollment-table thead {
    display: none;
  }

  .admin-user-management .user-table tbody,
  .admin-user-management .user-table tr,
  .admin-user-management .user-table td,
  .admin-user-management .user-enrollment-table tbody,
  .admin-user-management .user-enrollment-table tr,
  .admin-user-management .user-enrollment-table td {
    display: block;
    width: 100%;
  }

  .admin-user-management .user-table tr,
  .admin-user-management .user-enrollment-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-user-management .user-table td,
  .admin-user-management .user-enrollment-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-user-management .user-table td::before,
  .admin-user-management .user-enrollment-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-user-management .user-table td:nth-child(1)::before {
    content: "\7528\6237";
  }

  .admin-user-management .user-table td:nth-child(2)::before {
    content: "\72b6\6001/\89d2\8272";
  }

  .admin-user-management .user-table td:nth-child(3)::before {
    content: "\767b\5f55";
  }

  .admin-user-management .user-table td:nth-child(4)::before {
    content: "\8bfe\7a0b";
  }

  .admin-user-management .user-table td:nth-child(5)::before {
    content: "\5b66\4e60\8fdb\5ea6";
  }

  .admin-user-management .user-table td:nth-child(6)::before {
    content: "\652f\4ed8";
  }

  .admin-user-management .user-table td:nth-child(7)::before {
    content: "\8003\8bd5/\8ba4\8bc1";
  }

  .admin-user-management .user-table td:nth-child(8)::before {
    content: "\64cd\4f5c";
  }

  .admin-user-management .user-enrollment-table td:nth-child(1)::before {
    content: "\8bfe\7a0b";
  }

  .admin-user-management .user-enrollment-table td:nth-child(2)::before {
    content: "\72b6\6001";
  }

  .admin-user-management .user-enrollment-table td:nth-child(3)::before {
    content: "\6765\6e90";
  }

  .admin-user-management .user-enrollment-table td:nth-child(4)::before {
    content: "\91d1\989d";
  }

  .admin-user-management .user-enrollment-table td:nth-child(5)::before {
    content: "\66f4\65b0\65f6\95f4";
  }

  .admin-user-management .user-enrollment-table td:nth-child(6)::before {
    content: "\64cd\4f5c";
  }

  .admin-user-management .table-actions,
  .admin-user-management .inline-form,
  .admin-user-management .inline-form .btn {
    width: 100%;
  }

  .admin-payment-records .table-wrap {
    overflow-x: visible;
  }

  .admin-payment-records .payment-record-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-payment-records .payment-record-table thead {
    display: none;
  }

  .admin-payment-records .payment-record-table tbody,
  .admin-payment-records .payment-record-table tr,
  .admin-payment-records .payment-record-table td {
    display: block;
    width: 100%;
  }

  .admin-payment-records .payment-record-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-payment-records .payment-record-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-payment-records .payment-record-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-payment-records .payment-record-table td:nth-child(1)::before {
    content: "\8ba2\5355";
  }

  .admin-payment-records .payment-record-table td:nth-child(2)::before {
    content: "\7528\6237";
  }

  .admin-payment-records .payment-record-table td:nth-child(3)::before {
    content: "\8bfe\7a0b/\603b\5305";
  }

  .admin-payment-records .payment-record-table td:nth-child(4)::before {
    content: "\91d1\989d";
  }

  .admin-payment-records .payment-record-table td:nth-child(5)::before {
    content: "\72b6\6001";
  }

  .admin-payment-records .payment-record-table td:nth-child(6)::before {
    content: "\8d1f\8d23\4eba";
  }

  .admin-payment-records .payment-record-table td:nth-child(7)::before {
    content: "\5f00\901a";
  }

  .admin-payment-records .payment-record-table td:nth-child(8)::before {
    content: "\4eba\5de5\5904\7406";
  }

  .admin-exam-records .table-wrap {
    overflow-x: visible;
  }

  .admin-exam-records .exam-record-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-exam-records .exam-record-table thead {
    display: none;
  }

  .admin-exam-records .exam-record-table tbody,
  .admin-exam-records .exam-record-table tr,
  .admin-exam-records .exam-record-table td {
    display: block;
    width: 100%;
  }

  .admin-exam-records .exam-record-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-exam-records .exam-record-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-exam-records .exam-record-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-exam-records .exam-record-table td:nth-child(1)::before {
    content: "\8bb0\5f55";
  }

  .admin-exam-records .exam-record-table td:nth-child(2)::before {
    content: "\7528\6237";
  }

  .admin-exam-records .exam-record-table td:nth-child(3)::before {
    content: "\8bfe\7a0b";
  }

  .admin-exam-records .exam-record-table td:nth-child(4)::before {
    content: "\5206\6570";
  }

  .admin-exam-records .exam-record-table td:nth-child(5)::before {
    content: "\7ed3\679c";
  }

  .admin-exam-records .exam-record-table td:nth-child(6)::before {
    content: "\8d1f\8d23\4eba";
  }

  .admin-exam-records .exam-record-table td:nth-child(7)::before {
    content: "\8d44\683c";
  }

  .admin-exam-records .exam-record-table td:nth-child(8)::before {
    content: "\5907\6ce8";
  }

  .admin-exam-records .exam-record-table td:nth-child(9)::before {
    content: "\4eba\5de5\5904\7406";
  }

  .admin-recent-ops .table-wrap,
  .admin-cert-applications .table-wrap,
  .admin-resource-logs .table-wrap,
  .admin-mail-logs .table-wrap,
  .admin-resource-index .table-wrap {
    overflow-x: visible;
  }

  .admin-recent-ops .data-table,
  .admin-cert-applications .data-table,
  .admin-resource-logs .data-table,
  .admin-mail-logs .data-table,
  .admin-resource-index .data-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-recent-ops .data-table thead,
  .admin-cert-applications .data-table thead,
  .admin-resource-logs .data-table thead,
  .admin-mail-logs .data-table thead,
  .admin-resource-index .data-table thead {
    display: none;
  }

  .admin-recent-ops .data-table tbody,
  .admin-recent-ops .data-table tr,
  .admin-recent-ops .data-table td,
  .admin-cert-applications .data-table tbody,
  .admin-cert-applications .data-table tr,
  .admin-cert-applications .data-table td,
  .admin-resource-logs .data-table tbody,
  .admin-resource-logs .data-table tr,
  .admin-resource-logs .data-table td,
  .admin-mail-logs .data-table tbody,
  .admin-mail-logs .data-table tr,
  .admin-mail-logs .data-table td,
  .admin-resource-index .data-table tbody,
  .admin-resource-index .data-table tr,
  .admin-resource-index .data-table td {
    display: block;
    width: 100%;
  }

  .admin-recent-ops .data-table tr,
  .admin-cert-applications .data-table tr,
  .admin-resource-logs .data-table tr,
  .admin-mail-logs .data-table tr,
  .admin-resource-index .data-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-recent-ops .data-table td,
  .admin-cert-applications .data-table td,
  .admin-resource-logs .data-table td,
  .admin-mail-logs .data-table td,
  .admin-resource-index .data-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-recent-ops .data-table td::before,
  .admin-cert-applications .data-table td::before,
  .admin-resource-logs .data-table td::before,
  .admin-mail-logs .data-table td::before,
  .admin-resource-index .data-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-recent-ops .recent-order-table td:nth-child(1)::before { content: "ID"; }
  .admin-recent-ops .recent-order-table td:nth-child(2)::before { content: "\7528\6237"; }
  .admin-recent-ops .recent-order-table td:nth-child(3)::before { content: "\8bfe\7a0b/\603b\5305"; }
  .admin-recent-ops .recent-order-table td:nth-child(4)::before { content: "\91d1\989d"; }
  .admin-recent-ops .recent-order-table td:nth-child(5)::before { content: "\4f18\60e0\7801"; }
  .admin-recent-ops .recent-order-table td:nth-child(6)::before { content: "\51cf\514d"; }
  .admin-recent-ops .recent-order-table td:nth-child(7)::before { content: "\72b6\6001"; }
  .admin-recent-ops .recent-order-table td:nth-child(8)::before { content: "\4ed8\6b3e\63d0\793a"; }
  .admin-recent-ops .recent-order-table td:nth-child(9)::before { content: "\65f6\95f4"; }

  .admin-recent-ops .certificate-table td:nth-child(1)::before { content: "\8bc1\4e66\53f7"; }
  .admin-recent-ops .certificate-table td:nth-child(2)::before { content: "\7528\6237"; }
  .admin-recent-ops .certificate-table td:nth-child(3)::before { content: "\8bfe\7a0b"; }
  .admin-recent-ops .certificate-table td:nth-child(4)::before { content: "\5206\6570"; }
  .admin-recent-ops .certificate-table td:nth-child(5)::before { content: "\72b6\6001"; }

  .admin-cert-applications .data-table td:nth-child(1)::before { content: "\65f6\95f4"; }
  .admin-cert-applications .data-table td:nth-child(2)::before { content: "\7533\8bf7\4eba"; }
  .admin-cert-applications .data-table td:nth-child(3)::before { content: "\8054\7cfb\65b9\5f0f"; }
  .admin-cert-applications .data-table td:nth-child(4)::before { content: "\8bfe\7a0b"; }
  .admin-cert-applications .data-table td:nth-child(5)::before { content: "\8d44\683c\53f7"; }
  .admin-cert-applications .data-table td:nth-child(6)::before { content: "\72b6\6001"; }
  .admin-cert-applications .data-table td:nth-child(7)::before { content: "\4e0b\4e00\6b65"; }
  .admin-cert-applications .data-table td:nth-child(8)::before { content: "\64cd\4f5c"; }

  .admin-resource-logs .data-table td:nth-child(1)::before,
  .admin-mail-logs .data-table td:nth-child(1)::before { content: "\65f6\95f4"; }
  .admin-resource-logs .data-table td:nth-child(2)::before { content: "IP"; }
  .admin-resource-logs .data-table td:nth-child(3)::before { content: "\7528\6237"; }
  .admin-resource-logs .data-table td:nth-child(4)::before,
  .admin-mail-logs .data-table td:nth-child(4)::before { content: "\72b6\6001"; }
  .admin-resource-logs .data-table td:nth-child(5)::before { content: "\539f\56e0"; }
  .admin-resource-logs .data-table td:nth-child(6)::before { content: "\8d44\6e90"; }

  .admin-mail-logs .data-table td:nth-child(2)::before { content: "\6536\4ef6\4eba"; }
  .admin-mail-logs .data-table td:nth-child(3)::before { content: "\4e3b\9898"; }

  .admin-resource-index .data-table td:nth-child(1)::before { content: "\8bfe\7a0b"; }
  .admin-resource-index .data-table td:nth-child(2)::before { content: "\7ae0\8282"; }
  .admin-resource-index .data-table td:nth-child(3)::before { content: "\8d44\6e90"; }
  .admin-resource-index .data-table td:nth-child(4)::before { content: "\9898\91cf"; }
  .admin-resource-index .data-table td:nth-child(5)::before { content: "\4ef7\683c"; }

  .admin-cert-applications .table-actions,
  .admin-cert-applications .inline-form,
  .admin-cert-applications .inline-form .btn {
    width: 100%;
  }

  .admin-payment-issues .table-wrap {
    overflow-x: visible;
  }

  .admin-payment-issues .data-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-payment-issues .data-table thead {
    display: none;
  }

  .admin-payment-issues .data-table tbody,
  .admin-payment-issues .data-table tr,
  .admin-payment-issues .data-table td {
    display: block;
    width: 100%;
  }

  .admin-payment-issues .data-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-payment-issues .data-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-payment-issues .data-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-payment-issues .data-table td:nth-child(1)::before {
    content: "\7528\6237";
  }

  .admin-payment-issues .data-table td:nth-child(2)::before {
    content: "\8bfe\7a0b";
  }

  .admin-payment-issues .data-table td:nth-child(3)::before {
    content: "\91d1\989d";
  }

  .admin-payment-issues .data-table td:nth-child(4)::before {
    content: "\4e2d\65ad\65f6\95f4";
  }

  .admin-payment-issues .data-table td:nth-child(5)::before {
    content: "\7cfb\7edf\53ec\56de";
  }

  .admin-payment-issues .data-table td:nth-child(6)::before {
    content: "\4eba\5de5\8ddf\8fdb";
  }

  .admin-payment-issues .admin-followup-status,
  .admin-payment-issues .admin-payment-actions,
  .admin-payment-issues .second-touch-template,
  .admin-payment-issues .admin-followup-form {
    min-width: 0;
  }

  .admin-payment-issues .admin-payment-actions,
  .admin-payment-issues .admin-followup-form {
    display: grid;
    grid-template-columns: 1fr;
  }

  .admin-payment-issues .admin-payment-actions .btn,
  .admin-payment-issues .second-touch-template .btn,
  .admin-payment-issues .admin-followup-form .btn {
    width: 100%;
  }

  .stripe-drill-filter,
  .stripe-review-filter,
  .admin-webhook-filter {
    display: grid;
    grid-template-columns: 1fr;
  }

  .stripe-drill-filter a,
  .stripe-drill-filter .export-link,
  .stripe-review-filter .btn,
  .admin-webhook-filter a,
  .admin-webhook-filter .export-link {
    margin-left: 0;
    width: 100%;
  }

  .admin-webhook-events .table-wrap {
    overflow-x: visible;
  }

  .admin-webhook-events .data-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-webhook-events .data-table thead {
    display: none;
  }

  .admin-webhook-events .data-table tbody,
  .admin-webhook-events .data-table tr,
  .admin-webhook-events .data-table td {
    display: block;
    width: 100%;
  }

  .admin-webhook-events .data-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-webhook-events .data-table tr.is-alert {
    border-color: rgba(174, 80, 64, .34);
    background: #fff8f6;
  }

  .admin-webhook-events .data-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-webhook-events .data-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-webhook-events .data-table td:nth-child(1)::before {
    content: "\66f4\65b0\65f6\95f4";
  }

  .admin-webhook-events .data-table td:nth-child(2)::before {
    content: "\4e8b\4ef6";
  }

  .admin-webhook-events .data-table td:nth-child(3)::before {
    content: "Session";
  }

  .admin-webhook-events .data-table td:nth-child(4)::before {
    content: "\72b6\6001";
  }

  .admin-webhook-events .data-table td:nth-child(5)::before {
    content: "\8ba2\5355";
  }

  .admin-webhook-events .data-table td:nth-child(6)::before {
    content: "\4e0b\4e00\6b65";
  }

  .admin-webhook-events .stripe-drill-queue-table td:nth-child(1)::before {
    content: "\8ba2\5355";
  }

  .admin-webhook-events .stripe-drill-queue-table td:nth-child(2)::before {
    content: "\5b66\5458";
  }

  .admin-webhook-events .stripe-drill-queue-table td:nth-child(3)::before {
    content: "\4ea7\54c1\002f\91d1\989d";
  }

  .admin-webhook-events .stripe-drill-queue-table td:nth-child(4)::before {
    content: "\590d\6838\6807\7b7e";
  }

  .admin-webhook-events .stripe-drill-queue-table td:nth-child(5)::before {
    content: "Session";
  }

  .admin-webhook-events .stripe-drill-queue-table td:nth-child(6)::before {
    content: "\4e0b\4e00\6b65";
  }

  .admin-webhook-events .stripe-drill-queue-table td:nth-child(7)::before {
    content: "\590d\6838\5904\7406";
  }

  .admin-webhook-events .stripe-drill-queue-table td:nth-child(8)::before {
    content: "\64cd\4f5c";
  }

  .stripe-review-form {
    grid-template-columns: 1fr;
  }

  .stripe-review-form .btn {
    width: 100%;
    justify-self: stretch;
  }

  .admin-referral-filter,
  .referral-rule-strip,
  .referral-anomaly-head,
  .referral-anomaly-list,
  .referral-anomaly-actions form,
  .referral-review-form,
  .referral-review-batch {
    grid-template-columns: 1fr;
  }

  .admin-referral-filter .btn,
  .referral-rule-strip .btn,
  .referral-anomaly-item .btn,
  .referral-anomaly-actions .btn,
  .referral-review-form .btn,
  .referral-review-batch .btn {
    width: 100%;
    justify-self: stretch;
  }

  .admin-referrals .table-wrap {
    overflow-x: visible;
  }

  .admin-referrals .data-table {
    min-width: 0;
    border-collapse: separate;
    border-spacing: 0 12px;
  }

  .admin-referrals .data-table thead {
    display: none;
  }

  .admin-referrals .data-table tbody,
  .admin-referrals .data-table tr,
  .admin-referrals .data-table td {
    display: block;
    width: 100%;
  }

  .admin-referrals .data-table tr {
    border: 1px solid rgba(216, 209, 196, .9);
    border-radius: 8px;
    padding: 12px;
    background: #fff;
  }

  .admin-referrals .data-table td {
    border-bottom: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
  }

  .admin-referrals .data-table td::before {
    display: block;
    margin-bottom: 4px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 900;
  }

  .admin-referrals .data-table td:nth-child(1)::before {
    content: "\8bb0\5f55";
  }

  .admin-referrals .data-table td:nth-child(2)::before {
    content: "\5206\4eab\4eba";
  }

  .admin-referrals .data-table td:nth-child(3)::before {
    content: "\65b0\540c\4fee";
  }

  .admin-referrals .data-table td:nth-child(4)::before {
    content: "\8bfe\7a0b\002f\8ba2\5355";
  }

  .admin-referrals .data-table td:nth-child(5)::before {
    content: "\79ef\5206\4e0e\56de\9988";
  }

  .admin-referrals .data-table td:nth-child(6)::before {
    content: "\590d\6838\72b6\6001";
  }

  .admin-referrals .data-table td:nth-child(7)::before {
    content: "\4eba\5de5\5904\7406";
  }

  .admin-ops-batch-form,
  .stripe-review-batch {
    grid-template-columns: 1fr;
  }

  .admin-ops-batch-form .risk-confirm-field,
  .stripe-review-batch .wide,
  .stripe-review-batch .risk-confirm-field {
    grid-column: auto;
  }

  .admin-ops-batch-form .btn,
  .stripe-review-batch .btn {
    width: 100%;
    justify-self: stretch;
  }

  .referral-review-batch .wide,
  .referral-review-batch .risk-confirm-field {
    grid-column: auto;
  }

  .admin-cert-search {
    grid-template-columns: 1fr;
  }

  .admin-cert-search .btn {
    width: 100%;
  }

  .coupon-form .btn,
  .checkout-pay-form .btn,
  .admin-coupon-form .btn,
  .admin-user-form .btn,
  .admin-enrollment-form .btn {
    width: 100%;
  }

  .course-foot .btn {
    width: 100%;
  }

  .course-card {
    min-height: auto;
  }

  .value-card,
  .recommend-card,
  .path-step,
  .panel {
    padding: 15px;
  }

  .recommend-card {
    min-height: auto;
  }

  .recommend-card .btn {
    width: 100%;
    min-width: 0;
  }

  .panel-art {
    width: calc(100% + 30px);
    height: 132px;
    margin: -15px -15px 14px;
  }

  .mobile-cta {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: 70;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    border: 1px solid rgba(216, 209, 196, .92);
    border-radius: 8px;
    padding: 10px;
    background: rgba(251, 250, 247, .96);
    box-shadow: 0 18px 44px rgba(22, 32, 29, .18);
    backdrop-filter: blur(18px);
  }

  .mobile-cta strong,
  .mobile-cta span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-cta strong {
    color: var(--brand);
    font-size: 14px;
    line-height: 1.3;
  }

  .mobile-cta .btn {
    min-height: 40px;
    padding: 0 12px;
    white-space: nowrap;
  }

  .mobile-cta .inline-checkout-form,
  .mobile-cta .inline-checkout-form .btn {
    width: 100%;
  }

  .table-actions {
    display: grid;
  }

  .admin-payment-playbook {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  h1 {
    font-size: 30px;
    line-height: 1.1;
  }

  h2 {
    font-size: 24px;
    line-height: 1.18;
  }

  .lead {
    font-size: 16px;
    line-height: 1.65;
  }

  .nav {
    width: min(100% - 16px, 1180px);
    min-height: 92px;
    gap: 8px;
    row-gap: 8px;
    flex-wrap: wrap;
    align-content: center;
    padding: 8px 0 10px;
  }

  .brand {
    width: 100%;
    gap: 8px;
  }

  .brand img {
    width: 30px;
    height: 30px;
  }

  .brand span {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    font-size: 22px;
  }

  .navlinks {
    width: 100%;
    flex: 1 0 100%;
    justify-content: space-between;
  }

  .navlinks a {
    min-height: 34px;
    padding: 0 7px;
    font-size: 13px;
  }

  .toolbar .actions {
    grid-template-columns: 1fr;
  }

  .account-next-stats,
  .account-summary-grid {
    gap: 8px;
  }

  .account-next-action {
    gap: 12px;
    padding: 13px;
  }

  .account-next-action h2 {
    font-size: 22px;
  }

  .account-next-action p {
    line-height: 1.55;
  }

  .account-next-stats span {
    min-height: 42px;
    padding: 7px 8px;
    line-height: 1.25;
  }

  .account-summary-grid > div {
    min-height: 92px;
    display: grid;
    align-content: start;
    gap: 2px;
    padding: 10px;
  }

  .account-summary-grid strong,
  .account-course-progress b {
    font-size: 20px;
  }

  .account-summary-grid small,
  .account-course-meta span {
    font-size: 11px;
  }

  .account-summary-grid span,
  .account-summary-grid small {
    overflow-wrap: anywhere;
  }

  .account-course-grid,
  .account-course-card {
    gap: 10px;
  }

  .account-course-card h3 {
    font-size: 18px;
  }

  .account-course-card p {
    line-height: 1.45;
  }

  .account-course-top {
    align-items: flex-start;
  }

  .account-course-top strong {
    max-width: 58%;
    white-space: normal;
    text-align: right;
  }

  .account-course-actions {
    grid-template-columns: 1fr;
  }

  .reader,
  .tool-frame {
    min-height: 500px;
  }

  .production-switch-step {
    display: grid;
    grid-template-columns: 1fr;
  }

  .production-switch-step em {
    white-space: normal;
  }
}

@media (max-width: 360px) {
  .navlinks a {
    padding: 0 5px;
    font-size: 12px;
  }

  .account-next-stats,
  .account-summary-grid {
    grid-template-columns: 1fr;
  }
}