:root {
  --i8k-ink: #3e3b39;
  --i8k-ink-2: #514b48;
  --i8k-muted: #656565;
  --i8k-canvas: #fff9ee;
  --i8k-surface: #fffdfa;
  --i8k-line: #eadfd4;
  --i8k-brand: #c79883;
  --i8k-brand-deep: #8d5c47;
  --i8k-accent: #dcb3a3;
  --i8k-accent-soft: #f6e6df;
  --i8k-blue: #b8d6df;
  --i8k-blue-deep: #608b99;
  --i8k-sage: #cddcc7;
  --i8k-sand: #f6dfc7;
  --i8k-form-soft: #f6e8b8;
  --i8k-form-accent: #d6a62b;
  --i8k-form-deep: #9a6a12;
  --i8k-violet: #e8e1ed;
  --i8k-danger: #a85d58;
  --i8k-success: #667b62;
  --i8k-radius: 14px;
  --i8k-shadow: 0 16px 45px rgba(86, 65, 50, 0.09);
  --i8k-serif: Georgia, "Times New Roman", serif;
  --i8k-sans: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

* { box-sizing: border-box; }

html {
  background: var(--i8k-canvas);
  scroll-behavior: smooth;
}

body.i8k-hub-theme {
  margin: 0;
  color: var(--i8k-ink);
  background: var(--i8k-canvas);
  font-family: var(--i8k-sans);
  font-size: 15px;
  line-height: 1.55;
}

body.i8k-hub-theme a { color: inherit; }
body.i8k-hub-theme button,
body.i8k-hub-theme input,
body.i8k-hub-theme select,
body.i8k-hub-theme textarea { font: inherit; }
body.i8k-hub-theme button { color: inherit; }

.i8k-site-main { min-height: 100dvh; }

.i8k-setup-notice,
.i8k-login-card {
  width: min(92vw, 520px);
  margin: 10vh auto;
  padding: clamp(30px, 6vw, 54px);
  border: 1px solid var(--i8k-line);
  border-radius: 18px;
  background: var(--i8k-surface);
  box-shadow: var(--i8k-shadow);
}

.i8k-login-card h1,
.i8k-setup-notice h1 {
  margin: 8px 0 12px;
  font-family: var(--i8k-serif);
  font-size: clamp(2.2rem, 6vw, 3.2rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1.05;
}

.i8k-login-card > p:not(.i8k-eyebrow),
.i8k-setup-notice > p:not(.i8k-eyebrow) { color: var(--i8k-muted); }

.i8k-eyebrow {
  margin: 0 0 9px;
  color: #78908b;
  font-size: var(--i8k-font-size-eyebrow);
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* Shell */
.i8k-shell {
  min-height: 100dvh;
}

.i8k-sidebar {
  position: fixed;
  z-index: 30;
  inset: 0 auto 0 0;
  display: flex;
  width: 252px;
  height: 100dvh;
  flex-direction: column;
  padding: 29px 18px 20px;
  color: #e9f0e8;
  background: var(--i8k-ink);
}

body.admin-bar .i8k-sidebar {
  top: 32px;
  height: calc(100dvh - 32px);
}

.i8k-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 9px 32px;
  color: #f4eee8;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-transform: lowercase;
}

.i8k-brand-mark {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 11px;
  color: #f0cdbf;
  font-size: 17px;
  font-weight: 800;
}

.i8k-nav {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.i8k-nav-label {
  margin: 0 12px 11px;
  color: #9caeaa;
  font-size: var(--i8k-font-size-eyebrow);
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.i8k-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 43px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #bdcac7 !important;
  font-size: 0.84rem;
  text-decoration: none;
  transition: color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.i8k-nav-item .dashicons {
  width: 19px;
  height: 19px;
  font-size: 19px;
}

.i8k-nav-item:hover,
.i8k-nav-item[aria-current="page"] {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.095);
}

.i8k-nav-item[aria-current="page"] { box-shadow: inset 3px 0 #e9c3b3; }
.i8k-nav-item--analytics[aria-current="page"] { box-shadow: inset 3px 0 var(--i8k-blue); }
.i8k-nav-item--forms[aria-current="page"] { box-shadow: inset 3px 0 #e4c55c; }

.i8k-sidebar-bottom {
  display: grid;
  gap: 12px;
  margin-top: auto;
}

.i8k-sidebar-bottom > .i8k-nav-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  padding-bottom: 16px;
}

.i8k-mini-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 0 8px;
}

.i8k-mini-profile > div {
  display: grid;
  min-width: 0;
}

.i8k-mini-profile strong {
  overflow: hidden;
  color: #f5f2ed;
  font-size: var(--i8k-font-size-body);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.i8k-mini-profile small {
  overflow: hidden;
  margin-top: 2px;
  color: #9eafac;
  font-size: var(--i8k-font-size-eyebrow);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.i8k-avatar {
  display: grid;
  width: 33px;
  height: 33px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: var(--i8k-ink);
  background: #f0cdbf;
  font-size: var(--i8k-font-size-eyebrow);
  font-weight: 800;
}

.i8k-shell-main {
  min-width: 0;
  min-height: 100dvh;
  margin-left: 252px;
}

.i8k-topbar {
  position: sticky;
  z-index: 20;
  top: 0;
  display: flex;
  height: 69px;
  align-items: center;
  padding: 0 37px;
  border-bottom: 1px solid var(--i8k-line);
  background: rgba(255, 253, 250, 0.88);
  backdrop-filter: blur(15px);
}

body.admin-bar .i8k-topbar { top: 32px; }

.i8k-breadcrumb {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  font-size: var(--i8k-font-size-meta);
}

.i8k-breadcrumb > span,
.i8k-breadcrumb > i {
  color: #958983;
  font-style: normal;
}

.i8k-breadcrumb strong {
  overflow: hidden;
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.i8k-client-switcher { margin: 0; }
.i8k-client-switcher select {
  max-width: min(300px, 36vw);
  padding: 3px 24px 3px 0;
  border: 0;
  outline: 0;
  color: var(--i8k-ink);
  background: transparent;
  font-weight: 700;
}

.i8k-top-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.i8k-secure {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  color: #6b7c79;
  background: #f2f2e9;
  font-size: var(--i8k-font-size-eyebrow);
}

.i8k-secure i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #78a777;
}

.i8k-logout {
  color: #746a65 !important;
  font-size: var(--i8k-font-size-ui);
  font-weight: 700;
  text-decoration: none;
}
.i8k-logout:hover { color: var(--i8k-brand-deep) !important; }

.i8k-mobile-toggle {
  display: none;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.i8k-nav-scrim { display: none; }

/* Content */
.i8k-content {
  padding: 48px 42px 70px;
}

.i8k-content-inner {
  width: min(100%, 1220px);
  margin: 0 auto;
}

.i8k-page-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 34px;
}

.i8k-page-heading h1 {
  margin: 8px 0 7px;
  font-family: var(--i8k-serif);
  font-size: clamp(2.2rem, 4vw, 2.75rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1.04;
}

.i8k-page-heading p:not(.i8k-eyebrow) {
  max-width: 680px;
  margin: 0;
  color: #656565;
  font-size: 15px;
}

.i8k-card {
  padding: 22px;
  border: 1px solid var(--i8k-line);
  border-radius: var(--i8k-radius);
  background: var(--i8k-surface);
}

.i8k-card h1,
.i8k-card h2,
.i8k-card h3 { margin-top: 0; }
.i8k-card p { color: var(--i8k-muted); }

.i8k-empty-state {
  padding: clamp(32px, 6vw, 58px);
  text-align: center;
}

.i8k-empty-state h2 {
  margin-bottom: 8px;
  font-family: var(--i8k-serif);
  font-size: 1.7rem;
  font-weight: 400;
}

.i8k-button,
.i8k-login-card input[type="submit"] {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0 17px;
  border: 0;
  border-radius: 8px;
  color: var(--i8k-ink) !important;
  background: var(--i8k-accent);
  font-size: 0.76rem;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.i8k-button:hover,
.i8k-login-card input[type="submit"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(126, 98, 78, 0.13);
}

.i8k-button--quiet {
  border: 1px solid var(--i8k-line);
  background: var(--i8k-surface);
}

.i8k-login-card label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  font-weight: 700;
}

.i8k-login-card input[type="text"],
.i8k-login-card input[type="password"] {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--i8k-line);
  border-radius: 9px;
  outline: 0;
  background: #fff;
}

.i8k-login-card input[type="text"]:focus,
.i8k-login-card input[type="password"]:focus {
  border-color: var(--i8k-brand);
  box-shadow: 0 0 0 3px var(--i8k-accent-soft);
}

.i8k-login-card .login-remember { margin: 18px 0; }

.i8k-status {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 5px 8px;
  border-radius: 5px;
  color: #805c4b;
  background: var(--i8k-accent-soft);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.i8k-status--blue { color: #527f8e; background: #e2f0f3; }
.i8k-status--peach { color: var(--i8k-form-deep); background: var(--i8k-form-soft); }
.i8k-status--sage { color: #667b62; background: #e9f0e5; }

/* Dashboard */
.i8k-dashboard-heading { margin-bottom: 28px; }

.i8k-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.i8k-dashboard-metrics article {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 88px;
  padding: 17px 18px;
  border: 1px solid var(--i8k-line);
  border-radius: 13px;
  background: var(--i8k-surface);
}

.i8k-dashboard-metrics article > .dashicons {
  display: grid;
  width: 39px;
  height: 39px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  color: var(--i8k-ink-2);
  background: var(--i8k-accent-soft);
  font-size: 20px;
  line-height: 39px;
}

.i8k-dashboard-metrics article:nth-child(2) > .dashicons { background: #dcebf0; }
.i8k-dashboard-metrics article:nth-child(3) > .dashicons { background: #e2eddd; }

.i8k-dashboard-metrics article > div { display: grid; }
.i8k-dashboard-metrics small { color: #82766f; font-size: var(--i8k-font-size-meta); }
.i8k-dashboard-metrics strong {
  margin-top: 2px;
  font-family: var(--i8k-serif);
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.1;
}
.i8k-dashboard-metrics .i8k-metric-word {
  font-family: var(--i8k-sans);
  font-size: 1.1rem;
  font-weight: 700;
}

.i8k-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(270px, 0.72fr);
  gap: 18px;
}

.i8k-panel {
  min-width: 0;
  padding: 23px;
  border: 1px solid var(--i8k-line);
  border-radius: 14px;
  background: var(--i8k-surface);
}

.i8k-panel-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.i8k-panel-head h2,
.i8k-library-heading h2 {
  margin: 4px 0 0;
  font-family: var(--i8k-serif);
  font-size: 1.42rem;
  font-weight: 400;
  letter-spacing: -0.025em;
}

.i8k-dashboard-modules { display: grid; gap: 12px; }

.i8k-module-card {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 34px;
  gap: 16px;
  align-items: center;
  min-height: 112px;
  padding: 18px;
  overflow: hidden;
  border: 1px solid var(--i8k-line);
  border-radius: 12px;
  color: inherit;
  background: #fffdfa;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.i8k-module-card:hover {
  transform: translateY(-2px);
  border-color: #d8c9bc;
  box-shadow: var(--i8k-shadow);
}

.i8k-module-icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 11px;
  color: #976b58;
  background: #f5dfd2;
}
.i8k-module-card--analytics .i8k-module-icon { color: #577f8b; background: #dbeaf0; }
.i8k-module-card--forms .i8k-module-icon { color: var(--i8k-form-deep); background: var(--i8k-form-soft); }
.i8k-module-icon .dashicons { width: 24px; height: 24px; font-size: 24px; }

.i8k-module-copy { display: grid; min-width: 0; }
.i8k-module-copy > small {
  color: #9a8e86;
  font-size: var(--i8k-font-size-eyebrow);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.i8k-module-copy > strong {
  margin: 4px 0 3px;
  font-family: var(--i8k-serif);
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.i8k-module-copy > span { color: var(--i8k-muted); font-size: var(--i8k-font-size-body); }

.i8k-module-arrow {
  display: grid;
  width: 33px;
  height: 33px;
  place-items: center;
  border: 1px solid var(--i8k-line);
  border-radius: 50%;
  background: #fff;
  font-size: 16px;
  line-height: 33px;
}

.i8k-dashboard-extra-card { margin-top: 2px; }

.i8k-activity-list.i8k-activity-timeline {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  list-style: none;
}

.i8k-activity-list.i8k-activity-timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 29px 1fr;
  gap: 12px;
  padding: 0 0 23px;
  border: 0;
}

.i8k-activity-list.i8k-activity-timeline li:not(:last-child)::before {
  position: absolute;
  top: 29px;
  bottom: 3px;
  left: 14px;
  width: 1px;
  background: #e0ddd8;
  content: "";
}

.i8k-timeline-dot {
  position: relative;
  z-index: 1;
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  border-radius: 50%;
  background: var(--i8k-accent-soft);
}

.i8k-timeline-dot::after {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--i8k-brand);
  content: "";
}

.i8k-activity-timeline li > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding-top: 4px;
  font-size: var(--i8k-font-size-ui);
  font-weight: 700;
}
.i8k-activity-timeline time {
  margin-top: 4px;
  color: #a09690;
  font-size: var(--i8k-font-size-meta);
  font-weight: 400;
}
.i8k-muted-copy { color: var(--i8k-muted); font-size: 0.76rem; }

/* Module libraries */
.i8k-module-heading { margin-bottom: 30px; }

.i8k-latest-report {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.75fr);
  overflow: hidden;
  border: 1px solid var(--i8k-line);
  border-radius: 18px;
  color: inherit;
  background: var(--i8k-surface);
  box-shadow: 0 18px 50px rgba(93, 70, 52, 0.06);
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.i8k-latest-report:hover {
  transform: translateY(-2px);
  box-shadow: var(--i8k-shadow);
}

.i8k-latest-report-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 35px 38px;
}

.i8k-latest-report-copy > span:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.i8k-latest-report-copy > span:first-child small { color: #656565; font-size: 12px; }
.i8k-latest-report-copy > strong {
  margin: 22px 0 8px;
  font-family: var(--i8k-serif);
  font-size: clamp(1.9rem, 4vw, 2.2rem);
  font-weight: 400;
  letter-spacing: -0.035em;
}
.i8k-latest-report-copy > p {
  max-width: 620px;
  margin: 0;
  color: #656565;
  font-size: 15px;
  line-height: 1.7;
}
.i8k-latest-report-copy > b {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  font-size: 15px;
}
.i8k-latest-report-copy > b .dashicons { width: 15px; height: 15px; font-size: 15px; }

.i8k-latest-report-visual {
  display: flex;
  min-height: 250px;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
  color: #4c6870;
  background: #dbe9ed;
}
.i8k-latest-report-visual > small {
  font-size: var(--i8k-font-size-eyebrow);
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.i8k-pastel-chart {
  display: flex;
  height: 100px;
  align-items: flex-end;
  gap: 8px;
  margin-top: 26px;
}
.i8k-pastel-chart i {
  height: 35%;
  flex: 1;
  border-radius: 3px 3px 0 0;
  background: rgba(81, 123, 135, 0.30);
}
.i8k-pastel-chart i:nth-child(2) { height: 48%; }
.i8k-pastel-chart i:nth-child(3) { height: 42%; }
.i8k-pastel-chart i:nth-child(4) { height: 64%; }
.i8k-pastel-chart i:nth-child(5) { height: 57%; }
.i8k-pastel-chart i:nth-child(6) { height: 90%; background: #729eaa; }

.i8k-library-section { margin-top: 31px; }
.i8k-library-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 13px;
}

.i8k-library-list {
  overflow: hidden;
  border: 1px solid var(--i8k-line);
  border-radius: 14px;
  background: var(--i8k-surface);
}

.i8k-library-list > a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 16px;
  align-items: center;
  min-height: 88px;
  padding: 14px 18px;
  color: inherit;
  text-decoration: none;
  transition: background 0.16s ease;
}
.i8k-library-list > a + a { border-top: 1px solid var(--i8k-line); }
.i8k-library-list > a:hover { background: #fffaf4; }

.i8k-library-icon {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 9px;
}
.i8k-library-icon--blue { color: #547e8a; background: #dbeaf0; }
.i8k-library-icon--peach { color: var(--i8k-form-deep); background: var(--i8k-form-soft); }
.i8k-library-icon--sage { color: #667b62; background: #e2eddd; }
.i8k-library-icon .dashicons { width: 19px; height: 19px; font-size: 19px; }

.i8k-library-copy { display: grid; min-width: 0; }
.i8k-library-copy strong { font-size: 15.5px; line-height: 1.3; }
.i8k-library-copy small {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 4px;
  color: #656565;
  font-size: 15px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.i8k-library-list > a > .dashicons { width: 17px; height: 17px; color: #8d817a; font-size: 17px; }

/* Forms hub */
.i8k-featured-form {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 30px 34px;
  border: 1px solid var(--i8k-line);
  border-radius: 18px;
  color: inherit;
  background: var(--i8k-surface);
  box-shadow: 0 18px 50px rgba(93, 70, 52, 0.06);
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.i8k-featured-form:hover { transform: translateY(-2px); box-shadow: var(--i8k-shadow); }

.i8k-featured-form-icon {
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border-radius: 16px;
  color: var(--i8k-form-deep);
  background: var(--i8k-form-soft);
}
.i8k-featured-form-icon .dashicons { width: 28px; height: 28px; font-size: 28px; }

.i8k-featured-form-copy { display: flex; min-width: 0; flex-direction: column; }
.i8k-featured-form-copy > strong {
  margin: 16px 0 7px;
  font-family: var(--i8k-serif);
  font-size: clamp(1.7rem, 4vw, 2rem);
  font-weight: 400;
  letter-spacing: -0.03em;
}
.i8k-featured-form-copy > p {
  max-width: 610px;
  margin: 0;
  color: #656565;
  font-size: 15px;
  line-height: 1.7;
}
.i8k-featured-form-copy > small { margin-top: 6px; color: #656565; font-size: 12px; }

.i8k-wide-progress {
  display: block;
  max-width: 520px;
  height: 5px;
  margin-top: 17px;
  overflow: hidden;
  border-radius: 8px;
  background: #f4ecd3;
}
.i8k-wide-progress i { display: block; height: 100%; background: var(--i8k-form-accent); }

.i8k-featured-form-action {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 74px;
  padding-left: 26px;
  border-left: 1px solid var(--i8k-line);
  color: var(--i8k-form-deep);
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
}
.i8k-featured-form-action .dashicons { width: 16px; height: 16px; font-size: 16px; }

.i8k-form-summary {
  display: grid;
  grid-template-columns: 180px 180px minmax(0, 1fr);
  gap: 12px;
  margin: 16px 0 31px;
}
.i8k-form-summary article {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 78px;
  padding: 16px;
  border: 1px solid var(--i8k-line);
  border-radius: 12px;
  background: var(--i8k-surface);
}
.i8k-summary-icon {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
}
.i8k-summary-icon--sand { color: var(--i8k-form-deep); background: var(--i8k-form-soft); }
.i8k-summary-icon--sage { background: #e2eddd; }
.i8k-form-summary article > span:last-child { display: grid; }
.i8k-form-summary small { color: #656565; font-size: 13.3px; }
.i8k-form-summary strong { font-family: var(--i8k-serif); font-size: 1.55rem; font-weight: 400; }
.i8k-form-summary .i8k-summary-message { grid-column: auto; background: #f0f2e9; }
.i8k-summary-message p { margin: 0; font-family: var(--i8k-serif); font-size: 1rem; }

/* Questionnaire */
.i8k-questionnaire { position: relative; }

.i8k-questionnaire-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 26px;
  margin-bottom: 20px;
}

.i8k-questionnaire-head h1 {
  margin: 7px 0 6px;
  font-family: var(--i8k-serif);
  font-size: clamp(2rem, 4vw, 2.7rem);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 1.05;
}
.i8k-questionnaire-head p { max-width: 700px; margin: 0; color: #656565; font-size: 15px; }

.i8k-questionnaire-progress {
  height: 5px;
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 6px;
  background: #eee5dc;
}
.i8k-questionnaire-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--i8k-accent);
  transition: width 0.25s ease;
}

.i8k-questionnaire-layout {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 18px;
}

.i8k-questionnaire-layout > aside {
  max-height: 70vh;
  padding: 12px;
  overflow: auto;
  border: 1px solid var(--i8k-line);
  border-radius: 14px;
  background: var(--i8k-surface);
}
.i8k-questionnaire-layout > aside section + section { margin-top: 18px; }
.i8k-questionnaire-layout > aside h3 {
  margin: 8px 9px;
  color: #656565;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.i8k-questionnaire-layout > aside button {
  display: grid;
  width: 100%;
  grid-template-columns: 28px 1fr;
  gap: 7px;
  align-items: center;
  padding: 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.i8k-questionnaire-layout > aside button span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 7px;
  background: #f4ecd3;
  font-size: var(--i8k-font-size-eyebrow);
}
.i8k-questionnaire-layout > aside button.is-current {
  box-shadow: inset 3px 0 var(--i8k-accent);
  background: #fff6ef;
}
.i8k-questionnaire-layout > aside .i8k-overview-review {
  display: block;
  margin-top: 16px;
  padding: 11px;
  border: 1px solid var(--i8k-line);
  text-align: center;
  background: var(--i8k-surface);
}

.i8k-question-card,
.i8k-review {
  padding: clamp(26px, 5vw, 52px);
  border: 1px solid var(--i8k-line);
  border-radius: 18px;
  background: var(--i8k-surface);
  box-shadow: 0 12px 34px rgba(93, 70, 52, 0.05);
}
.i8k-question-position {
  margin: 0;
  color: #a87814;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.i8k-question-card h2 {
  margin: 10px 0 8px;
  font-family: var(--i8k-serif);
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.12;
}
.i8k-question-card h2 sup { color: var(--i8k-danger); }
.i8k-question-card > p { color: #656565; font-size: 15px; }
.i8k-answer { margin: 27px 0; }
.i8k-answer > input,
.i8k-answer > textarea {
  width: 100%;
  padding: 13px 0;
  border: 0;
  border-bottom: 1px solid var(--i8k-line);
  outline: 0;
  color: var(--i8k-ink);
  background: transparent;
  font-size: 1rem;
}
.i8k-answer > textarea {
  min-height: 150px;
  padding: 14px;
  border: 1px solid var(--i8k-line);
  border-radius: 10px;
  background: #fffefa;
}
.i8k-answer > input:focus,
.i8k-answer > textarea:focus {
  border-color: var(--i8k-brand);
  box-shadow: 0 0 0 3px #f7e8e1;
}
.i8k-choice-list { display: grid; gap: 9px; }
.i8k-choice-list label { display: block; }
.i8k-choice-list input { position: absolute; opacity: 0; }
.i8k-choice-list span {
  display: block;
  padding: 13px 15px;
  border: 1px solid var(--i8k-line);
  border-radius: 10px;
  background: #fffefa;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.i8k-choice-list span:hover { border-color: #cfac9c; }
.i8k-choice-list input:checked + span { border-color: var(--i8k-brand); background: #fff7f2; }
.i8k-scale { display: flex; gap: 8px; flex-wrap: wrap; }
.i8k-scale input { position: absolute; opacity: 0; }
.i8k-scale span {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border: 1px solid var(--i8k-line);
  border-radius: 10px;
  cursor: pointer;
}
.i8k-scale input:checked + span { color: var(--i8k-ink); border-color: var(--i8k-brand); background: var(--i8k-accent); }
.i8k-question-card footer,
.i8k-review footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 27px; }
.i8k-review > article { display: flex; justify-content: space-between; gap: 18px; padding: 17px 0; border-bottom: 1px solid var(--i8k-line); }
.i8k-review article h3 { margin: 4px 0; font-family: var(--i8k-serif); font-weight: 400; }
.i8k-review article p { margin: 0; color: var(--i8k-muted); }
.i8k-review article button { border: 0; color: var(--i8k-brand-deep); background: transparent; cursor: pointer; }
.i8k-review article.is-missing { padding-inline: 12px; border-radius: 10px; background: #fff4ef; }
.i8k-autosave-state { min-height: 24px; color: #656565; text-align: right; font-size: 12px; }

/* Analytics report */
.i8k-report { display: grid; gap: 22px; }
.i8k-report-cover {
  position: relative;
  padding: clamp(34px, 6vw, 68px);
  overflow: hidden;
  border: 1px solid var(--i8k-line);
  border-radius: 20px;
  color: var(--i8k-ink);
  background: var(--i8k-surface);
  box-shadow: none;
}
.i8k-report-cover::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--i8k-ink-2);
  content: "";
}
.i8k-report-cover .i8k-eyebrow { color: #78908b; }
.i8k-report-cover h1 {
  max-width: 800px;
  margin: 8px 0 0;
  font-family: var(--i8k-serif);
  font-size: clamp(2.8rem, 7vw, 5rem);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.98;
}
.i8k-report-section {
  padding: clamp(22px, 4vw, 38px);
  border: 1px solid var(--i8k-line);
  border-radius: 16px;
  background: var(--i8k-surface);
}
.i8k-report-section-title { margin: 0 0 18px; color: #656565; font-size: 15px; }
.i8k-report-blocks { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 15px; }
.i8k-report-block { grid-column: span 12; min-width: 0; }
.i8k-report-block.i8k-span-4 { grid-column: span 4; }
.i8k-report-block.i8k-span-6 { grid-column: span 6; }
.i8k-report-block.i8k-span-8 { grid-column: span 8; }
.i8k-report-block:not(.i8k-block-heading) {
  padding: 18px;
  border: 1px solid var(--i8k-line);
  border-radius: 12px;
  background: #fffefa;
}
.i8k-report-block h3 { margin: 0 0 12px; }
.i8k-report-heading h2 {
  margin: 4px 0 8px;
  font-family: var(--i8k-serif);
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 400;
  letter-spacing: -0.04em;
}
.i8k-report-heading p:last-child { max-width: 740px; color: var(--i8k-muted); }
.i8k-block-kpi_grid > h3 { text-align: center; }
.i8k-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; }
.i8k-kpi { display: grid; gap: 4px; justify-items: center; padding: 14px; border-radius: 11px; background: #f6ede5; text-align: center; }
.i8k-kpi:nth-child(3n + 2) { background: #e6f0f2; }
.i8k-kpi:nth-child(3n + 3) { background: #edf1e8; }
.i8k-kpi span { color: #656565; font-size: 13.3px; }
.i8k-kpi strong { font-family: var(--i8k-serif); font-size: 1.8rem; font-weight: 400; }
.i8k-kpi small { color: var(--i8k-success); font-size: 12px; }
.i8k-bar-chart { display: grid; gap: 12px; }
.i8k-bar-row { display: grid; grid-template-columns: minmax(75px, 1fr) 3fr auto; align-items: center; gap: 10px; }
.i8k-bar-track { height: 10px; overflow: hidden; border-radius: 8px; background: #eee5dc; }
.i8k-bar-track i { display: block; height: 100%; border-radius: inherit; background: var(--report-accent, var(--i8k-blue-deep)); }
.i8k-table-wrap { overflow: auto; }
.i8k-table-wrap table { width: 100%; border-collapse: collapse; }
.i8k-table-wrap th,
.i8k-table-wrap td { padding: 11px; border-bottom: 1px solid var(--i8k-line); text-align: left; }
.i8k-table-wrap th { color: var(--i8k-muted); font-size: var(--i8k-font-size-ui); }
.i8k-callout { padding: 18px; border-left: 4px solid var(--report-accent, var(--i8k-blue-deep)); border-radius: 10px; background: #edf3f2; }
.i8k-callout p { margin-bottom: 0; }
.i8k-callout-warning { border-color: #c88969; background: #fff4ea; }
.i8k-callout-success { border-color: #7a9773; background: #eff5ec; }
.i8k-actions { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.i8k-actions li { display: flex; justify-content: space-between; gap: 12px; padding: 11px; border-radius: 10px; background: #f7eee7; }
.i8k-actions small { color: var(--i8k-muted); }

/* Profile/detail */
.i8k-detail-list { display: grid; gap: 16px; }
.i8k-detail-list div { display: grid; gap: 3px; }
.i8k-detail-list dt { color: var(--i8k-muted); font-size: var(--i8k-font-size-meta); }
.i8k-detail-list dd { margin: 0; font-weight: 700; }

/* Generic WordPress fallback */
.i8k-content-fallback { width: min(92vw, 900px); margin: 60px auto; }

/* Responsive */
@media (max-width: 1040px) {
  .i8k-dashboard-grid { grid-template-columns: 1fr; }
  .i8k-activity-panel { order: 2; }
  .i8k-form-summary { grid-template-columns: 1fr 1fr; }
  .i8k-form-summary .i8k-summary-message { grid-column: 1 / -1; }
}

@media (max-width: 850px) {
  .i8k-sidebar {
    width: min(82vw, 300px);
    transform: translateX(-105%);
    transition: transform 0.2s ease;
  }
  .i8k-shell.is-nav-open .i8k-sidebar { transform: translateX(0); }
  .i8k-shell-main { margin-left: 0; }
  .i8k-mobile-toggle { display: inline-grid; margin-right: 10px; }
  .i8k-shell.is-nav-open .i8k-nav-scrim {
    position: fixed;
    z-index: 25;
    inset: 0;
    display: block;
    border: 0;
    background: rgba(36, 29, 26, 0.46);
  }
  body.admin-bar .i8k-shell.is-nav-open .i8k-nav-scrim { top: 32px; }
  .i8k-questionnaire-layout { display: block; }
  .i8k-questionnaire-layout > aside {
    position: fixed;
    z-index: 40;
    inset: 0;
    max-height: none;
    border-radius: 0;
    transform: translateX(-105%);
    transition: transform 0.2s ease;
  }
  body.admin-bar .i8k-questionnaire-layout > aside { top: 32px; }
  .i8k-questionnaire.is-overview-open aside { transform: translateX(0); }
  .i8k-questionnaire-head { display: grid; }
  .i8k-questionnaire-head .i8k-button { justify-self: start; }
  .i8k-report-block.i8k-span-4,
  .i8k-report-block.i8k-span-6,
  .i8k-report-block.i8k-span-8 { grid-column: span 12; }
}

@media (max-width: 760px) {
  .i8k-topbar { height: 60px; padding: 0 18px; }
  .i8k-content { padding: 30px 18px 55px; }
  .i8k-breadcrumb > span,
  .i8k-breadcrumb > i,
  .i8k-secure { display: none; }
  .i8k-breadcrumb strong { max-width: 42vw; }
  .i8k-page-heading { align-items: flex-start; }
  .i8k-page-heading h1 { font-size: 2.25rem; }
  .i8k-dashboard-metrics { grid-template-columns: 1fr 1fr; gap: 8px; }
  .i8k-dashboard-metrics article { min-height: 76px; padding: 12px; gap: 10px; }
  .i8k-dashboard-metrics article:nth-child(3) { grid-column: 1 / -1; }
  .i8k-panel { padding: 16px; }
  .i8k-module-card { grid-template-columns: 46px minmax(0, 1fr) 30px; gap: 11px; padding: 14px; }
  .i8k-module-icon { width: 46px; height: 46px; }
  .i8k-module-copy > strong { font-size: 1.1rem; }
  .i8k-latest-report { grid-template-columns: 1fr; }
  .i8k-latest-report-copy { padding: 25px; }
  .i8k-latest-report-visual { min-height: 190px; }
  .i8k-featured-form { grid-template-columns: auto 1fr; padding: 24px; }
  .i8k-featured-form-action {
    grid-column: 1 / -1;
    min-height: 48px;
    padding: 16px 0 0;
    border-top: 1px solid var(--i8k-line);
    border-left: 0;
  }
  .i8k-library-list > a { grid-template-columns: auto minmax(0, 1fr) auto; gap: 11px; }
  .i8k-library-list > a > .i8k-status { display: none; }
  .i8k-form-summary { margin-bottom: 24px; }
  .i8k-report-cover { border-radius: 16px; }
}

@media (max-width: 540px) {
  .i8k-top-actions .i8k-avatar--top { display: none; }
  .i8k-dashboard-metrics { grid-template-columns: 1fr; }
  .i8k-dashboard-metrics article:nth-child(3) { grid-column: auto; }
  .i8k-featured-form { grid-template-columns: 1fr; }
  .i8k-featured-form-icon { width: 50px; height: 50px; }
  .i8k-featured-form-action { grid-column: auto; }
  .i8k-form-summary { grid-template-columns: 1fr 1fr; }
  .i8k-library-list > a { padding: 12px; }
  .i8k-library-copy small { max-width: 46vw; }
  .i8k-question-card footer,
  .i8k-review footer { display: grid; }
  .i8k-question-card footer .i8k-button,
  .i8k-review footer .i8k-button { width: 100%; }
  .i8k-review > article { display: grid; }
  .i8k-report-blocks { gap: 10px; }
  .i8k-bar-row { grid-template-columns: 1fr auto; }
  .i8k-bar-track { grid-column: 1 / -1; grid-row: 2; }
  .i8k-actions li { display: grid; }
}

@media (max-width: 782px) {
  body.admin-bar .i8k-sidebar { top: 46px; height: calc(100dvh - 46px); }
  body.admin-bar .i8k-topbar { top: 46px; }
  body.admin-bar .i8k-shell.is-nav-open .i8k-nav-scrim,
  body.admin-bar .i8k-questionnaire-layout > aside { top: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* 0.1.6 — readability and questionnaire palette */
.i8k-page-heading p:not(.i8k-eyebrow),.i8k-latest-report-copy>p,.i8k-featured-form-copy>p{color:#656565;font-size:15px}.i8k-library-copy strong{font-size:15.5px}.i8k-library-copy small{color:#656565;font-size:15px}.i8k-featured-form-copy>small{color:#656565;font-size:12px}.i8k-form-summary small{color:#656565;font-size:13.3px}.i8k-featured-form-icon,.i8k-library-icon--peach,.i8k-summary-icon--sand{color:var(--i8k-form-deep);background:var(--i8k-form-soft)}.i8k-status--peach{color:var(--i8k-form-deep);background:var(--i8k-form-soft)}.i8k-wide-progress{background:#f4ecd3}.i8k-wide-progress i{background:var(--i8k-form-accent)}


/* 0.1.7 — portal readability, status language and report refinement */
:root{--i8k-canvas:#fff9ee;--i8k-status-green-bg:#e6f3e7;--i8k-status-green:#4f7856;--i8k-status-yellow-bg:#fff0c9;--i8k-status-yellow:#946b05;--i8k-status-red-bg:#f8e1de;--i8k-status-red:#a14f49;--i8k-status-blue-bg:#e2f0f3;--i8k-status-blue:#527f8e}

/* Sidebar / topbar */
.i8k-brand{gap:11px;padding-bottom:30px;color:#9caeaa;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.i8k-brand-mark{width:40px;height:36px;color:#f0cdbf;font-size:14px;letter-spacing:-.04em;text-transform:lowercase}
.i8k-nav{gap:6px}.i8k-nav-label{display:none}
.i8k-nav-item{gap:13px;min-height:47px;padding:10px 12px;font-size:15px}
.i8k-nav-item .dashicons{display:grid;width:25px;height:25px;place-items:center;font-size:25px;line-height:25px}
.i8k-sidebar-bottom{gap:0}.i8k-mini-profile{padding:12px 8px 0;border-top:1px solid rgba(255,255,255,.08)}
.i8k-mini-profile strong{font-size:.95rem;line-height:1.2}.i8k-mini-profile small{font-size:.88rem}
.i8k-profile-link{margin-top:3px;color:#aebdb9!important;font-size:.78rem;text-decoration:none}.i8k-profile-link:hover{color:#fff!important}
.i8k-breadcrumb{font-size:.92rem}.i8k-secure{padding:6px 18px;font-size:.78rem}.i8k-logout{font-size:.88rem;font-weight:400}

/* Home readability */
.i8k-module-copy>small{font-size:var(--i8k-font-size-eyebrow)}.i8k-module-copy>span{color:#656565;font-size:.93rem;line-height:1.45}
.i8k-activity-timeline li>span:last-child{font-size:.92rem;font-weight:400;line-height:1.45}.i8k-activity-timeline time{font-size:.85rem}

/* Shared statuses */
.i8k-status--sage{color:var(--i8k-status-green);background:var(--i8k-status-green-bg)}
.i8k-status--warning{color:var(--i8k-status-yellow);background:var(--i8k-status-yellow-bg)}
.i8k-status--danger{color:var(--i8k-status-red);background:var(--i8k-status-red-bg)}
.i8k-status--blue{color:var(--i8k-status-blue);background:var(--i8k-status-blue-bg)}
.i8k-library-icon--warning{color:#946b05;background:#fff0c9}.i8k-library-icon--blue{color:#527f8e;background:#e2f0f3}
.i8k-featured-form-icon--warning{color:#946b05;background:#fff0c9}.i8k-featured-form-icon--blue{color:#527f8e;background:#e2f0f3}
.i8k-library-list>.i8k-library-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;min-height:88px;padding:14px 18px;color:inherit;text-decoration:none}
.i8k-library-list>.i8k-library-entry+.i8k-library-entry{border-top:1px solid var(--i8k-line)}.i8k-library-entry.is-disabled{opacity:.72;cursor:default}.i8k-library-entry.is-disabled>.dashicons{color:#b3aaa4}

/* Results summary */
.i8k-result-summary{margin-top:31px}.i8k-result-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.i8k-result-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:end;padding:20px 22px;border:1px solid var(--i8k-line);border-radius:14px;background:var(--i8k-surface)}
.i8k-result-card>span{grid-column:1/-1;color:#656565;font-size:13.3px}.i8k-result-card>strong{font-family:var(--i8k-serif);font-size:2rem;font-weight:400;line-height:1.05}.i8k-result-card>small{grid-column:1;color:#656565;font-size:12px}.i8k-result-card>b{grid-column:2;grid-row:2/4;align-self:center;font-size:14px;font-weight:700}
.i8k-change--up{color:#3f8a59!important}.i8k-change--down{color:#c5534f!important}.i8k-change--neutral{color:#7b7772!important}

/* Report */
.i8k-report-cover{padding:clamp(30px,5vw,52px)}
.i8k-report-cover h1{max-width:860px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.04em}
.i8k-report .i8k-rich-text,.i8k-report-heading p:last-child,.i8k-report .i8k-callout p,.i8k-report .i8k-actions li{font-size:18px;font-weight:400;line-height:1.65}
.i8k-kpi{background:#e6f0f2!important}.i8k-kpi small{font-size:14px;font-weight:700}
.i8k-kpi .i8k-change--up{color:#3f8a59}.i8k-kpi .i8k-change--down{color:#c5534f}.i8k-kpi .i8k-change--neutral{color:#7b7772}

/* Questionnaire tones */
.i8k-featured-form-icon,.i8k-library-icon--peach,.i8k-summary-icon--sand{color:#946b05;background:#fff0c9}.i8k-status--peach{color:#946b05;background:#fff0c9}.i8k-wide-progress{background:#f5ead0}.i8k-wide-progress i{background:#e0ae32}

@media(max-width:760px){.i8k-result-summary-grid{grid-template-columns:1fr}.i8k-library-list>.i8k-library-entry{grid-template-columns:auto minmax(0,1fr) auto;gap:11px}.i8k-library-list>.i8k-library-entry>.i8k-status{display:none}.i8k-library-list>.i8k-library-entry>.dashicons{display:block}}

/* 0.2.0 - light design foundation */
:root {
  --i8k-ink: var(--i8k-color-text, #1E1E1E);
  --i8k-ink-2: #4B4A46;
  --i8k-muted: var(--i8k-color-muted, #6B6B6B);
  --i8k-canvas: var(--i8k-color-bg, #FAF8F5);
  --i8k-surface: var(--i8k-color-surface, #FFFEFD);
  --i8k-line: var(--i8k-color-line, #DDD5CB);
  --i8k-brand: var(--i8k-color-accent, #C97863);
  --i8k-brand-deep: #8F4F3E;
  --i8k-accent: var(--i8k-color-accent, #C97863);
  --i8k-accent-soft: #F4E7E1;
  --i8k-blue: #DCECEF;
  --i8k-blue-deep: var(--i8k-status-info-text, #3E6D79);
  --i8k-sage: #E5EEE7;
  --i8k-sand: var(--i8k-color-sand, #EAE2D8);
  --i8k-form-soft: var(--i8k-status-warning-bg, #FFF3DF);
  --i8k-form-accent: var(--i8k-color-warning, #E3B06F);
  --i8k-form-deep: var(--i8k-status-warning-text, #81561A);
  --i8k-danger: var(--i8k-status-danger-text, #934747);
  --i8k-success: var(--i8k-status-success-text, #456F59);
  --i8k-shadow: var(--i8k-shadow-soft, 0 12px 30px rgba(51,46,38,.07));
  --i8k-serif: var(--i8k-font-serif, Georgia, "Times New Roman", serif);
  --i8k-sans: var(--i8k-font-sans, system-ui, -apple-system, "Segoe UI", sans-serif);
}

html { scroll-padding-block-start: 80px; }
body.i8k-hub-theme { color:var(--i8k-color-text);background:var(--i8k-color-bg);font-family:var(--i8k-font-sans);font-size:var(--i8k-font-size-body); }
.i8k-site-main,.i8k-shell,.i8k-shell-main { min-height:100dvh; }
.i8k-sidebar { height:100dvh;color:var(--i8k-color-text);background:var(--i8k-color-sand);border-inline-end:1px solid var(--i8k-color-line); }
body.admin-bar .i8k-sidebar { height:calc(100dvh - 32px); }
.i8k-brand { gap:11px;padding-bottom:30px;color:var(--i8k-color-primary);font-size:var(--i8k-font-size-ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase; }
.i8k-brand-mark { width:40px;height:36px;border-color:color-mix(in srgb,var(--i8k-color-primary) 25%,transparent);color:var(--i8k-color-accent);background:color-mix(in srgb,var(--i8k-color-surface) 72%,transparent);font-size:14px;letter-spacing:-.04em;text-transform:lowercase; }
.i8k-nav { gap:6px; }
.i8k-nav-label { display:none; }
.i8k-nav-item { gap:13px;min-height:47px;padding:10px 12px;color:#4F554D!important;font-size:var(--i8k-font-size-body);font-weight:500; }
.i8k-nav-item .dashicons { display:grid;width:25px;height:25px;place-items:center;font-size:25px;line-height:25px; }
.i8k-nav-item:hover,.i8k-nav-item[aria-current="page"] { color:var(--i8k-color-text)!important;background:color-mix(in srgb,var(--i8k-color-surface) 84%,transparent); }
.i8k-nav-item[aria-current="page"] { box-shadow:inset 3px 0 var(--i8k-color-accent); }
.i8k-nav-item--analytics[aria-current="page"] { box-shadow:inset 3px 0 var(--i8k-color-info); }
.i8k-nav-item--forms[aria-current="page"] { box-shadow:inset 3px 0 var(--i8k-color-warning); }
.i8k-sidebar-bottom { gap:0; }
.i8k-mini-profile { padding:12px 8px 0;border-top:1px solid color-mix(in srgb,var(--i8k-color-primary) 14%,transparent); }
.i8k-mini-profile strong { color:var(--i8k-color-text);font-size:var(--i8k-font-size-body);line-height:1.2; }
.i8k-profile-link,.i8k-mini-profile small { color:#596456!important;font-size:var(--i8k-font-size-meta); }
.i8k-avatar { color:var(--i8k-color-text);background:#F1D9CF; }
.i8k-topbar { background:color-mix(in srgb,var(--i8k-color-surface) 92%,transparent);border-color:var(--i8k-color-line); }
.i8k-breadcrumb { font-size:var(--i8k-font-size-ui); }
.i8k-breadcrumb>span,.i8k-breadcrumb>i { color:#6B6B6B; }
.i8k-secure { padding:6px 18px;color:#556653;background:#EEF2EA;font-size:var(--i8k-font-size-meta); }
.i8k-secure i { background:var(--i8k-color-success); }
.i8k-logout { color:#5F5A56!important;font-size:var(--i8k-font-size-ui);font-weight:400; }
.i8k-eyebrow { color:var(--i8k-color-primary);font-size:var(--i8k-font-size-eyebrow); }
.i8k-card,.i8k-panel,.i8k-library-list,.i8k-featured-form,.i8k-latest-report,.i8k-result-card,.i8k-question-card,.i8k-review,.i8k-questionnaire-layout>aside { background:var(--i8k-color-surface);border-color:var(--i8k-color-line); }
.i8k-button,.i8k-login-card input[type="submit"] { color:#fff!important;background:var(--i8k-color-primary);border-radius:999px;font-size:var(--i8k-font-size-ui);font-weight:650; }
.i8k-button--quiet { color:var(--i8k-color-text)!important;background:transparent;border:1px solid var(--i8k-color-line); }
.i8k-module-card { background:var(--i8k-color-surface); }
.i8k-module-icon { color:var(--i8k-color-accent);background:transparent; }
.i8k-module-card--analytics .i8k-module-icon { color:var(--i8k-status-info-text);background:transparent; }
.i8k-module-card--forms .i8k-module-icon { color:var(--i8k-status-warning-text);background:transparent; }
.i8k-status--sage { color:var(--i8k-status-success-text);background:var(--i8k-status-success-bg); }
.i8k-status--warning,.i8k-status--peach { color:var(--i8k-status-warning-text);background:var(--i8k-status-warning-bg); }
.i8k-status--danger { color:var(--i8k-status-danger-text);background:var(--i8k-status-danger-bg); }
.i8k-status--blue { color:var(--i8k-status-info-text);background:var(--i8k-status-info-bg); }
:where(a,button,input,select,textarea,[tabindex]):focus-visible { outline:2px solid var(--i8k-focus);outline-offset:3px;box-shadow:0 0 0 4px var(--i8k-focus-ring); }
.i8k-kpi strong,.i8k-dashboard-metrics strong,.i8k-form-summary strong,.i8k-health-value { font-variant-numeric:tabular-nums; }
@media(max-width:850px){.i8k-questionnaire-layout>aside{height:100dvh;overscroll-behavior:contain;background:var(--i8k-color-surface)}}
@media(max-width:600px){.i8k-answer>input,.i8k-answer>textarea,.i8k-login-card input[type="text"],.i8k-login-card input[type="password"]{font-size:16px}}
@media(max-width:782px){body.admin-bar .i8k-sidebar{height:calc(100dvh - 46px)}}
.i8k-overview-head{display:none;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 12px;padding-bottom:10px;border-bottom:1px solid var(--i8k-color-line)}
.i8k-overview-head strong{font-size:var(--i8k-font-size-ui)}
.i8k-overview-head button{display:grid!important;width:40px!important;height:40px!important;grid-template-columns:1fr!important;place-items:center!important;padding:0!important;border:1px solid var(--i8k-color-line)!important;border-radius:50%!important;background:var(--i8k-color-surface)!important}
.i8k-overview-head button .dashicons{width:20px!important;height:20px!important;background:transparent!important;font-size:20px!important}
@media(max-width:850px){.i8k-overview-head{display:flex}.i8k-questionnaire-layout>aside{padding:18px}}