/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --nb-black: #151515;
  --nb-cream: #fefcf9;
  --nb-white: #ffffff;
  --nb-bg: #fefcf9;
  --nb-bg-soft: #f6f6f6;
  --nb-bg-card: #ffffff;
  --nb-dark-green: #052c17;
  --nb-green: #1ca55c;
  --nb-lime: #bcff4e;
  --nb-yellow: #f0b90b;
  --nb-blue: #41479b;
  --nb-danger: #ff4e59;
  --nb-green-tint: #e5f1ee;
  --nb-muted: #6a6d70;
  --nb-caption: #a1a1a1;
  --nb-border: rgba(21, 21, 21, 0.08);
  --nb-border-strong: rgba(21, 21, 21, 0.16);
  --nb-border-inverse: rgba(254, 252, 249, 0.14);
  --nb-shadow: 0 12px 32px rgba(5, 44, 23, 0.1), 0 2px 6px rgba(0, 0, 0, 0.04);
  --nb-font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --nb-font-display: "Inter Tight", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --nb-font-mono: "Calling Code", "JetBrains Mono", ui-monospace, Menlo, monospace;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--nb-bg);
  color: var(--nb-black);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--nb-bg);
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body ::selection {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

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

button,
input,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

.hc-container {
  width: min(100%, 1376px);
  margin: 0 auto;
  padding: 0 48px;
}

.hc-mono {
  font-family: var(--nb-font-mono);
  font-size: 12px;
  letter-spacing: -0.03em;
  line-height: 1.5;
  text-transform: uppercase;
}

.hc-eyebrow {
  display: inline-flex;
  color: var(--nb-green);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
}

.hc-eyebrow-lime {
  color: var(--nb-lime);
}

.hc-eyebrow-muted {
  color: rgba(254, 252, 249, 0.58);
}

.hc-eyebrow-dark {
  color: var(--nb-dark-green);
}

.hc-button {
  align-items: center;
  border: 0;
  border-radius: 4px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  justify-content: center;
  min-height: 40px;
  padding: 10px 18px;
  white-space: nowrap;
}

.hc-button-ghost-light {
  background: transparent;
  border: 1px solid var(--nb-border-inverse);
  color: var(--nb-bg);
}

.hc-button-lime {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.hc-button-plain {
  background: transparent;
  color: var(--nb-black);
}

.hc-button-dark {
  background: var(--nb-black);
  color: var(--nb-bg);
}

.hc-logo-link {
  display: inline-flex;
  line-height: 0;
}

.hc-dark-nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 24px 56px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.hc-nav-menu,
.hc-nav-actions,
.hc-light-nav-left,
.hc-light-nav-right {
  align-items: center;
  display: flex;
}

.hc-nav-menu {
  color: rgba(254, 252, 249, 0.86);
  gap: 28px;
}

.hc-nav-menu-dark {
  color: var(--nb-black);
}

.hc-nav-actions,
.hc-light-nav-right {
  gap: 8px;
}

.hc-light-nav-left {
  gap: 32px;
}

.hc-nav-link {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 4px;
  padding: 0;
}

.hc-nav-dropdown,
.hc-locale-dropdown {
  position: relative;
}

.hc-nav-dropdown .hc-nav-link .hc-dropdown-chevron,
.hc-locale-dropdown .hc-language .hc-dropdown-chevron,
.hc-select-trigger svg {
  transition: transform 160ms ease;
}

.hc-nav-dropdown.open .hc-nav-link .hc-dropdown-chevron,
.hc-locale-dropdown.open .hc-language .hc-dropdown-chevron,
.hc-select.open .hc-select-trigger svg {
  transform: rotate(180deg);
}

.hc-nav-dropdown-menu,
.hc-locale-dropdown-menu {
  background: var(--nb-bg);
  border: 1px solid var(--nb-border);
  border-radius: 10px;
  box-shadow: 0 18px 48px rgba(5, 44, 23, 0.22);
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  left: 50%;
  min-width: 220px;
  padding: 6px;
  position: absolute;
  top: calc(100% + 14px);
  transform: translateX(-50%);
  z-index: 90;
}

.hc-nav-dropdown-menu::before,
.hc-locale-dropdown-menu::before {
  background: var(--nb-bg);
  border-left: 1px solid var(--nb-border);
  border-top: 1px solid var(--nb-border);
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: -6px;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
}

.hc-nav-dropdown-menu a,
.hc-locale-dropdown-menu button,
.hc-locale-dropdown-menu a {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-black);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: space-between;
  min-height: 38px;
  padding: 9px 10px;
  text-align: left;
}

.hc-nav-dropdown-menu a:hover,
.hc-locale-dropdown-menu button:hover,
.hc-locale-dropdown-menu button.active,
.hc-locale-dropdown-menu a:hover,
.hc-locale-dropdown-menu a.active {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.hc-locale-choice {
  align-items: center;
  display: flex;
  gap: 10px;
}

.hc-locale-badge {
  align-items: center;
  background: var(--nb-green-tint);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 9px;
  font-weight: 600;
  height: 24px;
  justify-content: center;
  letter-spacing: -0.24px;
  line-height: 1;
  width: 24px;
}

.hc-locale-copy {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
}

.hc-locale-copy strong {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
}

.hc-locale-dropdown-menu a small {
  color: var(--nb-muted);
  font-size: 11px;
  font-weight: 500;
}

.hc-locale-dropdown-menu {
  left: auto;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
  min-width: 180px;
  right: 0;
  top: calc(100% + 6px);
  transform: none;
}

.hc-locale-dropdown-menu::before {
  display: none;
}

.hc-light-nav {
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  background: rgba(254, 252, 249, 0.88);
  border-bottom: 1px solid var(--nb-border);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 50;
}

.hc-light-nav-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  padding-top: 20px;
}

.hc-language {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-black);
  cursor: pointer;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  gap: 8px;
  padding: 10px 14px;
}

.hc-locale-dropdown-dark .hc-language {
  border: 1px solid rgba(254, 252, 249, 0.16);
  border-radius: 4px;
  color: var(--nb-bg);
  font-family: var(--nb-font-mono);
  font-size: 13px;
  gap: 8px;
  letter-spacing: 0;
  line-height: 1;
  min-height: 38px;
  padding: 10px 14px;
  transition: background 200ms ease, border-color 200ms ease;
}

.hc-locale-dropdown-dark .hc-language:hover {
  background: rgba(254, 252, 249, 0.08);
  border-color: rgba(254, 252, 249, 0.24);
}

.hc-locale-dropdown-dark .hc-locale-dropdown-menu {
  background: var(--nb-bg);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
  min-width: 180px;
  padding: 6px;
  top: calc(100% + 6px);
}

.hc-locale-dropdown-dark .hc-locale-dropdown-menu a {
  border-radius: 6px;
  color: var(--nb-black);
  gap: 12px;
  min-height: 36px;
  padding: 8px 10px;
  transition: background 160ms ease;
}

.hc-locale-dropdown-dark .hc-locale-dropdown-menu a:hover {
  background: #f6f6f6;
  color: var(--nb-black);
}

.hc-locale-dropdown-dark .hc-locale-dropdown-menu a.active {
  background: #f6f6f6;
  color: var(--nb-black);
}

.hc-locale-dropdown-dark .hc-locale-badge {
  background: #fefcf9;
  color: #151515;
}

.hc-locale-dropdown-dark .hc-locale-copy strong {
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 18px;
}

.hc-locale-dropdown-dark .hc-locale-copy small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}

.hc-language-dot {
  background: linear-gradient(135deg, var(--nb-green), var(--nb-dark-green));
  border-radius: 999px;
  display: inline-block;
  height: 18px;
  width: 18px;
}

.hc-breadcrumb {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 8px;
  margin-bottom: 32px;
}

.hc-breadcrumb-item {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.hc-breadcrumb-item:last-child {
  color: var(--nb-black);
}

.hc-hero .hc-breadcrumb {
  color: rgba(254, 252, 249, 0.62);
  margin-bottom: 48px;
}

.hc-hero .hc-breadcrumb-item:last-child {
  color: var(--nb-bg);
}

.hc-hero {
  background:
    linear-gradient(rgba(254, 252, 249, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(254, 252, 249, 0.04) 1px, transparent 1px),
    var(--nb-dark-green);
  background-size: 80px 80px;
  color: var(--nb-bg);
  overflow: visible;
  padding: 140px 0 80px;
  position: relative;
  z-index: 5;
}

.hc-home .hc-container {
  width: min(100%, 1392px);
  padding-left: 56px;
  padding-right: 56px;
}

.hc-hero::before {
  background: radial-gradient(circle, rgba(188, 255, 78, 0.45), rgba(188, 255, 78, 0) 70%);
  border-radius: 999px;
  content: "";
  filter: blur(40px);
  height: 520px;
  pointer-events: none;
  position: absolute;
  right: -160px;
  top: -100px;
  width: 520px;
}

.hc-hero-inner {
  position: relative;
  z-index: 2;
}

.hc-hero-title {
  color: var(--nb-bg);
  font-family: var(--nb-font-display);
  font-size: clamp(72px, 9vw, 148px);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.98;
  margin: 24px 0 0;
  max-width: 1100px;
}

.hc-hero-title em {
  color: var(--nb-lime);
  font-style: italic;
}

.hc-hero-panel {
  align-items: flex-end;
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  grid-template-columns: 1.6fr 1fr;
  margin-top: 64px;
}

.hc-search-wrap {
  position: relative;
  z-index: 10;
}

.hc-search-shell {
  position: relative;
  z-index: 20;
}

.hc-search {
  align-items: center;
  background: var(--nb-bg);
  border-radius: 16px;
  box-shadow: 0 0 0 6px rgba(188, 255, 78, 0.18);
  color: var(--nb-muted);
  display: flex;
  gap: 8px;
  padding: 8px 8px 8px 18px;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.hc-search-focused {
  box-shadow: 0 0 0 8px rgba(188, 255, 78, 0.32);
}

.hc-search input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-size: 17px;
  min-height: 56px;
  min-width: 0;
  outline: none;
  padding: 0;
}

.hc-search button {
  align-items: center;
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 10px;
  color: var(--nb-bg);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 14px;
  gap: 6px;
  min-height: 48px;
  padding: 12px 22px;
}

.hc-search-results {
  background: var(--nb-bg);
  border-radius: 12px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.32);
  color: var(--nb-black);
  left: 0;
  max-height: min(420px, calc(100vh - 220px));
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 200;
}

.hc-search-results a {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 18px;
}

.hc-search-results a:hover {
  background: rgba(21, 21, 21, 0.04);
}

.hc-search-results strong,
.hc-search-results small {
  display: block;
}

.hc-search-results strong {
  font-size: 14px;
  font-weight: 600;
}

.hc-search-results small {
  color: var(--nb-muted);
  font-size: 12px;
  margin-top: 2px;
}

.hc-popular-chips {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.hc-popular-chips span {
  color: rgba(254, 252, 249, 0.62);
  font-size: 13px;
}

.hc-popular-chips button {
  background: rgba(254, 252, 249, 0.08);
  border: 1px solid rgba(254, 252, 249, 0.12);
  border-radius: 999px;
  color: var(--nb-bg);
  font-size: 13px;
  padding: 6px 12px;
}

.hc-status-rail {
  border-left: 1px solid rgba(254, 252, 249, 0.12);
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 32px;
}

.hc-status-rail p {
  align-items: center;
  display: flex;
  font-size: 16px;
  gap: 10px;
  margin: 6px 0 0;
}

.hc-status-rail p span {
  background: var(--nb-lime);
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(188, 255, 78, 0.6);
  height: 10px;
  width: 10px;
}

.hc-status-meta {
  color: rgba(254, 252, 249, 0.62);
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.hc-section {
  padding: 88px 0;
}

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

.hc-section-head h2,
.hc-popular-layout h2,
.hc-contact-strip h2 {
  font-family: var(--nb-font-display);
  font-size: 48px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.05;
  margin: 12px 0 0;
}

.hc-section-head .hc-mono,
.hc-popular-layout .hc-mono {
  color: var(--nb-muted);
}

.hc-category-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-auto-flow: dense;
  grid-auto-rows: minmax(200px, auto);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hc-category-card {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
  padding: 24px;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.hc-category-card:nth-child(odd):not(.hc-category-card-featured) {
  background: var(--nb-bg-soft);
  border-color: transparent;
}

.hc-category-card:hover {
  box-shadow: var(--nb-shadow);
  transform: translateY(-4px);
}

.hc-category-card-featured {
  background: var(--nb-lime);
  border-color: transparent;
  grid-column: span 2;
  grid-row: span 2;
  min-height: 412px;
  padding: 40px;
}

.hc-category-card-top,
.hc-category-card-bottom {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.hc-category-card-top {
  gap: 10px;
  margin-bottom: 20px;
}

.hc-category-icon {
  align-items: center;
  background: var(--nb-black);
  border-radius: 12px;
  color: var(--nb-bg);
  display: inline-flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.hc-category-card-featured .hc-category-icon {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
  height: 56px;
  width: 56px;
}

.hc-category-card h3 {
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.08;
  margin: 0;
}

.hc-category-card-featured h3 {
  color: var(--nb-dark-green);
  font-size: 44px;
}

.hc-category-card p {
  color: var(--nb-dark-green);
  font-size: 17px;
  line-height: 1.5;
  margin: 12px 0 0;
  max-width: 480px;
}

.hc-category-card-bottom {
  border-top: 1px solid rgba(21, 21, 21, 0.1);
  margin-top: 24px;
  padding-top: 16px;
}

.hc-category-card-bottom > span:last-child {
  align-items: center;
  background: var(--nb-black);
  border-radius: 999px;
  color: var(--nb-bg);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.hc-popular-section {
  padding: 40px 0 80px;
}

.hc-popular-layout {
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  grid-template-columns: 1fr 2fr;
}

.hc-popular-layout h2 {
  font-size: 36px;
}

.hc-popular-list {
  border-top: 1px solid var(--nb-border);
}

.hc-popular-list a {
  align-items: center;
  border-bottom: 1px solid var(--nb-border);
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: 48px 1fr 110px 24px;
  padding: 20px 0;
  transition: padding-left 180ms ease;
}

.hc-popular-list a:hover {
  padding-left: 12px;
}

.hc-popular-list strong,
.hc-popular-list small {
  display: block;
}

.hc-popular-list strong {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.hc-popular-list small {
  color: var(--nb-muted);
  font-size: 13px;
  margin-top: 4px;
}

.hc-contact-section {
  padding-bottom: 64px;
}

.hc-contact-strip {
  align-items: center;
  background: var(--nb-lime);
  border-radius: 28px;
  color: var(--nb-dark-green);
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  grid-template-columns: 1.2fr 1fr 1fr;
  padding: 56px 48px;
}

.hc-contact-strip h2 {
  font-size: 44px;
}

.hc-contact-card {
  background: var(--nb-dark-green);
  border-radius: 16px;
  color: var(--nb-bg);
  padding: 24px;
}

.hc-contact-card > svg {
  color: var(--nb-lime);
}

.hc-contact-card strong {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 16px;
}

.hc-contact-card .hc-mono {
  color: rgba(254, 252, 249, 0.62);
  display: block;
  margin-top: 2px;
  text-transform: none;
}

.hc-contact-card button,
.hc-human-card button {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(254, 252, 249, 0.2);
  border-radius: 8px;
  color: var(--nb-bg);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  gap: 6px;
  justify-content: center;
  margin-top: 16px;
  min-height: 42px;
  padding: 10px 14px;
  width: 100%;
}

@keyframes lc-slide-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes lc-dot {
  0%,
  60%,
  100% {
    opacity: 0.3;
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

@keyframes hc-spin {
  to {
    transform: rotate(360deg);
  }
}

.hc-live-chat-launcher {
  align-items: center;
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 999px;
  bottom: 24px;
  box-shadow: 0 12px 32px rgba(5, 44, 23, 0.32), 0 4px 10px rgba(5, 44, 23, 0.18);
  color: var(--nb-lime);
  display: flex;
  height: 56px;
  justify-content: center;
  position: fixed;
  right: 24px;
  transition: transform 160ms ease;
  width: 56px;
  z-index: 70;
}

.hc-live-chat-launcher:hover {
  transform: scale(1.05);
}

.hc-live-chat-launcher > span {
  align-items: center;
  background: var(--nb-lime);
  border: 2px solid var(--nb-dark-green);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-weight: 700;
  height: 18px;
  justify-content: center;
  min-width: 18px;
  padding: 0 5px;
  position: absolute;
  right: 6px;
  top: 6px;
}

.hc-live-chat-panel {
  animation: lc-slide-in 200ms ease-out;
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 20px;
  bottom: 96px;
  box-shadow: 0 24px 64px rgba(5, 44, 23, 0.28), 0 6px 16px rgba(5, 44, 23, 0.14);
  display: flex;
  flex-direction: column;
  height: 560px;
  max-height: calc(100vh - 120px);
  overflow: hidden;
  position: fixed;
  right: 24px;
  width: 380px;
  z-index: 71;
}

.hc-live-chat-header {
  align-items: center;
  background: var(--nb-dark-green);
  color: var(--nb-bg);
  display: flex;
  gap: 12px;
  padding: 16px 18px;
}

.hc-live-chat-agent {
  align-items: center;
  background: var(--nb-lime);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: flex;
  flex: 0 0 auto;
  font-family: var(--nb-font-display);
  font-size: 15px;
  font-weight: 700;
  height: 38px;
  justify-content: center;
  position: relative;
  width: 38px;
}

.hc-live-chat-agent span {
  background: #22c55e;
  border: 2px solid var(--nb-dark-green);
  border-radius: 999px;
  bottom: -1px;
  height: 11px;
  position: absolute;
  right: -1px;
  width: 11px;
}

.hc-live-chat-header > div:nth-child(2) {
  flex: 1 1;
  min-width: 0;
}

.hc-live-chat-header strong,
.hc-live-chat-header em {
  display: block;
}

.hc-live-chat-header strong {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.hc-live-chat-header em {
  color: rgba(254, 252, 249, 0.58);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.06em;
  margin-top: 2px;
  text-transform: uppercase;
}

.hc-live-chat-header > button {
  align-items: center;
  background: rgba(254, 252, 249, 0.08);
  border: 0;
  border-radius: 8px;
  color: var(--nb-bg);
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.hc-live-chat-header > button:hover {
  background: rgba(254, 252, 249, 0.16);
}

.hc-live-chat-header > button.hc-live-chat-end-session {
  color: var(--nb-lime);
}

.hc-live-chat-messages {
  background: var(--nb-bg);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  padding: 16px 16px 12px;
}

.hc-live-chat-bubble {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}

.hc-live-chat-bubble.user {
  align-items: flex-end;
}

.hc-live-chat-bubble.system {
  align-items: center;
}

.hc-live-chat-bubble.needs-reply {
  scroll-margin: 16px;
}

.hc-live-chat-bubble-typing {
  align-items: flex-start;
}

.hc-live-chat-reply-marker {
  align-items: center;
  align-self: flex-start;
  background: var(--nb-lime);
  border: 1px solid rgba(5, 44, 23, 0.18);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-weight: 800;
  gap: 4px;
  line-height: 1;
  margin: 0 0 4px;
  padding: 5px 7px;
  white-space: nowrap;
}

.hc-live-chat-bubble.system .hc-live-chat-reply-marker {
  align-self: center;
}

.hc-live-chat-bubble p {
  background: #f1f0eb;
  border-bottom-left-radius: 4px;
  border-radius: 14px;
  color: var(--nb-black);
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
  max-width: 82%;
  padding: 9px 13px;
  white-space: pre-wrap;
}

.hc-live-chat-bubble p a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.hc-live-chat-bubble.needs-reply p,
.hc-live-chat-bubble.needs-reply .hc-live-chat-bubble-files span {
  border: 1px solid rgba(5, 44, 23, 0.28);
  box-shadow: 0 0 0 3px rgba(188, 255, 78, 0.35);
}

.hc-live-chat-bubble.user p {
  background: var(--nb-dark-green);
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 4px;
  color: var(--nb-bg);
}

.hc-live-chat-bubble.system p {
  background: #fff4d6;
  border: 1px solid rgba(240, 185, 11, 0.35);
  border-radius: 10px;
  color: #5f4700;
  max-width: 100%;
}

.hc-live-chat-bubble time {
  color: var(--nb-caption);
  font-family: var(--nb-font-mono);
  font-size: 9px;
  letter-spacing: 0.04em;
  margin-top: 3px;
}

.hc-live-chat-bubble-files {
  align-items: inherit;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 4px;
}

.hc-live-chat-bubble-files span {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 10px;
  color: var(--nb-black);
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  max-width: 240px;
  padding: 8px 10px;
}

.hc-live-chat-bubble.user .hc-live-chat-bubble-files span {
  background: rgba(254, 252, 249, 0.1);
  border-color: rgba(254, 252, 249, 0.18);
  color: var(--nb-bg);
}

.hc-live-chat-bubble-files i {
  align-items: center;
  background: rgba(5, 44, 23, 0.06);
  border-radius: 6px;
  color: var(--nb-dark-green);
  display: flex;
  grid-row: span 2;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.hc-live-chat-bubble.user .hc-live-chat-bubble-files i {
  background: rgba(188, 255, 78, 0.18);
  color: var(--nb-lime);
}

.hc-live-chat-bubble-files strong,
.hc-live-chat-bubble-files em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hc-live-chat-bubble-files strong {
  font-size: 12px;
  font-weight: 600;
  max-width: 160px;
}

.hc-live-chat-bubble-files em {
  color: var(--nb-caption);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
}

.hc-live-chat-bubble.user .hc-live-chat-bubble-files em {
  color: rgba(254, 252, 249, 0.58);
}

.hc-live-chat-typing {
  align-items: center;
  align-self: flex-start;
  background: #f1f0eb;
  border-bottom-left-radius: 4px;
  border-radius: 14px;
  display: flex;
  gap: 4px;
  min-height: 36px;
  min-width: 54px;
  padding: 8px 13px;
}

.hc-live-chat-typing span {
  animation: lc-dot 1.2s ease-in-out infinite;
  background: var(--nb-muted);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.hc-live-chat-typing span:nth-child(2) {
  animation-delay: 0.15s;
}

.hc-live-chat-typing span:nth-child(3) {
  animation-delay: 0.3s;
}

.hc-live-chat-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.hc-live-chat-suggestions button {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 999px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 12px;
  padding: 7px 12px;
}

.hc-live-chat-suggestions button:hover {
  background: rgba(188, 255, 78, 0.18);
}

.hc-live-chat-ticket-notice {
  align-items: flex-start;
  background: rgba(21, 21, 21, 0.035);
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  color: var(--nb-black);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 12px;
}

.hc-live-chat-ticket-notice > span {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.hc-live-chat-ticket-notice div {
  min-width: 0;
}

.hc-live-chat-ticket-notice-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 5px;
}

.hc-live-chat-ticket-notice-meta em,
.hc-live-chat-ticket-type {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  min-height: 20px;
  padding: 5px 7px;
  white-space: nowrap;
}

.hc-live-chat-ticket-notice-meta em {
  background: rgba(21, 21, 21, 0.07);
  color: var(--nb-muted);
}

.hc-live-chat-ticket-type {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  color: var(--nb-black);
}

.hc-live-chat-ticket-type-security {
  background: #fee2e2;
  color: #991b1b;
}

.hc-live-chat-ticket-type-compliance {
  background: #e0f2fe;
  color: #075985;
}

.hc-live-chat-ticket-type-onboarding_kyc {
  background: #ede9fe;
  color: #5b21b6;
}

.hc-live-chat-ticket-type-payments {
  background: #dcfce7;
  color: #166534;
}

.hc-live-chat-ticket-type-technical {
  background: #ede9fe;
  color: #5b21b6;
}

.hc-live-chat-ticket-type-account {
  background: #fef3c7;
  color: #92400e;
}

.hc-live-chat-ticket-notice strong {
  display: block;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.hc-live-chat-ticket-notice p {
  color: var(--nb-caption);
  font-size: 12px;
  line-height: 1.4;
  margin: 2px 0 0;
}

.hc-live-chat-ticket-notice button {
  align-items: center;
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 8px;
  color: var(--nb-lime);
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 12px;
  font-weight: 800;
  grid-column: 2;
  justify-content: center;
  margin-top: 2px;
  min-height: 32px;
  padding: 7px 11px;
  width: max-content;
}

.hc-live-chat-ticket-notice.closed {
  background: rgba(21, 21, 21, 0.04);
}

.hc-live-chat-ticket-notice.closed > span {
  color: var(--nb-muted);
}

.hc-live-chat-ticket-notice.resolved {
  background: rgba(28, 165, 92, 0.08);
}

.hc-live-chat-ticket-notice.resolved > span {
  color: var(--nb-dark-green);
}

.hc-live-chat-ticket-notice.escalated {
  background: #fff4d6;
}

.hc-live-chat-ticket-notice.escalated > span {
  color: #8a5d00;
}

.hc-live-chat-ticket-notice.waiting {
  background: rgba(188, 255, 78, 0.14);
}

.hc-live-chat-composer {
  background: var(--nb-bg);
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
}

.hc-live-chat-identity {
  background: var(--nb-bg);
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
}

.hc-live-chat-restore {
  align-items: center;
  background: var(--nb-bg);
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  color: var(--nb-caption);
  display: flex;
  font-size: 12px;
  gap: 9px;
  justify-content: center;
  min-height: 74px;
  padding: 14px;
}

.hc-live-chat-restore span {
  animation: hc-spin 0.7s linear infinite;
  border: 2px solid rgba(5, 44, 23, 0.14);
  border-top-color: var(--nb-dark-green);
  border-radius: 999px;
  height: 16px;
  width: 16px;
}

.hc-live-chat-restore strong {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 700;
}

.hc-live-chat-identity > div:first-child strong,
.hc-live-chat-identity > div:first-child span,
.hc-live-chat-identity label > span {
  display: block;
}

.hc-live-chat-identity > div:first-child strong {
  color: var(--nb-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.hc-live-chat-identity > div:first-child span {
  color: var(--nb-caption);
  font-size: 12px;
  line-height: 1.4;
  margin-top: 2px;
}

.hc-live-chat-identity-step {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.hc-live-chat-identity-step > strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.25;
}

.hc-live-chat-client-type {
  background: rgba(5, 44, 23, 0.04);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 11px;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding: 4px;
}

.hc-live-chat-client-type button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--nb-caption);
  cursor: pointer;
  display: flex;
  font-family: var(--nb-font-sans);
  font-size: 12.5px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
}

.hc-live-chat-client-type button.active {
  background: var(--nb-white);
  box-shadow: 0 1px 6px rgba(21, 21, 21, 0.08);
  color: var(--nb-dark-green);
}

.hc-live-chat-identity-grid {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.hc-live-chat-identity label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.hc-live-chat-identity label > span {
  color: var(--nb-caption);
  font-family: var(--nb-font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.hc-live-chat-identity input {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 10px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  height: 38px;
  outline: 0;
  padding: 0 11px;
  width: 100%;
}

.hc-live-chat-identity input:focus {
  border-color: rgba(5, 44, 23, 0.3);
  box-shadow: 0 0 0 3px rgba(188, 255, 78, 0.18);
}

.hc-live-chat-identity p {
  color: #b91c1c;
  font-size: 12px;
  line-height: 1.35;
  margin: -2px 0 0;
}

.hc-live-chat-identity-actions {
  display: flex;
  gap: 8px;
}

.hc-live-chat-identity-actions button {
  align-items: center;
  border: 0;
  border-radius: 10px;
  display: flex;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  height: 38px;
  justify-content: center;
  flex: 1 1;
  width: 100%;
}

.hc-live-chat-identity-actions button:not(.secondary) {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.hc-live-chat-identity-actions button.secondary {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  color: var(--nb-black);
  flex: 0 0 92px;
}

.hc-live-chat-identity-actions button:disabled {
  cursor: wait;
  opacity: 0.72;
}

.hc-live-chat-button-spinner {
  animation: hc-spin 0.7s linear infinite;
  border: 2px solid rgba(188, 255, 78, 0.3);
  border-radius: 999px;
  border-top-color: var(--nb-lime);
  height: 14px;
  width: 14px;
}

.hc-live-chat-composer input[type="file"] {
  display: none;
}

.hc-live-chat-composer > div:last-child {
  align-items: flex-end;
  display: flex;
  gap: 8px;
}

.hc-live-chat-composer textarea {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 10px;
  color: var(--nb-black);
  flex: 1 1;
  font-family: var(--nb-font-sans);
  font-size: 14px;
  line-height: 1.4;
  max-height: 120px;
  min-height: 38px;
  outline: 0;
  overflow-y: auto;
  padding: 10px 12px;
  resize: none;
}

.hc-live-chat-composer textarea:focus {
  border-color: rgba(5, 44, 23, 0.25);
}

.hc-live-chat-composer > div:last-child > button {
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex: 0 0 auto;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.hc-live-chat-composer > div:last-child > button:first-of-type {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  color: var(--nb-black);
}

.hc-live-chat-composer > div:last-child > button:first-of-type:hover {
  background: rgba(188, 255, 78, 0.18);
}

.hc-live-chat-composer > div:last-child > button:last-of-type {
  background: rgba(21, 21, 21, 0.08);
  border: 0;
  color: var(--nb-caption);
  cursor: not-allowed;
}

.hc-live-chat-composer > div:last-child > button:last-of-type.ready {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
  cursor: pointer;
}

.hc-live-chat-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.hc-live-chat-attachments span {
  align-items: center;
  background: #f1f0eb;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 8px;
  display: flex;
  gap: 6px;
  max-width: 200px;
  padding: 4px 6px 4px 8px;
}

.hc-live-chat-attachments svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
}

.hc-live-chat-attachments strong {
  color: var(--nb-black);
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hc-live-chat-attachments em {
  color: var(--nb-caption);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
}

.hc-live-chat-attachments button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: var(--nb-muted);
  display: flex;
  height: 16px;
  justify-content: center;
  padding: 0;
  width: 16px;
}

.hc-live-chat-footer {
  align-items: center;
  background: var(--nb-bg);
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-caption);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 9.5px;
  gap: 6px;
  justify-content: center;
  letter-spacing: 0.08em;
  padding: 8px 14px;
  text-transform: uppercase;
}

.hc-live-chat-footer i {
  background: rgba(21, 21, 21, 0.15);
  border-radius: 999px;
  height: 3px;
  width: 3px;
}

.hc-live-chat-footer strong {
  color: var(--nb-dark-green);
  font-weight: 800;
}

.hc-page {
  padding: 40px 0 64px;
}

.admin-preview-page {
  min-height: 100vh;
}

.admin-preview-banner {
  align-items: center;
  background: var(--nb-dark-green);
  color: var(--nb-bg);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  justify-content: space-between;
  letter-spacing: 0.02em;
  padding: 10px 24px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}

.admin-preview-banner span {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.admin-preview-banner em {
  color: rgba(254, 252, 249, 0.68);
  font-style: normal;
}

.hc-category-header {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 24px;
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  grid-template-columns: 88px 1fr 200px;
  margin-bottom: 48px;
  padding: 48px;
}

.hc-category-header-icon {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 20px;
  color: var(--nb-lime);
  display: inline-flex;
  height: 88px;
  justify-content: center;
  width: 88px;
}

.hc-category-header h1 {
  font-family: var(--nb-font-display);
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
  margin: 8px 0 12px;
}

.hc-category-header p {
  color: var(--nb-muted);
  font-size: 17px;
  line-height: 1.5;
  margin: 0;
  max-width: 640px;
}

.hc-category-header aside {
  background: var(--nb-white);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
}

.hc-category-header aside .hc-mono,
.hc-list-toolbar .hc-mono {
  color: var(--nb-muted);
}

.hc-category-header aside strong {
  font-family: var(--nb-font-mono);
  font-size: 28px;
  font-weight: 500;
}

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

.hc-filter {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  color: var(--nb-muted);
  display: flex;
  flex: 1 1;
  gap: 10px;
  max-width: 480px;
  padding: 12px 16px;
}

.hc-filter input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-size: 14px;
  min-width: 0;
  outline: 0;
}

.hc-article-list {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  overflow: hidden;
}

.hc-article-list a {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 56px 1fr 120px 140px 24px;
  padding: 20px 24px;
  transition: background 160ms ease;
}

.hc-article-list a:first-child {
  border-top: 0;
}

.hc-article-list a:hover {
  background: rgba(21, 21, 21, 0.03);
}

.hc-article-list strong {
  font-size: 17px;
  font-weight: 600;
}

.hc-empty {
  color: var(--nb-muted);
  margin: 0;
  padding: 48px;
  text-align: center;
}

.hc-other-topics {
  margin-top: 64px;
}

.hc-other-topics > div {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 16px;
}

.hc-other-topics a {
  background: var(--nb-bg-soft);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 118px;
  padding: 16px;
  transition: background 160ms ease;
}

.hc-other-topics a:hover {
  background: #eeeeee;
}

.hc-topic-icon {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.hc-other-topics strong {
  font-size: 14px;
  font-weight: 600;
}

.hc-other-topics .hc-mono {
  color: var(--nb-muted);
}

.hc-article-layout {
  align-items: start;
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  grid-template-columns: 240px minmax(0, 1fr) 280px;
}

.hc-toc,
.hc-right-rail {
  position: -webkit-sticky;
  position: sticky;
  top: 96px;
}

.hc-toc > .hc-mono {
  color: var(--nb-muted);
  display: block;
  margin-bottom: 16px;
}

.hc-toc nav {
  border-left: 1px solid var(--nb-border);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hc-toc a {
  border-left: 2px solid transparent;
  color: var(--nb-muted);
  font-size: 13px;
  margin-left: -1px;
  padding: 8px 16px;
}

.hc-toc a.active {
  border-left-color: var(--nb-dark-green);
  color: var(--nb-black);
  font-weight: 600;
}

.hc-article-body {
  min-width: 0;
}

.hc-article-body h1 {
  font-family: var(--nb-font-display);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.05;
  margin: 12px 0 16px;
}

.hc-article-meta {
  align-items: center;
  border-bottom: 1px solid var(--nb-border);
  display: flex;
  gap: 24px;
  padding-bottom: 24px;
}

.hc-article-meta .hc-mono {
  color: var(--nb-muted);
}

.hc-article-actions {
  display: flex;
  gap: 8px;
  margin-left: auto;
  position: relative;
}

.hc-article-actions > button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px;
}

.hc-article-actions > button:hover,
.hc-article-actions > button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-lime);
}

.hc-article-actions > button[aria-pressed="true"] svg {
  fill: currentColor;
}

.hc-share-popover {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(5, 44, 23, 0.18), 0 4px 12px rgba(5, 44, 23, 0.1);
  padding: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 300px;
  z-index: 40;
}

.hc-share-popover-head {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  justify-content: space-between;
  padding: 6px 10px 8px;
}

.hc-share-popover-head span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.hc-share-row {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  display: flex;
  gap: 10px;
  padding: 10px;
  text-align: left;
  width: 100%;
}

.hc-share-row:hover {
  background: rgba(21, 21, 21, 0.04);
}

.hc-share-icon {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.hc-share-icon-copy,
.hc-share-icon-mail {
  background: rgba(21, 21, 21, 0.06);
  color: var(--nb-black);
}

.hc-share-icon-copy.copied {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.hc-share-icon-x {
  background: #0f1419;
  color: #ffffff;
}

.hc-share-icon-linkedin {
  background: #0a66c2;
  color: #ffffff;
}

.hc-share-icon-facebook {
  background: #1877f2;
  color: #ffffff;
}

.hc-share-row strong,
.hc-share-row small {
  display: block;
}

.hc-share-row strong {
  flex: 1 1;
  font-size: 13px;
  font-weight: 500;
}

.hc-share-row small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hc-share-row-text {
  flex: 1 1;
  min-width: 0;
}

.hc-share-row > svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
}

.hc-share-divider {
  background: rgba(21, 21, 21, 0.06);
  display: block;
  height: 1px;
  margin: 4px 6px;
}

.hc-article-toast {
  align-items: center;
  animation: hcToastIn 160ms ease-out;
  background: var(--nb-dark-green);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(5, 44, 23, 0.28);
  color: var(--nb-bg);
  display: flex;
  font-size: 13px;
  gap: 8px;
  padding: 10px 14px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  white-space: nowrap;
  z-index: 39;
}

.hc-article-toast svg {
  color: var(--nb-lime);
}

.hc-article-action-status {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@keyframes hcToastIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media print {
  nav,
  aside,
  footer,
  .hc-no-print {
    display: none !important;
  }

  html,
  body {
    background: #ffffff !important;
  }

  .hc-page,
  .hc-container {
    background: #ffffff !important;
  }

  .hc-article-layout {
    display: block !important;
  }

  .hc-article-body h1 {
    font-size: 28pt !important;
  }

  .hc-article-body h2 {
    font-size: 16pt !important;
    page-break-after: avoid;
  }

  .hc-article-body section {
    padding: 0 !important;
  }
}

.hc-article-intro {
  color: var(--nb-black);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.55;
  margin: 28px 0 0;
}

.hc-article-body section {
  scroll-margin-top: 104px;
  margin-top: 40px;
}

.hc-article-body h2 {
  font-family: var(--nb-font-display);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 12px;
}

.hc-article-body h3 {
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 10px;
}

.hc-article-body h4 {
  font-family: var(--nb-font-sans);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  margin: 0 0 8px;
}

.hc-article-body section p {
  color: var(--nb-black);
  font-size: 16px;
  line-height: 1.65;
  margin: 0 0 12px;
}

.hc-inline-mark {
  border-radius: 4px;
  color: inherit;
  padding: 0 3px;
}

.hc-inline-mark-yellow {
  background: rgba(240, 185, 11, 0.3);
}

.hc-inline-mark-green {
  background: rgba(28, 165, 92, 0.2);
}

.hc-inline-mark-red {
  background: rgba(255, 78, 89, 0.18);
}

.hc-inline-link {
  color: var(--nb-blue);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.hc-inline-bold {
  font-weight: 800;
}

.hc-inline-italic {
  font-style: italic;
}

.hc-content-list {
  color: var(--nb-black);
  display: grid;
  font-size: 16px;
  grid-gap: 8px;
  gap: 8px;
  line-height: 1.55;
  margin: 0 0 14px;
  padding-left: 22px;
}

.hc-content-list-dot {
  list-style-type: disc;
}

.hc-content-list-number {
  list-style-type: decimal;
}

.hc-content-list-roman {
  list-style-type: upper-roman;
}

.hc-content-list-letter {
  list-style-type: upper-alpha;
}

.hc-article-image {
  margin: 18px 0;
}

.hc-article-image-large,
.hc-article-image-medium,
.hc-article-image-small {
  margin-left: auto;
  margin-right: auto;
}

.hc-article-image-large {
  width: 100%;
}

.hc-article-image-medium {
  width: 70%;
}

.hc-article-image-small {
  width: 40%;
}

.hc-article-image img {
  border-radius: 12px;
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.hc-article-image-banner img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.hc-article-image figcaption {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.5;
  margin-top: 8px;
}

.hc-article-code-block {
  background: #101418;
  border: 1px solid rgba(21, 21, 21, 0.14);
  border-radius: 8px;
  margin: 18px 0;
  overflow: hidden;
}

.hc-article-code-toolbar {
  align-items: center;
  background: #171c22;
  border-bottom: 1px solid rgba(254, 252, 249, 0.08);
  color: rgba(254, 252, 249, 0.72);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  justify-content: space-between;
  line-height: 1;
  margin: 0;
  min-height: 40px;
  padding: 0 14px;
}

.hc-article-code-toolbar span {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.hc-article-code {
  background: #101418;
  color: #f4f7f8;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
  overflow-x: auto;
  padding: 16px 18px;
  -moz-tab-size: 2;
       tab-size: 2;
  white-space: pre;
}

.hc-article-code code {
  color: inherit;
  font: inherit;
}

.hc-article-table {
  margin: 18px 0;
}

.hc-article-table > div {
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  overflow-x: auto;
}

.hc-article-table table {
  border-collapse: collapse;
  min-width: 560px;
  width: 100%;
}

.hc-article-table th,
.hc-article-table td {
  border-bottom: 1px solid var(--nb-border);
  color: var(--nb-black);
  font-size: 14px;
  line-height: 1.45;
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
}

.hc-article-table th {
  background: var(--nb-bg-soft);
  font-weight: 800;
}

.hc-article-table tbody tr:last-child td {
  border-bottom: 0;
}

.hc-article-table figcaption {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.5;
  margin-top: 8px;
}

.hc-article-quote {
  background: var(--nb-bg-soft);
  border-left: 3px solid var(--nb-green);
  color: var(--nb-black);
  margin: 40px 0;
  padding: 24px 32px;
}

.hc-article-body section .hc-article-quote p {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 16px;
  font-style: italic;
  letter-spacing: -0.02em;
  line-height: 1.65;
  margin: 0;
}

.hc-article-body section .hc-article-quote-normal p,
.hc-article-body section .hc-article-quote-small p {
  font-size: 16px;
  line-height: 1.65;
}

.hc-article-body section .hc-article-quote-medium p {
  font-size: 24px;
  line-height: 1.4;
}

.hc-article-body section .hc-article-quote-large p {
  font-size: 32px;
  line-height: 1.25;
}

.hc-article-quote cite {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-style: normal;
  margin-top: 12px;
}

.hc-note {
  align-items: flex-start;
  background: var(--nb-green-tint);
  border-radius: 12px;
  color: var(--nb-dark-green);
  display: flex;
  gap: 12px;
  margin-top: 16px;
  padding: 16px 20px;
}

.hc-note > span {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 8px;
  color: var(--nb-lime);
  display: inline-flex;
  flex: 0 0 28px;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.hc-note .hc-mono {
  color: var(--nb-dark-green);
  display: block;
  margin-bottom: 4px;
}

.hc-note p {
  color: var(--nb-dark-green);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.hc-article-body section .hc-note + p {
  margin-top: 24px;
}

.hc-note-blue {
  background: #eef1ff;
  color: var(--nb-blue);
}

.hc-note-blue > span {
  background: var(--nb-blue);
  color: var(--nb-white);
}

.hc-note-blue .hc-mono,
.hc-note-blue p {
  color: var(--nb-blue);
}

.hc-note-warning {
  background: #fff5d6;
  color: #5f4300;
}

.hc-note-warning > span {
  background: var(--nb-yellow);
  color: var(--nb-black);
}

.hc-note-warning .hc-mono,
.hc-note-warning p {
  color: #5f4300;
}

.hc-note-red {
  background: #ffe9eb;
  color: #8a1f28;
}

.hc-note-red > span {
  background: var(--nb-danger);
  color: var(--nb-white);
}

.hc-note-red .hc-mono,
.hc-note-red p {
  color: #8a1f28;
}

.hc-helpful {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  margin-top: 64px;
  padding: 32px;
}

.hc-helpful h2 {
  font-family: var(--nb-font-sans);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.hc-helpful p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 4px 0 0;
}

.hc-helpful > div:last-child {
  display: flex;
  gap: 8px;
}

.hc-helpful button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  gap: 8px;
  min-height: 44px;
  padding: 10px 20px;
}

.hc-helpful button.selected {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-bg);
}

.hc-prev-next {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 1fr 1fr;
  margin-top: 24px;
}

.hc-prev-next a {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  display: block;
  padding: 20px;
}

.hc-prev-next a:last-child {
  text-align: right;
}

.hc-prev-next .hc-mono {
  color: var(--nb-muted);
  display: block;
  margin-bottom: 4px;
}

.hc-prev-next strong {
  font-size: 15px;
  font-weight: 600;
}

.hc-right-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.hc-human-card {
  background: var(--nb-dark-green);
  border-radius: 16px;
  color: var(--nb-bg);
  padding: 20px;
}

.hc-human-card .hc-mono {
  color: var(--nb-lime);
}

.hc-human-card h2 {
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.18;
  margin: 8px 0 0;
}

.hc-human-card button {
  background: var(--nb-lime);
  border: 0;
  color: var(--nb-dark-green);
}

.hc-related-card {
  background: var(--nb-bg-soft);
  border-radius: 16px;
  padding: 20px;
}

.hc-related-card .hc-mono {
  color: var(--nb-muted);
  display: block;
}

.hc-related-card div {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
}

.hc-related-card a {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.hc-footer {
  background: var(--nb-dark-green);
  color: rgba(254, 252, 249, 0.72);
  margin-top: 96px;
  padding: 80px 0 32px;
}

.hc-footer-grid {
  border-bottom: 1px solid rgba(254, 252, 249, 0.1);
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  grid-template-columns: 1.5fr repeat(4, 1fr);
  padding-bottom: 48px;
}

.hc-footer-brand p {
  font-size: 13px;
  line-height: 1.6;
  margin: 16px 0 0;
  max-width: 320px;
}

.hc-socials {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}

.hc-socials a {
  align-items: center;
  border: 1px solid rgba(254, 252, 249, 0.16);
  border-radius: 999px;
  color: var(--nb-bg);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.hc-footer-column h2 {
  color: var(--nb-bg);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.4;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.hc-footer-column div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.hc-footer-column a {
  color: rgba(254, 252, 249, 0.72);
  font-size: 14px;
}

.hc-footer-bottom {
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 24px;
  justify-content: space-between;
  letter-spacing: -0.03em;
  padding-top: 24px;
  text-transform: uppercase;
}

@media (max-width: 1100px) {
  .hc-hero-title {
    font-size: clamp(72px, 9vw, 148px);
  }

  .hc-hero-panel,
  .hc-popular-layout,
  .hc-article-layout {
    grid-template-columns: 1fr;
  }

  .hc-status-rail {
    border-left: 0;
    border-top: 1px solid rgba(254, 252, 249, 0.12);
    padding-left: 0;
    padding-top: 24px;
  }

  .hc-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hc-category-header {
    grid-template-columns: 88px 1fr;
  }

  .hc-category-header aside {
    grid-column: 1 / -1;
  }

  .hc-toc,
  .hc-right-rail {
    position: static;
  }

  .hc-toc nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hc-other-topics > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .hc-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hc-home .hc-container {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%;
  }

  .hc-dark-nav {
    padding: 20px 24px;
  }

  .hc-nav-menu,
  .hc-button-plain,
  .hc-button-ghost-light {
    display: none;
  }

  .hc-hero {
    padding-top: 116px;
  }

  .hc-hero-title {
    font-size: 64px;
  }

  .hc-section-head,
  .hc-list-toolbar,
  .hc-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .hc-section-head h2 {
    font-size: 40px;
  }

  .hc-contact-strip {
    grid-template-columns: 1fr;
    padding: 36px 28px;
  }

  .hc-category-header {
    grid-template-columns: 1fr;
    padding: 32px;
  }

  .hc-category-header h1 {
    font-size: 48px;
  }

  .hc-article-list a {
    grid-template-columns: 42px 1fr 24px;
  }

  .hc-article-list a .hc-mono:nth-of-type(2),
  .hc-article-list a .hc-mono:nth-of-type(3) {
    display: none;
  }

  .hc-article-body h1 {
    font-size: 42px;
  }

  .hc-article-quote {
    padding: 20px;
  }

  .hc-article-body section .hc-article-quote-medium p {
    font-size: 21px;
  }

  .hc-article-body section .hc-article-quote-large p {
    font-size: 26px;
    line-height: 1.32;
  }

  .hc-article-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .hc-article-actions {
    margin-left: 0;
  }

  .hc-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hc-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .hc-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .hc-home .hc-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .hc-dark-nav,
  .hc-light-nav-inner {
    padding-left: 18px;
    padding-right: 18px;
  }

  .hc-nav-actions .hc-button-lime,
  .hc-light-nav-right .hc-button-dark {
    padding-left: 12px;
    padding-right: 12px;
  }

  .hc-hero-title {
    font-size: 46px;
  }

  .hc-hero-panel {
    margin-top: 42px;
  }

  .hc-search {
    align-items: stretch;
    flex-wrap: wrap;
    padding: 12px;
  }

  .hc-search > svg {
    margin-top: 15px;
  }

  .hc-search input {
    flex-basis: calc(100% - 34px);
  }

  .hc-search button {
    width: 100%;
  }

  .hc-category-grid,
  .hc-category-card-featured,
  .hc-popular-list a,
  .hc-prev-next,
  .hc-footer-grid,
  .hc-other-topics > div,
  .hc-toc nav {
    grid-template-columns: 1fr;
  }

  .hc-category-card-featured {
    grid-column: span 1;
    grid-row: span 1;
    min-height: 320px;
  }

  .hc-category-card-featured h3 {
    font-size: 34px;
  }

  .hc-popular-list a {
    gap: 8px;
    padding: 18px 0;
  }

  .hc-popular-list a > .hc-mono:last-of-type {
    display: none;
  }

  .hc-contact-strip h2 {
    font-size: 36px;
  }

  .hc-category-header h1 {
    font-size: 38px;
  }

  .hc-category-header-icon {
    height: 72px;
    width: 72px;
  }

  .hc-article-list a {
    gap: 10px;
    grid-template-columns: 1fr 24px;
    padding: 18px;
  }

  .hc-article-list a > .hc-mono:first-child {
    display: none;
  }

  .hc-helpful {
    padding: 24px;
  }

  .hc-helpful > div:last-child {
    width: 100%;
  }

  .hc-helpful button {
    flex: 1 1;
    justify-content: center;
  }

  .hc-prev-next a:last-child {
    text-align: left;
  }

  .hc-live-chat-launcher {
    bottom: 18px;
    right: 18px;
  }

  .hc-live-chat-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    bottom: 0;
    height: min(660px, calc(100vh - 24px));
    max-height: none;
    right: 0;
    width: 100%;
  }

  .hc-live-chat-bubble p {
    max-width: 88%;
  }
}

.admin-shell {
  background: #f5f5f3;
  color: #151515;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 100vh;
}

.admin-sidebar {
  background: #151515;
  color: rgba(254, 252, 249, 0.72);
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 100vh;
  padding: 24px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.admin-brand {
  color: #bcff4e;
  font-family: var(--nb-font-mono);
  font-size: 15px;
  text-transform: uppercase;
}

.admin-sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.admin-sidebar nav a,
.admin-public-link {
  border-radius: 8px;
  color: rgba(254, 252, 249, 0.78);
  font-size: 14px;
  padding: 10px 12px;
}

.admin-sidebar nav a:hover,
.admin-public-link:hover {
  background: rgba(254, 252, 249, 0.08);
  color: #fefcf9;
}

.admin-public-link {
  margin-top: auto;
}

.admin-main {
  padding: 32px;
}

.admin-header {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.admin-header h1 {
  font-family: var(--nb-font-display);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.05;
  margin: 0;
}

.admin-header p {
  color: #6a6d70;
  font-size: 15px;
  line-height: 1.5;
  margin: 8px 0 0;
  max-width: 760px;
}

.admin-header-actions {
  display: flex;
  gap: 8px;
}

.admin-notice {
  background: #fff7d6;
  border: 1px solid rgba(240, 185, 11, 0.35);
  border-radius: 10px;
  color: #4b3a00;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 24px;
  padding: 14px 16px;
}

.admin-notice span,
.admin-notice code {
  font-size: 13px;
}

.admin-grid-2 {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  margin-bottom: 16px;
}

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

.admin-card {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 10px;
  padding: 20px;
}

.admin-card h2 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 16px;
}

.admin-stat {
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 34px;
  font-weight: 500;
}

.admin-list {
  color: #404040;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
}

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

.admin-form label {
  color: #6a6d70;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  text-transform: uppercase;
}

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

.admin-form input,
.admin-form select,
.admin-form textarea {
  background: #f7f7f5;
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 8px;
  color: #151515;
  font-size: 14px;
  min-height: 42px;
  padding: 10px 12px;
  text-transform: none;
  width: 100%;
}

.admin-form textarea {
  line-height: 1.5;
  min-height: 104px;
  resize: vertical;
}

.admin-form > button,
.admin-small-button {
  background: #151515;
  border: 0;
  border-radius: 8px;
  color: #fefcf9;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  min-height: 42px;
  padding: 10px 14px;
}

.admin-form > button {
  grid-column: 1 / -1;
}

.admin-form > button:disabled,
.admin-small-button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.admin-table {
  display: grid;
  grid-gap: 0;
  gap: 0;
  overflow-x: auto;
}

.admin-table-head {
  color: #6a6d70;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  text-transform: uppercase;
}

.admin-tenants-row,
.admin-languages-row,
.admin-categories-row,
.admin-articles-row,
.admin-users-row,
.admin-feedback-row {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  min-width: 680px;
  padding: 12px 0;
}

.admin-tenants-row {
  grid-template-columns: 1fr 1fr 1fr;
}

.admin-languages-row {
  grid-template-columns: 120px 1fr 1fr;
}

.admin-categories-row {
  grid-template-columns: 1.3fr 0.8fr 0.8fr 80px;
}

.admin-articles-row {
  grid-template-columns: 1.4fr 110px 110px 80px 100px;
}

.admin-users-row {
  grid-template-columns: 1fr 120px 2fr;
}

.admin-feedback-row {
  grid-template-columns: 1.5fr 0.8fr 80px 100px 110px;
}

.admin-table strong,
.admin-table small {
  display: block;
}

.admin-table strong {
  font-size: 14px;
}

.admin-table small {
  color: #6a6d70;
  font-size: 12px;
  margin-top: 3px;
}

.admin-table span {
  font-size: 13px;
}

.admin-status {
  border-radius: 999px;
  display: inline-flex;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  padding: 5px 9px;
  text-transform: uppercase;
}

.admin-status-published {
  background: #e5f1ee;
  color: #052c17;
}

.admin-status-draft {
  background: #f5f5f5;
  color: #404040;
}

.admin-status-archived {
  background: #ffe3e5;
  color: #7c1118;
}

.admin-empty {
  color: #6a6d70;
  font-size: 14px;
  margin: 0;
  padding: 16px 0 0;
}

@media (max-width: 1100px) {
  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    min-height: 0;
    position: static;
  }

  .admin-sidebar nav {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .admin-grid-2,
  .admin-stat-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .admin-main {
    padding: 20px;
  }

  .admin-header {
    flex-direction: column;
  }

  .admin-form {
    grid-template-columns: 1fr;
  }
}

/* Admin portal design handoff */
.admin-shell {
  background: var(--nb-bg);
  color: var(--nb-black);
  display: flex;
  min-height: 100vh;
}

.admin-navigation-progress {
  background: rgba(5, 44, 23, 0.12);
  height: 3px;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}

.admin-navigation-progress span {
  animation: admin-navigation-progress 940ms ease-in-out infinite;
  background: var(--nb-lime);
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(188, 255, 78, 0.48);
  display: block;
  height: 100%;
  width: 38%;
}

@keyframes admin-navigation-progress {
  0% {
    transform: translateX(-110%);
  }

  55% {
    transform: translateX(90vw);
  }

  100% {
    transform: translateX(120vw);
  }
}

.admin-sidebar {
  background: var(--nb-dark-green);
  border-right: 1px solid rgba(254, 252, 249, 0.08);
  color: var(--nb-bg);
  display: flex;
  flex: 0 0 240px;
  flex-direction: column;
  height: 100vh;
  min-height: 0;
  padding: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 240px;
  z-index: 2100;
}

.admin-sidebar-logo {
  align-items: center;
  border-bottom: 1px solid rgba(254, 252, 249, 0.08);
  display: flex;
  gap: 10px;
  padding: 20px 20px 16px;
}

.admin-app-switcher {
  position: relative;
  z-index: 2200;
}

.admin-sidebar-logo-switchable > div {
  flex: 1 1;
  min-width: 0;
}

.admin-app-switcher-trigger {
  background: transparent;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  display: grid;
  flex: 0 0 auto;
  grid-gap: 2px;
  gap: 2px;
  grid-template-columns: repeat(3, 1fr);
  height: 28px;
  padding: 5px;
  width: 28px;
}

.admin-app-switcher-trigger:hover,
.admin-app-switcher-trigger[aria-expanded="true"] {
  background: rgba(254, 252, 249, 0.1);
}

.admin-app-switcher-trigger i {
  background: rgba(254, 252, 249, 0.58);
  border-radius: 1px;
  display: block;
}

.admin-app-switcher-trigger[aria-expanded="true"] i {
  background: var(--nb-lime);
}

.admin-app-switcher-popover {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 10px;
  box-shadow: 0 18px 36px -16px rgba(5, 44, 23, 0.28);
  color: var(--nb-black);
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  left: calc(100% + 8px);
  padding: 10px;
  position: absolute;
  top: 56px;
  width: 320px;
  z-index: 2300;
}

.admin-app-switcher-popover > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  padding: 8px 10px 6px;
  text-transform: uppercase;
}

.admin-app-switcher-popover a,
.admin-app-switcher-disabled {
  align-items: center;
  border-radius: 8px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  min-height: 56px;
  padding: 10px;
}

.admin-app-switcher-popover a:hover,
.admin-app-switcher-popover a.active,
.admin-app-switcher-popover a.pending {
  background: rgba(188, 255, 78, 0.16);
}

.admin-app-switcher-popover em,
.admin-app-switcher-disabled em {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-family: var(--nb-font-display);
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.admin-app-switcher-popover a span,
.admin-app-switcher-disabled span {
  min-width: 0;
}

.admin-app-switcher-popover a strong,
.admin-app-switcher-disabled strong {
  color: var(--nb-black);
  display: block;
  font-size: 14px;
  line-height: 1.2;
}

.admin-app-switcher-popover a small,
.admin-app-switcher-disabled small {
  color: var(--nb-muted);
  display: block;
  font-size: 12px;
  margin-top: 3px;
}

.admin-app-switcher-disabled {
  opacity: 0.5;
}

.admin-app-switcher-disabled em {
  background: var(--nb-blue);
  color: var(--nb-white);
}

.admin-app-switcher-manage {
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  color: var(--nb-muted);
  display: inline-flex !important;
  font-size: 12px;
  gap: 6px !important;
  grid-template-columns: none !important;
  margin-top: 6px;
  min-height: 0 !important;
  padding: 10px 10px 6px !important;
}

.admin-sidebar-logo strong,
.admin-sidebar-logo span {
  display: block;
}

.admin-sidebar-logo strong {
  color: var(--nb-bg);
  font-size: 14px;
  font-weight: 600;
}

.admin-sidebar-logo span {
  color: var(--nb-lime);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0;
  margin-top: 2px;
}

.admin-sidebar-nav {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 2px;
  padding: 12px;
}

.admin-sidebar-nav a,
.admin-sidebar-nav button,
.admin-sidebar-bottom > a:not(.admin-account-chip) {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: rgba(254, 252, 249, 0.72);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 10px;
  font-family: inherit;
  padding: 10px 12px;
  text-align: left;
  width: 100%;
}

.admin-sidebar-nav a:hover,
.admin-sidebar-nav button:hover,
.admin-sidebar-bottom > a:not(.admin-account-chip):hover,
.admin-sidebar-nav a.active,
.admin-sidebar-nav a.pending,
.admin-sidebar-nav button.active,
.admin-sidebar-bottom > a.active:not(.admin-account-chip),
.admin-sidebar-bottom > a.pending:not(.admin-account-chip) {
  background: rgba(188, 255, 78, 0.12);
  color: var(--nb-lime);
}

.admin-sidebar-nav button {
  cursor: pointer;
}

.admin-sidebar-nav button.active-child {
  background: rgba(188, 255, 78, 0.04);
}

.admin-sidebar-nav a span,
.admin-sidebar-nav button span {
  flex: 1 1;
}

.admin-sidebar-nav-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.admin-sidebar-nav a.admin-sidebar-subnav {
  color: rgba(254, 252, 249, 0.56);
  font-size: 13px;
  padding: 8px 12px 8px 34px;
}

.admin-sidebar-nav a.admin-sidebar-subnav.active {
  color: var(--nb-lime);
  font-weight: 600;
}

.admin-sidebar-nav a.admin-sidebar-subnav.pending {
  background: rgba(188, 255, 78, 0.08);
  color: var(--nb-lime);
}

.admin-sidebar-nav a em,
.admin-sidebar-nav button em {
  background: rgba(254, 252, 249, 0.08);
  border-radius: 4px;
  color: rgba(254, 252, 249, 0.72);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  padding: 2px 6px;
}

.admin-sidebar-nav a.active em,
.admin-sidebar-nav a.pending em,
.admin-sidebar-nav button.active em {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.admin-sidebar-bottom {
  border-top: 1px solid rgba(254, 252, 249, 0.08);
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
}

.admin-account-chip {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  padding: 10px 12px;
}

.admin-account-chip.active,
.admin-account-chip.pending,
.admin-account-chip:hover {
  background: rgba(188, 255, 78, 0.12);
}

.admin-avatar,
.admin-profile-avatar {
  align-items: center;
  background: var(--nb-lime);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-weight: 800;
  justify-content: center;
}

.admin-avatar {
  flex: 0 0 28px;
  font-size: 12px;
  height: 28px;
  width: 28px;
}

.admin-account-chip span:nth-child(2) {
  flex: 1 1;
}

.admin-account-chip strong,
.admin-account-chip small {
  display: block;
}

.admin-account-chip strong {
  color: var(--nb-bg);
  font-size: 13px;
  font-weight: 600;
}

.admin-account-chip.active strong {
  color: var(--nb-lime);
}

.admin-account-chip.pending strong {
  color: var(--nb-lime);
}

.admin-account-chip small {
  color: rgba(254, 252, 249, 0.5);
  font-size: 11px;
}

.admin-main {
  flex: 1 1;
  min-width: 0;
  padding: 0;
}

.admin-shell-navigating .admin-main {
  cursor: progress;
}

.admin-route-loading {
  min-height: 100vh;
}

.admin-route-loading-topbar {
  align-items: center;
  border-bottom: 1px solid var(--nb-border);
  display: flex;
  justify-content: space-between;
  min-height: 77px;
  padding: 16px 32px;
}

.admin-route-loading-topbar span,
.admin-route-loading-topbar em,
.admin-route-loading-card,
.admin-route-loading-grid span,
.admin-route-loading-table i {
  animation: admin-route-loading 1.2s ease-in-out infinite;
  background: linear-gradient(90deg, rgba(21, 21, 21, 0.05), rgba(21, 21, 21, 0.1), rgba(21, 21, 21, 0.05));
  background-size: 220% 100%;
  border-radius: 8px;
  display: block;
}

@keyframes admin-route-loading {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0 50%;
  }
}

.admin-route-loading-topbar span {
  height: 32px;
  width: 220px;
}

.admin-route-loading-topbar em {
  height: 36px;
  width: 150px;
}

.admin-route-loading-content {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  padding: 24px;
}

.admin-route-loading-card.wide {
  height: 112px;
}

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

.admin-route-loading-grid span {
  height: 118px;
}

.admin-route-loading-table {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  display: grid;
  grid-gap: 0;
  gap: 0;
  overflow: hidden;
}

.admin-route-loading-table i {
  border-radius: 0;
  height: 52px;
}

.admin-route-loading-table i + i {
  border-top: 1px solid rgba(21, 21, 21, 0.04);
}

.admin-topbar {
  align-items: center;
  background: var(--nb-bg);
  border-bottom: 1px solid var(--nb-border);
  display: flex;
  justify-content: space-between;
  padding: 20px 32px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}

.admin-topbar h1 {
  font-family: var(--nb-font-display);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0;
}

.admin-topbar p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 2px 0 0;
}

.admin-topbar-actions {
  align-items: center;
  display: flex;
  gap: 8px;
}

.admin-topbar-separator {
  background: var(--nb-border);
  height: 24px;
  margin: 0 4px;
  width: 1px;
}

.admin-icon-button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  height: 36px;
  justify-content: center;
  padding: 0;
  width: 36px;
}

.admin-icon-button.active {
  background: var(--nb-black);
  border-color: var(--nb-black);
  color: var(--nb-bg);
}

.admin-notification-trigger {
  position: relative;
}

.admin-notification-trigger.has-unread::after {
  background: var(--nb-danger);
  border: 2px solid var(--nb-white);
  border-radius: 999px;
  content: "";
  height: 8px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 8px;
}

.admin-notification-trigger > span {
  align-items: center;
  background: var(--nb-danger);
  border: 2px solid var(--nb-white);
  border-radius: 999px;
  color: var(--nb-white);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 9px;
  font-weight: 700;
  height: 17px;
  justify-content: center;
  min-width: 17px;
  padding: 0 4px;
  position: absolute;
  right: -7px;
  top: -7px;
}

.admin-editor-topbar {
  align-items: center;
  background: var(--nb-bg);
  border-bottom: 1px solid var(--nb-border);
  display: flex;
  justify-content: space-between;
  min-height: 65px;
  padding: 14px 32px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}

.admin-editor-topbar-context,
.admin-editor-topbar-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  min-width: 0;
}

.admin-editor-topbar-context {
  flex: 1 1 auto;
  gap: 16px;
}

.admin-editor-topbar-actions {
  flex: 0 0 auto;
}

.admin-editor-topbar-title {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.admin-editor-topbar-title span,
.admin-editor-autosave,
.admin-editor-status-pill {
  font-family: var(--nb-font-mono);
  letter-spacing: 0;
}

.admin-editor-topbar-title span {
  color: var(--nb-muted);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-editor-topbar-title strong {
  color: var(--nb-black);
  display: block;
  font-size: 14px;
  font-weight: 700;
  max-width: min(42vw, 520px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-editor-icon-button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  padding: 0;
  width: 36px;
}

.admin-editor-icon-button:hover:not(:disabled) {
  border-color: var(--nb-border-strong);
}

.admin-editor-icon-button[aria-pressed="true"] {
  background: var(--nb-white);
}

.admin-editor-status-pill {
  align-items: center;
  background: rgba(21, 21, 21, 0.06);
  border-radius: 999px;
  color: var(--nb-black);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 11px;
  gap: 6px;
  padding: 4px 10px;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-editor-status-pill i,
.admin-editor-autosave i {
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 6px;
  width: 6px;
}

.admin-editor-status-published {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-editor-status-published i,
.admin-editor-autosave i {
  background: var(--nb-green);
}

.admin-editor-status-draft i,
.admin-editor-status-archived i {
  background: var(--nb-caption);
}

.admin-editor-status-review {
  background: #fff4d6;
  color: #7a5800;
}

.admin-editor-status-review i {
  background: var(--nb-yellow);
}

.admin-editor-status-scheduled {
  background: rgba(65, 71, 155, 0.1);
  color: var(--nb-blue);
}

.admin-editor-status-scheduled i {
  background: var(--nb-blue);
}

.admin-editor-autosave {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 11px;
  gap: 5px;
}

.admin-editor-save-draft-button,
.admin-editor-publish-button,
.admin-editor-unpublish-button,
.admin-editor-delete-button {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  gap: 6px;
  justify-content: center;
  min-height: 36px;
  padding: 8px 16px;
  position: relative;
  white-space: nowrap;
}

.admin-editor-save-draft-button[aria-busy="true"],
.admin-editor-publish-button[aria-busy="true"],
.admin-editor-unpublish-button[aria-busy="true"],
.admin-editor-delete-button[aria-busy="true"] {
  pointer-events: none;
}

.admin-editor-button-content {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  justify-content: center;
}

.admin-editor-save-draft-button[aria-busy="true"] .admin-editor-button-content,
.admin-editor-publish-button[aria-busy="true"] .admin-editor-button-content,
.admin-editor-unpublish-button[aria-busy="true"] .admin-editor-button-content,
.admin-editor-delete-button[aria-busy="true"] .admin-editor-button-content {
  opacity: 0;
}

.admin-editor-button-spinner {
  left: 50%;
  margin-left: -6.5px;
  margin-top: -6.5px;
  position: absolute;
  top: 50%;
}

.admin-button-spinner {
  animation: adminButtonSpin 720ms linear infinite;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  display: inline-block;
  height: 13px;
  width: 13px;
}

@keyframes adminButtonSpin {
  to {
    transform: rotate(360deg);
  }
}

.admin-editor-save-draft-button {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  color: var(--nb-black);
  width: 116px;
}

.admin-editor-publish-button {
  background: var(--nb-lime);
  border: 0;
  color: var(--nb-dark-green);
  width: 104px;
}

.admin-editor-unpublish-button {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  color: var(--nb-black);
  width: 112px;
}

.admin-editor-delete-button {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  color: var(--nb-black);
  padding: 0;
  width: 36px;
}

.admin-editor-icon-button:disabled,
.admin-editor-save-draft-button:disabled,
.admin-editor-publish-button:disabled,
.admin-editor-unpublish-button:disabled,
.admin-editor-delete-button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.admin-search-trigger {
  color: var(--nb-muted);
  gap: 8px;
  padding: 0 10px 0 12px;
  width: auto;
}

.admin-search-trigger span {
  color: var(--nb-muted);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  letter-spacing: 0;
}

.admin-search-trigger kbd,
.admin-command-input-row kbd,
.admin-command-footer kbd {
  background: rgba(21, 21, 21, 0.05);
  border: 0;
  border-radius: 4px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  padding: 4px 6px;
}

.admin-command-backdrop {
  align-items: flex-start;
  background: rgba(5, 44, 23, 0.55);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 12vh 24px 24px;
  position: fixed;
  z-index: 1000;
}

.admin-command-palette {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 20px;
  box-shadow: 0 30px 80px -20px rgba(5, 44, 23, 0.45), 0 8px 24px -8px rgba(5, 44, 23, 0.25);
  display: flex;
  flex-direction: column;
  max-height: 72vh;
  overflow: hidden;
  width: min(680px, 92vw);
}

.admin-command-input-row {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  display: flex;
  gap: 12px;
  padding: 18px 20px;
}

.admin-command-input-row input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-family: var(--nb-font-display);
  font-size: 18px;
  letter-spacing: 0;
  min-width: 0;
  outline: 0;
}

.admin-command-results {
  flex: 1 1;
  overflow-y: auto;
  padding: 8px 0;
}

.admin-command-group {
  padding: 8px 0;
}

.admin-command-group > span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  padding: 6px 20px 4px;
  text-transform: uppercase;
}

.admin-command-group button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-black);
  cursor: pointer;
  display: flex;
  gap: 12px;
  padding: 10px 20px;
  text-align: left;
  width: 100%;
}

.admin-command-group button.active {
  background: rgba(188, 255, 78, 0.16);
}

.admin-command-icon,
.admin-command-avatar {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.admin-command-icon {
  background: rgba(21, 21, 21, 0.05);
  color: var(--nb-black);
}

.admin-command-avatar {
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.admin-command-group button > span {
  display: block;
  flex: 1 1;
  min-width: 0;
}

.admin-command-group strong,
.admin-command-group small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-command-group strong {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
}

.admin-command-group small {
  color: var(--nb-muted);
  font-size: 12px;
  letter-spacing: 0;
  margin-top: 1px;
}

.admin-command-group em {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  gap: 4px;
  letter-spacing: 0.04em;
}

.admin-command-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 40px 24px;
  text-align: center;
}

.admin-command-empty > span {
  align-items: center;
  background: rgba(21, 21, 21, 0.04);
  border-radius: 999px;
  color: var(--nb-muted);
  display: inline-flex;
  height: 48px;
  justify-content: center;
  margin-bottom: 12px;
  width: 48px;
}

.admin-command-empty strong {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
}

.admin-command-empty small {
  color: var(--nb-muted);
  font-size: 13px;
  letter-spacing: 0;
  margin-top: 4px;
}

.admin-command-footer {
  align-items: center;
  background: rgba(21, 21, 21, 0.02);
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  justify-content: space-between;
  letter-spacing: 0.04em;
  padding: 10px 20px;
}

.admin-command-footer span {
  align-items: center;
  display: inline-flex;
  gap: 2px;
}

.admin-command-footer kbd {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  color: var(--nb-black);
  margin: 0 2px;
  min-width: 16px;
  text-align: center;
}

.admin-notifications-backdrop {
  align-items: stretch;
  animation: admin-notifications-backdrop-in 0.22s ease-out both;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background: rgba(5, 44, 23, 0.45);
  display: flex;
  inset: 0;
  justify-content: flex-end;
  position: fixed;
  z-index: 999;
}

.admin-notifications-backdrop.closing {
  animation: admin-notifications-backdrop-out 0.24s ease-in both;
  pointer-events: none;
}

.admin-notifications-drawer {
  animation: admin-notifications-slide-in 0.26s cubic-bezier(0.2, 0.7, 0.2, 1) both;
  background: var(--nb-bg);
  box-shadow: -20px 0 60px -20px rgba(5, 44, 23, 0.4);
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-width: 96vw;
  width: 460px;
  will-change: transform;
}

.admin-notifications-drawer.closing {
  animation: admin-notifications-slide-out 0.24s cubic-bezier(0.4, 0, 0.7, 0.2) both;
}

@keyframes admin-notifications-slide-in {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes admin-notifications-slide-out {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes admin-notifications-backdrop-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes admin-notifications-backdrop-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.admin-notifications-header {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  padding: 20px 24px 12px;
}

.admin-notifications-title-row {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.admin-notifications-title-row h2 {
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
}

.admin-notifications-title-row p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 5px 0 0;
}

.admin-notifications-header-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-top: -2px;
}

.admin-notifications-header-actions > span {
  background: var(--nb-lime);
  border-radius: 999px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
}

.admin-notifications-header-actions button {
  align-items: center;
  background: rgba(21, 21, 21, 0.04);
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px;
}

.admin-notifications-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}

.admin-notifications-filters button {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 999px;
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  padding: 6px 12px;
  text-transform: uppercase;
}

.admin-notifications-filters button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-notifications-list {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
}

.admin-notifications-bucket h3 {
  background: rgba(254, 252, 249, 0.95);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-weight: 500;
  margin: 0;
  padding: 14px 24px 6px;
  position: -webkit-sticky;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

.admin-notification-card {
  background: transparent;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: flex;
  gap: 12px;
  padding: 14px 24px;
  position: relative;
  transition: background 0.15s ease;
}

.admin-notification-card:hover {
  background: rgba(21, 21, 21, 0.025);
}

.admin-notification-card.unread {
  background: rgba(188, 255, 78, 0.05);
}

.admin-notification-card.unread::before {
  background: var(--nb-green);
  border-radius: 999px;
  content: "";
  height: 6px;
  left: 10px;
  position: absolute;
  top: 23px;
  width: 6px;
}

.admin-notification-avatar-wrap {
  flex: 0 0 auto;
  height: 38px;
  position: relative;
  width: 38px;
}

.admin-notification-avatar {
  align-items: center;
  border-radius: 999px;
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.admin-notification-avatar-wrap i {
  align-items: center;
  border: 2px solid var(--nb-bg);
  border-radius: 999px;
  bottom: 0;
  display: inline-flex;
  height: 18px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 18px;
}

.admin-notification-content {
  flex: 1 1;
  min-width: 0;
}

.admin-notification-line {
  align-items: baseline;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-width: 0;
}

.admin-notification-line strong {
  color: var(--nb-black);
  display: block;
  font-family: var(--nb-font-display);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-notification-line time {
  color: var(--nb-muted);
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 10px;
}

.admin-notification-content p {
  color: var(--nb-muted);
  display: -webkit-box;
  font-size: 13px;
  line-height: 1.45;
  margin: 2px 0 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-notification-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.admin-notification-actions span,
.admin-notification-actions button {
  border-radius: 4px;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  padding: 3px 8px;
  text-transform: uppercase;
}

.admin-notification-actions button {
  background: transparent;
  border: 1px solid rgba(21, 21, 21, 0.1);
  color: var(--nb-black);
}

.admin-notification-actions button.danger {
  color: var(--nb-danger);
}

.admin-notifications-empty {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 320px;
  padding: 60px 24px;
  text-align: center;
}

.admin-notifications-empty > span {
  align-items: center;
  background: rgba(188, 255, 78, 0.16);
  border-radius: 999px;
  color: var(--nb-green);
  display: flex;
  height: 56px;
  justify-content: center;
  margin-bottom: 14px;
  width: 56px;
}

.admin-notifications-empty strong {
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 500;
}

.admin-notifications-empty small {
  color: var(--nb-muted);
  font-size: 13px;
  margin-top: 4px;
}

.admin-notifications-footer {
  align-items: center;
  background: rgba(21, 21, 21, 0.02);
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 14px 20px;
}

.admin-notifications-footer button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
  padding: 6px 10px;
  text-transform: uppercase;
}

.admin-notifications-footer button.danger {
  color: var(--nb-danger);
}

.admin-notifications-footer button:disabled {
  color: var(--nb-caption);
  cursor: default;
}

@media (max-width: 720px) {
  .admin-search-trigger span,
  .admin-search-trigger kbd {
    display: none;
  }

  .admin-search-trigger {
    padding: 0;
    width: 36px;
  }

  .admin-command-backdrop {
    padding: 8vh 12px 12px;
  }

  .admin-command-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

.admin-primary-button,
.admin-secondary-button,
.admin-lime-button {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  gap: 6px;
  justify-content: center;
  min-height: 38px;
  padding: 9px 14px;
}

.admin-primary-button {
  background: var(--nb-dark-green);
  border: 0;
  color: var(--nb-bg);
}

.admin-secondary-button {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  color: var(--nb-black);
}

.admin-lime-button {
  background: var(--nb-lime);
  border: 0;
  color: var(--nb-dark-green);
  width: 100%;
}

.admin-content {
  padding: 32px;
}

.admin-notice {
  background: #fff4d6;
  border: 1px solid rgba(240, 185, 11, 0.35);
  border-radius: 10px;
  color: #4b3a00;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  gap: 4px;
  margin-bottom: 16px;
  padding: 14px 16px;
}

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

.admin-stat-card,
.admin-panel {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
}

.admin-stat-card {
  padding: 20px;
}

.admin-stat-card > span,
.admin-panel > h2,
.admin-review-count,
.admin-top-articles-head,
.admin-article-table-head,
.admin-rail-section h2 {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-stat-card > div {
  align-items: baseline;
  display: flex;
  gap: 10px;
  margin-top: 8px;
}

.admin-stat-card strong {
  font-family: var(--nb-font-display);
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}

.admin-stat-card em {
  align-items: center;
  color: var(--nb-green);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-style: normal;
  gap: 3px;
}

.admin-stat-card em.down {
  color: var(--nb-danger);
}

.admin-dashboard-grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 2fr 1fr;
  margin-bottom: 16px;
}

.admin-panel {
  padding: 24px;
}

.admin-panel > h2 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 16px;
  text-transform: none;
}

.admin-panel-dark {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-panel-dark > h2 {
  color: var(--nb-lime);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  text-transform: uppercase;
}

.admin-activity-list {
  display: flex;
  flex-direction: column;
}

.admin-activity-list a {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  padding: 14px 0;
}

.admin-activity-list a:last-child {
  border-bottom: 0;
}

.admin-activity-icon {
  align-items: center;
  background: rgba(21, 21, 21, 0.04);
  border-radius: 8px;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.admin-activity-list strong,
.admin-activity-list small {
  display: block;
}

.admin-activity-list strong {
  font-size: 14px;
  font-weight: 700;
}

.admin-activity-list small,
.admin-activity-list em {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-activity-list em {
  font-family: var(--nb-font-mono);
  font-style: normal;
  text-transform: uppercase;
}

.admin-review-count {
  background: var(--nb-lime);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  margin-bottom: 12px;
  padding: 3px 8px;
}

.admin-review-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}

.admin-review-list a,
.admin-review-list p {
  border-top: 1px solid rgba(254, 252, 249, 0.1);
  margin: 0;
  padding: 14px 0;
}

.admin-review-list strong,
.admin-review-list span {
  display: block;
}

.admin-review-list strong {
  color: var(--nb-bg);
  font-size: 14px;
  line-height: 1.4;
}

.admin-review-list span,
.admin-review-list p {
  color: rgba(254, 252, 249, 0.55);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-top: 4px;
}

.admin-top-articles,
.admin-article-table {
  overflow-x: auto;
}

.admin-top-articles-head,
.admin-top-articles a {
  align-items: center;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 40px 2fr 1fr 0.8fr 0.6fr;
  min-width: 720px;
}

.admin-top-articles-head {
  border-bottom: 1px solid var(--nb-border);
  padding: 8px 0;
}

.admin-top-articles a {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  font-size: 14px;
  padding: 14px 0;
}

.admin-top-articles a > span:first-child,
.admin-top-articles a > span:nth-child(5) {
  font-family: var(--nb-font-mono);
}

.admin-top-articles a > span {
  color: var(--nb-muted);
}

.admin-filter-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

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

.admin-page-alert {
  border: 1px solid rgba(255, 78, 89, 0.22);
  background: rgba(255, 78, 89, 0.08);
  color: #7a1d24;
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 13px;
  margin-bottom: 14px;
}

.admin-page-alert.success {
  background: rgba(28, 165, 92, 0.09);
  border-color: rgba(28, 165, 92, 0.2);
  color: var(--nb-dark-green);
}

.admin-blog-app-chip {
  border: 1px solid var(--nb-border);
  background: #f8f8f6;
  border-radius: 6px;
  padding: 10px 12px;
  display: grid;
  grid-gap: 3px;
  gap: 3px;
}

.admin-blog-app-chip strong {
  color: var(--nb-ink);
  font-size: 13px;
}

.admin-blog-app-chip span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-check-row {
  border: 1px solid var(--nb-border);
  background: #fff;
  border-radius: 5px;
  padding: 10px 11px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--nb-ink);
  font-size: 13px;
}

.admin-check-row + .admin-check-row {
  margin-top: 8px;
}

.admin-blog-overview {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 28px;
}

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

.admin-blog-kpi,
.admin-blog-card,
.admin-blog-feature-card {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
}

.admin-blog-kpi {
  padding: 16px 18px;
}

.admin-blog-kpi > div,
.admin-blog-card-head,
.admin-blog-card-title,
.admin-blog-upcoming > div,
.admin-blog-legend,
.admin-blog-author-line {
  align-items: center;
  display: flex;
}

.admin-blog-kpi > div {
  gap: 8px;
  margin-bottom: 8px;
}

.admin-blog-kpi > div span,
.admin-blog-card-head span,
.admin-blog-chart-axis,
.admin-blog-legend,
.admin-blog-top-posts em,
.admin-blog-top-posts mark small,
.admin-blog-status,
.admin-blog-feature-copy small,
.admin-blog-upcoming small,
.admin-blog-upcoming span {
  font-family: var(--nb-font-mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-blog-kpi > div span {
  color: var(--nb-muted);
  font-size: 10px;
  letter-spacing: 0.06em;
}

.admin-blog-kpi svg {
  color: var(--nb-muted);
}

.admin-blog-kpi strong {
  color: var(--nb-dark-green);
  display: block;
  font-family: var(--nb-font-display);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
}

.admin-blog-kpi em {
  color: var(--nb-muted);
  display: block;
  font-size: 11.5px;
  font-style: normal;
  margin-top: 6px;
}

.admin-blog-kpi .admin-blog-kpi-up {
  color: var(--nb-green);
}

.admin-blog-kpi .admin-blog-kpi-warn {
  color: #8a6a00;
}

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

.admin-blog-feature-grid.single {
  grid-template-columns: 1fr;
}

.admin-blog-feature-card {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  min-height: 140px;
  overflow: hidden;
}

.admin-blog-feature-art {
  min-height: 140px;
  position: relative;
}

.admin-blog-feature-art em {
  align-items: center;
  background: rgba(255, 255, 255, 0.86);
  border-radius: 4px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  gap: 4px;
  left: 10px;
  letter-spacing: 0.08em;
  padding: 3px 7px;
  position: absolute;
  text-transform: uppercase;
  top: 10px;
}

.admin-blog-feature-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px 18px;
}

.admin-blog-feature-copy small {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-size: 10.5px;
  gap: 8px;
  margin-bottom: 8px;
}

.admin-blog-feature-copy small i,
.admin-blog-top-posts small i,
.admin-blog-category-grid i,
.admin-blog-upcoming small i {
  border-radius: 3px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 6px;
  width: 6px;
}

.admin-blog-feature-copy strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.admin-blog-feature-copy p {
  color: var(--nb-muted);
  display: -webkit-box;
  font-size: 12.5px;
  line-height: 1.5;
  margin: 6px 0 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-blog-author-line {
  color: var(--nb-black);
  font-size: 12px;
  gap: 7px;
  margin-top: auto;
  padding-top: 10px;
}

.admin-blog-author-line > i,
.admin-blog-queue > a > i {
  align-items: center;
  background: var(--nb-accent);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--nb-font-display);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.admin-blog-author-line b {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 400;
  gap: 4px;
  margin-left: auto;
}

.admin-blog-main-grid {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr);
}

.admin-blog-main-grid.compact-side {
  align-items: start;
}

.admin-blog-card {
  padding: 22px;
}

.admin-blog-card-head {
  justify-content: space-between;
  margin-bottom: 14px;
}

.admin-blog-card-head > div:first-child {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.admin-blog-card-head span {
  color: var(--nb-muted);
  font-size: 11px;
  letter-spacing: 0.06em;
}

.admin-blog-card-head strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
}

.admin-blog-card-head em {
  color: var(--nb-green);
  font-size: 12px;
  font-style: normal;
}

.admin-blog-legend {
  color: var(--nb-muted);
  font-size: 11px;
  gap: 10px;
}

.admin-blog-legend span {
  align-items: center;
  display: inline-flex;
  gap: 5px;
}

.admin-blog-legend i {
  border-radius: 2px;
  display: inline-flex;
  height: 8px;
  width: 8px;
}

.admin-blog-legend span:first-child i {
  background: var(--nb-dark-green);
}

.admin-blog-legend span:last-child i {
  background: var(--nb-accent);
}

.admin-blog-bars {
  align-items: flex-end;
  display: flex;
  gap: 8px;
  height: 200px;
  padding: 0 4px;
}

.admin-blog-bar {
  align-items: flex-end;
  display: flex;
  flex: 1 1;
  height: 100%;
}

.admin-blog-bar > i {
  background: var(--nb-dark-green);
  border-radius: 4px 4px 0 0;
  display: block;
  margin-top: auto;
  min-height: 7px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.admin-blog-bar b {
  background: var(--nb-accent);
  border-radius: 0 0 4px 4px;
  bottom: 0;
  display: block;
  left: 0;
  min-height: 0;
  position: absolute;
  right: 0;
}

.admin-blog-chart-axis {
  color: var(--nb-muted);
  display: flex;
  font-size: 10px;
  justify-content: space-between;
  margin-top: 8px;
}

.admin-blog-card-title {
  gap: 8px;
  margin-bottom: 14px;
}

.admin-blog-card-title h2,
.admin-blog-upcoming h2,
.admin-blog-category-mix h2 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0;
}

.admin-blog-card-title a,
.admin-blog-upcoming > div a {
  color: var(--nb-green);
  font-size: 12px;
  margin-left: auto;
}

.admin-blog-queue,
.admin-blog-top-posts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-blog-queue > a {
  align-items: center;
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 8px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  padding: 10px 12px;
}

.admin-blog-queue > a > i {
  height: 24px;
  width: 24px;
}

.admin-blog-queue strong,
.admin-blog-top-posts strong {
  color: var(--nb-black);
  display: block;
  font-size: 13px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-queue small {
  color: var(--nb-muted);
  display: block;
  font-size: 11px;
  margin-top: 2px;
}

.admin-blog-status {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 10px;
  font-weight: 600;
  gap: 5px;
  justify-self: end;
  line-height: 1;
  padding: 5px 7px;
  white-space: nowrap;
}

.admin-blog-status i {
  border-radius: 999px;
  height: 5px;
  width: 5px;
}

.admin-blog-status-published {
  background: rgba(28, 165, 92, 0.12);
  color: var(--nb-green);
}

.admin-blog-status-published i {
  background: var(--nb-green);
}

.admin-blog-status-scheduled {
  background: rgba(65, 71, 155, 0.12);
  color: var(--nb-blue);
}

.admin-blog-status-scheduled i {
  background: var(--nb-blue);
}

.admin-blog-status-draft {
  background: rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
}

.admin-blog-status-draft i {
  background: var(--nb-caption);
}

.admin-blog-status-in_review {
  background: rgba(240, 185, 11, 0.18);
  color: #8a6a00;
}

.admin-blog-status-in_review i {
  background: var(--nb-yellow);
}

.admin-blog-top-posts > a {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 24px minmax(0, 1fr) 90px 90px;
  padding: 12px 0;
}

.admin-blog-top-posts > a:last-child {
  border-bottom: 0;
}

.admin-blog-top-posts em {
  color: var(--nb-caption);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.admin-blog-top-posts small {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 5px;
  letter-spacing: 0.04em;
  margin-top: 3px;
  text-transform: uppercase;
}

.admin-blog-top-posts b {
  background: rgba(21, 21, 21, 0.05);
  border-radius: 999px;
  display: block;
  height: 5px;
  overflow: hidden;
}

.admin-blog-top-posts b i {
  background: var(--nb-green);
  border-radius: 999px;
  display: block;
  height: 100%;
}

.admin-blog-top-posts mark {
  background: transparent;
  color: var(--nb-dark-green);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}

.admin-blog-top-posts mark small {
  color: var(--nb-muted);
  display: block;
  font-size: 9.5px;
  margin-top: 2px;
}

.admin-blog-upcoming {
  background: var(--nb-dark-green);
  border-radius: 14px;
  color: var(--nb-bg);
  padding: 22px;
}

.admin-blog-upcoming > div {
  gap: 8px;
  margin-bottom: 12px;
}

.admin-blog-upcoming > div svg,
.admin-blog-upcoming > div a {
  color: var(--nb-accent);
}

.admin-blog-upcoming h2 {
  color: var(--nb-bg);
}

.admin-blog-upcoming > a {
  border-bottom: 1px solid rgba(254, 252, 249, 0.08);
  display: block;
  padding: 12px 0;
}

.admin-blog-upcoming small {
  align-items: center;
  color: rgba(254, 252, 249, 0.68);
  display: flex;
  font-size: 10px;
  gap: 8px;
}

.admin-blog-upcoming strong {
  color: var(--nb-bg);
  display: block;
  font-size: 13.5px;
  line-height: 1.35;
  margin-top: 6px;
}

.admin-blog-upcoming span {
  align-items: center;
  color: var(--nb-accent);
  display: flex;
  font-size: 10.5px;
  gap: 6px;
  margin-top: 6px;
}

.admin-blog-upcoming p {
  color: rgba(254, 252, 249, 0.62);
  font-size: 13px;
}

.admin-blog-upcoming.empty {
  align-self: start;
}

.admin-blog-category-mix h2 {
  margin-bottom: 14px;
}

.admin-blog-category-bar {
  border-radius: 999px;
  display: flex;
  height: 10px;
  margin-bottom: 14px;
  overflow: hidden;
}

.admin-blog-category-grid {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-blog-category-grid span {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 0;
  padding: 8px 0;
}

.admin-blog-category-grid i {
  height: 10px;
  width: 10px;
}

.admin-blog-category-grid strong {
  color: var(--nb-black);
  flex: 1 1;
  font-size: 13px;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-category-grid em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-style: normal;
}

.admin-blog-posts-table-head,
.admin-blog-posts-table-row {
  grid-template-columns: minmax(220px, 1.9fr) minmax(90px, 0.75fr) minmax(110px, 0.8fr) 94px 98px 54px 92px;
  min-width: 860px;
}

.admin-blog-posts-table {
  overflow-x: auto;
}

.admin-blog-subpage {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}

.admin-blog-calendar-toolbar {
  align-items: center;
  display: flex;
  gap: 12px;
}

.admin-blog-calendar-toolbar h2 {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-blog-calendar-toolbar > span {
  flex: 1 1;
}

.admin-blog-calendar-toolbar em,
.admin-blog-category-last,
.admin-blog-category-share b {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-blog-calendar {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  overflow: hidden;
}

.admin-blog-calendar-weekdays,
.admin-blog-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.admin-blog-calendar-weekdays {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
}

.admin-blog-calendar-weekdays span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  padding: 10px 12px;
}

.admin-blog-calendar-grid > div {
  border-right: 1px solid rgba(21, 21, 21, 0.04);
  border-top: 1px solid rgba(21, 21, 21, 0.04);
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 112px;
  min-width: 0;
  padding: 8px;
}

.admin-blog-calendar-grid > div:nth-child(7n) {
  border-right: 0;
}

.admin-blog-calendar-grid > div:nth-child(-n + 7) {
  border-top: 0;
}

.admin-blog-calendar-grid > div.muted {
  background: rgba(21, 21, 21, 0.02);
}

.admin-blog-calendar-grid strong {
  align-items: center;
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 600;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.admin-blog-calendar-grid strong.today {
  background: var(--nb-accent);
  color: var(--nb-dark-green);
}

.admin-blog-calendar-post {
  align-items: center;
  background: color-mix(in srgb, var(--blog-color, var(--nb-green)) 12%, transparent);
  border-radius: 5px;
  color: var(--blog-color, var(--nb-green));
  display: flex;
  font-size: 11px;
  font-weight: 600;
  gap: 4px;
  min-width: 0;
  padding: 4px 7px;
}

.admin-blog-calendar-post span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-calendar-grid small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
}

.admin-blog-calendar-agenda {
  display: flex;
  flex-direction: column;
}

.admin-blog-calendar-agenda > a {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 40px minmax(0, 1fr) minmax(160px, auto);
  padding: 12px 0;
}

.admin-blog-calendar-agenda > a > span,
.admin-blog-calendar-agenda > a > small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-blog-calendar-agenda > a > strong {
  color: var(--nb-black);
  font-size: 13.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-marketing-calendar {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.admin-marketing-calendar-hero {
  background: #151515;
  border-radius: 18px;
  color: var(--nb-cream);
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 210px;
  overflow: hidden;
  padding: 28px;
  position: relative;
}

.admin-marketing-calendar-hero::before {
  background-image: repeating-linear-gradient(125deg, rgba(254, 252, 249, 0.06) 0, rgba(254, 252, 249, 0.06) 1px, transparent 1px, transparent 24px);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.admin-marketing-calendar-hero > * {
  position: relative;
}

.admin-marketing-calendar-hero span,
.admin-marketing-calendar-toolbar > div > span,
.admin-marketing-calendar-detail dt {
  color: rgba(254, 252, 249, 0.58);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-marketing-calendar-hero h2 {
  color: var(--nb-cream);
  font-family: var(--nb-font-display);
  font-size: 36px;
  font-weight: 560;
  letter-spacing: -0.035em;
  line-height: 1.02;
  margin: 12px 0 0;
  max-width: 620px;
}

.admin-marketing-calendar-hero p {
  color: rgba(254, 252, 249, 0.66);
  font-size: 14px;
  line-height: 1.55;
  margin: 14px 0 0;
  max-width: 560px;
}

.admin-marketing-calendar-metrics {
  align-self: end;
  background: rgba(254, 252, 249, 0.06);
  border: 1px solid rgba(254, 252, 249, 0.1);
  border-radius: 14px;
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  grid-template-columns: auto 1fr;
  padding: 18px;
}

.admin-marketing-calendar-metrics strong {
  color: var(--nb-lime);
  font-family: var(--nb-font-display);
  font-size: 30px;
  font-weight: 540;
  letter-spacing: -0.03em;
  line-height: 1;
}

.admin-marketing-calendar-metrics span {
  align-self: center;
  color: rgba(254, 252, 249, 0.58);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-calendar-layout {
  position: relative;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.admin-marketing-calendar-layout.with-agenda {
  grid-template-columns: minmax(0, 1fr);
}

.admin-marketing-calendar-main,
.admin-marketing-calendar-rail {
  min-width: 0;
}

.admin-marketing-calendar-main {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-marketing-calendar-toolbar {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 2px;
  padding: 0;
}

.admin-marketing-calendar-toolbar > div > span {
  color: var(--nb-muted);
}

.admin-marketing-calendar-period-control {
  align-items: center;
  display: inline-flex;
  gap: 12px;
  min-width: 0;
}

.admin-marketing-calendar-period-control .admin-icon-button {
  background: #fff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 8px;
  height: 32px;
  width: 32px;
}

.admin-marketing-calendar-toolbar h2 {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  min-width: 0;
  text-align: left;
}

.admin-marketing-calendar-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
}

.admin-marketing-calendar-actions .admin-secondary-button {
  background: #fff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  color: #151515;
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
  font-weight: 500;
  height: 32px;
  letter-spacing: -0.02em;
  min-height: 32px;
  padding: 0 12px;
}

.admin-marketing-calendar-actions .admin-secondary-button.active {
  background: #052c17;
  border-color: #052c17;
  color: #fefcf9;
  box-shadow: none;
}

.admin-marketing-calendar-new-event {
  min-height: 34px;
  padding: 8px 12px;
  text-decoration: none;
  white-space: nowrap;
}

.admin-topbar-actions .admin-marketing-calendar-topbar-export {
  background: #fff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  color: #151515;
  gap: 6px;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
}

.admin-topbar-actions .admin-marketing-calendar-new-event {
  background: #052c17;
  border: 0;
  color: #fefcf9;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  font-weight: 500;
  height: 36px;
  min-height: 36px;
  padding: 0 14px;
}

.admin-marketing-calendar-view-toggle {
  background: rgba(21, 21, 21, 0.04);
  border-radius: 8px;
  display: flex;
  gap: 4px;
  padding: 3px;
}

.admin-marketing-calendar-view-toggle button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--nb-muted);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 500;
  height: 26px;
  justify-content: center;
  letter-spacing: 0;
  min-width: 0;
  padding: 0 14px;
  text-transform: capitalize;
}

.admin-marketing-calendar-view-toggle button.active {
  background: var(--nb-white);
  color: var(--nb-black);
  box-shadow: 0 1px 3px rgba(21, 21, 21, 0.08);
}

.admin-marketing-calendar-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 2px;
}

.admin-marketing-calendar-filters button,
.admin-marketing-calendar-statuses button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 999px;
  color: var(--nb-black);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 12.5px;
  font-weight: 500;
  gap: 7px;
  min-height: 30px;
  padding: 0 12px;
}

.admin-marketing-calendar-filters button.active,
.admin-marketing-calendar-statuses button.active {
  background: color-mix(in srgb, var(--marketing-calendar-color, var(--nb-black)) 8%, #fff);
  border-color: var(--marketing-calendar-color, var(--nb-black));
  box-shadow: none;
  color: var(--marketing-calendar-color, var(--nb-black));
}

.admin-marketing-calendar-filters button:not(.active),
.admin-marketing-calendar-statuses button:not(.active) {
  color: #a1a1a1;
}

.admin-marketing-calendar-filters i {
  background: var(--marketing-calendar-color, var(--nb-black));
  border-radius: 2px;
  height: 7px;
  width: 7px;
}

.admin-marketing-calendar-filters button:not(.active) i {
  background: #d9d9d9;
}

.admin-marketing-calendar-filters button:not(.active) svg {
  color: #a1a1a1;
}

.admin-marketing-calendar-filters svg {
  color: var(--marketing-calendar-color, var(--nb-black));
}

.admin-marketing-calendar-filters em,
.admin-marketing-calendar-statuses em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  opacity: 0.55;
}

.admin-marketing-calendar-schedule-count {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-marketing-calendar-stage {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  overflow: hidden;
}

.admin-marketing-calendar-statuses {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px;
}

.admin-marketing-calendar-status-dot {
  border-radius: 999px;
  height: 8px;
  width: 8px;
}

.admin-marketing-calendar-status-dot.published,
.admin-marketing-month-grid button i.published,
.admin-marketing-month-grid a i.published {
  background: #1ca55c;
}

.admin-marketing-calendar-status-dot.scheduled,
.admin-marketing-month-grid button i.scheduled,
.admin-marketing-month-grid a i.scheduled {
  background: #7a5cff;
}

.admin-marketing-calendar-status-dot.draft,
.admin-marketing-month-grid button i.draft,
.admin-marketing-month-grid a i.draft {
  background: #6a6d70;
}

.admin-marketing-calendar-status-dot.in_review,
.admin-marketing-month-grid button i.in_review,
.admin-marketing-month-grid a i.in_review {
  background: #ff8a3d;
}

.admin-marketing-calendar-status-dot.event,
.admin-marketing-month-grid button i.event,
.admin-marketing-month-grid a i.event {
  background: #151515;
}

.admin-marketing-month-weekdays,
.admin-marketing-month-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.admin-marketing-month-weekdays {
  background: var(--nb-white);
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
}

.admin-marketing-month-weekdays span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  padding: 10px 12px;
}

.admin-marketing-month-grid > div {
  border-right: 1px solid rgba(21, 21, 21, 0.04);
  border-top: 1px solid rgba(21, 21, 21, 0.04);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 116px;
  min-width: 0;
  padding: 8px;
  transition: background 160ms ease;
}

.admin-marketing-month-grid > div:nth-child(7n) {
  border-right: 0;
}

.admin-marketing-month-grid > div.muted {
  background: rgba(21, 21, 21, 0.018);
  cursor: default;
}

.admin-marketing-month-grid > div.selected {
  background: rgba(5, 44, 23, 0.04);
}

.admin-marketing-month-grid strong {
  align-items: center;
  border-radius: 8px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.admin-marketing-month-grid strong.today {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.admin-marketing-month-grid button,
.admin-marketing-month-grid a {
  align-items: center;
  background: color-mix(in srgb, var(--marketing-calendar-color, var(--nb-green)) 10%, transparent);
  border: 0;
  border-radius: 5px;
  color: var(--marketing-calendar-color, var(--nb-green));
  cursor: pointer;
  display: flex;
  font-family: var(--nb-font-sans);
  font-size: 11px;
  font-weight: 500;
  gap: 5px;
  min-width: 0;
  padding: 4px 7px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.admin-marketing-month-grid button svg,
.admin-marketing-month-grid a svg {
  color: color-mix(in srgb, var(--marketing-calendar-color, var(--nb-green)) 72%, var(--nb-black));
  flex: 0 0 auto;
}

.admin-marketing-month-grid button.active,
.admin-marketing-month-grid a:focus-visible {
  border-color: color-mix(in srgb, var(--marketing-calendar-color, var(--nb-green)) 44%, transparent);
  box-shadow: 0 8px 24px rgba(21, 21, 21, 0.08);
  outline: 0;
}

.admin-marketing-month-grid button i,
.admin-marketing-month-grid a i {
  display: none;
}

.admin-marketing-month-grid button span,
.admin-marketing-month-grid a span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-marketing-month-grid small,
.admin-marketing-calendar-empty {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
}

.admin-marketing-week-board {
  background: #fff;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  overflow: hidden;
}

.admin-marketing-week-header,
.admin-marketing-week-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.admin-marketing-week-header {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
}

.admin-marketing-week-header button {
  background: #fff;
  border: 0;
  border-right: 1px solid rgba(21, 21, 21, 0.04);
  cursor: pointer;
  padding: 12px 14px;
  text-align: left;
}

.admin-marketing-week-header button:last-child,
.admin-marketing-week-grid > div:last-child {
  border-right: 0;
}

.admin-marketing-week-header button.selected {
  background: rgba(5, 44, 23, 0.04);
}

.admin-marketing-week-header span {
  color: #6a6d70;
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
}

.admin-marketing-week-header strong {
  color: #151515;
  display: block;
  font-family: var(--nb-font-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
  margin-top: 4px;
}

.admin-marketing-week-header strong.muted {
  color: #a1a1a1;
}

.admin-marketing-week-grid {
  min-height: 420px;
}

.admin-marketing-week-grid > div {
  border-right: 1px solid rgba(21, 21, 21, 0.04);
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 10px;
}

.admin-marketing-week-grid > div > small,
.admin-marketing-week-grid > div > em {
  color: #a1a1a1;
  font-size: 11.5px;
  font-style: normal;
  padding: 6px 4px;
}

.admin-marketing-week-event {
  background: color-mix(in srgb, var(--marketing-calendar-color, #7a5cff) 8%, #fff);
  border: 0;
  border-radius: 7px;
  color: var(--marketing-calendar-color, #7a5cff);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
  padding: 8px 10px;
  text-align: left;
}

.admin-marketing-week-event span {
  align-items: center;
  color: var(--marketing-calendar-color, #7a5cff);
  display: inline-flex;
  font-size: 11px;
  gap: 5px;
}

.admin-marketing-week-event strong {
  color: #151515;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
  white-space: normal;
}

.admin-marketing-calendar-list {
  display: flex;
  flex-direction: column;
  padding: 0 16px 16px;
}

.admin-marketing-calendar-agenda-head {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: 116px minmax(0, 1fr) minmax(160px, auto);
  letter-spacing: 0.08em;
  padding: 13px 0 10px;
  text-transform: uppercase;
}

.admin-marketing-calendar-list button,
.admin-marketing-calendar-list a {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  color: inherit;
  cursor: pointer;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: 116px minmax(0, 1fr) minmax(160px, auto);
  padding: 16px 0;
  text-align: left;
  text-decoration: none;
}

.admin-marketing-calendar-list button.active strong,
.admin-marketing-calendar-list a:focus-visible strong,
.admin-marketing-calendar-list a:hover strong {
  color: var(--marketing-calendar-color, var(--nb-green));
}

.admin-marketing-calendar-list button span,
.admin-marketing-calendar-list button small,
.admin-marketing-calendar-list a span,
.admin-marketing-calendar-list a small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-marketing-calendar-list button strong,
.admin-marketing-calendar-list a strong {
  color: var(--nb-black);
  font-size: 14px;
}

.admin-marketing-calendar-empty {
  padding: 22px 0 8px;
}

.admin-marketing-calendar-rail {
  animation: admin-calendar-rail-in 190ms ease-out both;
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: calc(100vh - 120px);
  position: fixed;
  right: 32px;
  top: 96px;
  width: min(360px, calc(100vw - 64px));
  z-index: 90;
}

.admin-marketing-calendar-rail.closing {
  animation: admin-calendar-rail-out 170ms ease-in both;
  pointer-events: none;
}

@keyframes admin-calendar-rail-in {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes admin-calendar-rail-out {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(28px);
  }
}

.admin-marketing-calendar-detail,
.admin-marketing-calendar-queue {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 16px;
  padding: 18px;
}

.admin-marketing-calendar-detail {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-marketing-calendar-status-pill {
  align-self: flex-start;
  border-radius: 999px;
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  padding: 5px 9px;
  text-transform: uppercase;
}

.admin-marketing-calendar-status-pill.published {
  background: rgba(28, 165, 92, 0.14);
  color: #11643a;
}

.admin-marketing-calendar-status-pill.scheduled {
  background: rgba(122, 92, 255, 0.14);
  color: #4b32b2;
}

.admin-marketing-calendar-status-pill.draft {
  background: rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
}

.admin-marketing-calendar-status-pill.in_review {
  background: rgba(255, 138, 61, 0.16);
  color: #8c430c;
}

.admin-marketing-calendar-status-pill.event {
  background: rgba(21, 21, 21, 0.08);
  color: var(--nb-black);
}

.admin-marketing-calendar-detail h2 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 25px;
  font-weight: 540;
  letter-spacing: -0.03em;
  line-height: 1.08;
  margin: 0;
}

.admin-marketing-calendar-detail p,
.admin-marketing-calendar-queue p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

.admin-marketing-calendar-detail dl {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.admin-marketing-calendar-detail dl div {
  background: rgba(21, 21, 21, 0.025);
  border-radius: 10px;
  padding: 10px;
}

.admin-marketing-calendar-detail dt {
  color: var(--nb-muted);
}

.admin-marketing-calendar-detail dd {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 650;
  margin: 5px 0 0;
}

.admin-marketing-calendar-schedule-form {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding-top: 14px;
}

.admin-marketing-calendar-schedule-form label {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-marketing-calendar-schedule-form label span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-calendar-schedule-form input,
.admin-marketing-calendar-schedule-form select {
  background: #f8f8f6;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 8px;
  color: var(--nb-black);
  font: inherit;
  min-height: 38px;
  padding: 0 10px;
}

.admin-marketing-calendar-schedule-form button {
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 8px;
  color: var(--nb-cream);
  cursor: pointer;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  min-height: 40px;
}

.admin-marketing-calendar-schedule-form button:disabled,
.admin-marketing-calendar-schedule-form input:disabled,
.admin-marketing-calendar-schedule-form select:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.admin-marketing-calendar-queue {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.admin-marketing-calendar-queue > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.admin-marketing-calendar-queue h3 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 17px;
  font-weight: 550;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-marketing-calendar-queue > div span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
}

.admin-marketing-calendar-queue button,
.admin-marketing-calendar-queue a {
  background: rgba(21, 21, 21, 0.025);
  border: 0;
  border-radius: 10px;
  color: inherit;
  cursor: pointer;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 10px;
  text-align: left;
  text-decoration: none;
}

.admin-marketing-calendar-queue button strong,
.admin-marketing-calendar-queue a strong {
  color: var(--nb-black);
  font-size: 12.5px;
  line-height: 1.3;
}

.admin-marketing-calendar-queue button small,
.admin-marketing-calendar-queue a small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-marketing-calendar-rail-agenda {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 120px);
  min-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  box-shadow: 0 24px 48px -24px rgba(5, 44, 23, 0.32);
}

.admin-marketing-calendar-rail-close {
  align-items: center;
  background: rgba(21, 21, 21, 0.05);
  border: 0;
  border-radius: 6px;
  color: #6a6d70;
  cursor: pointer;
  display: inline-flex;
  height: 26px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 26px;
  z-index: 3;
}

.admin-marketing-calendar-rail-kicker,
.admin-marketing-calendar-rail-agenda > small {
  color: var(--nb-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-calendar-rail-kicker {
  display: block;
  margin-bottom: 6px;
}

.admin-marketing-calendar-rail-head {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: block;
  margin: 0;
  padding: 18px 20px;
  position: relative;
}

.admin-marketing-calendar-rail-head h3 {
  color: #151515;
  font-family: "Inter Tight", Manrope, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: normal;
  margin: 0;
}

.admin-marketing-calendar-rail-head p {
  color: #6a6d70;
  font-size: 12.5px;
  margin: 4px 0 0;
}

.admin-marketing-calendar-rail-agenda-list {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 0;
  margin: 0;
  max-height: none;
  min-height: 0;
  overflow: auto;
  padding: 0;
  scrollbar-width: none;
}

.admin-marketing-calendar-rail-agenda-list::-webkit-scrollbar {
  display: none;
}

.admin-marketing-calendar-rail-agenda-day {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
}

.admin-marketing-calendar-rail-day-head {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 54px minmax(0, 1fr);
  padding: 12px 20px;
}

.admin-marketing-calendar-rail-day-head > div {
  text-align: center;
}

.admin-marketing-calendar-rail-day-head > div span {
  color: #6a6d70;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-marketing-calendar-rail-day-head > div strong {
  color: #151515;
  display: block;
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1;
  margin-top: 2px;
}

.admin-marketing-calendar-rail-day-head > span {
  color: #6a6d70;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  justify-self: end;
}

.admin-marketing-calendar-rail-agenda-day button,
.admin-marketing-calendar-rail-agenda-day a {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  border-radius: 0;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 60px minmax(0, 1fr);
  padding: 12px 20px;
}

.admin-marketing-calendar-rail-agenda-day button strong,
.admin-marketing-calendar-rail-agenda-day button small,
.admin-marketing-calendar-rail-agenda-day a strong,
.admin-marketing-calendar-rail-agenda-day a small {
  min-width: 0;
}

.admin-marketing-calendar-rail-time {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  line-height: 1.3;
}

.admin-marketing-calendar-rail-summary {
  border-left: 3px solid var(--marketing-calendar-color, var(--nb-green));
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  min-width: 0;
  padding-left: 12px;
}

.admin-marketing-calendar-rail-agenda-day button strong,
.admin-marketing-calendar-rail-agenda-day a strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.28;
}

.admin-marketing-calendar-rail-agenda-day button small,
.admin-marketing-calendar-rail-agenda-day a small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 9.5px;
  line-height: 1.35;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-marketing-calendar-rail-summary em {
  align-items: center;
  background: color-mix(in srgb, var(--marketing-calendar-color, var(--nb-green)) 10%, #fff);
  border-radius: 999px;
  color: var(--marketing-calendar-color, var(--nb-green));
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  gap: 5px;
  justify-self: start;
  padding: 2px 8px;
  text-transform: none;
}

.admin-marketing-calendar-rail-agenda-day button.active,
.admin-marketing-calendar-rail-agenda-day a:focus-visible,
.admin-marketing-calendar-rail-agenda-day a:hover {
  background: color-mix(in srgb, var(--marketing-calendar-color, var(--nb-green)) 8%, #fff);
  outline: 0;
}

.admin-marketing-calendar-rail-agenda-day button em.published,
.admin-marketing-calendar-rail-agenda-day a em.published {
  color: #1ca55c;
}

.admin-marketing-calendar-rail-agenda-day button em.scheduled,
.admin-marketing-calendar-rail-agenda-day a em.scheduled {
  color: #7a5cff;
}

.admin-marketing-calendar-rail-agenda-day button em.draft,
.admin-marketing-calendar-rail-agenda-day a em.draft {
  color: #6a6d70;
}

.admin-marketing-calendar-rail-agenda-day button em.in_review,
.admin-marketing-calendar-rail-agenda-day a em.in_review {
  color: #ff8a3d;
}

.admin-marketing-calendar-rail-agenda-day button em.event,
.admin-marketing-calendar-rail-agenda-day a em.event {
  color: #151515;
}

.admin-marketing-calendar-rail-agenda-day button .admin-marketing-calendar-rail-summary em,
.admin-marketing-calendar-rail-agenda-day a .admin-marketing-calendar-rail-summary em {
  color: var(--marketing-calendar-color, #7a5cff);
}

.admin-marketing-calendar-rail-footer {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: block;
  padding: 12px;
  width: 100%;
}

.admin-marketing-calendar-rail-add {
  align-items: center;
  background: #052c17;
  border: 0;
  border-radius: 8px;
  color: #fefcf9;
  cursor: pointer;
  display: inline-flex;
  font-family: Manrope, sans-serif;
  font-size: 13px;
  font-weight: 500;
  gap: 8px;
  height: 38px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0 12px;
  text-transform: none;
  width: 100%;
}

.admin-marketing-calendar-event-backdrop {
  align-items: center;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background: rgba(5, 44, 23, 0.4);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 1000;
}

.admin-marketing-calendar-event-dialog {
  background: var(--nb-white);
  border-radius: 16px;
  box-shadow: 0 30px 60px -20px rgba(5, 44, 23, 0.3);
  max-height: min(760px, calc(100vh - 48px));
  max-width: 520px;
  overflow: hidden;
  padding: 0;
  scrollbar-width: none;
  width: min(520px, 100%);
}

.admin-marketing-calendar-event-dialog:not(.admin-marketing-calendar-event-form)::before {
  background: var(--marketing-calendar-color, var(--nb-green));
  content: "";
  display: block;
  height: 6px;
}

.admin-marketing-calendar-event-form {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  max-width: 580px;
  padding: 0;
  width: min(580px, 100%);
}

.admin-marketing-calendar-event-form.admin-marketing-calendar-event-dialog > header {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: 20px 24px;
}

.admin-marketing-calendar-event-title {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 4px 0 0;
}

.admin-marketing-calendar-event-dialog::-webkit-scrollbar {
  display: none;
}

.admin-marketing-calendar-event-dialog > header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 22px 24px 0;
}

.admin-marketing-calendar-event-dialog > header button {
  align-items: center;
  background: rgba(21, 21, 21, 0.04);
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.admin-marketing-calendar-event-body {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  padding: 10px 24px 22px;
}

.admin-marketing-calendar-event-kicker {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-calendar-event-body h2 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 10px 0 0;
}

.admin-marketing-calendar-event-body p {
  color: var(--nb-muted);
  font-size: 14px;
  line-height: 1.55;
  margin: 12px 0 0;
  max-width: 580px;
}

.admin-marketing-calendar-event-body dl {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.admin-marketing-calendar-event-body dl div {
  background: rgba(21, 21, 21, 0.025);
  border-radius: 10px;
  padding: 11px;
}

.admin-marketing-calendar-event-body dt {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-calendar-event-body dd {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
  margin: 5px 0 0;
}

.admin-marketing-calendar-event-dialog > footer {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  padding: 0 24px 24px;
}

.admin-marketing-calendar-event-dialog > footer a,
.admin-marketing-calendar-event-dialog > footer span {
  text-decoration: none;
}

.admin-marketing-calendar-event-dialog .admin-primary-button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.admin-marketing-calendar-event-form-body {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 18px;
  min-height: 0;
  overflow-y: auto;
  padding: 24px;
  scrollbar-width: none;
}

.admin-marketing-calendar-event-form-body::-webkit-scrollbar {
  display: none;
}

.admin-marketing-calendar-event-form-field {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-marketing-calendar-event-form-field > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-calendar-event-type-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-marketing-calendar-event-type-button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  color: var(--nb-black);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--nb-font-body);
  font-size: 12.5px;
  font-weight: 500;
  gap: 7px;
  height: 34px;
  justify-content: center;
  padding: 0 12px;
}

.admin-marketing-calendar-event-type-button.active {
  background: var(--marketing-calendar-active-bg, rgba(21, 21, 21, 0.07));
  border-color: var(--marketing-calendar-color, var(--nb-black));
  color: var(--marketing-calendar-color, var(--nb-black));
  font-weight: 600;
}

.admin-marketing-calendar-event-form-date-row {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-nebeus-date-picker {
  position: relative;
}

.admin-nebeus-date-picker-trigger {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 8px;
  color: var(--nb-black);
  cursor: pointer;
  display: flex;
  font-family: var(--nb-font-body);
  font-size: 13.5px;
  gap: 10px;
  height: 38px;
  justify-content: space-between;
  line-height: 1;
  outline: 0;
  padding: 0 12px;
  text-align: left;
  width: 100%;
}

.admin-nebeus-date-picker-trigger.open {
  border-color: var(--nb-dark-green);
  box-shadow: 0 0 0 3px rgba(5, 44, 23, 0.06);
}

.admin-nebeus-date-picker-trigger span {
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-nebeus-date-picker-trigger.empty span {
  color: #a1a1a1;
}

.admin-nebeus-date-picker-trigger svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
}

.admin-nebeus-date-picker-menu {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 12px;
  box-shadow: 0 18px 36px -16px rgba(5, 44, 23, 0.25);
  padding: 12px;
  position: fixed;
  width: 304px;
  z-index: 2147483647;
}

.admin-nebeus-date-picker-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 4px 4px 10px;
}

.admin-nebeus-date-picker-head strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.admin-nebeus-date-picker-head div {
  display: flex;
  gap: 4px;
}

.admin-nebeus-date-picker-head button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 6px;
  color: var(--nb-black);
  cursor: pointer;
  display: flex;
  height: 26px;
  justify-content: center;
  padding: 0;
  width: 26px;
}

.admin-nebeus-date-picker-weekdays,
.admin-nebeus-date-picker-grid {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.admin-nebeus-date-picker-weekdays {
  padding: 0 2px 4px;
}

.admin-nebeus-date-picker-weekdays span {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  height: 24px;
  justify-content: center;
  letter-spacing: 0.06em;
}

.admin-nebeus-date-picker-grid button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-black);
  cursor: pointer;
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12.5px;
  font-weight: 500;
  height: 36px;
  justify-content: center;
  letter-spacing: -0.02em;
  padding: 0;
  transition:
    background 120ms ease,
    color 120ms ease;
}

.admin-nebeus-date-picker-grid button.outside {
  color: #c7c7c7;
}

.admin-nebeus-date-picker-grid button.today {
  background: rgba(188, 255, 78, 0.3);
  color: var(--nb-black);
  font-weight: 600;
}

.admin-nebeus-date-picker-grid button:not(.selected):hover {
  background: rgba(21, 21, 21, 0.05);
}

.admin-nebeus-date-picker-grid button.today:not(.selected):hover {
  background: rgba(188, 255, 78, 0.45);
}

.admin-nebeus-date-picker-grid button.selected {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
  font-weight: 600;
}

.admin-nebeus-date-picker-footer {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  padding: 10px 4px 4px;
}

.admin-nebeus-date-picker-clear,
.admin-nebeus-date-picker-today {
  border: 0;
  cursor: pointer;
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
  letter-spacing: -0.02em;
}

.admin-nebeus-date-picker-clear {
  background: transparent;
  color: var(--nb-muted);
  padding: 4px 6px;
}

.admin-nebeus-date-picker-today {
  background: var(--nb-lime);
  border-radius: 6px;
  color: var(--nb-dark-green);
  font-weight: 600;
  height: 28px;
  padding: 0 12px;
}

.admin-marketing-calendar-event-detail-panel {
  background: rgba(21, 21, 21, 0.04);
  border: 1px solid rgba(21, 21, 21, 0.2);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 18px;
}

.admin-marketing-calendar-event-detail-panel-post {
  background: rgba(122, 92, 255, 0.04);
  border-color: rgba(122, 92, 255, 0.2);
}

.admin-marketing-calendar-event-detail-panel-post .admin-marketing-calendar-event-detail-heading {
  color: #7a5cff;
}

.admin-marketing-calendar-event-detail-panel-event {
  background: rgba(21, 21, 21, 0.035);
  border-color: rgba(21, 21, 21, 0.16);
}

.admin-marketing-calendar-event-detail-heading {
  align-items: center;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  gap: 8px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-calendar-event-link-form {
  align-items: end;
  background: rgba(21, 21, 21, 0.025);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 12px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px;
}

.admin-marketing-calendar-event-link-form label,
.admin-marketing-calendar-event-form-grid label {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-marketing-calendar-event-link-form label span,
.admin-marketing-calendar-event-form-grid label span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-calendar-event-link-form select,
.admin-marketing-calendar-event-form-field input,
.admin-marketing-calendar-event-form-field select,
.admin-marketing-calendar-event-form-field textarea,
.admin-marketing-calendar-event-form-grid input,
.admin-marketing-calendar-event-form-grid textarea {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-body);
  font-size: 13.5px;
  min-height: 38px;
  outline: none;
  padding: 0 12px;
}

.admin-marketing-calendar-event-form-field textarea,
.admin-marketing-calendar-event-form-grid textarea {
  min-height: 104px;
  padding: 10px 11px;
  resize: vertical;
}

.admin-marketing-calendar-event-detail-copy {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
}

.admin-nebeus-select {
  position: relative;
}

.admin-nebeus-select-trigger {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 8px;
  color: var(--nb-black);
  cursor: pointer;
  display: flex;
  font-family: var(--nb-font-body);
  font-size: 13.5px;
  gap: 10px;
  height: 38px;
  justify-content: space-between;
  line-height: 1;
  outline: 0;
  padding: 0 12px;
  text-align: left;
  width: 100%;
}

.admin-nebeus-select-trigger.open {
  border-color: var(--nb-dark-green);
  box-shadow: 0 0 0 3px rgba(5, 44, 23, 0.06);
}

.admin-nebeus-select-trigger span {
  flex: 1 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-nebeus-select-trigger.empty span {
  color: #a1a1a1;
}

.admin-nebeus-select-trigger svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
}

.admin-nebeus-select-menu {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 10px;
  box-shadow: 0 18px 36px -16px rgba(5, 44, 23, 0.25);
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 260px;
  overflow-y: auto;
  padding: 6px;
  position: fixed;
  scrollbar-width: none;
  z-index: 2147483647;
}

.admin-nebeus-select-menu::-webkit-scrollbar {
  display: none;
}

.admin-nebeus-select-menu button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--nb-black);
  cursor: pointer;
  display: grid;
  font-family: var(--nb-font-body);
  font-size: 13px;
  grid-template-columns: 18px minmax(0, 1fr);
  min-height: 34px;
  padding: 0 8px;
  text-align: left;
  width: 100%;
}

.admin-nebeus-select-menu button:hover,
.admin-nebeus-select-menu button.selected {
  background: rgba(21, 21, 21, 0.045);
}

.admin-nebeus-select-menu button span {
  align-items: center;
  color: var(--nb-dark-green);
  display: flex;
  justify-content: center;
}

.admin-nebeus-select-menu button strong {
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-marketing-calendar-owner-status-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-marketing-calendar-status-segment {
  display: flex;
  gap: 6px;
}

.admin-marketing-calendar-status-segment button {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 7px;
  color: var(--nb-black);
  cursor: pointer;
  flex: 1 1;
  font-family: var(--nb-font-body);
  font-size: 12.5px;
  height: 38px;
  padding: 0 12px;
  text-transform: capitalize;
}

.admin-marketing-calendar-status-segment button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-cream);
}

.admin-marketing-calendar-event-link-form button {
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 9px;
  color: var(--nb-cream);
  cursor: pointer;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  min-height: 40px;
  padding: 0 13px;
  white-space: nowrap;
}

.admin-marketing-calendar-event-link-form button:disabled,
.admin-marketing-calendar-event-form button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.admin-marketing-calendar-event-form-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 24px;
}

.admin-marketing-calendar-event-form-grid .wide {
  grid-column: 1 / -1;
}

.admin-marketing-calendar-event-form.admin-marketing-calendar-event-dialog > footer {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  flex-shrink: 0;
  padding: 16px 24px 20px;
}

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

.admin-blog-category-card {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 44px minmax(0, 1fr) 28px;
  padding: 18px;
}

.admin-blog-category-icon,
.admin-blog-category-menu {
  align-items: center;
  border-radius: 12px;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.admin-blog-category-menu {
  background: transparent;
  color: var(--nb-muted);
  height: 28px;
  width: 28px;
}

.admin-blog-category-title {
  min-width: 0;
}

.admin-blog-category-title strong {
  color: var(--nb-dark-green);
  display: block;
  font-family: var(--nb-font-display);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-category-title small {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  margin-top: 2px;
}

.admin-blog-category-metrics,
.admin-blog-category-last,
.admin-blog-category-share {
  grid-column: 1 / -1;
}

.admin-blog-category-metrics {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-blog-category-metrics em {
  background: var(--nb-bg);
  border-radius: 8px;
  display: block;
  font-style: normal;
  padding: 10px;
}

.admin-blog-category-metrics small {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 9.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-blog-category-metrics b {
  color: var(--nb-dark-green);
  display: block;
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-top: 3px;
}

.admin-blog-category-last {
  border-top: 1px solid rgba(21, 21, 21, 0.05);
  line-height: 1.45;
  padding-top: 10px;
  text-transform: none;
}

.admin-blog-category-last b {
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-weight: 600;
  letter-spacing: 0;
}

.admin-blog-category-share {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
}

.admin-blog-category-share > i {
  background: rgba(21, 21, 21, 0.05);
  border-radius: 999px;
  display: block;
  height: 5px;
  overflow: hidden;
}

.admin-blog-category-share > i::before {
  content: "";
}

.admin-blog-category-share > i {
  max-width: 100%;
}

.admin-blog-table-card {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  overflow-x: auto;
}

.admin-blog-wire-page {
  gap: 18px;
}

.admin-blog-wire-intro {
  background: var(--nb-dark-green);
  border-radius: 14px;
  color: var(--nb-bg);
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.28fr);
  padding: 20px;
}

.admin-blog-wire-intro > div {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.admin-blog-wire-intro span,
.admin-blog-wire-source-head,
.admin-blog-wire-story-kicker,
.admin-blog-wire-story-meta,
.admin-blog-wire-review-head span {
  font-family: var(--nb-font-mono);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.admin-blog-wire-intro span {
  color: rgba(254, 252, 249, 0.62);
  font-size: 10px;
}

.admin-blog-wire-intro strong {
  color: var(--nb-bg);
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.admin-blog-wire-intro small {
  color: rgba(254, 252, 249, 0.72);
  font-size: 12px;
  line-height: 1.5;
}

.admin-blog-wire-filter {
  grid-template-columns: minmax(240px, 1fr) minmax(120px, 0.38fr) minmax(170px, 0.62fr) minmax(150px, 0.5fr) auto auto;
}

.admin-blog-wire-source-card {
  overflow: hidden;
}

.admin-blog-wire-source-head,
.admin-blog-wire-source-row {
  align-items: center;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: minmax(210px, 1.15fr) minmax(260px, 1.6fr) 100px 42px;
  min-width: 820px;
  padding: 12px 18px;
}

.admin-blog-wire-source-head {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  font-size: 10px;
}

.admin-blog-wire-source-row {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
}

.admin-blog-wire-source-row:last-child {
  border-bottom: 0;
}

.admin-blog-wire-source-main {
  display: grid;
  grid-gap: 2px 10px;
  gap: 2px 10px;
  grid-template-columns: 10px minmax(0, 1fr);
  min-width: 0;
}

.admin-blog-wire-source-main i,
.admin-blog-wire-story-meta i {
  background: var(--source-color, var(--nb-green));
  border-radius: 999px;
  display: inline-block;
}

.admin-blog-wire-source-main i {
  grid-row: 1 / span 2;
  height: 10px;
  margin-top: 5px;
  width: 10px;
}

.admin-blog-wire-source-main strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 700;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-wire-source-main small,
.admin-blog-wire-source-row a,
.admin-blog-wire-source-row em {
  font-size: 11px;
}

.admin-blog-wire-source-main small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-wire-source-row a {
  color: var(--nb-muted);
  min-width: 0;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-wire-source-row a:hover {
  color: var(--nb-green);
}

.admin-blog-wire-source-row em {
  background: var(--nb-bg-soft);
  border-radius: 999px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-style: normal;
  justify-content: center;
  padding: 5px 8px;
  text-transform: uppercase;
}

.admin-blog-wire-review {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-blog-wire-review-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.admin-blog-wire-review-head > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.admin-blog-wire-review-head span {
  color: var(--nb-muted);
  font-size: 10px;
}

.admin-blog-wire-review-head strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.admin-blog-wire-story-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-blog-wire-story {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 18px;
}

.admin-blog-wire-story-kicker,
.admin-blog-wire-story-meta,
.admin-blog-wire-story-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-blog-wire-story-kicker {
  color: var(--nb-muted);
  font-size: 10px;
  justify-content: space-between;
}

.admin-blog-wire-story-kicker em {
  background: color-mix(in srgb, var(--source-color, var(--nb-green)) 13%, transparent);
  border-radius: 999px;
  color: var(--source-color, var(--nb-green));
  font-style: normal;
  padding: 5px 8px;
}

.admin-blog-wire-story h2 {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.16;
  margin: 0;
}

.admin-blog-wire-story p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}

.admin-blog-wire-story-meta {
  color: var(--nb-muted);
  font-size: 10px;
}

.admin-blog-wire-story-meta span {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.admin-blog-wire-story-meta i {
  flex: 0 0 auto;
  height: 7px;
  width: 7px;
}

.admin-blog-wire-story-actions {
  margin-top: auto;
}

.admin-blog-wire-story-actions .admin-secondary-button {
  min-height: 34px;
}

.site-shell {
  min-height: 100vh;
}

.wire-page {
  --font-display: var(--nb-font-display);
  --font-mono: var(--nb-font-mono);
  --nb-brand: var(--nb-green);
  --nb-brand-dark: var(--nb-dark-green);
  --nb-line: var(--nb-border);
  --page-gutter: clamp(20px, 4vw, 64px);
  background: var(--nb-bg);
  color: var(--nb-black);
  min-height: 100vh;
}

.wire-page .nav {
  align-items: center;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  background: rgba(254, 252, 249, 0.88);
  border-bottom: 1px solid var(--nb-line);
  color: var(--nb-black);
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: minmax(210px, 1fr) auto minmax(260px, 1fr);
  min-height: 72px;
  padding: 18px var(--page-gutter);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 30;
}

.wire-page .brand-button {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  display: flex;
  gap: 16px;
  justify-self: start;
  min-width: 0;
  padding: 0;
}

.wire-page .brand-button img {
  display: block;
  height: 28px;
}

.wire-page .brand-button span {
  border-left: 1px solid currentColor;
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: -0.02em;
  opacity: 0.68;
  padding-left: 16px;
}

.wire-page .nav-links {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 28px;
  justify-content: center;
}

.wire-page .nav-links a {
  opacity: 0.82;
}

.wire-page .nav-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
}

.wire-page .language-switcher {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 4px;
  color: inherit;
  display: inline-flex;
  gap: 2px;
  padding: 2px;
}

.wire-page .language-switcher a {
  align-items: center;
  background: transparent;
  border-radius: 2px;
  color: inherit;
  display: inline-flex;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  height: 28px;
  justify-content: center;
  letter-spacing: 0;
  min-width: 32px;
  opacity: 0.58;
  padding: 0 7px;
}

.wire-page .language-switcher a.active {
  background: var(--nb-brand-dark);
  color: var(--nb-bg);
  opacity: 1;
}

.wire-page .search-button,
.wire-page .subscribe-button {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  letter-spacing: -0.03em;
  min-height: 40px;
  padding: 10px 14px;
}

.wire-page .search-button {
  background: transparent;
  border: 1px solid var(--nb-line);
  color: inherit;
}

.wire-page .subscribe-button {
  background: var(--nb-lime);
  border: 0;
  color: var(--nb-brand-dark);
}

.wire-page .shortcut-key {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 3px;
  color: var(--nb-caption);
  font-family: var(--font-mono);
  font-size: 10px;
  line-height: 1;
  padding: 1px 5px;
}

.wire-masthead {
  padding: 80px var(--page-gutter) 48px;
}

.wire-kicker {
  align-items: center;
  color: var(--nb-caption);
  display: flex;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  gap: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wire-kicker a {
  border-bottom: 1px solid currentColor;
  color: inherit;
  padding-bottom: 1px;
}

.wire-kicker strong {
  color: var(--nb-black);
}

.wire-kicker em {
  align-items: center;
  color: var(--nb-brand);
  display: inline-flex;
  font-style: normal;
  gap: 8px;
  margin-left: 12px;
}

.wire-kicker em span {
  animation: wire-pulse 2s ease-in-out infinite;
  background: var(--nb-brand);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

.wire-masthead h1 {
  font-family: var(--font-display);
  font-size: clamp(72px, 11vw, 168px);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 0.9;
  margin: 24px 0 0;
  max-width: 1180px;
  text-wrap: balance;
}

.wire-masthead h1 em {
  color: var(--nb-brand);
  font-style: italic;
}

.wire-intro {
  align-items: flex-end;
  display: flex;
  gap: 32px;
  justify-content: space-between;
  margin-top: 32px;
}

.wire-intro p {
  color: var(--nb-muted);
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  max-width: 560px;
}

.wire-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.wire-tabs a,
.wire-archive-nav a,
.wire-paginator a {
  font-family: var(--font-mono);
  letter-spacing: -0.03em;
}

.wire-tabs a {
  background: transparent;
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 4px;
  color: var(--nb-black);
  font-size: 13px;
  padding: 10px 16px;
}

.wire-tabs a.active {
  background: var(--nb-black);
  border-color: var(--nb-black);
  color: var(--nb-bg);
}

.wire-source-rail {
  padding: 0 var(--page-gutter) 24px;
}

.wire-source-bar {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.12);
  border-top: 1px solid rgba(21, 21, 21, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0;
}

.wire-source-label {
  color: var(--nb-caption);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wire-source-count,
.wire-source-action {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: -0.02em;
}

.wire-source-count {
  color: var(--nb-muted);
}

.wire-source-count strong {
  color: var(--nb-black);
}

.wire-source-action {
  color: var(--nb-brand);
  text-decoration: underline;
}

.wire-source-chips {
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.wire-source-chip {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 999px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 500;
  gap: 8px;
  letter-spacing: -0.02em;
  padding: 6px 12px;
}

.wire-source-chip.active {
  background: var(--nb-black);
  border-color: var(--nb-black);
  color: var(--nb-bg);
}

.wire-source-chip > span {
  background: var(--source-hue);
  border-radius: 2px;
  height: 8px;
  width: 8px;
}

.wire-source-chip small {
  color: inherit;
  font-family: var(--font-mono);
  font-size: 10px;
  opacity: 0.68;
}

.wire-lead,
.wire-feed {
  padding-left: var(--page-gutter);
  padding-right: var(--page-gutter);
}

.wire-lead {
  padding-bottom: 32px;
  padding-top: 40px;
}

.wire-lead a {
  border-bottom: 2px solid var(--nb-black);
  color: inherit;
  display: grid;
  grid-gap: 40px;
  gap: 40px;
  grid-template-columns: 1.4fr 1fr;
  padding-bottom: 32px;
}

.wire-lead-meta {
  align-items: center;
  display: flex;
  font-family: var(--font-mono);
  font-size: 11px;
  gap: 10px;
  letter-spacing: 0.06em;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.wire-lead-meta strong {
  background: var(--nb-lime);
  border-radius: 2px;
  color: var(--nb-brand-dark);
  padding: 4px 8px;
}

.wire-lead-meta em {
  align-items: center;
  color: var(--nb-black);
  display: inline-flex;
  font-style: normal;
  font-weight: 700;
  gap: 6px;
}

.wire-lead-meta em::before,
.wire-card-meta i {
  background: var(--source-hue);
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
}

.wire-lead-meta small {
  color: var(--nb-muted);
}

.wire-lead-meta b {
  color: var(--nb-brand);
  margin-left: auto;
}

.wire-lead h2 {
  font-family: var(--font-display);
  font-size: clamp(48px, 5.5vw, 84px);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.95;
  margin: 0 0 20px;
  max-width: 940px;
  text-wrap: balance;
}

.wire-lead p {
  color: #404040;
  font-family: var(--font-display);
  font-size: 19px;
  line-height: 1.5;
  margin: 0 0 20px;
  max-width: 620px;
}

.wire-read-link,
.wire-card-actions {
  border-bottom: 1px solid currentColor;
  color: var(--nb-black);
  font-family: var(--font-mono);
  font-size: 13px;
  letter-spacing: -0.03em;
  padding-bottom: 1px;
  width: -moz-fit-content;
  width: fit-content;
}

.wire-lead aside {
  align-self: flex-start;
  background: var(--nb-bg-soft);
  border-left: 4px solid var(--nb-brand);
  padding: 24px 28px;
}

.wire-lead aside strong {
  color: var(--nb-brand);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wire-lead aside p {
  color: var(--nb-black);
  font-size: 17px;
  font-style: italic;
  line-height: 1.55;
  margin: 12px 0;
}

.wire-lead aside small {
  color: var(--nb-muted);
  font-family: var(--font-mono);
  font-size: 11px;
}

.wire-archive-nav {
  padding: 24px var(--page-gutter) 0;
}

.wire-archive-nav > div {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: flex;
  gap: 12px;
  padding: 14px 18px;
}

.wire-archive-nav span {
  color: var(--nb-caption);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wire-archive-nav > div > a,
.wire-archive-days a,
.wire-paginator > a,
.wire-paginator div a {
  background: transparent;
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 4px;
  color: var(--nb-black);
  font-size: 12px;
  font-weight: 700;
  min-height: 34px;
  padding: 8px 14px;
}

.wire-archive-days {
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  min-width: 0;
}

.wire-archive-days a.active,
.wire-paginator div a.active {
  background: var(--nb-black);
  border-color: var(--nb-black);
  color: var(--nb-bg);
}

.wire-archive-nav small {
  color: var(--nb-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  white-space: nowrap;
}

.wire-archive-nav small strong {
  color: var(--nb-black);
}

.wire-feed {
  padding-bottom: 80px;
  padding-top: 32px;
}

.wire-bucket {
  margin-bottom: 56px;
}

.wire-bucket-head {
  align-items: baseline;
  border-bottom: 2px solid var(--nb-black);
  display: flex;
  gap: 24px;
  padding-bottom: 16px;
}

.wire-bucket-head h2 {
  font-family: var(--font-display);
  font-size: 56px;
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 0.9;
  margin: 0;
}

.wire-bucket-head span {
  color: var(--nb-muted);
  font-family: var(--font-mono);
  font-size: 13px;
}

.wire-card-grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
}

.wire-card {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 22px;
  transition:
    box-shadow 200ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.wire-card:hover {
  box-shadow: 0 8px 24px rgba(5, 44, 23, 0.06);
  transform: translateY(-2px);
}

.wire-card-meta {
  align-items: center;
  display: flex;
  font-family: var(--font-mono);
  font-size: 11px;
  gap: 10px;
  letter-spacing: -0.02em;
}

.wire-card-meta strong {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.wire-card-meta small {
  color: var(--nb-muted);
}

.wire-card-meta b {
  color: var(--nb-brand);
  font-size: 10px;
  letter-spacing: 0.04em;
  margin-left: auto;
  text-transform: uppercase;
}

.wire-card h3 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.18;
  margin: 0;
  text-wrap: balance;
}

.wire-card p {
  color: #404040;
  font-family: var(--font-display);
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

.wire-card-actions {
  margin-top: auto;
  padding-top: 12px;
}

.wire-empty {
  color: var(--nb-caption);
  font-family: var(--font-mono);
  font-size: 13px;
  padding: 80px 0;
  text-align: center;
}

.wire-paginator {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.12);
  border-top: 1px solid rgba(21, 21, 21, 0.12);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-top: 32px;
  padding: 24px 0;
}

.wire-paginator div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.wire-paginator span {
  color: var(--nb-muted);
  font-family: var(--font-mono);
  font-size: 11px;
}

.wire-paginator > a:last-child {
  background: var(--nb-black);
  border-color: var(--nb-black);
  color: var(--nb-bg);
}

.wire-digest {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 20px;
  color: var(--nb-bg);
  display: grid;
  grid-gap: 48px;
  gap: 48px;
  grid-template-columns: minmax(440px, 1fr) auto;
  margin-top: 48px;
  padding: 44px;
}

.wire-digest-copy > strong {
  color: rgba(254, 252, 249, 0.55);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wire-digest h3 {
  color: var(--nb-bg);
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 12px 0 0;
  text-wrap: balance;
}

.wire-digest p {
  color: rgba(254, 252, 249, 0.6);
  font-size: 15px;
  line-height: 1.5;
  margin: 16px 0 0;
  max-width: 440px;
}

.telegram-channel-join {
  align-items: center;
  border: 1px solid rgba(254, 252, 249, 0.16);
  border-radius: 12px;
  display: flex;
  gap: 10px;
  padding: 8px;
}

.telegram-handle-pill {
  align-items: center;
  background: rgba(254, 252, 249, 0.08);
  border-radius: 8px;
  display: inline-flex;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
}

.telegram-handle-pill em,
.telegram-handle-pill strong {
  font-family: var(--font-mono);
  font-size: 12px;
  font-style: normal;
  letter-spacing: -0.02em;
}

.telegram-handle-pill em {
  color: rgba(254, 252, 249, 0.46);
}

.telegram-handle-pill strong {
  color: var(--nb-bg);
}

.telegram-channel-cta {
  background: var(--nb-lime);
  border-radius: 8px;
  color: var(--nb-dark-green);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: -0.03em;
  min-height: 44px;
  padding: 13px 16px;
  white-space: nowrap;
}

.wire-page .footer {
  border-top: 1px solid var(--nb-line);
  color: var(--nb-muted);
  margin-top: 64px;
  padding: 64px var(--page-gutter) 32px;
}

.wire-page .footer-grid {
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  grid-template-columns: 2fr repeat(5, 1fr);
}

.wire-page .footer a.footer-logo-link {
  display: inline-flex;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
}

.wire-page .footer img {
  height: 28px;
}

.wire-page .footer-logo {
  filter: brightness(0) saturate(100%);
}

.wire-page .footer p {
  font-size: 13px;
  line-height: 1.65;
  margin: 16px 0 0;
  max-width: 330px;
}

.wire-page .footer h3 {
  color: var(--nb-black);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.06em;
  margin: 0 0 16px;
  text-transform: uppercase;
}

.wire-page .footer a {
  color: var(--nb-muted);
  display: block;
  font-size: 14px;
  margin: 8px 0;
}

.wire-page .footer-bottom {
  border-top: 1px solid var(--nb-line);
  color: var(--nb-caption);
  display: flex;
  font-family: var(--font-mono);
  font-size: 12px;
  gap: 24px;
  justify-content: space-between;
  letter-spacing: -0.03em;
  margin-top: 48px;
  padding-top: 24px;
}

@keyframes wire-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.42;
    transform: scale(0.72);
  }
}

@media (max-width: 1020px) {
  .wire-page .nav {
    grid-template-columns: 1fr;
  }

  .wire-page .brand-button,
  .wire-page .nav-links,
  .wire-page .nav-actions {
    justify-self: stretch;
    justify-content: flex-start;
  }

  .wire-intro,
  .wire-lead a,
  .wire-digest,
  .wire-page .footer-grid {
    grid-template-columns: 1fr;
  }

  .wire-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .wire-tabs {
    justify-content: flex-start;
  }

  .wire-card-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .wire-page .nav {
    padding: 16px 20px;
  }

  .wire-page .nav-links,
  .wire-page .nav-actions,
  .wire-source-bar,
  .wire-archive-nav > div,
  .wire-paginator,
  .telegram-channel-join {
    align-items: flex-start;
    flex-direction: column;
  }

  .wire-masthead {
    padding-top: 56px;
  }

  .wire-masthead h1 {
    font-size: clamp(56px, 18vw, 96px);
  }

  .wire-kicker,
  .wire-lead-meta,
  .wire-card-meta {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .wire-lead-meta b,
  .wire-card-meta b {
    margin-left: 0;
  }

  .wire-bucket-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .wire-bucket-head h2 {
    font-size: 42px;
  }

  .wire-digest {
    border-radius: 14px;
    padding: 28px;
  }
}

.blog-public {
  min-height: 100vh;
  background: #f7f4ee;
  color: #052c17;
  font-family: var(--font-sans);
}

.blog-public a {
  color: inherit;
  text-decoration: none;
}

.blog-public-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 32px;
}

.blog-public-nav > a:first-child {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}

.blog-public-nav > div {
  display: flex;
  gap: 8px;
  align-items: center;
}

.blog-public-nav > div a,
.blog-public-nav > a:last-child {
  border: 1px solid rgba(5, 44, 23, 0.14);
  border-radius: 999px;
  padding: 8px 12px;
  font-family: var(--font-mono);
  font-size: 12px;
}

.blog-public-nav a.active {
  background: #052c17;
  color: #fefcf9;
}

.blog-public-hero {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 32px 50px;
}

.blog-public-hero span,
.blog-public-card small,
.blog-public-sidebar h2,
.blog-public-article header span,
.blog-public-article header small {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: rgba(5, 44, 23, 0.56);
}

.blog-public-hero h1 {
  max-width: 760px;
  margin: 14px 0 16px;
  font-size: clamp(48px, 8vw, 108px);
  line-height: 0.92;
  letter-spacing: 0;
}

.blog-public-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(5, 44, 23, 0.68);
  font-size: 20px;
  line-height: 1.5;
}

.blog-public-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-gap: 28px;
  gap: 28px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 32px 80px;
}

.blog-public-featured,
.blog-public-list {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
}

.blog-public-featured {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 18px;
}

.blog-public-card {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  min-height: 180px;
  overflow: hidden;
  border: 1px solid rgba(5, 44, 23, 0.1);
  border-radius: 8px;
  background: #fefcf9;
}

.blog-public-card.featured {
  grid-template-columns: 1fr;
}

.blog-public-card img,
.blog-public-card-art {
  width: 100%;
  height: 100%;
  min-height: 180px;
  object-fit: cover;
  background: #052c17;
}

.blog-public-card-art {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bcff4e;
  font-size: 44px;
  font-weight: 800;
}

.blog-public-card-copy {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px;
}

.blog-public-card strong {
  font-size: 25px;
  line-height: 1.12;
}

.blog-public-card p {
  margin: 0;
  color: rgba(5, 44, 23, 0.66);
  line-height: 1.55;
}

.blog-public-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 24px;
  align-self: start;
  border: 1px solid rgba(5, 44, 23, 0.1);
  border-radius: 8px;
  background: #fefcf9;
  padding: 18px;
}

.blog-public-sidebar a {
  display: flex;
  gap: 10px;
  padding: 12px 0;
  border-top: 1px solid rgba(5, 44, 23, 0.08);
}

.blog-public-sidebar i {
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border-radius: 999px;
}

.blog-public-sidebar strong,
.blog-public-sidebar small {
  display: block;
}

.blog-public-sidebar small {
  color: rgba(5, 44, 23, 0.52);
}

.blog-public-empty {
  border: 1px dashed rgba(5, 44, 23, 0.2);
  border-radius: 8px;
  padding: 28px;
  background: rgba(254, 252, 249, 0.7);
}

.blog-public-article {
  max-width: 860px;
  margin: 0 auto;
  padding: 40px 32px 90px;
}

.blog-public-article header h1 {
  margin: 12px 0 18px;
  font-size: clamp(42px, 7vw, 84px);
  line-height: 0.98;
}

.blog-public-article header p {
  margin: 0 0 18px;
  color: rgba(5, 44, 23, 0.68);
  font-size: 20px;
  line-height: 1.5;
}

.blog-public-hero-image {
  width: 100%;
  max-height: 520px;
  margin: 36px 0;
  border-radius: 8px;
  object-fit: cover;
}

.blog-public-body {
  color: #17261d;
  font-size: 18px;
  line-height: 1.75;
}

.blog-public-body h2,
.blog-public-body h3,
.blog-public-body h4 {
  margin: 42px 0 14px;
  color: #052c17;
  line-height: 1.1;
}

.blog-public-body p,
.blog-public-body ul,
.blog-public-body ol,
.blog-public-body figure {
  margin: 0 0 22px;
}

.blog-public-body img {
  max-width: 100%;
  border-radius: 8px;
}

@media (max-width: 860px) {
  .blog-public-grid,
  .blog-public-featured,
  .blog-public-card {
    grid-template-columns: 1fr;
  }

  .blog-public-sidebar {
    position: static;
  }
}

.admin-blog-settings-page {
  padding-top: 32px;
}

.admin-blog-settings-layout {
  align-items: start;
  display: grid;
  grid-gap: 28px;
  gap: 28px;
  grid-template-columns: 260px minmax(0, 1fr);
}

.admin-blog-settings-tabs {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 18px;
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 104px;
}

.admin-blog-settings-tabs a {
  align-items: center;
  border-radius: 12px;
  color: rgba(21, 21, 21, 0.62);
  display: flex;
  gap: 10px;
  min-height: 42px;
  padding: 0 12px;
  text-decoration: none;
  transition:
    background 0.18s ease,
    color 0.18s ease;
}

.admin-blog-settings-tabs a:hover {
  background: rgba(5, 44, 23, 0.05);
  color: var(--nb-dark-green);
}

.admin-blog-settings-tabs a.active {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-blog-settings-tabs a.danger {
  color: var(--nb-danger);
}

.admin-blog-settings-tabs a.danger.active {
  background: rgba(255, 78, 89, 0.12);
  color: var(--nb-danger);
}

.admin-blog-settings-panel {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 18px;
  min-width: 0;
  padding: 8px 36px 28px;
}

.admin-blog-settings-panel-head {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  justify-content: space-between;
  min-height: 64px;
  gap: 24px;
}

.admin-blog-settings-panel-head span {
  color: var(--nb-ink);
  font-size: 18px;
  font-weight: 700;
}

.admin-blog-settings-panel-head em {
  color: rgba(21, 21, 21, 0.46);
  font-size: 12px;
  font-style: normal;
  text-align: right;
}

.admin-blog-setting-row {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  grid-template-columns: 320px minmax(0, 1fr);
  padding: 22px 0;
}

.admin-blog-setting-row:last-child {
  border-bottom: 0;
}

.admin-blog-setting-row > div:first-child {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-blog-setting-row strong {
  color: var(--nb-ink);
  font-size: 14px;
  font-weight: 700;
}

.admin-blog-setting-row span {
  color: rgba(21, 21, 21, 0.52);
  font-size: 13px;
  line-height: 1.5;
}

.admin-blog-setting-row.danger strong {
  color: var(--nb-danger);
}

.admin-blog-settings-input {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 10px;
  color: var(--nb-ink);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  letter-spacing: 0;
  min-height: 42px;
  padding: 12px 14px;
  width: 100%;
}

textarea.admin-blog-settings-input {
  line-height: 1.5;
  resize: vertical;
}

.admin-blog-settings-input:focus {
  border-color: rgba(5, 44, 23, 0.36);
  box-shadow: 0 0 0 3px rgba(188, 255, 78, 0.28);
  outline: none;
}

.admin-blog-upload-box {
  align-items: center;
  border: 1px dashed rgba(21, 21, 21, 0.18);
  border-radius: 14px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 22px minmax(0, 1fr);
  padding: 14px;
}

.admin-blog-upload-box svg {
  color: rgba(21, 21, 21, 0.46);
}

.admin-blog-toggle {
  cursor: pointer;
  display: inline-flex;
}

.admin-blog-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.admin-blog-toggle span {
  background: rgba(21, 21, 21, 0.14);
  border-radius: 999px;
  display: block;
  height: 26px;
  position: relative;
  transition: background 0.18s ease;
  width: 44px;
}

.admin-blog-toggle span::after {
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.18);
  content: "";
  height: 20px;
  left: 3px;
  position: absolute;
  top: 3px;
  transition: transform 0.18s ease;
  width: 20px;
}

.admin-blog-toggle input:checked + span {
  background: var(--nb-dark-green);
}

.admin-blog-toggle input:checked + span::after {
  transform: translateX(18px);
}

.admin-blog-toggle input:disabled + span {
  cursor: not-allowed;
  opacity: 0.55;
}

.admin-blog-news-panel {
  padding-bottom: 36px;
}

.admin-blog-news-grid {
  align-items: start;
  display: grid;
  grid-gap: 28px;
  gap: 28px;
  grid-template-columns: 240px minmax(0, 1fr);
  padding-top: 24px;
}

.admin-blog-source-tabs {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-blog-source-tabs a {
  align-items: center;
  background: rgba(21, 21, 21, 0.03);
  border: 1px solid rgba(21, 21, 21, 0.07);
  border-radius: 14px;
  color: var(--nb-ink);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 10px minmax(0, 1fr);
  min-height: 58px;
  padding: 10px 12px;
  text-decoration: none;
}

.admin-blog-source-tabs a i {
  background: var(--source-color, var(--nb-lime));
  border-radius: 999px;
  display: block;
  height: 10px;
  width: 10px;
}

.admin-blog-source-tabs a span {
  display: grid;
  min-width: 0;
}

.admin-blog-source-tabs a strong {
  color: var(--nb-ink);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-source-tabs a small {
  color: rgba(21, 21, 21, 0.46);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-source-tabs a.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
}

.admin-blog-source-tabs a.active strong {
  color: var(--nb-lime);
}

.admin-blog-source-tabs a.active small {
  color: rgba(254, 252, 249, 0.72);
}

.admin-blog-source-tabs a.add {
  border-style: dashed;
  display: flex;
  justify-content: center;
  min-height: 44px;
}

.admin-blog-source-tabs a.add.active,
.admin-blog-source-tabs a.add:hover {
  background: rgba(188, 255, 78, 0.2);
  border-color: rgba(5, 44, 23, 0.16);
  color: var(--nb-dark-green);
}

.admin-blog-source-editor {
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 16px;
  padding: 0 24px 22px;
}

.admin-blog-color-field {
  align-items: center;
  display: flex;
  gap: 12px;
}

.admin-blog-color-field input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  height: 38px;
  padding: 0;
  width: 46px;
}

.admin-blog-color-field span {
  color: rgba(21, 21, 21, 0.55);
  font-family: var(--nb-font-mono);
  font-size: 12px;
}

.admin-blog-source-sync {
  align-items: center;
  background: rgba(5, 44, 23, 0.04);
  border: 1px solid rgba(5, 44, 23, 0.08);
  border-radius: 14px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 22px;
  padding: 16px;
}

.admin-blog-source-sync > div:first-child {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.admin-blog-source-sync span {
  color: rgba(21, 21, 21, 0.5);
  font-size: 12px;
  text-transform: uppercase;
}

.admin-blog-source-sync strong {
  color: var(--nb-ink);
  font-size: 14px;
}

.admin-blog-source-sync small {
  color: rgba(21, 21, 21, 0.48);
  font-size: 12px;
}

.admin-blog-source-sync > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.admin-secondary-button.danger {
  border-color: rgba(255, 78, 89, 0.28);
  color: var(--nb-danger);
}

.admin-settings-panel .admin-blog-settings-input {
  background: var(--nb-bg-soft);
  border: 0;
  border-radius: 8px;
  min-height: 40px;
  padding: 10px 12px;
}

.admin-settings-row.danger strong {
  color: var(--nb-danger);
}

.admin-topbar-actions .admin-blog-subscriber-import-button,
.admin-topbar-actions .admin-blog-subscriber-broadcast-button {
  border-radius: 8px;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  min-height: 36px;
  padding: 8px 12px;
}

.admin-blog-subscriber-import-form {
  align-items: center;
  display: flex;
  gap: 8px;
  position: relative;
}

.admin-topbar-actions .admin-blog-subscriber-import-button {
  background: var(--nb-white);
  border-color: rgba(21, 21, 21, 0.1);
  cursor: pointer;
  position: relative;
}

.admin-topbar-actions .admin-blog-subscriber-import-button:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  pointer-events: none;
}

.admin-blog-subscriber-import-input {
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.admin-blog-subscriber-import-help {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  color: var(--nb-muted);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 12px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 36px;
}

.admin-blog-subscriber-import-help:hover,
.admin-blog-subscriber-import-help[aria-expanded="true"] {
  border-color: rgba(28, 165, 92, 0.35);
  color: var(--nb-dark-green);
}

.admin-blog-subscriber-import-message {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
  max-width: 220px;
}

.admin-blog-subscriber-import-message button,
.admin-blog-subscriber-import-guide-header button {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  width: 20px;
}

.admin-blog-subscriber-import-message.success {
  color: var(--nb-dark-green);
}

.admin-blog-subscriber-import-message.error {
  color: #9c2727;
}

.admin-blog-subscriber-import-guide {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.16);
  color: var(--nb-text);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 14px;
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: min(360px, calc(100vw - 32px));
  z-index: 40;
}

.admin-blog-subscriber-import-guide p {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.45;
  margin: 0;
}

.admin-blog-subscriber-import-guide-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.admin-blog-subscriber-import-guide-header strong {
  font-size: 13px;
}

.admin-blog-subscriber-import-guide code {
  background: #f6f8f5;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 6px;
  color: #152116;
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  line-height: 1.45;
  overflow-x: auto;
  padding: 8px;
  white-space: nowrap;
}

.admin-blog-subscriber-import-example-links {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-blog-subscriber-import-example-links a {
  align-items: center;
  background: #f6f8f5;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 8px;
  color: var(--nb-text);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 7px;
  justify-content: center;
  min-height: 36px;
  padding: 8px 10px;
  text-decoration: none;
}

.admin-blog-subscriber-import-example-links a:hover {
  border-color: rgba(28, 165, 92, 0.35);
  color: var(--nb-dark-green);
}

.admin-topbar-actions .admin-blog-subscriber-broadcast-button {
  background: var(--nb-dark-green);
  color: var(--nb-bg);
  padding-left: 14px;
  padding-right: 14px;
}

.admin-blog-subscribers-page .admin-blog-kpi > div {
  margin-bottom: 6px;
}

.admin-blog-subscribers-page .admin-blog-kpi em {
  margin-top: 4px;
}

.admin-blog-subscribers-page .admin-blog-table-card {
  overflow: hidden;
}

.admin-blog-subscriber-manager {
  align-items: stretch;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(220px, 0.8fr) minmax(0, 2fr);
  padding: 18px;
}

.admin-blog-subscriber-manager > div {
  border-right: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  padding-right: 16px;
}

.admin-blog-subscriber-manager > div > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-blog-subscriber-manager > div > strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

.admin-blog-subscriber-manager > div > small {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.45;
}

.admin-blog-subscriber-manager form {
  align-items: start;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.9fr) minmax(150px, 0.8fr) minmax(220px, 1.2fr) auto;
}

.admin-blog-subscriber-manager input {
  background: var(--nb-bg-soft);
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  min-height: 40px;
  outline: 0;
  padding: 10px 12px;
  width: 100%;
}

.admin-blog-subscriber-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.admin-blog-subscriber-checks label {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 999px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 5px;
  min-height: 28px;
  padding: 5px 8px;
}

.admin-blog-subscriber-checks input {
  accent-color: var(--nb-green);
  flex: 0 0 12px;
  height: 12px;
  min-height: 0;
  padding: 0;
  width: 12px;
}

.admin-blog-author-head,
.admin-blog-author-row,
.admin-blog-subscriber-head,
.admin-blog-subscriber-row {
  align-items: center;
  display: grid;
  min-width: 820px;
  padding: 12px 18px;
}

.admin-blog-author-head,
.admin-blog-subscriber-head {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-blog-author-head,
.admin-blog-author-row {
  grid-template-columns: minmax(240px, 2fr) minmax(160px, 1.2fr) 90px 110px minmax(170px, 1.4fr) 120px;
}

.admin-blog-subscriber-head,
.admin-blog-subscriber-row {
  grid-template-columns: minmax(240px, 2fr) minmax(130px, 0.9fr) minmax(140px, 1fr) minmax(110px, 0.8fr) 70px 120px;
  min-width: 900px;
}

.admin-blog-author-row,
.admin-blog-subscriber-row {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  color: var(--nb-black);
  font-size: 12.5px;
}

.admin-blog-author-row > span,
.admin-blog-author-row > a {
  min-width: 0;
}

.admin-blog-subscriber-row.muted {
  opacity: 0.58;
}

.admin-blog-subscriber-head > span:last-child,
.admin-blog-subscriber-row > span:last-child {
  justify-self: end;
  text-align: right;
}

.admin-blog-subscriber-head > span:nth-child(5),
.admin-blog-subscriber-row > span:nth-child(5) {
  justify-self: end;
  text-align: right;
}

.admin-blog-author-identity {
  align-items: center;
  color: inherit;
  display: flex;
  gap: 12px;
  min-width: 0;
  text-decoration: none;
}

.admin-blog-author-identity > i {
  align-items: center;
  border-radius: 999px;
  color: var(--nb-bg);
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--nb-font-display);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.admin-blog-author-identity strong,
.admin-blog-subscriber-main strong {
  color: var(--nb-black);
  display: block;
  font-size: 13.5px;
  font-weight: 600;
}

.admin-blog-author-identity small,
.admin-blog-subscriber-main small {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  margin-top: 2px;
}

.admin-blog-subscriber-main .admin-blog-subscriber-reason {
  max-width: 280px;
  color: #8a5a00;
  font-family: var(--nb-font-body);
  font-size: 11.5px;
  letter-spacing: 0;
  line-height: 1.35;
  margin-top: 6px;
  text-transform: none;
}

.admin-blog-author-access strong,
.admin-blog-author-row > span > strong {
  color: var(--nb-black);
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-author-access small,
.admin-blog-author-row > span > small {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.03em;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-author-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.admin-blog-subscriber-main strong {
  align-items: center;
  display: flex;
  gap: 8px;
}

.admin-blog-subscriber-main em,
.admin-blog-subscriber-lists em {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 3px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.04em;
  padding: 2px 5px;
  text-transform: uppercase;
}

.admin-blog-subscriber-main .admin-blog-subscriber-state-badge {
  font-size: 9px;
  line-height: 1;
  padding: 2px 5px;
}

.admin-blog-subscriber-main .admin-blog-subscriber-state-badge.bounced {
  background: rgba(255, 78, 89, 0.1);
  color: #ff4e59;
}

.admin-blog-subscriber-main .admin-blog-subscriber-state-badge.pending {
  background: rgba(21, 21, 21, 0.08);
  color: var(--nb-muted);
}

.admin-blog-subscriber-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.admin-blog-subscriber-source {
  color: var(--nb-muted);
  font-size: 12.5px;
}

.admin-blog-subscriber-joined {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
}

.admin-blog-subscriber-opens {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 13px;
}

.admin-blog-subscriber-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}

.admin-blog-subscriber-status-form {
  align-items: flex-end;
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  justify-items: end;
}

.admin-blog-subscriber-status-action {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  color: var(--nb-black);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  justify-content: center;
  min-height: 32px;
  min-width: 104px;
  padding: 7px 10px;
}

.admin-blog-subscriber-status-action.opt-out {
  color: #9c2727;
}

.admin-blog-subscriber-status-action.reactivate {
  color: var(--nb-dark-green);
}

.admin-blog-subscriber-status-action:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.admin-blog-subscriber-status-action-muted,
.admin-blog-subscriber-status-error {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-blog-subscriber-status-error {
  color: #9c2727;
  max-width: 130px;
  text-transform: none;
}

.admin-blog-subscriber-status {
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  padding: 5px 8px;
  text-transform: uppercase;
}

.admin-blog-subscriber-status.active {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-blog-subscriber-status.unsubscribed {
  background: rgba(21, 21, 21, 0.08);
  color: var(--nb-muted);
}

.admin-blog-subscriber-status.bounced {
  background: #ffe3e5;
  color: #7c1118;
}

.admin-blog-subscriber-status.pending {
  background: rgba(21, 21, 21, 0.08);
  color: var(--nb-muted);
}

.admin-blog-subscriber-actions {
  align-items: center;
  display: flex;
  gap: 6px;
}

.admin-blog-subscriber-actions form {
  display: contents;
}

.admin-blog-email-page {
  gap: 16px;
}

.admin-blog-email-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.admin-blog-email-tabs {
  align-items: center;
  background: rgba(21, 21, 21, 0.04);
  border-radius: 10px;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
}

.admin-blog-email-tabs a {
  align-items: center;
  border-radius: 7px;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 12.5px;
  font-weight: 600;
  gap: 6px;
  min-height: 30px;
  padding: 0 13px;
}

.admin-blog-email-tabs a.active {
  background: var(--nb-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  color: var(--nb-dark-green);
}

.admin-blog-email-tabs span {
  color: var(--nb-green);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
}

.admin-blog-email-search {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  width: min(100%, 330px);
}

.admin-blog-email-search input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font: inherit;
  font-size: 13px;
  min-width: 0;
  outline: 0;
}

.admin-blog-email-layout {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 280px minmax(0, 1.45fr) minmax(280px, 0.8fr);
}

.admin-blog-email-detail-layout {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.8fr);
}

.admin-blog-email-campaign-list,
.admin-blog-email-side {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}

.admin-blog-email-campaign-list {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  padding: 18px;
}

.admin-blog-email-campaign-list > a {
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 10px;
  color: var(--nb-black);
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
}

.admin-blog-email-campaign-list > a.active,
.admin-blog-email-campaign-list > a:hover {
  background: rgba(188, 255, 78, 0.14);
  border-color: rgba(28, 165, 92, 0.22);
}

.admin-blog-email-campaign-list strong {
  font-size: 13.5px;
  font-weight: 600;
}

.admin-blog-email-campaign-list span,
.admin-blog-email-campaign-list em {
  color: var(--nb-muted);
  font-size: 12px;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-editor {
  padding: 22px;
}

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

.admin-blog-email-form label,
.admin-blog-email-form-field,
.admin-blog-email-send-panel label {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.admin-blog-email-form label > span,
.admin-blog-email-form-field > span,
.admin-blog-email-send-panel label > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.admin-blog-email-form input,
.admin-blog-email-form select,
.admin-blog-email-form textarea,
.admin-blog-email-send-panel input {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  color: var(--nb-black);
  font: inherit;
  min-height: 40px;
  padding: 10px 12px;
  width: 100%;
}

.admin-blog-email-form textarea {
  font-family: var(--nb-font-mono);
  font-size: 12.5px;
  line-height: 1.55;
  resize: vertical;
}

.admin-blog-email-form small {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-blog-email-actions {
  display: flex;
  justify-content: flex-end;
}

.admin-blog-email-save-button {
  min-width: 142px;
}

.admin-blog-email-ai-compose {
  align-items: center;
  background: #052C17;
  border: 0;
  border-radius: 8px;
  color: #FEFCF9;
  cursor: pointer;
  display: inline-flex;
  font-family: Manrope, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  gap: 6px;
  height: 32px;
  margin-left: auto;
  padding: 0 14px;
  text-decoration: none;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-blog-email-send-panel {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 18px;
  padding-top: 18px;
}

.admin-blog-email-send-panel form {
  background: rgba(21, 21, 21, 0.025);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
}

.admin-blog-email-send-panel button {
  justify-content: center;
}

.admin-blog-email-test-send-button {
  min-width: 118px;
}

.admin-blog-email-send-now-button {
  min-width: 118px;
}

.admin-blog-email-send-notice {
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 8px 10px;
}

.admin-blog-email-send-notice.success {
  background: rgba(28, 165, 92, 0.08);
  border: 1px solid rgba(28, 165, 92, 0.18);
  color: var(--nb-dark-green);
}

.admin-blog-email-send-notice.error {
  background: rgba(205, 68, 68, 0.08);
  border: 1px solid rgba(205, 68, 68, 0.18);
  color: #9c2727;
}

.admin-blog-email-confirm {
  align-items: center;
  background: rgba(21, 21, 21, 0.025);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 10px;
  color: var(--nb-muted);
  display: grid;
  font-size: 12px;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: 14px minmax(0, 1fr);
  min-height: 40px;
  padding: 10px 12px;
}

.admin-blog-email-confirm input[type="checkbox"] {
  accent-color: var(--nb-dark-green);
  cursor: pointer;
  height: 14px;
  margin: 0;
  min-height: 14px;
  padding: 0;
  width: 14px;
}

.admin-blog-email-confirm input[type="checkbox"]:disabled {
  cursor: not-allowed;
}

.admin-blog-email-confirm label {
  color: var(--nb-muted);
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: 1.25;
  margin: 0;
  min-width: 0;
  text-transform: none;
  white-space: nowrap;
}

.admin-blog-email-segment-note,
.admin-blog-email-log-summary {
  background: rgba(21, 21, 21, 0.025);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
}

.admin-blog-email-segment-note strong,
.admin-blog-email-log-summary strong {
  color: var(--nb-dark-green);
  font-size: 14px;
}

.admin-blog-email-segment-note small,
.admin-blog-email-log-summary small,
.admin-blog-email-log-summary span {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-blog-email-recipient-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.admin-blog-email-recipient-list > span {
  border-bottom: 1px solid rgba(21, 21, 21, 0.05);
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-bottom: 8px;
}

.admin-blog-email-recipient-list > span:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.admin-blog-email-recipient-list strong {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-recipient-list b {
  font-weight: 400;
}

.admin-blog-email-recipient-list small {
  color: var(--nb-muted);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-recipient-list .failed small {
  color: var(--nb-red);
}

.admin-blog-email-preview-meta {
  background: rgba(21, 21, 21, 0.025);
  border-radius: 10px;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  margin-bottom: 12px;
  padding: 12px;
}

.admin-blog-email-preview-meta strong {
  color: var(--nb-dark-green);
  font-size: 13px;
}

.admin-blog-email-preview-meta small {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.45;
}

.admin-blog-email-preview-shell {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 10px;
  max-height: 380px;
  overflow: auto;
}

.admin-blog-email-preview-shell table {
  max-width: 100% !important;
}

.admin-blog-email-crm-hero {
  background: #fff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 14px;
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.95fr);
  padding: 22px;
}

.admin-blog-email-hero-main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.admin-blog-email-eyebrow {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  gap: 7px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-blog-email-eyebrow i,
.admin-blog-email-state-pill i {
  background: var(--nb-green);
  border-radius: 999px;
  display: inline-flex;
  height: 6px;
  width: 6px;
}

.admin-blog-email-hero-main h2 {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 0;
}

.admin-blog-email-hero-main p {
  color: var(--nb-muted);
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
  max-width: 680px;
}

.admin-blog-email-hero-tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 8px;
}

.admin-blog-email-hero-tags > span {
  background: rgba(21, 21, 21, 0.04);
  border-radius: 999px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  padding: 5px 9px;
}

.admin-blog-email-hero-metrics {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-blog-email-hero-metrics > div {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 14px;
}

.admin-blog-email-hero-metrics span,
.admin-blog-email-side-head small,
.admin-blog-email-list-footer {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-blog-email-hero-metrics strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
}

.admin-blog-email-hero-metrics em {
  color: var(--nb-muted);
  font-size: 12px;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-builder-layout {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 380px);
}

.admin-blog-email-builder-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.admin-blog-email-editor-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.admin-blog-email-editor-head > div {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  min-width: 0;
}

.admin-blog-email-editor-head h2 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0;
}

.admin-blog-email-editor-head h2 em {
  color: var(--nb-muted);
  font-style: normal;
  font-weight: 400;
}

.admin-blog-email-form {
  gap: 16px;
}

.admin-blog-email-form input,
.admin-blog-email-form select,
.admin-blog-email-form textarea,
.admin-blog-email-send-panel input {
  border-color: rgba(21, 21, 21, 0.12);
  border-radius: 10px;
  min-height: 40px;
}

.admin-blog-email-form input:focus,
.admin-blog-email-form select:focus,
.admin-blog-email-form textarea:focus,
.admin-blog-email-send-panel input:focus {
  border-color: var(--nb-dark-green);
  box-shadow: 0 0 0 3px rgba(5, 44, 23, 0.06);
}

.admin-blog-email-html-body {
  min-height: 220px;
}

.admin-blog-email-text-body {
  min-height: 180px;
}

.admin-blog-email-segment-picker {
  position: relative;
}

.admin-blog-email-select-shell {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 10px;
  color: var(--nb-black);
  cursor: pointer;
  display: flex;
  font: inherit;
  justify-content: space-between;
  min-height: 40px;
  padding: 8px 12px;
  position: relative;
  text-align: left;
  width: 100%;
}

.admin-blog-email-select-shell.open,
.admin-blog-email-select-shell:focus-visible {
  border-color: var(--nb-dark-green);
  box-shadow: 0 0 0 3px rgba(5, 44, 23, 0.06);
  outline: 0;
}

.admin-blog-email-select-shell > span {
  align-items: baseline;
  display: flex;
  gap: 8px;
  min-width: 0;
}

.admin-blog-email-select-shell strong {
  color: var(--nb-black);
  font-size: 14px;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-select-shell small {
  color: var(--nb-muted);
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-blog-email-select-shell svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
  transition: transform 150ms ease;
}

.admin-blog-email-select-shell.open svg {
  transform: rotate(180deg);
}

.admin-blog-email-segment-menu {
  background: #fff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 12px;
  box-shadow: 0 18px 36px -16px rgba(5, 44, 23, 0.25);
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  left: 0;
  max-height: 318px;
  overflow-y: auto;
  padding: 5px;
  position: fixed;
  z-index: 2400;
}

.admin-blog-email-segment-menu button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  cursor: pointer;
  display: grid;
  font: inherit;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  padding: 10px 12px;
  text-align: left;
}

.admin-blog-email-segment-menu button:hover,
.admin-blog-email-segment-menu button.selected {
  background: rgba(188, 255, 78, 0.18);
}

.admin-blog-email-segment-check {
  color: var(--nb-dark-green);
  display: inline-flex;
  justify-content: center;
}

.admin-blog-email-segment-copy {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.admin-blog-email-segment-copy strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 700;
}

.admin-blog-email-segment-copy small {
  color: var(--nb-muted);
  font-size: 11.5px;
  line-height: 1.35;
}

.admin-blog-email-segment-menu em {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
  font-style: normal;
}

.admin-blog-email-segment-summary {
  background: linear-gradient(135deg, rgba(188, 255, 78, 0.18), rgba(28, 165, 92, 0.1));
  border: 1px solid rgba(28, 165, 92, 0.18);
  border-radius: 10px;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  margin-top: 2px;
  padding: 12px 14px;
}

.admin-blog-email-segment-summary strong {
  color: var(--nb-dark-green);
  font-size: 14px;
  font-weight: 700;
}

.admin-blog-email-segment-summary small {
  color: #0f6e3f;
  font-size: 12px;
  line-height: 1.4;
}

.admin-blog-email-segment-summary em {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  letter-spacing: 0.04em;
  margin-top: 2px;
  text-transform: uppercase;
}

.admin-blog-email-send-panel {
  gap: 14px;
  margin-top: 0;
  padding-top: 18px;
}

.admin-blog-email-send-panel form {
  background: #fafaf7;
  border-radius: 10px;
  gap: 12px;
}

.admin-blog-email-send-tile-head {
  display: grid;
  grid-gap: 3px;
  gap: 3px;
}

.admin-blog-email-send-tile-head span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-blog-email-send-tile-head strong {
  color: var(--nb-dark-green);
  font-size: 14px;
  font-weight: 700;
}

.admin-blog-email-crm-side {
  gap: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 96px;
}

.admin-blog-email-side-card {
  border-color: rgba(21, 21, 21, 0.08);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
  padding: 22px;
}

.admin-blog-email-side-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.admin-blog-email-side-head > div {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  min-width: 0;
}

.admin-blog-email-side-head strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1;
}

.admin-blog-email-state-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  gap: 6px;
  letter-spacing: 0.06em;
  padding: 5px 10px;
  text-transform: uppercase;
}

.admin-blog-email-state-pill.live {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.admin-blog-email-state-pill.idle {
  background: rgba(45, 107, 227, 0.12);
  color: #1f4daa;
}

.admin-blog-email-state-pill.attention {
  background: rgba(198, 47, 47, 0.12);
  color: var(--nb-red);
}

.admin-blog-email-state-pill.idle i {
  background: #2d6be3;
}

.admin-blog-email-state-pill.attention i {
  background: var(--nb-red);
}

.admin-blog-email-live-summary,
.admin-blog-email-log-summary {
  background: linear-gradient(135deg, rgba(188, 255, 78, 0.18), rgba(28, 165, 92, 0.1));
  border: 1px solid rgba(28, 165, 92, 0.18);
  border-radius: 12px;
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  padding: 14px 16px;
}

.admin-blog-email-log-summary {
  background: linear-gradient(135deg, rgba(45, 107, 227, 0.1), rgba(45, 107, 227, 0.04));
  border-color: rgba(45, 107, 227, 0.18);
}

.admin-blog-email-live-summary strong,
.admin-blog-email-log-summary strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.admin-blog-email-live-summary small,
.admin-blog-email-log-summary small,
.admin-blog-email-log-summary span {
  color: #0f6e3f;
  font-size: 12px;
  line-height: 1.4;
}

.admin-blog-email-log-summary small,
.admin-blog-email-log-summary span {
  color: #1f4daa;
}

.admin-blog-email-progress {
  background: rgba(21, 21, 21, 0.08);
  border-radius: 999px;
  height: 6px;
  margin-top: 6px;
  overflow: hidden;
}

.admin-blog-email-progress i {
  background: linear-gradient(90deg, var(--nb-green), var(--nb-lime));
  border-radius: inherit;
  display: block;
  height: 100%;
}

.admin-blog-email-audience-list,
.admin-blog-email-log-list {
  gap: 0;
  margin-top: 0;
}

.admin-blog-email-audience-list > span,
.admin-blog-email-log-list > span {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 28px minmax(0, 1fr);
  padding: 9px 0;
}

.admin-blog-email-audience-list > span > i {
  align-items: center;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-family: var(--nb-font-display);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 700;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.admin-blog-email-audience-list b,
.admin-blog-email-log-list b {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.admin-blog-email-log-list > span {
  grid-template-columns: minmax(0, 1fr) auto;
}

.admin-blog-email-log-list > span > em {
  border-radius: 999px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  padding: 4px 8px;
  text-transform: uppercase;
}

.admin-blog-email-log-list > span.failed > em {
  color: var(--nb-red);
}

.admin-blog-email-list-footer {
  border-top: 1px solid rgba(21, 21, 21, 0.04);
  padding-top: 10px;
}

.admin-blog-email-mini-search {
  align-items: center;
  background: #fafaf7;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 8px;
  color: var(--nb-muted);
  display: flex;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
}

.admin-blog-email-mini-search input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font: inherit;
  font-size: 12px;
  min-width: 0;
  outline: 0;
}

.admin-blog-email-mini-search input::placeholder {
  color: var(--nb-muted);
}

.admin-blog-email-mini-search button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  cursor: pointer;
  display: inline-flex;
  padding: 0;
}

.admin-blog-email-pager {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.04);
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}

.admin-blog-email-pager > span,
.admin-blog-email-pager em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  font-style: normal;
}

.admin-blog-email-pager > div {
  align-items: center;
  display: flex;
  gap: 4px;
}

.admin-blog-email-pager button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-black);
  cursor: pointer;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.admin-blog-email-pager button:disabled {
  color: #c7c7c7;
  cursor: default;
}

.admin-blog-email-empty-state {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  font-size: 12.5px;
  gap: 8px;
  padding: 20px 0 4px;
  text-align: center;
}

.admin-blog-email-empty-state svg {
  color: var(--nb-caption);
}

.admin-blog-email-ai-backdrop {
  align-items: center;
  background: rgba(5, 44, 23, 0.4);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 3300;
}

.admin-blog-email-ai-dialog {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 30px 60px -20px rgba(5, 44, 23, 0.3);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  overflow: hidden;
  width: min(720px, calc(100vw - 48px));
}

.admin-blog-email-ai-dialog header {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  justify-content: space-between;
  padding: 20px 24px;
}

.admin-blog-email-ai-dialog header > div {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  min-width: 0;
}

.admin-blog-email-ai-dialog h2 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-blog-email-ai-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  padding: 24px;
}

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

.admin-blog-email-ai-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.admin-blog-email-ai-field > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-blog-email-ai-field input,
.admin-blog-email-ai-field textarea,
.admin-blog-email-plain-select {
  background: #fff;
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 10px;
  color: var(--nb-black);
  font: inherit;
  min-height: 40px;
  padding: 0 14px;
  width: 100%;
}

.admin-blog-email-ai-field textarea {
  min-height: 100px;
  padding: 12px 14px;
  resize: vertical;
}

.admin-blog-email-ai-field input:focus,
.admin-blog-email-ai-field textarea:focus,
.admin-blog-email-plain-select.open,
.admin-blog-email-plain-select:focus-visible {
  border-color: var(--nb-dark-green);
  box-shadow: 0 0 0 3px rgba(5, 44, 23, 0.06);
  outline: 0;
}

.admin-blog-email-plain-select {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  text-align: left;
}

.admin-blog-email-plain-select strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-plain-select svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
  transition: transform 150ms ease;
}

.admin-blog-email-plain-select.open svg {
  transform: rotate(180deg);
}

.admin-blog-email-plain-menu {
  background: #fff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 10px;
  box-shadow: 0 18px 36px -16px rgba(5, 44, 23, 0.25);
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 4px;
  position: fixed;
  z-index: 3500;
}

.admin-blog-email-plain-menu button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-black);
  cursor: pointer;
  display: flex;
  font: inherit;
  font-size: 13.5px;
  font-weight: 500;
  gap: 8px;
  padding: 8px 10px;
  text-align: left;
}

.admin-blog-email-plain-menu button:hover,
.admin-blog-email-plain-menu button.selected {
  background: rgba(188, 255, 78, 0.18);
  color: var(--nb-dark-green);
}

.admin-blog-email-plain-menu button > span {
  display: inline-flex;
  justify-content: center;
  width: 12px;
}

.admin-blog-email-ai-error {
  background: rgba(255, 78, 89, 0.08);
  border: 1px solid rgba(255, 78, 89, 0.22);
  border-radius: 10px;
  color: var(--nb-red);
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
  padding: 12px 14px;
}

.admin-blog-email-ai-sources {
  background: rgba(28, 165, 92, 0.08);
  border: 1px solid rgba(28, 165, 92, 0.14);
  border-radius: 10px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 12px 14px;
}

.admin-blog-email-ai-sources > span {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-blog-email-ai-sources > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-blog-email-ai-sources a {
  background: #fff;
  border: 1px solid rgba(28, 165, 92, 0.14);
  border-radius: 999px;
  color: var(--nb-dark-green);
  font-size: 12px;
  max-width: 100%;
  overflow: hidden;
  padding: 5px 9px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-ai-result {
  background: #fafaf7;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 10px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 16px;
}

.admin-blog-email-ai-result > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-blog-email-ai-result strong {
  color: var(--nb-black);
  font-size: 13.5px;
}

.admin-blog-email-ai-result pre {
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
  line-height: 1.55;
  margin: 0;
  max-height: 200px;
  overflow: auto;
  white-space: pre-wrap;
}

.admin-blog-email-ai-dialog footer {
  background: #fafaf7;
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 16px 24px;
}

.admin-primary-button.lime {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.admin-blog-email-ai-dialog .admin-primary-button[aria-busy="true"] svg {
  animation: admin-blog-email-spin 900ms linear infinite;
}

@keyframes admin-blog-email-spin {
  to {
    transform: rotate(360deg);
  }
}

.admin-blog-email-preview-backdrop {
  align-items: center;
  background: rgba(5, 44, 23, 0.4);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 3200;
}

.admin-blog-email-preview-dialog {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 30px 60px -20px rgba(5, 44, 23, 0.3);
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  overflow: hidden;
  width: min(960px, calc(100vw - 48px));
}

.admin-blog-email-preview-dialog.mobile {
  width: min(440px, calc(100vw - 32px));
}

.admin-blog-email-preview-dialog header {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 16px 20px;
}

.admin-blog-email-preview-dialog header > div:first-child {
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  min-width: 0;
}

.admin-blog-email-preview-dialog header span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-blog-email-preview-dialog header strong {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-preview-dialog header small {
  color: var(--nb-muted);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-preview-controls {
  align-items: center;
  background: rgba(21, 21, 21, 0.04);
  border-radius: 8px;
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  padding: 4px;
}

.admin-blog-email-preview-controls > button:not(.admin-icon-button) {
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-muted);
  cursor: pointer;
  font: inherit;
  font-size: 11.5px;
  font-weight: 600;
  height: 26px;
  padding: 0 12px;
}

.admin-blog-email-preview-controls > button.active {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  color: var(--nb-dark-green);
}

.admin-blog-email-preview-dialog iframe {
  background: var(--nb-bg);
  border: 0;
  min-height: 520px;
  width: 100%;
}

.admin-blog-email-table-card {
  overflow: hidden;
}

.admin-blog-email-table-head,
.admin-blog-email-table-row {
  align-items: center;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 88px 104px minmax(180px, 1.25fr) minmax(220px, 1.7fr) 116px 82px 132px 58px;
  min-width: 1080px;
  padding: 14px 20px;
}

.admin-blog-email-table-head {
  background: rgba(21, 21, 21, 0.025);
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.admin-blog-email-table-row {
  border-bottom: 1px solid rgba(21, 21, 21, 0.05);
  color: var(--nb-black);
  font-size: 13px;
}

.admin-blog-email-table-row:hover {
  background: rgba(21, 21, 21, 0.02);
}

.admin-blog-email-table-row:last-child {
  border-bottom: 0;
}

.admin-blog-email-table-main {
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  text-decoration: none;
}

.admin-blog-email-table-main strong {
  color: var(--nb-black);
  font-size: 13.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-table-main small {
  color: var(--nb-muted);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-table-row > span {
  color: var(--nb-muted);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-email-table-id {
  color: var(--nb-dark-green) !important;
  font-family: var(--nb-font-mono);
  font-size: 12px;
}

.admin-blog-email-planned {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  font-family: var(--nb-font-mono);
  font-size: 12px;
}

.admin-blog-email-planned b {
  color: var(--nb-dark-green);
  font-weight: 500;
}

.admin-blog-email-planned i {
  color: var(--nb-gray-caption);
  font-style: normal;
}

.admin-blog-email-planned em {
  color: var(--nb-green);
  font-style: normal;
}

.admin-blog-email-table-row .admin-article-actions {
  justify-content: flex-start;
}

.admin-blog-email-status {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  gap: 6px;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  padding: 4px 9px;
  white-space: nowrap;
}

.admin-blog-email-status::before {
  background: currentColor;
  border-radius: 999px;
  content: "";
  height: 6px;
  width: 6px;
}

.admin-blog-email-status.draft {
  background: rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
}

.admin-blog-email-status.sent {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-blog-email-status.scheduled {
  background: rgba(45, 107, 227, 0.1);
  color: #1f4daa;
}

.admin-blog-email-status.paused {
  background: #fff4d6;
  color: #7a5800;
}

.admin-blog-email-status.failed {
  background: rgba(198, 47, 47, 0.12);
  color: var(--nb-red);
}

.admin-blog-email-empty-table {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 44px 20px;
}

.admin-blog-range-form {
  align-items: center;
  display: flex;
  gap: 8px;
}

.admin-blog-range-control {
  width: 132px;
}

.admin-blog-range-control .hc-select-trigger {
  border-radius: 8px;
  font-size: 13px;
  min-height: 36px;
  padding: 8px 12px;
}

.admin-blog-analytics-page {
  gap: 16px;
}

.admin-blog-analytics-tabs {
  background: rgba(21, 21, 21, 0.04);
  border-radius: 10px;
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-blog-analytics-tabs a {
  align-items: center;
  border-radius: 8px;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 13.5px;
  font-weight: 600;
  gap: 8px;
  min-height: 36px;
  padding: 0 16px;
}

.admin-blog-analytics-tabs a.active {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  color: var(--nb-dark-green);
}

.admin-blog-analytics-tabs span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-blog-analytics-tabs a.active span {
  color: var(--nb-green);
}

.admin-blog-analytics-section-head {
  align-items: baseline;
  display: flex;
  gap: 10px;
  padding-top: 8px;
}

.admin-blog-analytics-section-head h2 {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-blog-analytics-section-head span {
  color: var(--nb-muted);
  font-size: 12.5px;
}

.admin-blog-empty-state {
  border: 1px dashed rgba(21, 21, 21, 0.12);
  border-radius: 10px;
  color: var(--nb-muted);
  font-size: 12.5px;
  line-height: 1.45;
  margin: 12px 0 0;
  padding: 12px 14px;
}

.admin-blog-dark-card .admin-blog-empty-state {
  border-color: rgba(254, 252, 249, 0.14);
  color: rgba(254, 252, 249, 0.62);
}

.admin-blog-line-chart svg {
  display: block;
  height: 220px;
  width: 100%;
}

.admin-blog-line-chart line {
  stroke: rgba(21, 21, 21, 0.06);
  stroke-dasharray: 3 4;
}

.admin-blog-line-chart path:last-child {
  fill: none;
  stroke: var(--nb-green);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.admin-blog-analytics-list,
.admin-blog-query-list,
.admin-blog-author-leaderboard,
.admin-blog-referrers {
  display: flex;
  flex-direction: column;
}

.admin-blog-analytics-list > a {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px 0;
}

.admin-blog-analytics-list strong {
  color: var(--nb-black);
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-analytics-list i,
.admin-blog-author-leaderboard b {
  background: var(--nb-green);
  border-radius: 999px;
  display: block;
  height: 4px;
  margin-top: 7px;
}

.admin-blog-analytics-list span {
  background: rgba(21, 21, 21, 0.05);
  border-radius: 999px;
  overflow: hidden;
}

.admin-blog-analytics-list em {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}

.admin-blog-dark-card {
  background: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-blog-dark-card .admin-blog-card-title h2 {
  color: var(--nb-bg);
}

.admin-blog-query-list > span {
  align-items: center;
  border-bottom: 1px solid rgba(254, 252, 249, 0.08);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 10px 0;
}

.admin-blog-query-list strong,
.admin-blog-query-list em,
.admin-blog-query-list b,
.admin-blog-query-list small {
  font-family: var(--nb-font-mono);
  font-style: normal;
}

.admin-blog-query-list strong {
  color: var(--nb-bg);
  display: block;
  font-size: 12.5px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-query-list small {
  color: rgba(254, 252, 249, 0.5);
  display: block;
  font-size: 10px;
  letter-spacing: 0.04em;
  margin-top: 2px;
  text-transform: uppercase;
}

.admin-blog-query-list em {
  color: var(--nb-bg);
  font-size: 13px;
}

.admin-blog-query-list b {
  color: var(--nb-accent);
  font-size: 10px;
}

.admin-blog-source-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.admin-blog-source-bar {
  border-radius: 999px;
  display: flex;
  height: 10px;
  margin-bottom: 4px;
  overflow: hidden;
}

.admin-blog-source-row {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 10px minmax(0, 1fr) auto 44px;
  padding: 8px 0;
}

.admin-blog-source-row i {
  border-radius: 3px;
  height: 10px;
  width: 10px;
}

.admin-blog-source-row strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-source-row em,
.admin-blog-source-row b {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-align: right;
}

.admin-blog-source-row b {
  color: var(--nb-muted);
  font-size: 11px;
  font-weight: 500;
}

.admin-blog-subscriber-analytics-list {
  display: flex;
  flex-direction: column;
}

.admin-blog-subscriber-analytics-list > span {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 32px minmax(0, 1fr) minmax(220px, 0.8fr) 116px 110px;
  padding: 12px 0;
}

.admin-blog-subscriber-analytics-list i {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 999px;
  color: var(--nb-accent);
  display: inline-flex;
  font-family: var(--nb-font-display);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.admin-blog-subscriber-analytics-list strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-subscriber-analytics-list small,
.admin-blog-subscriber-analytics-list em,
.admin-blog-subscriber-analytics-list b {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.04em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-blog-subscriber-analytics-list em,
.admin-blog-subscriber-analytics-list b {
  text-align: right;
}

.admin-blog-category-detail > a {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 10px minmax(0, 1fr) auto auto;
  padding: 10px 0;
}

.admin-blog-category-detail > a > i {
  border-radius: 3px;
  height: 10px;
  width: 10px;
}

.admin-blog-category-detail strong {
  color: var(--nb-black);
  display: block;
  font-size: 13.5px;
  font-weight: 600;
}

.admin-blog-category-detail small,
.admin-blog-category-detail em,
.admin-blog-category-detail b {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-blog-category-detail em,
.admin-blog-category-detail b {
  color: var(--nb-dark-green);
  font-size: 12px;
  text-align: right;
}

.admin-blog-author-leaderboard > a {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 24px 28px minmax(0, 1fr) auto;
  padding: 12px 0;
}

.admin-blog-author-leaderboard em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.admin-blog-author-leaderboard > a > i {
  align-items: center;
  border-radius: 999px;
  color: var(--nb-bg);
  display: inline-flex;
  font-family: var(--nb-font-display);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.admin-blog-author-leaderboard strong {
  color: var(--nb-black);
  display: block;
  font-size: 13.5px;
  font-weight: 600;
}

.admin-blog-author-leaderboard small {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  margin-top: 2px;
  text-transform: uppercase;
}

.admin-blog-author-leaderboard b {
  background: var(--nb-green);
  width: var(--leader-width);
}

.admin-blog-author-leaderboard span {
  background: linear-gradient(to right, rgba(21, 21, 21, 0.05), rgba(21, 21, 21, 0.05)) left bottom / 100% 4px no-repeat;
}

.admin-blog-author-leaderboard mark {
  background: transparent;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-weight: 600;
}

.admin-blog-referrers > span {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 10px 0;
}

.admin-blog-referrers em,
.admin-blog-referrers b {
  color: var(--nb-black);
  font-size: 13.5px;
  font-style: normal;
}

.admin-blog-referrers b {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  grid-column: 2;
  grid-row: 1;
  text-align: right;
}

.admin-blog-referrers i {
  background: rgba(21, 21, 21, 0.04);
  border-radius: 999px;
  display: block;
  grid-column: 1 / -1;
  height: 5px;
  overflow: hidden;
}

.admin-blog-referrers mark {
  border-radius: 999px;
  display: block;
  height: 100%;
}

/* Marketing analytics — per-tab grid splits */
.admin-blog-main-grid.admin-blog-blog-split {
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
}

.admin-blog-main-grid.admin-blog-funnel-split {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
}

.admin-blog-main-grid.admin-blog-subs-split {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
}

/* Marketing analytics top posts */
.admin-blog-analytics-top-posts {
  display: flex;
  flex-direction: column;
}

.admin-blog-analytics-top-post {
  color: inherit;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 0;
  text-decoration: none;
}

.admin-blog-analytics-top-post:last-child {
  border-bottom: none;
}

.admin-blog-analytics-top-post-head {
  align-items: center;
  background: transparent;
  border-radius: 0;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: 6px minmax(0, 1fr) auto;
  overflow: visible;
}

.admin-blog-analytics-top-post-dot {
  border-radius: 999px;
  display: block;
  height: 6px;
  width: 6px;
}

.admin-blog-analytics-top-post-head strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-analytics-top-post-head em {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  justify-self: end;
}

.admin-blog-analytics-top-post-bar {
  background: rgba(21, 21, 21, 0.05);
  border-radius: 2px;
  display: block;
  height: 4px;
  overflow: hidden;
}

.admin-blog-analytics-top-post-bar > span {
  background: var(--nb-green);
  border-radius: 2px;
  display: block;
  height: 100%;
}

/* Card subhead */
.admin-blog-card-sub {
  color: var(--nb-muted);
  font-size: 12px;
  margin: -6px 0 16px;
}

/* Channel split donut */
.admin-blog-channel-card {
  min-height: 100%;
}

.admin-blog-channel-body {
  align-items: center;
  display: flex;
  gap: 18px;
}

.admin-blog-channel-donut {
  flex-shrink: 0;
}

.admin-blog-channel-donut-value {
  fill: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.admin-blog-channel-donut-label {
  fill: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 9px;
  letter-spacing: 0.06em;
}

.admin-blog-channel-rows {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 14px;
}

.admin-blog-channel-row {
  display: grid;
  grid-gap: 2px 8px;
  gap: 2px 8px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.admin-blog-channel-row > span {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.admin-blog-channel-row i {
  border-radius: 3px;
  height: 10px;
  width: 10px;
}

.admin-blog-channel-row strong {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 500;
}

.admin-blog-channel-row em {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-style: normal;
  text-align: right;
}

.admin-blog-channel-row small {
  color: var(--nb-muted);
  font-size: 11.5px;
  grid-column: 1 / -1;
  margin-left: 18px;
}

/* Funnel */
.admin-blog-funnel-steps {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-blog-funnel-step-head {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}

.admin-blog-funnel-label {
  align-items: baseline;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 8px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-blog-funnel-label em {
  color: #a4232c;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  font-style: normal;
  letter-spacing: 0.04em;
}

.admin-blog-funnel-value {
  align-items: baseline;
  display: inline-flex;
  gap: 10px;
}

.admin-blog-funnel-value strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.admin-blog-funnel-value small {
  color: var(--nb-green);
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-blog-funnel-bar {
  background: rgba(21, 21, 21, 0.05);
  border-radius: 4px;
  height: 12px;
  overflow: hidden;
}

.admin-blog-funnel-bar i {
  border-radius: 4px;
  display: block;
  height: 100%;
}

.admin-blog-funnel-summary {
  background: rgba(188, 255, 78, 0.14);
  border-radius: 10px;
  color: var(--nb-dark-green);
  font-size: 12.5px;
  margin-top: 14px;
  padding: 12px 14px;
}

.admin-blog-funnel-summary code {
  background: rgba(5, 44, 23, 0.06);
  border-radius: 4px;
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
  padding: 1px 5px;
}

/* Heatmap */
.admin-blog-heatmap-grid {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  grid-template-columns: 80px repeat(7, minmax(0, 1fr));
}

.admin-blog-heatmap-day {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-align: center;
}

.admin-blog-heatmap-slot {
  align-self: center;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-blog-heatmap-cell {
  align-items: center;
  border-radius: 4px;
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  font-weight: 500;
  height: 36px;
  justify-content: center;
  letter-spacing: -0.02em;
}

.admin-blog-heatmap-scale {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-size: 12px;
  gap: 12px;
  margin-top: 16px;
}

.admin-blog-heatmap-bars {
  display: flex;
  flex: 1 1;
  gap: 2px;
}

.admin-blog-heatmap-bars span {
  flex: 1 1;
  height: 6px;
}

/* Recent campaigns / broadcasts table */
.admin-blog-campaigns {
  padding: 0;
}

.admin-blog-campaigns > .admin-blog-card-title {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  padding: 18px 22px;
}

.admin-blog-campaigns-table {
  display: flex;
  flex-direction: column;
}

.admin-blog-campaigns-head,
.admin-blog-campaigns-row {
  align-items: center;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: 96px minmax(0, 2fr) 0.9fr 0.9fr 0.9fr 0.7fr 0.85fr;
  padding: 12px 22px;
}

.admin-blog-campaigns-head {
  background: #fafaf7;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
}

.admin-blog-campaigns-head span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-blog-campaigns-row {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
}

.admin-blog-campaigns-row:last-child {
  border-bottom: 0;
}

.admin-blog-campaigns-date {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 12px;
}

.admin-blog-campaigns-title {
  color: var(--nb-black);
  font-size: 13.5px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-blog-campaigns-num {
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 12.5px;
}

.admin-blog-campaigns-rate {
  align-items: center;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12.5px;
  gap: 6px;
}

.admin-blog-campaigns-rate i {
  background: var(--nb-green);
  border-radius: 999px;
  display: inline-block;
  height: 6px;
  width: 6px;
}

.admin-blog-campaigns-rate.warn {
  color: #a4232c;
}

.admin-blog-campaigns-rate.warn i {
  background: #d43a48;
}

.admin-blog-campaigns-trend {
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
}

.admin-blog-campaigns-trend.up {
  color: var(--nb-green);
}

.admin-blog-campaigns-trend.down {
  color: #a4232c;
}

.admin-blog-campaigns-trend.muted {
  color: var(--nb-muted);
}

.admin-blog-campaigns .admin-blog-empty-state {
  margin: 16px 22px 20px;
}

@media (max-width: 1180px) {
  .admin-blog-kpi-grid,
  .admin-blog-feature-grid,
  .admin-blog-main-grid,
  .admin-blog-main-grid.admin-blog-blog-split,
  .admin-blog-main-grid.admin-blog-funnel-split,
  .admin-blog-main-grid.admin-blog-subs-split,
  .admin-blog-category-cards,
  .admin-blog-settings-layout,
  .admin-blog-news-grid,
  .admin-blog-wire-story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-blog-channel-body {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-blog-heatmap-grid {
    grid-template-columns: 60px repeat(7, minmax(0, 1fr));
  }

  .admin-blog-campaigns-head,
  .admin-blog-campaigns-row {
    grid-template-columns: 80px minmax(0, 1.6fr) 0.8fr 0.8fr 0.8fr 0.6fr 0.8fr;
    padding: 10px 16px;
  }

  .admin-marketing-calendar-layout {
    grid-template-columns: 1fr;
  }

  .admin-marketing-calendar-layout.with-agenda {
    grid-template-columns: 1fr;
  }

  .admin-marketing-calendar-rail {
    max-height: calc(100vh - 96px);
    right: 20px;
    top: 82px;
    width: min(360px, calc(100vw - 40px));
  }

  .admin-blog-main-grid > * {
    min-width: 0;
  }
}

@media (max-width: 760px) {
  .admin-blog-overview {
    padding: 18px;
  }

  .admin-blog-kpi-grid,
  .admin-blog-feature-grid,
  .admin-blog-main-grid,
  .admin-blog-category-grid,
  .admin-blog-category-cards,
  .admin-blog-settings-layout,
  .admin-blog-news-grid,
  .admin-blog-setting-row,
  .admin-blog-wire-intro,
  .admin-blog-wire-story-grid {
    grid-template-columns: 1fr;
  }

  .admin-marketing-calendar-hero {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  .admin-marketing-calendar-hero h2 {
    font-size: 30px;
  }

  .admin-marketing-calendar-toolbar,
  .admin-marketing-calendar-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-marketing-calendar-actions {
    width: 100%;
  }

  .admin-marketing-month-weekdays,
  .admin-marketing-month-grid {
    min-width: 820px;
  }

  .admin-marketing-month {
    overflow-x: auto;
  }

  .admin-marketing-calendar-list button {
    grid-template-columns: 1fr;
  }

  .admin-marketing-calendar-detail dl {
    grid-template-columns: 1fr;
  }

  .admin-marketing-calendar-event-backdrop {
    align-items: flex-end;
    padding: 14px;
  }

  .admin-marketing-calendar-event-dialog {
    max-height: calc(100vh - 28px);
    padding: 16px;
  }

  .admin-marketing-calendar-event-form.admin-marketing-calendar-event-dialog {
    padding: 0;
  }

  .admin-marketing-calendar-event-body h2 {
    font-size: 28px;
  }

  .admin-marketing-calendar-event-body dl {
    grid-template-columns: 1fr;
  }

  .admin-marketing-calendar-event-form-grid,
  .admin-marketing-calendar-event-form-date-row,
  .admin-marketing-calendar-owner-status-grid,
  .admin-marketing-calendar-event-link-form {
    grid-template-columns: 1fr;
  }

  .admin-nebeus-date-picker-menu,
  .admin-nebeus-select-menu {
    max-width: calc(100vw - 56px);
  }

  .admin-marketing-calendar-rail {
    max-height: calc(100vh - 84px);
    right: 14px;
    top: 72px;
    width: calc(100vw - 28px);
  }

  .admin-marketing-calendar-rail-agenda {
    max-height: calc(100vh - 84px);
  }

  .admin-marketing-calendar-event-dialog > footer {
    flex-direction: column;
  }

  .admin-blog-settings-tabs {
    position: static;
  }

  .admin-blog-settings-panel {
    padding: 6px 18px 22px;
  }

  .admin-blog-settings-panel-head,
  .admin-blog-source-sync {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-blog-wire-filter {
    grid-template-columns: 1fr;
  }

  .admin-blog-calendar-weekdays,
  .admin-blog-calendar-grid {
    min-width: 760px;
  }

  .admin-blog-calendar {
    overflow-x: auto;
  }

  .admin-blog-feature-card {
    grid-template-columns: 1fr;
  }

  .admin-blog-feature-art {
    min-height: 120px;
  }

  .admin-blog-top-posts > a {
    grid-template-columns: 24px minmax(0, 1fr) 64px;
  }

  .admin-blog-top-posts b {
    display: none;
  }
}

.admin-articles-summary > div {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  padding: 14px 16px;
}

.admin-articles-summary span,
.admin-article-result-meta {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-articles-summary strong {
  display: block;
  font-family: var(--nb-font-display);
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
  margin-top: 8px;
}

.admin-search-field {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 10px;
  color: var(--nb-muted);
  display: flex;
  flex: 1 1 240px;
  gap: 10px;
  max-width: 380px;
  padding: 10px 14px;
}

.admin-search-field input,
.admin-filter-bar select,
.admin-design-form input,
.admin-design-form select,
.admin-design-form textarea,
.admin-rail-section input,
.admin-rail-section select,
.admin-rail-section textarea,
.admin-settings-panel input,
.admin-settings-panel select,
.admin-settings-panel textarea {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  outline: 0;
}

.admin-search-field input {
  flex: 1 1;
  min-width: 0;
}

.admin-search-field span {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 4px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  padding: 3px 6px;
}

.admin-filter-bar select {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 10px;
  min-height: 42px;
  padding: 10px 14px;
}

.hc-select {
  min-width: 0;
  position: relative;
  width: 100%;
}

.hc-select-trigger {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 10px;
  color: var(--nb-black);
  display: flex;
  font-family: var(--nb-font-sans);
  font-size: 14px;
  gap: 10px;
  justify-content: space-between;
  line-height: 1.2;
  min-height: 42px;
  padding: 10px 12px 10px 14px;
  text-align: left;
  text-transform: none;
  width: 100%;
}

.hc-select-trigger:hover,
.hc-select.open .hc-select-trigger {
  border-color: rgba(28, 165, 92, 0.34);
  box-shadow: 0 0 0 3px rgba(28, 165, 92, 0.08);
}

.hc-select-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.hc-select-value {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hc-select-value.placeholder {
  color: var(--nb-muted);
}

.hc-select-menu {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 10px;
  box-shadow: 0 18px 44px rgba(5, 44, 23, 0.16);
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  left: 0;
  max-height: min(280px, 50vh);
  overflow: auto;
  padding: 6px;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 120;
}

.hc-select-option {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-black);
  display: flex;
  font-size: 14px;
  gap: 12px;
  justify-content: space-between;
  min-height: 36px;
  padding: 9px 10px;
  text-align: left;
  text-transform: none;
  width: 100%;
}

.hc-select-option span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hc-select-option:hover,
.hc-select-option.highlighted {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.hc-select-option.selected {
  background: var(--nb-dark-green);
  color: var(--nb-bg);
}

.hc-select-option:disabled {
  cursor: not-allowed;
  opacity: 0.44;
}

.admin-filter-bar .hc-select {
  flex: 0 0 180px;
}

.admin-filter-bar .admin-secondary-button {
  background: var(--nb-white);
  white-space: nowrap;
}

.admin-secondary-button.disabled {
  cursor: not-allowed;
  opacity: 0.42;
  pointer-events: none;
}

.admin-form .hc-select-trigger {
  background: #f7f7f5;
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 8px;
}

.admin-rail-section .hc-select-trigger,
.admin-settings-panel .hc-select-trigger,
.admin-design-form .hc-select-trigger {
  background: var(--nb-bg-soft);
  border: 0;
  border-radius: 8px;
  min-height: 40px;
  padding: 10px 12px;
}

.admin-filter-spacer {
  flex: 1 1;
}

.admin-article-result-meta {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
}

.admin-article-table {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
}

.admin-article-table-head,
.admin-article-row {
  align-items: center;
  display: grid;
  box-sizing: border-box;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: minmax(180px, 1.8fr) minmax(70px, 0.7fr) minmax(105px, 1fr) 94px 98px 54px 120px;
  min-width: 0;
  padding: 12px 14px;
  width: 100%;
}

.admin-article-table-head {
  border-bottom: 1px solid var(--nb-border);
}

.admin-article-row {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  font-size: 14px;
}

.admin-article-row:hover {
  background: rgba(21, 21, 21, 0.02);
}

.admin-article-row > span {
  color: var(--nb-muted);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-article-title strong,
.admin-article-title small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-article-title {
  min-width: 0;
}

.admin-article-title strong {
  font-weight: 700;
}

.admin-article-title small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-top: 2px;
}

.admin-article-actions {
  align-items: center;
  display: flex;
  gap: 6px;
}

.admin-article-actions form {
  display: contents;
}

.admin-icon-button.disabled,
.admin-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

.admin-pagination-item {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.admin-pagination-gap {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 24px;
}

.admin-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
  justify-self: start;
  line-height: 1;
  padding: 6px 10px;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-pill > span {
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-pill-published {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-pill-published > span {
  background: var(--nb-green);
}

.admin-pill-draft {
  background: rgba(21, 21, 21, 0.06);
  color: var(--nb-black);
}

.admin-pill-draft > span {
  background: var(--nb-caption);
}

.admin-pill-review {
  background: #fff4d6;
  color: #7a5800;
}

.admin-pill-review > span {
  background: var(--nb-yellow);
}

.admin-pill-scheduled {
  background: rgba(65, 71, 155, 0.1);
  color: var(--nb-blue);
}

.admin-pill-scheduled > span {
  background: var(--nb-blue);
}

.admin-pill-archived {
  background: #ffe3e5;
  color: #7c1118;
}

.admin-pill-archived > span {
  background: var(--nb-danger);
}

.admin-pagination {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  justify-content: space-between;
  margin-top: 16px;
}

.admin-pagination > div {
  display: flex;
  gap: 4px;
}

.admin-empty-state {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 48px;
  text-align: center;
}

.admin-empty-state p {
  margin: 0;
}

.admin-editor-content {
  padding: 0;
}

.admin-editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  min-height: calc(100vh - 65px);
}

.admin-editor-rail-collapsed .admin-editor-grid {
  grid-template-columns: minmax(0, 1fr);
}

.admin-editor-rail-collapsed .admin-editor-rail {
  display: none;
}

.admin-editor-canvas {
  padding: 40px 64px;
}

.admin-editor-inner {
  margin: 0 auto;
  max-width: 720px;
}

.admin-editor-kicker {
  align-items: center;
  color: var(--nb-green);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 12px;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.admin-editor-kicker > span:last-child {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  gap: 4px;
  text-transform: none;
}

.admin-editor-kicker i {
  background: var(--nb-green);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-editor-title {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.05;
  min-height: 118px;
  outline: 0;
  overflow-wrap: anywhere;
  padding: 0;
  resize: vertical;
  white-space: pre-wrap;
  width: 100%;
}

.admin-editor-divider {
  background: var(--nb-border);
  height: 1px;
  margin: 16px 0 32px;
}

.admin-editor-block {
  border-left: 2px solid transparent;
  display: block;
  margin-left: -32px;
  padding: 10px 0 10px 30px;
}

.admin-editor-block.active {
  border-left-color: var(--nb-lime);
}

.admin-editor-block > span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.admin-editor-block textarea {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 16px;
  line-height: 1.65;
  outline: 0;
  resize: vertical;
  width: 100%;
}

.admin-add-block-bar {
  align-items: stretch;
  border: 1px dashed var(--nb-border-strong);
  border-radius: 12px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 16px;
  padding: 12px;
}

.admin-add-block-bar-tools {
  align-items: center;
  grid-template-columns: minmax(160px, auto) repeat(2, minmax(160px, 220px));
  justify-content: start;
}

.admin-add-block-bar > span {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  justify-content: center;
  margin: 0;
  min-height: 38px;
  text-align: center;
  text-transform: uppercase;
}

.admin-add-block-bar-tools > span {
  justify-content: flex-start;
  text-align: left;
}

.admin-add-block-bar button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  display: inline-flex;
  font-size: 11px;
  gap: 5px;
  justify-content: center;
  line-height: 1.2;
  min-height: 42px;
  min-width: 0;
  padding: 7px 6px;
  text-align: center;
  white-space: normal;
  width: 100%;
}

.admin-add-block-bar button svg {
  flex: 0 0 auto;
}

.admin-add-block-label {
  min-width: 0;
  overflow-wrap: anywhere;
}

.admin-add-block-bar .admin-ai-add-button {
  background: linear-gradient(135deg, var(--nb-dark-green), var(--nb-green));
  border-color: transparent;
  color: var(--nb-bg);
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(5, 44, 23, 0.18);
  outline: none;
}

.admin-add-block-bar .admin-ai-add-button:focus,
.admin-add-block-bar .admin-ai-add-button:focus-visible {
  border-color: transparent;
  outline: none;
}

.admin-add-block-bar .admin-ai-add-button.active {
  background: var(--nb-lime);
  border-color: transparent;
  color: var(--nb-dark-green);
  box-shadow: 0 0 0 3px rgba(188, 255, 78, 0.28), 0 10px 24px rgba(5, 44, 23, 0.2);
}

.admin-add-block-bar .admin-draft-import-button {
  background: #f5f7f2;
  border-color: rgba(5, 44, 23, 0.18);
  color: var(--nb-dark-green);
  font-weight: 700;
}

.admin-add-block-bar .admin-draft-import-button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-bg);
  box-shadow: 0 0 0 3px rgba(5, 44, 23, 0.1), 0 10px 24px rgba(5, 44, 23, 0.18);
}

.admin-block-builder {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.admin-builder-blocks {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
}

.admin-between-block-insert {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  margin-left: -38px;
  min-height: 18px;
  padding: 0 8px 0 0;
  position: relative;
}

.admin-between-block-insert-inner {
  align-items: center;
  display: flex;
  grid-column: 2;
  min-height: 18px;
  position: relative;
}

.admin-between-block-line {
  background: transparent;
  display: block;
  height: 1px;
  transition: background 0.14s ease;
  width: 100%;
}

.admin-between-block-add-button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(5, 44, 23, 0.18);
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(5, 44, 23, 0.08);
  color: var(--nb-dark-green);
  display: inline-flex;
  height: 26px;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-34px, -50%) scale(0.92);
  transition:
    background 0.14s ease,
    border-color 0.14s ease,
    opacity 0.14s ease,
    transform 0.14s ease;
  width: 26px;
  z-index: 4;
}

.admin-between-block-insert:hover .admin-between-block-line,
.admin-between-block-insert:focus-within .admin-between-block-line,
.admin-between-block-insert.open .admin-between-block-line {
  background: rgba(5, 44, 23, 0.12);
}

.admin-between-block-insert:hover .admin-between-block-add-button,
.admin-between-block-insert:focus-within .admin-between-block-add-button,
.admin-between-block-insert.open .admin-between-block-add-button {
  opacity: 1;
  transform: translate(-34px, -50%) scale(1);
}

.admin-between-block-add-button:hover,
.admin-between-block-insert.open .admin-between-block-add-button {
  background: var(--nb-lime);
  border-color: rgba(5, 44, 23, 0.38);
}

.admin-between-block-menu {
  grid-column: 2;
  margin: 4px 0 10px;
  z-index: 12;
}

.admin-builder-block {
  align-items: start;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  grid-template-columns: 32px minmax(0, 1fr);
  margin-left: -38px;
  padding: 3px 8px 3px 0;
}

.admin-builder-block:hover,
.admin-builder-block:focus-within {
  background: rgba(21, 21, 21, 0.025);
  border-color: rgba(21, 21, 21, 0.04);
}

.admin-builder-blocks.dragging .admin-builder-block {
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    opacity 0.16s ease,
    transform 0.16s ease;
}

.admin-builder-block.dragging {
  opacity: 0.42;
}

.admin-builder-block.drop-target {
  background: rgba(188, 255, 78, 0.16);
  border-color: rgba(5, 44, 23, 0.24);
  transform: translateY(1px);
}

.admin-builder-block-gutter {
  align-items: center;
  display: flex;
  gap: 2px;
  justify-content: flex-end;
  min-height: 38px;
  opacity: 0;
  padding-top: 2px;
  transition: opacity 0.16s ease;
}

.admin-builder-block:hover .admin-builder-block-gutter,
.admin-builder-block:focus-within .admin-builder-block-gutter {
  opacity: 1;
}

.admin-builder-block-gutter > span,
.admin-builder-block-gutter button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  height: 24px;
  justify-content: center;
  padding: 0;
  width: 24px;
}

.admin-builder-block-gutter > span {
  cursor: -webkit-grab;
  cursor: grab;
}

.admin-builder-block-gutter > span:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.admin-builder-block-gutter > span[draggable="false"] {
  cursor: default;
  opacity: 0.5;
}

.admin-builder-block-gutter > span:focus-visible {
  border-color: var(--nb-dark-green);
  box-shadow: 0 0 0 3px rgba(188, 255, 78, 0.28);
  outline: none;
}

.admin-builder-block-gutter button:hover {
  border-color: var(--nb-danger);
  color: var(--nb-danger);
}

.admin-builder-block-content {
  min-width: 0;
  padding: 2px 0;
}

.admin-block-field > span,
.admin-block-inline-fields span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  text-transform: uppercase;
}

.admin-heading-editor {
  align-items: center;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 60px minmax(0, 1fr);
}

.admin-heading-editor select {
  align-self: center;
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  height: 30px;
  min-height: 30px;
  padding: 0 10px;
}

.admin-heading-input {
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-weight: 500;
  line-height: 1.15;
  min-height: 38px;
  outline: 0;
  padding: 0;
}

.admin-heading-input-2 {
  font-size: 28px;
}

.admin-heading-input-3 {
  font-size: 22px;
}

.admin-heading-input-4 {
  font-family: var(--nb-font-sans);
  font-size: 17px;
  font-weight: 700;
}

.admin-block-field,
.admin-block-inline-fields label {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-block-inline-fields {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 120px minmax(0, 1fr);
}

.admin-block-note-fields {
  border-radius: 8px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 10px;
}

.admin-inline-format-toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-inline-format-panel {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-inline-format-toolbar button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-black);
  display: inline-flex;
  font-size: 11px;
  font-weight: 600;
  gap: 5px;
  min-height: 28px;
  padding: 5px 9px;
}

.admin-inline-format-toolbar button:hover {
  border-color: var(--nb-border-strong);
  background: var(--nb-bg-soft);
}

.admin-list-style-control,
.admin-quote-size-control,
.admin-image-size-control {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  display: inline-flex;
  gap: 0;
  margin-top: -2px;
  overflow: hidden;
  width: max-content;
}

.admin-list-style-control button,
.admin-quote-size-control button,
.admin-image-size-control button {
  align-items: center;
  background: transparent;
  border: 0;
  border-left: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 0;
  color: var(--nb-black);
  display: inline-flex;
  font-size: 11px;
  font-weight: 500;
  height: 30px;
  min-height: 30px;
  justify-content: center;
  padding: 0;
  width: 30px;
}

.admin-image-size-control button {
  padding: 0 11px;
  width: auto;
}

.admin-list-style-control button:first-child,
.admin-quote-size-control button:first-child,
.admin-image-size-control button:first-child {
  border-left: 0;
}

.admin-list-style-control button:hover,
.admin-quote-size-control button:hover,
.admin-image-size-control button:hover {
  background: var(--nb-bg-soft);
}

.admin-list-style-control button.active,
.admin-quote-size-control button.active,
.admin-image-size-control button.active {
  background: rgba(21, 21, 21, 0.1);
  color: var(--nb-black);
}

.admin-list-style-preview,
.admin-quote-size-preview {
  align-items: center;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  line-height: 1;
  width: 100%;
}

.admin-inline-rich-editor-quote {
  background: var(--nb-bg-soft);
  border-left: 3px solid var(--nb-green);
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-style: italic;
  letter-spacing: -0.02em;
  min-height: 82px;
  padding: 20px 24px;
}

.admin-inline-rich-editor-quote-normal,
.admin-inline-rich-editor-quote-small {
  font-size: 16px;
  line-height: 1.65;
}

.admin-inline-rich-editor-quote-medium {
  font-size: 24px;
  line-height: 1.4;
}

.admin-inline-rich-editor-quote-large {
  font-size: 32px;
  line-height: 1.25;
}

.admin-inline-format-swatch {
  border: 1px solid rgba(21, 21, 21, 0.14);
  border-radius: 999px;
  display: inline-flex;
  height: 12px;
  width: 12px;
}

.admin-inline-format-swatch-yellow {
  background: rgba(240, 185, 11, 0.42);
}

.admin-inline-format-swatch-green {
  background: rgba(28, 165, 92, 0.32);
}

.admin-inline-format-swatch-red {
  background: rgba(255, 78, 89, 0.3);
}

.admin-link-popup-backdrop {
  align-items: center;
  background: rgba(21, 21, 21, 0.34);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 80;
}

.admin-inline-link-editor {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  box-shadow: 0 24px 64px rgba(5, 44, 23, 0.24), 0 8px 18px rgba(0, 0, 0, 0.08);
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  max-width: 420px;
  padding: 18px;
  width: min(100%, 420px);
}

.admin-inline-link-editor > div:first-child {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.admin-inline-link-editor strong {
  color: var(--nb-black);
  font-size: 15px;
  font-weight: 800;
}

.admin-inline-link-editor span {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.45;
}

.admin-inline-link-editor input {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  font-size: 14px;
  min-height: 42px;
  outline: 0;
  padding: 9px 11px;
  width: 100%;
}

.admin-inline-link-editor input:focus {
  background: var(--nb-white);
  border-color: rgba(28, 165, 92, 0.38);
  box-shadow: 0 0 0 3px rgba(28, 165, 92, 0.1);
}

.admin-inline-link-editor > div:last-child {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.admin-inline-link-editor button {
  background: var(--nb-dark-green);
  border: 1px solid var(--nb-dark-green);
  border-radius: 8px;
  color: var(--nb-bg);
  font-size: 12px;
  font-weight: 800;
  min-height: 36px;
  padding: 8px 14px;
}

.admin-inline-link-editor button:last-child {
  background: var(--nb-white);
  border-color: var(--nb-border);
  color: var(--nb-muted);
}

.admin-builder-block input,
.admin-builder-block select,
.admin-builder-block textarea {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  line-height: 1.5;
  min-height: 38px;
  outline: 0;
  padding: 8px 10px;
  width: 100%;
}

.admin-builder-block input:focus,
.admin-builder-block select:focus,
.admin-builder-block textarea:focus {
  background: var(--nb-white);
  border-color: rgba(28, 165, 92, 0.32);
  box-shadow: 0 0 0 3px rgba(28, 165, 92, 0.08);
}

.admin-builder-block input[type="file"] {
  background: var(--nb-white);
  border-color: var(--nb-border);
  cursor: pointer;
  font-size: 12px;
}

.admin-inline-rich-editor {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  line-height: 1.5;
  min-height: 86px;
  outline: 0;
  padding: 8px 10px;
  white-space: pre-wrap;
  width: 100%;
  word-break: break-word;
}

.admin-inline-rich-editor:focus {
  background: var(--nb-white);
  border-color: rgba(28, 165, 92, 0.32);
  box-shadow: 0 0 0 3px rgba(28, 165, 92, 0.08);
}

.admin-inline-rich-editor:empty::before {
  color: var(--nb-muted);
  content: attr(data-placeholder);
  pointer-events: none;
}

.admin-inline-rich-editor-paragraph {
  font-size: 16px;
  line-height: 1.65;
  padding: 10px 12px;
}

.admin-inline-render-mark {
  border-radius: 4px;
  color: inherit;
  padding: 0 3px;
}

.admin-inline-render-mark-yellow {
  background: rgba(240, 185, 11, 0.3);
}

.admin-inline-render-mark-green {
  background: rgba(28, 165, 92, 0.2);
}

.admin-inline-render-mark-red {
  background: rgba(255, 78, 89, 0.18);
}

.admin-inline-render-link {
  color: var(--nb-blue);
  font-weight: 650;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.admin-inline-render-bold {
  font-weight: 800;
}

.admin-inline-render-italic {
  font-style: italic;
}

.admin-inline-rich-editor[data-inline-list="true"] {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding-left: 28px;
}

.admin-inline-rich-editor[data-inline-list="true"] > div {
  display: list-item;
  list-style: disc;
  margin-left: 16px;
  min-height: 1.5em;
}

.admin-inline-rich-editor[data-inline-list="true"][data-inline-list-style="number"] > div {
  list-style-type: decimal;
}

.admin-inline-rich-editor[data-inline-list="true"][data-inline-list-style="roman"] > div {
  list-style-type: upper-roman;
}

.admin-inline-rich-editor[data-inline-list="true"][data-inline-list-style="letter"] > div {
  list-style-type: upper-alpha;
}

.admin-inline-rich-editor[data-inline-list="true"] > div:empty::before {
  content: attr(data-placeholder);
  color: var(--nb-muted);
  pointer-events: none;
}

.admin-builder-block textarea {
  min-height: 86px;
  resize: vertical;
}

.admin-builder-block textarea[data-autogrow="true"] {
  overflow: hidden;
  resize: none;
}

.admin-builder-block-paragraph textarea {
  font-size: 16px;
  line-height: 1.65;
  padding: 10px 12px;
}

.admin-builder-block-code textarea {
  font-family: var(--nb-font-mono);
  font-size: 13px;
  padding: 12px;
}

.admin-code-editor {
  background: #101418;
  border: 1px solid rgba(21, 21, 21, 0.16);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(254, 252, 249, 0.05);
  overflow: visible;
}

.admin-code-editor-toolbar {
  align-items: center;
  background: #171c22;
  border-bottom: 1px solid rgba(254, 252, 249, 0.08);
  border-radius: 8px 8px 0 0;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-height: 44px;
  padding: 6px 8px 6px 12px;
}

.admin-code-editor-toolbar > span {
  align-items: center;
  color: rgba(254, 252, 249, 0.72);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 7px;
}

.admin-code-language-select {
  max-width: 178px;
}

.admin-code-language-select .hc-select-trigger {
  background: rgba(254, 252, 249, 0.06);
  border-color: rgba(254, 252, 249, 0.12);
  border-radius: 6px;
  color: var(--nb-bg);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  min-height: 30px;
  padding: 6px 8px 6px 10px;
}

.admin-code-language-select .hc-select-trigger:hover,
.admin-code-language-select.open .hc-select-trigger {
  border-color: rgba(254, 252, 249, 0.22);
  box-shadow: none;
}

.admin-code-language-select .hc-select-value.placeholder {
  color: rgba(254, 252, 249, 0.48);
}

.admin-code-language-select .hc-select-menu {
  min-width: 178px;
}

.admin-code-editor-body {
  display: block;
}

.admin-code-textarea,
.admin-builder-block .admin-code-textarea {
  background: #101418;
  border: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: none;
  color: #f4f7f8;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  line-height: 1.65;
  min-height: 210px;
  padding: 16px 18px;
  resize: vertical;
  -moz-tab-size: 2;
       tab-size: 2;
}

.admin-code-textarea::placeholder {
  color: rgba(254, 252, 249, 0.42);
}

.admin-builder-block .admin-code-textarea:focus {
  background: #101418;
  border: 0;
  box-shadow: inset 0 0 0 1px rgba(188, 255, 78, 0.24);
}

.admin-table-editor {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.admin-image-block-preview {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  display: grid;
  margin: 0;
  min-height: 160px;
  overflow: hidden;
  place-items: center;
}

.admin-image-block-preview-medium,
.admin-image-block-preview-small {
  justify-self: center;
}

.admin-image-block-preview-medium {
  width: 70%;
}

.admin-image-block-preview-small {
  width: 40%;
}

.admin-image-block-preview img {
  display: block;
  max-height: 260px;
  max-width: 100%;
  object-fit: contain;
}

.admin-image-block-preview-banner img {
  aspect-ratio: 16 / 9;
  height: auto;
  max-height: none;
  object-fit: cover;
  width: 100%;
}

.admin-image-upload-message {
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  padding: 8px 10px;
}

.admin-image-upload-message.uploading {
  background: rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
}

.admin-image-upload-message.success {
  background: rgba(28, 165, 92, 0.1);
  color: var(--nb-green);
}

.admin-image-upload-message.error {
  background: rgba(255, 78, 89, 0.1);
  color: #b8222e;
}

.admin-table-editor-scroll {
  border: 1px solid var(--nb-border);
  border-radius: 9px;
  overflow-x: auto;
}

.admin-table-editor-row {
  display: grid;
  width: 100%;
}

.admin-table-editor-row + .admin-table-editor-row {
  border-top: 1px solid var(--nb-border);
}

.admin-table-editor-head {
  background: var(--nb-bg-soft);
}

.admin-table-header-cell {
  min-width: 0;
  position: relative;
}

.admin-table-editor input {
  border-radius: 0;
  border-width: 0 1px 0 0;
  box-sizing: border-box;
  font-size: 13px;
  min-height: 42px;
  min-width: 0;
  width: 100%;
}

.admin-table-editor-head input {
  font-weight: 800;
}

.admin-table-editor-row > input:last-of-type {
  border-right: 0;
}

.admin-table-header-cell input {
  border-right: 1px solid var(--nb-border);
  padding-right: 34px;
}

.admin-table-header-cell button {
  border-radius: 6px;
  height: 24px;
  min-height: 24px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}

.admin-table-editor-row > button {
  border-left: 1px solid var(--nb-border);
  min-height: 42px;
}

.admin-table-editor button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  justify-content: center;
  min-height: 34px;
  padding: 0;
}

.admin-table-editor button:hover:not(:disabled) {
  color: var(--nb-danger);
}

.admin-table-editor button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}

.admin-table-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-table-editor-actions button {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  min-height: 32px;
  padding: 6px 10px;
}

.admin-table-editor-actions button:hover {
  background: var(--nb-bg-soft);
  border-color: var(--nb-border-strong);
  color: var(--nb-black);
}

.admin-block-language {
  max-width: 180px;
}

.admin-builder-block .admin-heading-editor select {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  height: 30px;
  min-height: 30px;
  padding: 0 10px;
}

.admin-builder-block .admin-heading-input {
  background: transparent;
  border: 0;
  box-shadow: none;
  font-family: var(--nb-font-display);
  font-weight: 500;
  line-height: 1.15;
  padding: 0;
}

.admin-builder-block .admin-heading-input:focus {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.admin-builder-block .admin-heading-input-2 {
  font-size: 28px;
}

.admin-builder-block .admin-heading-input-3 {
  font-size: 22px;
}

.admin-builder-block .admin-heading-input-4 {
  font-family: var(--nb-font-sans);
  font-size: 17px;
  font-weight: 700;
}

.admin-block-note-green {
  background: var(--nb-green-tint);
}

.admin-block-note-blue {
  background: #eef1ff;
}

.admin-block-note-warning {
  background: #fff5d6;
}

.admin-block-note-red {
  background: #ffe9eb;
}

.admin-editor-rail {
  background: var(--nb-white);
  border-left: 1px solid var(--nb-border);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}

.admin-rail-section {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-rail-section h2 {
  margin: 0;
}

.admin-rail-section input,
.admin-rail-section select,
.admin-rail-section textarea,
.admin-settings-panel input,
.admin-settings-panel select,
.admin-settings-panel textarea,
.admin-design-form input,
.admin-design-form select,
.admin-design-form textarea {
  background: var(--nb-bg-soft);
  border-radius: 8px;
  min-height: 40px;
  padding: 10px 12px;
  width: 100%;
}

.admin-rail-section textarea,
.admin-settings-panel textarea,
.admin-design-form textarea {
  line-height: 1.5;
  min-height: 72px;
  resize: vertical;
}

.admin-rail-section .admin-check-row input[type="checkbox"] {
  accent-color: var(--nb-green);
  background: var(--nb-white);
  border-radius: 4px;
  flex: 0 0 16px;
  height: 16px;
  margin: 0;
  min-height: 0;
  padding: 0;
  width: 16px;
}

.admin-rail-section .admin-check-row span {
  min-width: 0;
}

.admin-blog-author-field {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-blog-author-field small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
}

.admin-ai-writer-panel {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.admin-ai-writer-inline {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  padding: 14px;
}

.admin-draft-import-panel {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 14px;
}

.admin-draft-import-heading {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.admin-draft-import-heading strong {
  color: var(--nb-black);
  font-size: 15px;
  font-weight: 800;
}

.admin-draft-import-heading span {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.45;
}

.admin-draft-import-panel textarea {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  line-height: 1.55;
  min-height: 230px;
  outline: 0;
  padding: 12px;
  resize: vertical;
  width: 100%;
}

.admin-draft-import-panel textarea:focus {
  background: var(--nb-white);
  border-color: rgba(28, 165, 92, 0.38);
  box-shadow: 0 0 0 3px rgba(28, 165, 92, 0.1);
}

.admin-draft-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-draft-import-message {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
}

.admin-draft-import-message.error {
  color: var(--nb-danger);
}

.admin-ai-seo-assistant {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-ai-seo-button {
  width: 100%;
}

.admin-ai-seo-message {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
}

.admin-ai-seo-message.error {
  color: var(--nb-danger);
}

.admin-ai-mode-toggle {
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 4px;
}

.admin-ai-mode-toggle button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 5px;
  justify-content: center;
  min-height: 32px;
  padding: 7px 6px;
}

.admin-ai-mode-toggle button.active {
  background: var(--nb-white);
  color: var(--nb-dark-green);
  box-shadow: 0 1px 4px rgba(5, 44, 23, 0.08);
}

.admin-ai-field {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-ai-field > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  text-transform: uppercase;
}

.admin-ai-field input,
.admin-ai-field textarea {
  background: var(--nb-bg-soft);
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  line-height: 1.5;
  min-height: 40px;
  outline: 0;
  padding: 10px 12px;
  width: 100%;
}

.admin-ai-field textarea {
  min-height: 92px;
  resize: vertical;
}

.admin-ai-field textarea[readonly] {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  color: var(--nb-black);
  min-height: 160px;
}

.admin-ai-grid {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-ai-checks {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
}

.admin-ai-checks label {
  align-items: center;
  color: var(--nb-black);
  display: flex;
  font-size: 13px;
  gap: 8px;
  line-height: 1.3;
}

.admin-ai-checks input {
  accent-color: var(--nb-green);
  flex: 0 0 auto;
  min-height: 0;
  padding: 0;
  width: auto;
}

.admin-ai-actions {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-ai-actions .admin-primary-button,
.admin-ai-actions .admin-secondary-button {
  min-width: 0;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}

.admin-ai-actions .admin-primary-button:disabled,
.admin-ai-actions .admin-secondary-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.admin-ai-message {
  background: rgba(28, 165, 92, 0.08);
  border: 1px solid rgba(28, 165, 92, 0.18);
  border-radius: 8px;
  color: var(--nb-dark-green);
  font-size: 12px;
  line-height: 1.45;
  margin: 0;
  padding: 9px 10px;
}

.admin-ai-message.error {
  background: rgba(205, 68, 68, 0.08);
  border-color: rgba(205, 68, 68, 0.18);
  color: #9c2727;
}

.admin-slug-field {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  padding: 0 12px;
}

.admin-slug-field span {
  color: var(--nb-muted);
}

.admin-slug-field input {
  background: transparent;
  border-radius: 0;
  font-family: inherit;
  padding-left: 0;
}

.admin-translation-list,
.admin-revisions-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-translation-list a {
  align-items: center;
  border-radius: 8px;
  color: var(--nb-black);
  display: flex;
  font-size: 13px;
  gap: 10px;
  min-height: 32px;
  padding: 6px 8px;
}

.admin-translation-list a:hover,
.admin-translation-list a.active {
  background: rgba(21, 21, 21, 0.04);
}

.admin-translation-list em {
  font-family: var(--nb-font-mono);
  font-style: normal;
  width: 28px;
}

.admin-translation-list i {
  background: var(--nb-caption);
  border-radius: 999px;
  height: 6px;
  margin-left: auto;
  width: 6px;
}

.admin-translation-list i.ok {
  background: var(--nb-green);
}

.admin-translation-list i.review {
  background: var(--nb-yellow);
}

.admin-revision-entry {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
}

.admin-revisions-list strong {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 700;
}

.admin-revisions-list small,
.admin-revision-entry {
  color: var(--nb-muted);
  font-size: 13px;
}

.admin-revisions-pagination {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
  padding-top: 10px;
}

.admin-revisions-pagination .admin-icon-button {
  border-radius: 7px;
  font-size: 11px;
  height: 28px;
  width: 28px;
}

.admin-categories-layout {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 360px minmax(0, 1fr);
}

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

.admin-category-tile-link {
  color: inherit;
  display: block;
}

.admin-category-tile,
.admin-category-add {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  min-height: 180px;
  padding: 20px;
}

.admin-category-tile {
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: border-color 150ms ease, transform 150ms ease;
}

.admin-category-tile:hover,
.admin-category-tile-link:hover .admin-category-tile {
  border-color: var(--nb-green);
  transform: translateY(-2px);
}

.admin-category-card-grid.dragging .admin-category-tile {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.admin-category-tile.drop-target {
  border-color: var(--nb-green);
  box-shadow: 0 0 0 3px rgba(28, 165, 92, 0.12);
}

.admin-category-tile.inactive {
  background: #fbfbfa;
}

.admin-category-tile-header {
  align-items: center;
  display: flex;
  gap: 12px;
}

.admin-category-icon {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 10px;
  color: var(--nb-lime);
  display: inline-flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.admin-category-tile-header > div:nth-child(2) {
  flex: 1 1;
  min-width: 0;
}

.admin-category-tile-header a,
.admin-category-tile strong,
.admin-category-tile small {
  display: block;
}

.admin-category-tile-header a,
.admin-category-tile strong {
  color: var(--nb-black);
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-category-tile small,
.admin-category-tile p {
  color: var(--nb-muted);
}

.admin-category-tile small {
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-category-tile p {
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

.admin-category-order-actions,
.admin-category-actions {
  align-items: center;
  display: flex;
  gap: 6px;
}

.admin-category-order-actions .admin-icon-button {
  height: 32px;
  width: 32px;
}

.admin-category-drag-handle {
  cursor: -webkit-grab;
  cursor: grab;
}

.admin-category-order-saving {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin: 12px 0 0;
  text-transform: uppercase;
}

.admin-category-edit-form {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-category-edit-form label {
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 6px;
  text-transform: uppercase;
}

.admin-category-edit-form .wide,
.admin-category-edit-form > button {
  grid-column: 1 / -1;
}

.admin-category-edit-form textarea {
  min-height: 72px;
}

.admin-category-edit-form > button {
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 8px;
  color: var(--nb-bg);
  font-family: var(--nb-font-mono);
  min-height: 40px;
}

.admin-category-tile-footer {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  display: flex;
  gap: 12px;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 12px;
}

.admin-category-tile-footer.compact {
  display: flex;
  font-family: var(--nb-font-mono);
  justify-content: space-between;
}

.admin-category-tile-footer > div:first-child {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-category-tile-footer em {
  background: #f3f3f2;
  border-radius: 999px;
  color: var(--nb-muted);
  font-style: normal;
  padding: 4px 8px;
}

.admin-category-tile-footer em.active {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-category-actions .admin-secondary-button,
.admin-category-actions .admin-danger-button {
  min-height: 34px;
  padding: 7px 10px;
}

.admin-category-add {
  align-items: center;
  background: transparent;
  border: 2px dashed var(--nb-border-strong);
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  font-weight: 600;
  gap: 8px;
  justify-content: center;
  text-align: center;
}

.admin-category-form-topbar {
  align-items: center;
  background: var(--nb-bg);
  border-bottom: 1px solid var(--nb-border);
  display: flex;
  justify-content: space-between;
  min-height: 73px;
  padding: 16px 32px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}

.admin-category-form-topbar h1 {
  font-family: var(--nb-font-display);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.05;
  margin: 0;
}

.admin-category-form-topbar p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 4px 0 0;
}

.admin-category-form-topbar > div:last-child {
  align-items: center;
  display: flex;
  gap: 8px;
}

.admin-category-breadcrumb {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}

.admin-category-breadcrumb a {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 14px;
}

.admin-category-form-layout {
  align-items: start;
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 340px;
  padding: 32px;
}

.admin-category-form-main,
.admin-category-managed-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.admin-category-form-card {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  padding: 4px 28px 24px;
}

.admin-category-form-card.danger {
  border-color: rgba(255, 78, 89, 0.3);
}

.admin-category-section-title {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  margin: 20px 0 8px;
  text-transform: uppercase;
}

.admin-category-section-title.danger {
  color: var(--nb-danger);
}

.admin-category-form-field {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  padding: 14px 0;
}

.admin-category-form-field > div:first-child {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2px;
}

.admin-category-form-field p {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 8px;
}

.admin-category-field-error {
  color: var(--nb-danger) !important;
  font-weight: 700;
  margin: 8px 0 0 !important;
}

.admin-category-form-message {
  align-items: center;
  border-radius: 10px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  padding: 12px 14px;
}

.admin-category-form-message.error {
  background: #ffe9eb;
  color: #8a1f28;
}

.admin-category-form-message.success {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-category-form-field input,
.admin-category-form-field textarea {
  background: var(--nb-bg-soft);
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  min-height: 40px;
  outline: 0;
  padding: 10px 12px;
  width: 100%;
}

.admin-category-form-field .admin-check-row {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  display: inline-flex;
  gap: 9px;
  min-height: 40px;
  padding: 10px 12px;
  width: auto;
}

.admin-category-form-field .admin-check-row input[type="checkbox"] {
  accent-color: var(--nb-green);
  flex: 0 0 16px;
  height: 16px;
  margin: 0;
  min-height: 0;
  padding: 0;
  width: 16px;
}

.admin-category-form-field .admin-check-row span {
  color: var(--nb-black);
  font-size: 13px;
  line-height: 1.2;
  min-width: 0;
}

.admin-category-form-field textarea {
  line-height: 1.5;
  min-height: 64px;
  resize: vertical;
}

.admin-category-form-split {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-category-locale-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 0 4px;
}

.admin-category-locale-tabs button {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--nb-black);
  display: inline-flex;
  gap: 8px;
  min-height: 34px;
  padding: 7px 11px;
}

.admin-category-locale-tabs button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-category-locale-tabs span {
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 800;
}

.admin-category-locale-tabs em {
  color: inherit;
  font-size: 11px;
  font-style: normal;
  opacity: 0.7;
}

.admin-category-url-input {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: flex;
  gap: 6px;
  padding: 8px 12px;
}

.admin-category-url-input span,
.admin-category-url-input input {
  font-family: var(--nb-font-mono);
  font-size: 13px;
}

.admin-category-url-input span {
  color: var(--nb-muted);
  white-space: nowrap;
}

.admin-category-url-input input {
  background: transparent;
  border: 0;
  min-height: 0;
  padding: 0;
}

.admin-category-icon-picker {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.admin-category-icon-picker button {
  align-items: center;
  aspect-ratio: 1;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--nb-black);
  display: flex;
  justify-content: center;
}

.admin-category-icon-picker button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-category-color-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-category-color-picker button {
  border: 2px solid transparent;
  border-radius: 8px;
  height: 36px;
  width: 36px;
}

.admin-category-color-picker button.active {
  border-color: var(--nb-black);
  box-shadow: 0 0 0 2px var(--nb-white) inset;
}

.admin-category-segmented {
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: flex;
  gap: 6px;
  padding: 3px;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-category-segmented button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 6px;
  padding: 8px 14px;
}

.admin-category-segmented button.active {
  background: var(--nb-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.admin-category-toggle {
  align-items: center;
  background: var(--nb-border-strong);
  border: 0;
  border-radius: 999px;
  display: flex;
  height: 26px;
  padding: 2px;
  width: 44px;
}

.admin-category-toggle span {
  background: var(--nb-white);
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  height: 22px;
  transform: translateX(0);
  transition: transform 200ms ease;
  width: 22px;
}

.admin-category-toggle.on {
  background: var(--nb-green);
}

.admin-category-toggle.on span {
  transform: translateX(18px);
}

.admin-category-character-count {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-top: 4px;
  text-align: right;
}

.admin-category-articles-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 12px;
}

.admin-category-articles-head h3 {
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.admin-category-articles-head a {
  color: var(--nb-green);
  font-size: 13px;
}

.admin-category-empty-row {
  color: var(--nb-muted);
  font-size: 13px;
  padding: 32px;
  text-align: center;
}

.admin-category-article-row {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  color: inherit;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 12px 0;
}

.admin-category-article-row:last-child {
  border-bottom: 0;
}

.admin-category-article-row strong,
.admin-category-article-row span {
  display: block;
}

.admin-category-article-row strong {
  font-size: 14px;
}

.admin-category-article-row span,
.admin-category-article-row em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  margin-top: 2px;
}

.admin-category-danger-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
}

.admin-category-danger-row strong {
  font-size: 14px;
}

.admin-category-danger-row p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 2px 0 0;
}

.admin-category-danger-row form,
.admin-category-reassign-delete {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  min-width: 260px;
}

.admin-category-reassign-delete p {
  color: var(--nb-danger);
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.admin-category-preview-rail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 88px;
}

.admin-category-preview-label {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
}

.admin-category-preview-card {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
}

.admin-category-preview-icon {
  align-items: center;
  border-radius: 12px;
  display: flex;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.admin-category-preview-card strong {
  display: block;
  font-size: 17px;
}

.admin-category-preview-card p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 6px 0 0;
}

.admin-category-preview-card footer {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  justify-content: space-between;
  padding-top: 12px;
}

.admin-category-url-preview {
  background: var(--nb-bg-soft);
  border-radius: 12px;
  padding: 14px;
}

.admin-category-url-preview span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}

.admin-category-url-preview p {
  font-family: var(--nb-font-mono);
  font-size: 12px;
  margin: 0;
  word-break: break-all;
}

.admin-category-url-preview strong {
  color: var(--nb-green);
}

.admin-category-tip-card {
  background: var(--nb-dark-green);
  border-radius: 12px;
  color: var(--nb-bg);
  padding: 16px;
}

.admin-category-tip-card > div {
  align-items: center;
  color: var(--nb-lime);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 8px;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}

.admin-category-tip-card ul {
  color: rgba(254, 252, 249, 0.85);
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
  padding-left: 16px;
}

.admin-media-shell {
  align-items: start;
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: 340px minmax(0, 1fr);
}

.admin-media-upload-panel,
.admin-media-card,
.admin-media-empty {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
}

.admin-media-upload-panel {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  padding: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

.admin-media-upload-panel > div:first-child {
  align-items: flex-start;
  display: flex;
  gap: 12px;
}

.admin-media-upload-panel > div:first-child > svg {
  color: var(--nb-green);
  flex: 0 0 auto;
  margin-top: 2px;
}

.admin-media-upload-panel h2 {
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}

.admin-media-upload-panel p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 4px 0 0;
}

.admin-media-upload-panel form,
.admin-media-upload-panel label,
.admin-media-card-form,
.admin-media-card-form label,
.admin-media-url {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-media-upload-panel label span,
.admin-media-card-form label span,
.admin-media-url span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  text-transform: uppercase;
}

.admin-media-upload-panel input,
.admin-media-upload-panel textarea,
.admin-media-card-form input,
.admin-media-card-form textarea,
.admin-media-url input,
.admin-media-search input {
  background: var(--nb-bg-soft);
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  min-height: 40px;
  outline: 0;
  padding: 10px 12px;
  width: 100%;
}

.admin-media-upload-panel input[type="file"] {
  padding: 9px 10px;
}

.admin-media-upload-panel textarea,
.admin-media-card-form textarea {
  line-height: 1.45;
  resize: vertical;
}

.admin-media-upload-panel em {
  color: var(--nb-danger);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.admin-media-form-message {
  align-items: center;
  border-radius: 10px;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 8px;
  padding: 12px;
}

.admin-media-form-message.error {
  background: #ffe9eb;
  color: #8a1f28;
}

.admin-media-form-message.success {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-media-library {
  min-width: 0;
}

.admin-media-toolbar {
  align-items: center;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: minmax(260px, 1fr) 190px 160px;
  margin-bottom: 16px;
}

.admin-media-search {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  padding: 0 12px;
}

.admin-media-search svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
}

.admin-media-search input {
  background: transparent;
  padding-left: 0;
}

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

.admin-media-card {
  min-width: 0;
  overflow: hidden;
}

.admin-media-preview {
  align-items: center;
  background: var(--nb-bg-soft);
  display: flex;
  height: 210px;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.admin-media-preview img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.admin-media-preview > svg {
  color: var(--nb-green);
}

.admin-media-preview span {
  background: rgba(5, 44, 23, 0.86);
  border-radius: 999px;
  color: var(--nb-bg);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  left: 12px;
  padding: 5px 8px;
  position: absolute;
  text-transform: uppercase;
  top: 12px;
}

.admin-media-card-body {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 16px;
}

.admin-media-card-title strong,
.admin-media-card-title small {
  display: block;
}

.admin-media-card-title strong {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-media-card-title small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-top: 2px;
}

.admin-media-meta {
  color: var(--nb-muted);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 6px;
}

.admin-media-meta span {
  background: var(--nb-bg-soft);
  border-radius: 999px;
  padding: 4px 7px;
}

.admin-media-card-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-media-card-actions button,
.admin-media-card-actions a {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 6px;
  min-height: 34px;
  padding: 8px 10px;
}

.admin-media-card-actions button:hover,
.admin-media-card-actions a:hover {
  border-color: var(--nb-border-strong);
}

.admin-media-card-actions button.danger {
  color: var(--nb-danger);
}

.admin-media-empty {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 280px;
  justify-content: center;
  padding: 32px;
  text-align: center;
}

.admin-media-empty p {
  margin: 0;
}

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

.admin-design-form label {
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 6px;
  text-transform: uppercase;
}

.admin-design-form .wide,
.admin-design-form > button {
  grid-column: 1 / -1;
}

.admin-design-form > button {
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 8px;
  color: var(--nb-bg);
  font-family: var(--nb-font-mono);
  min-height: 42px;
}

.admin-settings-layout,
.admin-account-layout {
  align-items: start;
  display: grid;
  grid-gap: 24px;
  gap: 24px;
  grid-template-columns: 220px minmax(0, 1fr);
}

.admin-settings-tabs {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: -webkit-sticky;
  position: sticky;
  top: 101px;
}

.admin-settings-tabs a,
.admin-settings-tabs button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 10px;
  padding: 10px 12px;
  text-align: left;
  width: 100%;
}

.admin-settings-tabs a.active,
.admin-settings-tabs button.active {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-settings-tabs a.danger,
.admin-settings-tabs button.danger {
  color: var(--nb-danger);
}

.admin-settings-layout.admin-workspace-layout {
  display: block;
}

.admin-settings-panel {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  padding: 4px 32px 24px;
}

.admin-workspace-panel {
  background: transparent;
  border: 0;
  min-height: 620px;
}

.admin-workspace-kpi-grid,
.admin-workspace-app-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 20px 0 0;
}

.admin-workspace-kpi-grid > span,
.admin-workspace-app-grid > a,
.admin-workspace-app-grid > article {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  color: var(--nb-black);
  min-width: 0;
  padding: 16px;
  text-decoration: none;
}

.admin-workspace-kpi-grid > span {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-workspace-kpi-grid small,
.admin-workspace-app-grid small,
.admin-workspace-audit-list small {
  color: var(--nb-muted);
  display: block;
  font-size: 12px;
}

.admin-workspace-kpi-grid strong {
  font-family: var(--nb-font-mono);
  font-size: 20px;
}

.admin-workspace-app-grid > a,
.admin-workspace-app-grid > article {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-workspace-app-grid > a > span,
.admin-workspace-app-grid > article > span {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 8px;
  color: var(--nb-lime);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  width: 38px;
}

.admin-workspace-app-grid.detailed {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-workspace-app-grid.detailed > article {
  background: var(--nb-white);
}

.admin-workspace-app-grid.detailed em {
  color: var(--nb-muted);
  font-style: normal;
  font-size: 12px;
}

.admin-workspace-app-users {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-workspace-app-users b,
.admin-workspace-app-users i {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  height: 26px;
  justify-content: center;
  min-width: 26px;
  padding: 0 7px;
}

.admin-workspace-app-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 18px 0;
}

.admin-email-library-shell {
  background: #f2efe9;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 340px;
  min-height: 760px;
  overflow: hidden;
}

.admin-email-library-sidebar,
.admin-email-library-details {
  background: #faf7f1;
}

.admin-email-library-sidebar {
  border-right: 1px solid rgba(21, 21, 21, 0.08);
  display: flex;
  flex-direction: column;
}

.admin-email-library-brand-head {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 10px;
  padding: 20px;
}

.admin-email-library-brand-head > span {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 999px;
  color: var(--nb-lime);
  display: inline-flex;
  font-family: var(--nb-font-display);
  font-size: 13px;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.admin-email-library-brand-head strong {
  display: block;
  font-size: 15px;
  font-weight: 650;
}

.admin-email-library-brand-head small,
.admin-email-library-template-group > span,
.admin-email-library-topbar p,
.admin-email-library-meta-section > span,
.admin-email-library-readonly-box small,
.admin-email-library-vars label span,
.admin-email-template-form label,
.admin-email-template-test-form label {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-email-library-new-button {
  align-items: center;
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 8px;
  color: var(--nb-bg);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 8px;
  height: 36px;
  justify-content: center;
  margin: 14px;
}

.admin-email-library-new-button:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.admin-email-library-template-group {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  padding: 4px 8px 10px;
}

.admin-email-library-template-group > span {
  padding: 8px 6px 4px;
}

.admin-email-library-template-group button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  padding: 10px 12px;
  text-align: left;
}

.admin-email-library-template-group button.active {
  background: var(--nb-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(21, 21, 21, 0.06);
}

.admin-email-library-template-group i {
  align-items: center;
  background: rgba(21, 21, 21, 0.05);
  border-radius: 8px;
  color: var(--nb-dark-green);
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.admin-email-library-template-group strong {
  display: block;
  font-size: 13px;
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-email-library-template-group small,
.admin-email-template-versions p {
  color: var(--nb-muted);
  display: block;
  font-size: 11px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-email-library-template-group em,
.admin-email-library-live-pill {
  border-radius: 4px;
  font-family: var(--nb-font-mono);
  font-size: 9.5px;
  font-style: normal;
  letter-spacing: 0.04em;
  padding: 2px 6px;
  text-transform: uppercase;
}

.admin-email-library-template-group em.live,
.admin-email-library-live-pill.live {
  background: #e5f1ee;
  color: var(--nb-dark-green);
}

.admin-email-library-template-group em.draft,
.admin-email-library-live-pill.draft {
  background: rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
}

.admin-email-library-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.admin-email-library-topbar {
  align-items: center;
  background: #faf7f1;
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 18px 28px;
}

.admin-email-library-topbar p {
  align-items: center;
  display: flex;
  gap: 8px;
  margin: 0 0 4px;
}

.admin-email-library-topbar h1 {
  font-family: var(--nb-font-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-email-library-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.admin-email-library-actions button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 6px;
  height: 34px;
  padding: 0 12px;
}

.admin-email-library-actions button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-email-library-stage {
  flex: 1 1;
  min-width: 0;
  overflow: auto;
  padding: 28px;
}

.admin-email-library-desktop-frame {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  box-shadow: 0 24px 50px -24px rgba(5, 44, 23, 0.22);
  margin: 0 auto;
  max-width: 980px;
  overflow: hidden;
}

.admin-email-library-window-bar {
  align-items: center;
  background: #f2efe9;
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  display: flex;
  gap: 6px;
  padding: 12px 16px;
}

.admin-email-library-window-bar i {
  border-radius: 999px;
  display: block;
  height: 11px;
  width: 11px;
}

.admin-email-library-window-bar i:nth-child(1) {
  background: #ff5f57;
}

.admin-email-library-window-bar i:nth-child(2) {
  background: #febc2e;
}

.admin-email-library-window-bar i:nth-child(3) {
  background: #28c840;
}

.admin-email-library-window-bar span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-left: 6px;
}

.admin-email-library-message-head {
  padding: 18px 28px 8px;
}

.admin-email-library-message-head h3 {
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 650;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-email-library-message-head p {
  color: var(--nb-muted);
  font-size: 12.5px;
  margin: 4px 0 0;
}

.admin-email-library-message-head > div {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 32px minmax(0, 1fr) 30px 30px 30px;
  margin-top: 14px;
  padding-top: 14px;
}

.admin-email-library-message-head em,
.admin-email-library-phone-head em {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 999px;
  color: var(--nb-lime);
  display: inline-flex;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.admin-email-library-message-head span {
  color: var(--nb-muted);
  font-size: 13px;
  min-width: 0;
}

.admin-email-library-message-head span strong {
  color: var(--nb-black);
}

.admin-email-library-message-head span small,
.admin-email-library-phone-head small {
  color: var(--nb-muted);
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

.admin-email-library-message-head button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 6px;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.admin-email-library-email-canvas {
  background: #fefcf9;
  padding: 8px 0 0;
}

.admin-email-library-body {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 18px;
  margin: 24px auto 32px;
  max-width: 600px;
  overflow: hidden;
}

.admin-email-library-brand {
  align-items: center;
  background: var(--nb-dark-green);
  color: var(--nb-bg);
  display: flex;
  justify-content: space-between;
  padding: 22px 32px;
}

.admin-email-library-logo {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  min-width: 0;
}

.admin-email-library-logo svg {
  display: block;
  flex: 0 0 auto;
}

.admin-email-library-brand span {
  color: var(--nb-lime);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.admin-email-library-content {
  display: grid;
  grid-gap: 22px;
  gap: 22px;
  padding: 40px 48px;
}

.admin-email-library-content h4,
.admin-email-library-news-hero h4 {
  font-family: var(--nb-font-display);
  font-size: 36px;
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.16;
  margin: 0;
}

.admin-email-library-content h4 b,
.admin-email-library-news-hero h4 b {
  color: var(--nb-green);
  font-weight: 650;
}

.admin-email-library-content p,
.admin-email-library-news-hero p {
  color: var(--nb-muted);
  font-size: 15px;
  line-height: 1.55;
  margin: 0;
}

.admin-email-library-content dl,
.admin-email-library-news-hero dl {
  background: #fafaf7;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 12px;
  margin: 0;
}

.admin-email-library-content dl div {
  padding: 18px 22px;
}

.admin-email-library-content dl div + div {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
}

.admin-email-library-content dt,
.admin-email-library-news-hero dt {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-email-library-content dd,
.admin-email-library-news-hero dd {
  font-size: 14px;
  margin: 5px 0 0;
}

.admin-email-library-request-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-email-library-request-card div:nth-child(2) {
  border-top: 0;
}

.admin-email-library-request-card div:nth-child(even) {
  border-left: 1px solid rgba(21, 21, 21, 0.06);
}

.admin-email-library-content button {
  background: var(--nb-lime);
  border: 0;
  border-radius: 12px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 15px;
  font-weight: 650;
  justify-self: start;
  padding: 16px 26px;
}

.admin-email-library-body.support .admin-email-library-content h4 b {
  color: var(--nb-green);
}

.admin-email-library-ticket-card {
  background: #f6f7ff;
  border: 1px solid rgba(65, 71, 155, 0.16);
  border-radius: 14px;
  display: grid;
  grid-gap: 7px;
  gap: 7px;
  padding: 18px 22px;
}

.admin-email-library-ticket-card.waiting {
  background: #fffdf4;
  border-color: rgba(240, 185, 11, 0.55);
}

.admin-email-library-ticket-card.resolved {
  background: #f4fbf6;
  border-color: rgba(28, 165, 92, 0.22);
}

.admin-email-library-ticket-card.survey {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
}

.admin-email-library-ticket-card span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-email-library-ticket-card.survey span {
  color: var(--nb-lime);
}

.admin-email-library-ticket-card strong {
  color: var(--nb-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.admin-email-library-ticket-card.survey strong {
  color: var(--nb-bg);
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 650;
  letter-spacing: -0.01em;
}

.admin-email-library-content > small {
  background: #fffdf4;
  border: 1px solid var(--nb-yellow);
  border-radius: 12px;
  color: var(--nb-black);
  font-size: 13px;
  line-height: 1.5;
  padding: 16px 18px;
}

.admin-email-library-content > small.danger {
  background: rgba(255, 78, 89, 0.06);
  border-color: rgba(255, 78, 89, 0.22);
}

.admin-email-library-next-steps {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-email-library-next-steps span {
  color: var(--nb-black);
  font-size: 12px;
  line-height: 1.35;
}

.admin-email-library-next-steps b {
  align-items: center;
  background: #e5f1ee;
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  height: 28px;
  justify-content: center;
  margin-bottom: 8px;
  width: 28px;
}

.admin-email-library-news-hero {
  background: #111;
  color: var(--nb-bg);
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  padding: 36px 40px 32px;
}

.admin-email-library-news-brand {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.admin-email-library-news-brand strong {
  color: var(--nb-bg);
}

.admin-email-library-news-brand span,
.admin-email-library-news-brand em,
.admin-email-library-news-hero > span {
  color: rgba(254, 252, 249, 0.55);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.admin-email-library-news-hero h4 {
  color: var(--nb-bg);
}

.admin-email-library-news-hero h4 b {
  color: var(--nb-lime);
  font-style: italic;
}

.admin-email-library-news-hero p {
  color: rgba(254, 252, 249, 0.65);
}

.admin-email-library-news-hero dl {
  background: #1b1b1b;
  border-color: rgba(254, 252, 249, 0.1);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-email-library-news-hero dl div {
  padding: 14px 18px;
}

.admin-email-library-news-hero dl div + div {
  border-left: 1px solid rgba(254, 252, 249, 0.1);
}

.admin-email-library-news-hero dd {
  color: var(--nb-bg);
  font-weight: 650;
}

.admin-email-library-section-label {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.admin-email-library-content ul {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  margin: 0;
  padding: 0 0 0 18px;
}

.admin-email-library-content li {
  font-size: 14px;
  line-height: 1.5;
}

.admin-email-library-news-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.admin-email-library-news-actions button:first-child {
  background: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-email-library-news-actions button:last-child {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.12);
  color: var(--nb-black);
}

.admin-email-library-telegram-card {
  background: rgba(55, 174, 226, 0.06);
  border: 1px solid rgba(55, 174, 226, 0.22);
  border-radius: 14px;
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  padding: 18px 22px;
}

.admin-email-library-telegram-card span {
  font-size: 14px;
  font-weight: 650;
}

.admin-email-library-telegram-card strong {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 500;
}

.admin-email-library-body.newsletter-issue {
  background: var(--nb-white);
}

.admin-email-library-issue-hero {
  gap: 16px;
  padding-bottom: 36px;
}

.admin-email-library-issue-hero h4 {
  max-width: 500px;
}

.admin-email-library-issue-hero h4 b {
  font-style: normal;
}

.admin-email-library-issue-hero-actions {
  margin-top: 6px;
}

.admin-email-library-issue-hero-actions button {
  background: var(--nb-lime);
  border: 0;
  border-radius: 12px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 15px;
  font-weight: 650;
  padding: 16px 24px;
}

.admin-email-library-issue-content {
  gap: 30px;
  padding-top: 36px;
}

.admin-email-library-issue-note,
.admin-email-library-issue-section {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.admin-email-library-issue-note p {
  color: var(--nb-black);
  font-size: 14.5px;
  line-height: 1.58;
}

.admin-email-library-issue-note small {
  color: var(--nb-muted);
  font-size: 13px;
}

.admin-email-library-issue-story-grid,
.admin-email-library-issue-reading {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-email-library-issue-story-grid article,
.admin-email-library-issue-reading article {
  background: #fafaf7;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  min-width: 0;
  padding: 18px;
}

.admin-email-library-issue-story-grid small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-email-library-issue-story-grid strong,
.admin-email-library-issue-reading strong {
  color: var(--nb-black);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.38;
}

.admin-email-library-issue-calendar {
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
}

.admin-email-library-issue-calendar span,
.admin-email-library-issue-calendar strong {
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  min-width: 0;
  padding: 13px 0;
}

.admin-email-library-issue-calendar span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  text-transform: uppercase;
}

.admin-email-library-issue-calendar strong {
  color: var(--nb-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.admin-email-library-issue-reading {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-email-library-issue-reading article {
  padding: 16px;
}

.admin-email-library-issue-reading span {
  color: var(--nb-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.admin-email-library-issue-footer-actions button:first-child {
  background: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-email-library-mobile-shell {
  display: flex;
  justify-content: center;
}

.admin-email-library-phone {
  background: var(--nb-white);
  border: 12px solid #151515;
  border-radius: 44px;
  box-shadow: 0 30px 60px -20px rgba(5, 44, 23, 0.3);
  height: 780px;
  overflow: hidden;
  width: 392px;
}

.admin-email-library-phone-status,
.admin-email-library-phone-nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 14px 22px 4px;
}

.admin-email-library-phone-status {
  font-family: var(--nb-font-mono);
  font-size: 12px;
}

.admin-email-library-phone-status i {
  background: #151515;
  border-radius: 999px;
  display: block;
  height: 24px;
  width: 100px;
}

.admin-email-library-phone-nav {
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  color: #2d6be3;
  font-size: 14px;
  padding: 14px 18px 12px;
}

.admin-email-library-phone-nav span {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

.admin-email-library-phone-head {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 14px 18px 8px;
}

.admin-email-library-phone-head h3 {
  font-family: var(--nb-font-display);
  font-size: 16px;
  line-height: 1.25;
  margin: 0;
}

.admin-email-library-phone-head > div {
  align-items: center;
  display: flex;
  gap: 8px;
}

.admin-email-library-phone-head em {
  font-size: 11px;
  height: 28px;
  width: 28px;
}

.admin-email-library-phone-body {
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  height: 635px;
  overflow: auto;
}

.admin-email-library-phone-body .admin-email-library-body {
  border: 0;
  border-radius: 0;
  margin: 0;
  max-width: none;
}

.admin-email-library-phone-body .admin-email-library-brand,
.admin-email-library-phone-body .admin-email-library-news-hero {
  padding-left: 22px;
  padding-right: 22px;
}

.admin-email-library-phone-body .admin-email-library-content {
  padding: 28px 24px;
}

.admin-email-library-phone-body .admin-email-library-content h4,
.admin-email-library-phone-body .admin-email-library-news-hero h4 {
  font-size: 28px;
}

.admin-email-library-phone-body .admin-email-library-next-steps,
.admin-email-library-phone-body .admin-email-library-news-hero dl,
.admin-email-library-phone-body .admin-email-library-request-card {
  grid-template-columns: 1fr;
}

.admin-email-library-phone-body .admin-email-library-news-brand {
  align-items: flex-start;
  gap: 12px;
}

.admin-email-library-phone-body .admin-email-library-news-brand em {
  text-align: right;
}

.admin-email-library-phone-body .admin-email-library-issue-story-grid,
.admin-email-library-phone-body .admin-email-library-issue-reading,
.admin-email-library-phone-body .admin-email-library-issue-calendar {
  grid-template-columns: 1fr;
}

.admin-email-library-phone-body .admin-email-library-issue-calendar span {
  border-bottom: 0;
  padding-bottom: 3px;
}

.admin-email-library-phone-body .admin-email-library-issue-calendar strong {
  padding-top: 0;
}

.admin-email-library-source-view {
  background: #0e0e0e;
  border-radius: 14px;
  box-shadow: 0 24px 50px -24px rgba(0, 0, 0, 0.4);
  color: #f1f1f1;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 980px;
  min-height: 520px;
  overflow: auto;
  padding: 24px;
  white-space: pre-wrap;
}

.admin-email-library-details {
  border-left: 1px solid rgba(21, 21, 21, 0.08);
  overflow: auto;
}

.admin-email-library-meta-section {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 18px 20px;
}

.admin-email-library-kv {
  align-items: baseline;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 92px minmax(0, 1fr);
}

.admin-email-library-kv small {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-email-library-kv strong {
  font-size: 12.5px;
  font-weight: 500;
  min-width: 0;
}

.admin-email-library-kv strong.mono {
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
  word-break: break-word;
}

.admin-email-library-readonly-box {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 8px;
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 9px 10px;
}

.admin-email-library-readonly-box strong,
.admin-email-library-readonly-box p {
  color: var(--nb-black);
  font-size: 12.5px;
  line-height: 1.45;
  margin: 0;
}

.admin-email-library-readonly-box p {
  color: var(--nb-muted);
}

.admin-email-template-form,
.admin-email-template-test-form,
.admin-email-template-reset-form,
.admin-email-template-versions,
.admin-email-library-vars {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.admin-email-template-form label,
.admin-email-template-test-form label,
.admin-email-library-vars label {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-email-template-form input,
.admin-email-template-form textarea,
.admin-email-template-test-form input,
.admin-email-library-vars input {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 9px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  min-height: 38px;
  padding: 9px 11px;
  text-transform: none;
  width: 100%;
}

.admin-email-template-test-button {
  justify-content: center;
  min-width: 112px;
  white-space: nowrap;
}

.admin-email-template-inline-result {
  border-radius: 9px;
  font-size: 12px;
  line-height: 1.45;
  margin: 0;
  padding: 9px 10px;
}

.admin-email-template-inline-result.success {
  background: rgba(28, 165, 92, 0.09);
  color: var(--nb-green);
}

.admin-email-template-inline-result.error {
  background: rgba(255, 78, 89, 0.09);
  color: #ff4e59;
}

.admin-email-template-form textarea {
  resize: vertical;
}

.admin-email-library-vars input {
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
}

.admin-email-template-versions p {
  white-space: normal;
}

@media (max-width: 1420px) {
  .admin-email-library-shell {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .admin-email-library-details {
    border-left: 0;
    border-top: 1px solid rgba(21, 21, 21, 0.08);
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 980px) {
  .admin-email-library-shell {
    grid-template-columns: 1fr;
  }

  .admin-email-library-sidebar {
    border-right: 0;
    border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  }

  .admin-email-library-topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-email-library-details {
    grid-template-columns: 1fr;
  }
}

.admin-workspace-audit-list {
  display: grid;
  grid-gap: 0;
  gap: 0;
  padding: 12px 0 0;
}

.admin-workspace-audit-list article {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  padding: 14px 0;
}

.admin-workspace-audit-list article > span {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 9px;
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.admin-workspace-audit-list article em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
}

.admin-settings-pane-form {
  display: block;
}

.admin-settings-pane[hidden] {
  display: none;
}

.admin-settings-pane-visible {
  display: block;
}

.admin-settings-section-intro {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  padding: 22px 0 10px;
}

.admin-settings-panel h2,
.admin-settings-section-intro h2 {
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  margin: 28px 0 4px;
}

.admin-settings-section-intro h2 {
  margin-top: 0;
}

.admin-settings-section-intro p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 2px 0 0;
}

.admin-email-template-pane > .admin-settings-section-intro {
  border-bottom: 0;
}

.admin-settings-row {
  align-items: start;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  grid-template-columns: 320px minmax(0, 1fr);
  padding: 24px 0;
}

.admin-settings-row strong {
  font-size: 14px;
}

.admin-settings-row p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 4px 0 0;
}

.admin-url-row {
  align-items: center;
  display: flex;
  gap: 8px;
}

.admin-url-row input {
  font-family: var(--nb-font-mono);
}

.admin-url-prefix {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  min-height: 42px;
  padding: 0 12px;
}

.admin-url-row span,
.admin-account-ok {
  align-items: center;
  color: var(--nb-green);
  display: inline-flex;
  font-size: 12px;
  gap: 4px;
}

.admin-url-row i {
  background: var(--nb-green);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-toggle {
  align-items: center;
  background: var(--nb-border-strong);
  border: 0;
  border-radius: 999px;
  display: flex;
  height: 26px;
  padding: 2px;
  width: 44px;
}

.admin-toggle span {
  background: var(--nb-white);
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  height: 22px;
  transform: translateX(0);
  width: 22px;
}

.admin-toggle.on {
  background: var(--nb-green);
}

.admin-toggle.on span {
  transform: translateX(18px);
}

.admin-toggle-field {
  display: inline-flex;
  position: relative;
}

.admin-toggle-field input {
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.admin-toggle-field > span {
  align-items: center;
  background: var(--nb-border-strong);
  border-radius: 999px;
  display: flex;
  height: 26px;
  padding: 2px;
  transition: background 180ms var(--nb-ease, ease);
  width: 44px;
}

.admin-toggle-field > span i {
  background: var(--nb-white);
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  height: 22px;
  transform: translateX(0);
  transition: transform 180ms var(--nb-ease, ease);
  width: 22px;
}

.admin-toggle-field input[type="checkbox"]:checked + input + span {
  background: var(--nb-green);
}

.admin-toggle-field input[type="checkbox"]:checked + input + span i {
  transform: translateX(18px);
}

.admin-settings-stack {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-settings-inline {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-settings-inline > input[type="time"] {
  width: 120px;
}

.admin-settings-inline > span {
  color: var(--nb-muted);
  font-size: 13px;
}

.admin-color-field {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-color-field > span {
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(21, 21, 21, 0.12);
  height: 32px;
  width: 32px;
}

.admin-color-field > button {
  border: 2px solid transparent;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px rgba(21, 21, 21, 0.12);
  height: 32px;
  padding: 0;
  width: 32px;
}

.admin-color-field > button.active {
  border-color: var(--nb-black);
}

.admin-color-field input {
  font-family: var(--nb-font-mono);
  max-width: 136px;
  text-transform: uppercase;
}

.admin-settings-pill {
  align-items: center;
  background: var(--nb-green-tint);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-settings-pill i {
  background: var(--nb-green);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-language-toggle-grid,
.admin-category-scope {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-language-toggle {
  cursor: pointer;
}

.admin-language-toggle input {
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 1px;
}

.admin-language-toggle span,
.admin-category-scope span {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 999px;
  color: var(--nb-black);
  display: inline-flex;
  gap: 8px;
  min-height: 32px;
  padding: 6px 12px;
}

.admin-language-toggle span strong,
.admin-category-scope span {
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-language-toggle span small {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-language-toggle input:checked + span {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-language-toggle input:checked + span small {
  color: rgba(188, 255, 78, 0.68);
}

.admin-language-toggle input:disabled + span {
  cursor: default;
}

.admin-support-topic-settings {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  width: 100%;
}

.admin-support-topic-list {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-support-topic-list article {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 10px;
}

.admin-support-topic-list article > span {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.admin-support-topic-list strong {
  display: block;
  font-size: 13px;
}

.admin-support-topic-list small {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  margin-top: 2px;
}

.admin-support-topic-list p {
  color: var(--nb-muted);
  font-size: 12px;
  margin: 4px 0 0;
}

.admin-support-topic-list article > button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  white-space: nowrap;
}

.admin-support-topic-list article > button:hover:not(:disabled) {
  border-color: rgba(255, 78, 89, 0.34);
  color: #ff4e59;
}

.admin-support-topic-empty {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 0;
}

.admin-support-topic-create {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: minmax(180px, 1.2fr) minmax(180px, 1fr) 72px;
  padding: 12px;
}

.admin-support-topic-create label {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-support-topic-create label > span {
  color: var(--nb-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-support-topic-create label.wide {
  grid-column: span 2;
}

.admin-support-topic-create input[type="color"] {
  min-height: 39px;
  padding: 4px;
  width: 100%;
}

.admin-support-topic-create > button {
  align-self: end;
  justify-content: center;
}

.admin-support-routing-settings {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  width: 100%;
}

.admin-support-routing-list {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-support-routing-list article {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  padding: 10px;
}

.admin-support-routing-list article.active {
  border-color: rgba(5, 44, 23, 0.26);
  box-shadow: 0 0 0 2px rgba(188, 255, 78, 0.28);
}

.admin-support-routing-list article > span {
  align-items: center;
  background: rgba(5, 44, 23, 0.06);
  border-radius: 8px;
  color: var(--nb-dark-green);
  display: inline-flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.admin-support-routing-list strong {
  display: block;
  font-size: 13px;
}

.admin-support-routing-list small {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  margin-top: 2px;
  text-transform: uppercase;
}

.admin-support-routing-list p {
  color: var(--nb-muted);
  font-size: 12px;
  margin: 4px 0 0;
}

.admin-support-routing-list article > button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  white-space: nowrap;
}

.admin-support-routing-list article > button:hover:not(:disabled) {
  border-color: rgba(5, 44, 23, 0.28);
  color: var(--nb-dark-green);
}

.admin-support-routing-editor {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  padding: 12px;
}

.admin-support-routing-editor header {
  align-items: center;
  display: flex;
  grid-column: 1 / -1;
  justify-content: space-between;
}

.admin-support-routing-editor header strong {
  font-size: 13px;
}

.admin-support-routing-editor header button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
}

.admin-support-routing-editor label {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  min-width: 0;
}

.admin-support-routing-editor label > span {
  color: var(--nb-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-support-routing-editor label.wide {
  grid-column: 1 / -1;
}

.admin-support-routing-editor > button {
  align-self: end;
  justify-content: center;
}

.admin-support-routing-editor .hc-select {
  width: 100%;
}

.admin-support-routing-editor .hc-select-trigger {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  box-shadow: none;
  font-size: 13px;
  min-height: 40px;
  padding: 9px 10px 9px 12px;
}

.admin-support-routing-editor .hc-select-trigger:hover,
.admin-support-routing-editor .hc-select.open .hc-select-trigger {
  border-color: rgba(5, 44, 23, 0.26);
  box-shadow: 0 0 0 3px rgba(188, 255, 78, 0.22);
}

.admin-support-routing-editor .hc-select-value {
  max-width: 100%;
}

.admin-support-routing-editor input {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  box-shadow: none;
  font-size: 13px;
  min-height: 40px;
  padding: 9px 12px;
}

.admin-support-routing-editor input:focus {
  border-color: rgba(5, 44, 23, 0.26);
  box-shadow: 0 0 0 3px rgba(188, 255, 78, 0.22);
}

.admin-ticket-ai-evidence-list {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  margin-top: 8px;
}

.admin-ticket-ai-evidence-list span {
  background: rgba(21, 21, 21, 0.035);
  border: 1px solid var(--nb-border);
  border-radius: 6px;
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  padding: 8px;
}

.admin-ticket-ai-evidence-list strong {
  color: var(--nb-black);
  font-size: 12px;
  line-height: 1.25;
}

.admin-ticket-ai-evidence-list em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  text-transform: uppercase;
}

.admin-category-scope span {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
  text-transform: uppercase;
}

.admin-category-scope span.muted {
  background: var(--nb-bg-soft);
  color: var(--nb-muted);
}

.admin-category-scope.dark span {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-category-scope.dark span.muted {
  background: var(--nb-bg-soft);
  color: var(--nb-black);
}

.admin-integrations-card-grid {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 18px 0 0;
}

.admin-integration-row {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 16px;
  padding: 20px 0;
}

.admin-integration-card {
  align-items: flex-start;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(21, 21, 21, 0.04);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  padding: 18px;
}

.admin-integrations-card-grid .admin-integration-row {
  border-bottom: 0;
}

.admin-integration-card.admin-integration-row-smtp {
  grid-column: 1 / -1;
}

.admin-integration-row > span {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 10px;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.admin-integration-row div {
  flex: 1 1;
  min-width: 0;
}

.admin-integration-row-openai {
  align-items: flex-start;
  flex-wrap: wrap;
}

.admin-integration-card.admin-integration-row-openai {
  flex-wrap: nowrap;
}

.admin-integration-row-openai .admin-integration-copy {
  min-width: min(100%, 320px);
}

.admin-integration-card .admin-integration-copy {
  min-width: 0;
}

.admin-integration-row strong,
.admin-integration-row small {
  display: block;
}

.admin-integration-row small {
  color: var(--nb-muted);
  font-size: 13px;
  margin-top: 2px;
}

.admin-integration-row small b {
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-weight: 700;
}

.admin-integration-row small.admin-integration-endpoint {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-integration-row em {
  background: var(--nb-green-tint);
  border-radius: 999px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  padding: 5px 10px;
}

.admin-integration-row em.muted {
  background: var(--nb-bg-soft);
  color: var(--nb-muted);
}

.admin-secret-controls {
  display: grid;
  flex: 0 0 min(100%, 420px) !important;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: minmax(180px, 1fr) auto auto;
}

.admin-integration-card .admin-secret-controls {
  grid-column: 1 / -1;
}

.admin-secret-controls input {
  font-family: var(--nb-font-mono);
}

.admin-smtp-controls {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  flex: 0 0 100% !important;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding-top: 16px;
}

.admin-integration-card .admin-smtp-controls {
  grid-column: 1 / -1;
}

.admin-smtp-controls label {
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  grid-gap: 6px;
  gap: 6px;
}

.admin-sumsub-target-level-field {
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  grid-gap: 6px;
  gap: 6px;
  position: relative;
}

.admin-smtp-controls input,
.admin-smtp-controls .hc-select-trigger,
.admin-sumsub-target-level-trigger {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  min-height: 38px;
  padding: 9px 10px;
  width: 100%;
}

.admin-sumsub-target-level-trigger {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-width: 0;
  text-align: left;
}

.admin-sumsub-target-level-trigger span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-sumsub-target-level-menu {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(21, 21, 21, 0.14);
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  left: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 20;
}

.admin-sumsub-target-level-menu label {
  align-items: center;
  color: var(--nb-black);
  display: flex;
  font-size: 12px;
  gap: 8px;
  padding: 6px;
}

.admin-sumsub-target-level-menu input[type="checkbox"] {
  min-height: auto;
  width: auto;
}

.admin-sumsub-target-level-custom {
  border-top: 1px solid var(--nb-border);
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding-top: 8px;
}

.admin-sumsub-target-level-custom button {
  min-height: 38px;
}

.admin-smtp-controls input:focus {
  border-color: var(--nb-dark-green);
  outline: none;
}

.admin-smtp-actions {
  align-items: flex-end;
  display: flex;
  gap: 8px;
}

.admin-smtp-inline-notice {
  grid-column: 1 / -1;
  margin: 0;
}

.admin-smtp-action-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-width: 86px;
}

.admin-integration-row button,
.admin-danger-button {
  border-radius: 8px;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  padding: 8px 14px;
}

.admin-integration-row button {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
}

.admin-integration-row button.danger {
  border-color: rgba(205, 68, 68, 0.35);
  color: var(--nb-danger);
}

.admin-chat-ai-pane {
  padding-bottom: 0;
}

.admin-ai-hero {
  align-items: center;
  background: linear-gradient(135deg, var(--nb-dark-green), #0f4a38);
  border-radius: 12px;
  color: var(--nb-bg);
  display: flex;
  gap: 14px;
  margin: 0 0 6px;
  padding: 16px 18px;
}

.admin-ai-hero > span {
  align-items: center;
  background: rgba(188, 255, 78, 0.16);
  border-radius: 10px;
  color: var(--nb-lime);
  display: inline-flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.admin-ai-hero > div {
  flex: 1 1;
}

.admin-ai-hero strong,
.admin-ai-hero small {
  display: block;
}

.admin-ai-hero strong {
  font-family: var(--nb-font-tight);
  font-size: 16px;
  font-weight: 600;
}

.admin-ai-hero small {
  color: rgba(254, 252, 249, 0.74);
  font-size: 13px;
  line-height: 1.45;
  margin-top: 2px;
}

.admin-ai-hero em {
  background: rgba(188, 255, 78, 0.1);
  border-radius: 4px;
  color: var(--nb-lime);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.04em;
  padding: 4px 8px;
}

.admin-ai-provider-radios {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-ai-provider-radios button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 10px;
  color: var(--nb-black);
  cursor: pointer;
  display: grid;
  grid-gap: 2px 10px;
  gap: 2px 10px;
  grid-template-columns: 18px 1fr 8px;
  padding: 12px 14px;
  text-align: left;
}

.admin-ai-provider-radios button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-ai-provider-radios button > span {
  align-items: center;
  border: 2px solid rgba(21, 21, 21, 0.22);
  border-radius: 999px;
  display: inline-flex;
  height: 18px;
  justify-content: center;
  width: 18px;
}

.admin-ai-provider-radios button.active > span {
  border-color: var(--nb-lime);
}

.admin-ai-provider-radios button > span i {
  background: var(--nb-lime);
  border-radius: 999px;
  height: 8px;
  width: 8px;
}

.admin-ai-provider-radios strong {
  font-size: 14px;
  font-weight: 700;
}

.admin-ai-provider-radios small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  grid-column: 2;
}

.admin-ai-provider-radios button.active small {
  color: rgba(254, 252, 249, 0.7);
}

.admin-ai-provider-radios em {
  background: rgba(21, 21, 21, 0.18);
  border-radius: 999px;
  height: 8px;
  width: 8px;
}

.admin-ai-provider-radios em.connected {
  background: var(--nb-lime);
}

.admin-ai-provider-card {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 14px;
  margin: 18px 0;
  padding: 18px;
}

.admin-ai-provider-card > header {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
}

.admin-ai-provider-card > header > span {
  align-items: center;
  background: color-mix(in srgb, var(--provider-accent) 10%, white);
  border-radius: 10px;
  color: var(--provider-accent);
  display: inline-flex;
  font-family: var(--nb-font-tight);
  font-size: 18px;
  font-weight: 700;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.admin-ai-provider-card > header > div {
  flex: 1 1;
}

.admin-ai-provider-card > header strong,
.admin-ai-provider-card > header small,
.admin-ai-provider-status-box > span,
.admin-ai-provider-status-box > small,
.admin-ai-provider-grid label > span,
.admin-ai-provider-grid label > small {
  display: block;
}

.admin-ai-provider-card > header strong {
  font-size: 15px;
  font-weight: 700;
}

.admin-ai-provider-card > header small,
.admin-ai-provider-status-box > small,
.admin-ai-provider-grid label > small {
  color: var(--nb-muted);
  font-size: 12px;
  margin-top: 4px;
}

.admin-ai-provider-card > header small {
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-ai-provider-card > header > em {
  border-radius: 999px;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.04em;
  padding: 5px 9px;
  text-transform: uppercase;
}

.admin-ai-provider-card > header > em.connected {
  background: rgba(28, 165, 92, 0.12);
  color: var(--nb-green);
}

.admin-ai-provider-card > header > em.missing {
  background: rgba(240, 185, 11, 0.14);
  color: #7a5a00;
}

.admin-ai-provider-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
}

.admin-ai-provider-grid label > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.admin-ai-provider-grid input {
  font-family: var(--nb-font-mono);
}

.admin-kyc-ai-settings-grid {
  margin-top: 10px;
}

.admin-ai-provider-status-box {
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 10px;
  padding: 12px;
}

.admin-ai-provider-status-box > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.admin-ai-provider-status-box > strong {
  font-size: 13px;
}

.admin-ai-provider-status-box > a {
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 700;
  margin-top: 8px;
  text-decoration: none;
}

.admin-ai-remove-key {
  background: transparent;
  border: 1px solid rgba(205, 68, 68, 0.28);
  border-radius: 8px;
  color: var(--nb-danger);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  margin-top: 12px;
  padding: 8px 12px;
}

.admin-ai-range {
  align-items: center;
  display: flex;
  gap: 16px;
  max-width: 460px;
}

.admin-ai-range input {
  accent-color: var(--nb-green);
  flex: 1 1;
}

.admin-ai-range span {
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 13px;
  min-width: 48px;
  text-align: right;
}

.admin-ai-range-labels {
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  justify-content: space-between;
  letter-spacing: 0.04em;
  margin-top: 2px;
  max-width: 460px;
}

.admin-ai-token-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-ai-token-options button {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 6px;
  cursor: pointer;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  padding: 8px 14px;
}

.admin-ai-token-options button.active {
  background: var(--nb-green-tint);
  border-color: var(--nb-green);
  color: var(--nb-dark-green);
  font-weight: 700;
}

.admin-ai-feature-stack {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.admin-ai-feature-row {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 10px;
  display: flex;
  gap: 14px;
  padding: 12px 14px;
}

.admin-ai-feature-row > span {
  align-items: center;
  background: var(--nb-white);
  border-radius: 8px;
  color: var(--nb-dark-green);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.admin-ai-feature-row > div {
  flex: 1 1;
}

.admin-ai-feature-row strong,
.admin-ai-feature-row small {
  display: block;
}

.admin-ai-feature-row strong {
  font-size: 14px;
}

.admin-ai-feature-row small {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.4;
  margin-top: 2px;
}

.admin-ai-savebar {
  align-items: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--nb-white) 42%);
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  bottom: 0;
  display: flex;
  gap: 10px;
  margin-top: 22px;
  padding: 14px 0;
  position: -webkit-sticky;
  position: sticky;
}

.admin-ai-savebar > span {
  color: var(--nb-muted);
  flex: 1 1;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-settings-notice {
  border-radius: 8px;
  flex: 0 0 100%;
  font-size: 12px;
  line-height: 1.45;
  margin: 12px 0;
  padding: 9px 10px;
}

.admin-settings-notice.success {
  background: rgba(28, 165, 92, 0.08);
  border: 1px solid rgba(28, 165, 92, 0.18);
  color: var(--nb-dark-green);
}

.admin-settings-notice.neutral {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  color: var(--nb-muted);
}

.admin-settings-notice.error {
  background: rgba(205, 68, 68, 0.08);
  border: 1px solid rgba(205, 68, 68, 0.18);
  color: #9c2727;
}

.admin-danger-button {
  background: var(--nb-danger);
  border: 0;
  color: var(--nb-bg);
}

.admin-primary-button:disabled,
.admin-secondary-button:disabled,
.admin-integration-row button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.admin-settings-empty {
  align-items: center;
  color: var(--nb-muted);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  justify-items: center;
  min-height: 280px;
  text-align: center;
}

.admin-tenants-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 16px;
}

.admin-tenants-header h2 {
  margin: 0;
}

.admin-tenants-header p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 2px 0 0;
}

.admin-tenant-stats {
  background: var(--nb-bg-soft);
  border-radius: 12px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 16px;
  padding: 16px 20px;
}

.admin-tenant-stats span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-tenant-stats strong {
  display: block;
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  margin-top: 4px;
}

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

.admin-tenant-row {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  color: var(--nb-black);
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 44px minmax(150px, 1.4fr) minmax(130px, 1fr) minmax(120px, 0.9fr) 0.62fr 0.7fr auto 32px;
  padding: 14px 16px;
  text-align: left;
  width: 100%;
}

.admin-tenant-mark {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 600;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.admin-tenant-row strong,
.admin-tenant-row small {
  display: block;
}

.admin-tenant-row small,
.admin-tenant-row > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-tenant-domain {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.admin-tenant-row-public-link {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 700;
  gap: 6px;
  justify-self: start;
  min-height: 30px;
  padding: 6px 10px;
  text-decoration: none;
  white-space: nowrap;
}

.admin-tenant-row-public-link:hover {
  border-color: var(--nb-green);
  color: var(--nb-black);
}

.admin-tenant-row-manage {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--nb-muted);
  cursor: pointer;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  width: 32px;
}

.admin-tenant-row-manage:hover {
  background: var(--nb-bg-soft);
  color: var(--nb-black);
}

.admin-tenant-row em {
  align-items: center;
  background: var(--nb-green-tint);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  gap: 6px;
  justify-self: start;
  padding: 4px 10px;
}

.admin-tenant-row em.staging {
  background: #fff4d6;
  color: #7a5a00;
}

.admin-tenant-row em.staging i {
  background: var(--nb-yellow);
}

.admin-tenant-row em i {
  background: var(--nb-green);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-tenant-add-row {
  align-items: center;
  background: transparent;
  border: 2px dashed var(--nb-border-strong);
  border-radius: 12px;
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  gap: 8px;
  justify-content: center;
  min-height: 64px;
}

.admin-tenant-add-row:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.admin-tenant-wizard,
.admin-tenant-detail {
  padding: 20px 0 0;
}

.admin-tenant-crumb {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

.admin-tenant-crumb > button {
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  letter-spacing: -0.02em;
  padding: 0;
}

.admin-tenant-crumb > span {
  color: var(--nb-border-strong);
}

.admin-tenant-crumb-mark {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.admin-tenant-crumb strong,
.admin-tenant-crumb small {
  display: block;
}

.admin-tenant-crumb strong {
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.admin-tenant-crumb small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-top: 2px;
}

.admin-tenant-crumb-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.admin-tenant-stepper {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  padding: 4px;
}

.admin-tenant-stepper button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--nb-muted);
  display: flex;
  flex: 1 1;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 8px;
  justify-content: center;
  letter-spacing: -0.02em;
  min-height: 40px;
  padding: 10px 12px;
}

.admin-tenant-stepper button.active {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-tenant-stepper button.done {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
  cursor: pointer;
}

.admin-tenant-stepper button:disabled {
  cursor: default;
}

.admin-tenant-wizard-grid {
  align-items: start;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 320px;
}

.admin-tenant-wizard-card {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  min-height: 460px;
  padding: 4px 28px 24px;
}

.admin-prefixed-input,
.admin-suffixed-input {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: flex;
  gap: 6px;
  padding: 8px 12px;
}

.admin-prefixed-input input,
.admin-suffixed-input input {
  background: transparent;
  border: 0;
  flex: 1 1;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  min-height: 26px;
  outline: none;
  padding: 0;
}

.admin-suffixed-input input {
  color: var(--nb-green);
  font-size: 14px;
  font-weight: 600;
}

.admin-prefixed-input span,
.admin-suffixed-input span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 13px;
}

.admin-template-stack {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-template-stack button {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 10px;
  display: grid;
  grid-gap: 2px 14px;
  gap: 2px 14px;
  grid-template-columns: 36px minmax(0, 1fr) 18px;
  padding: 14px;
  text-align: left;
}

.admin-template-stack button > span {
  align-items: center;
  background: var(--nb-white);
  border-radius: 8px;
  display: inline-flex;
  grid-row: span 2;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.admin-template-stack button strong {
  font-size: 14px;
}

.admin-template-stack button small {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-template-stack button i {
  border: 2px solid rgba(21, 21, 21, 0.2);
  border-radius: 999px;
  grid-row: span 2;
  height: 18px;
  width: 18px;
}

.admin-template-stack button.active {
  background: rgba(188, 255, 78, 0.12);
  border-color: var(--nb-green);
}

.admin-template-stack button.active > span {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-template-stack button.active i {
  border: 5px solid var(--nb-green);
}

.admin-segmented-choice {
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: flex;
  gap: 6px;
  padding: 3px;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-segmented-choice button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 6px;
  letter-spacing: -0.02em;
  padding: 8px 14px;
}

.admin-segmented-choice button.active {
  background: var(--nb-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.admin-dns-table {
  background: var(--nb-dark-green);
  border-radius: 10px;
  color: var(--nb-bg);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  padding: 14px;
}

.admin-dns-table > div {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 60px 1.2fr 2fr 60px;
  padding: 6px 0;
}

.admin-dns-table > div:first-child {
  color: var(--nb-lime);
  font-size: 10px;
  letter-spacing: 0.04em;
  padding-top: 0;
}

.admin-dns-table > div + div {
  border-top: 1px solid rgba(254, 252, 249, 0.08);
}

.admin-dns-table > div span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-dns-table > div span:first-child {
  color: var(--nb-lime);
}

.admin-choice-pills,
.admin-swatch-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-choice-pills button {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 999px;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  letter-spacing: -0.02em;
  padding: 8px 14px;
}

.admin-choice-pills button.active {
  background: var(--nb-green-tint);
  border-color: var(--nb-green);
  color: var(--nb-dark-green);
}

.admin-choice-pills.dark button {
  background: var(--nb-bg-soft);
  border: 0;
}

.admin-choice-pills.dark button.active {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-swatch-buttons button {
  border: 2px solid transparent;
  border-radius: 8px;
  height: 36px;
  width: 36px;
}

.admin-swatch-buttons button.active {
  border-color: var(--nb-black);
}

.admin-tenant-empty-note {
  background: var(--nb-bg-soft);
  border-radius: 10px;
  color: var(--nb-muted);
  font-size: 13px;
  padding: 16px;
}

.admin-logo-mark-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.admin-logo-mark-row > span {
  align-items: center;
  border-radius: 12px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 18px;
  font-weight: 600;
  height: 64px;
  justify-content: center;
  letter-spacing: -0.02em;
  width: 64px;
}

.admin-logo-mark-row input {
  font-family: var(--nb-font-mono);
  font-size: 14px;
  font-weight: 600;
  max-width: 100px;
  text-align: center;
  text-transform: uppercase;
}

.admin-logo-mark-row small {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-logo-mark-row button {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  border-radius: 8px;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  padding: 8px 14px;
}

.admin-logo-mark-row button.danger {
  border: 0;
  color: var(--nb-danger);
}

.admin-tenant-preview {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: -webkit-sticky;
  position: sticky;
  top: 88px;
}

.admin-tenant-preview > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
}

.admin-tenant-browser {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  overflow: hidden;
}

.admin-tenant-browser > div {
  align-items: center;
  background: var(--nb-bg-soft);
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 6px;
  padding: 8px 10px;
}

.admin-tenant-browser i {
  border-radius: 999px;
  height: 8px;
  width: 8px;
}

.admin-tenant-browser i:nth-child(1) {
  background: var(--nb-danger);
}

.admin-tenant-browser i:nth-child(2) {
  background: var(--nb-yellow);
}

.admin-tenant-browser i:nth-child(3) {
  background: var(--nb-green);
}

.admin-tenant-browser small {
  background: var(--nb-white);
  border-radius: 4px;
  color: var(--nb-muted);
  flex: 1 1;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  margin-left: 8px;
  min-width: 0;
  overflow: hidden;
  padding: 4px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-tenant-browser section {
  color: var(--nb-white);
  min-height: 140px;
  padding: 16px;
}

.admin-tenant-browser section p {
  align-items: center;
  display: flex;
  font-size: 11px;
  gap: 8px;
  margin: 0 0 16px;
  opacity: 0.78;
}

.admin-tenant-browser section b {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 9px;
  height: 24px;
  justify-content: center;
  opacity: 1;
  width: 24px;
}

.admin-tenant-browser section strong {
  display: block;
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.admin-tenant-browser section > small {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
  display: block;
  margin: 12px 0 0;
  padding: 6px 10px;
}

.admin-tenant-mini-list {
  background: var(--nb-bg-soft);
  border-radius: 10px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 14px;
}

.admin-tenant-mini-list span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
}

.admin-tenant-mini-list strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin-top: 2px;
  overflow-wrap: anywhere;
}

.admin-tenant-mini-list strong.mono {
  font-family: var(--nb-font-mono);
}

.admin-tenant-review > div {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 180px minmax(0, 1fr) 60px;
  padding: 14px 0;
}

.admin-tenant-review span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
}

.admin-tenant-review strong {
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.admin-tenant-review button {
  background: transparent;
  border: 0;
  color: var(--nb-green);
  font-family: var(--nb-font-mono);
  font-size: 12px;
}

.admin-tenant-next-card {
  background: var(--nb-dark-green);
  border-radius: 12px;
  color: var(--nb-bg);
  margin-top: 20px;
  padding: 18px;
}

.admin-tenant-next-card strong {
  align-items: center;
  color: var(--nb-lime);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 8px;
  letter-spacing: 0.04em;
}

.admin-tenant-next-card ul {
  color: rgba(254, 252, 249, 0.85);
  font-size: 13px;
  line-height: 1.7;
  margin: 8px 0 0;
  padding-left: 18px;
}

.admin-tenant-wizard-footer {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
  padding: 12px 16px;
}

.admin-tenant-wizard-footer > button:first-child {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  gap: 6px;
}

.admin-tenant-wizard-footer > div {
  display: flex;
  gap: 4px;
}

.admin-tenant-wizard-footer > div span {
  background: var(--nb-border);
  border-radius: 999px;
  height: 4px;
  width: 24px;
}

.admin-tenant-wizard-footer > div span.active {
  background: var(--nb-green);
}

.admin-primary-button.success {
  background: var(--nb-green);
}

.admin-tenant-section {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  margin-top: 16px;
  padding: 20px 24px;
}

.admin-tenant-section.danger {
  border-color: rgba(255, 78, 89, 0.3);
}

.admin-tenant-section > header {
  padding-bottom: 4px;
}

.admin-tenant-section h2 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.01em;
  margin: 0;
}

.admin-tenant-section.danger h2 {
  color: var(--nb-danger);
}

.admin-tenant-section p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 2px 0 0;
}

.admin-tenant-public-link {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 10px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 700;
  gap: 8px;
  justify-self: start;
  min-height: 38px;
  padding: 8px 12px;
}

.admin-tenant-public-link:hover {
  border-color: var(--nb-green);
  color: var(--nb-black);
}

.admin-tenant-public-link span {
  overflow-wrap: anywhere;
}

.admin-team-pane {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.admin-team-header {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 16px;
  color: var(--nb-white);
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  padding: 20px;
}

.admin-team-header h2,
.admin-team-header p {
  margin: 0;
}

.admin-team-header h2 {
  font-family: var(--nb-font-display);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.1;
}

.admin-team-header p,
.admin-team-header small,
.admin-team-header > div:first-child > span {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
}

.admin-team-header > div:first-child {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
}

.admin-team-header > div:nth-child(2) {
  align-items: flex-end;
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  text-align: right;
}

.admin-team-header > div:nth-child(2) strong {
  color: var(--nb-lime);
  font-family: var(--nb-font-display);
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
}

.admin-team-header .admin-secondary-button {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--nb-white);
}

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

.admin-team-stats span,
.admin-team-drawer-stats span {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 14px;
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  min-width: 0;
  padding: 14px;
}

.admin-team-stats svg,
.admin-team-drawer-stats svg {
  color: var(--nb-green);
}

.admin-team-stats small,
.admin-team-drawer-stats small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-team-stats strong,
.admin-team-drawer-stats strong {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
}

.admin-team-toolbar {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 14px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.4fr);
  padding: 12px;
}

.admin-team-search {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--nb-muted);
  display: flex;
  gap: 8px;
  min-height: 42px;
  padding: 0 12px;
}

.admin-team-search:focus-within {
  background: var(--nb-white);
  border-color: rgba(28, 165, 92, 0.32);
}

.admin-team-search input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-size: 14px;
  min-width: 0;
  outline: 0;
}

.admin-team-role-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.admin-team-role-filter button {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 7px;
  min-height: 32px;
  padding: 7px 10px;
}

.admin-team-role-filter button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-team-role-filter span {
  align-items: center;
  background: rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  color: var(--nb-black);
  display: inline-flex;
  font-size: 10px;
  height: 18px;
  justify-content: center;
  min-width: 18px;
  padding: 0 5px;
}

.admin-team-bulk-bar {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 14px;
  color: var(--nb-white);
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: auto minmax(160px, 1fr) minmax(160px, 1fr) repeat(5, auto);
  padding: 10px;
}

.admin-team-bulk-bar strong {
  color: var(--nb-lime);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  white-space: nowrap;
}

.admin-team-bulk-bar .hc-select-trigger {
  min-height: 34px;
}

.admin-team-bulk-bar button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  color: var(--nb-white);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  min-height: 34px;
  padding: 7px 10px;
}

.admin-team-bulk-bar button.danger {
  background: rgba(255, 78, 89, 0.16);
  border-color: rgba(255, 78, 89, 0.28);
}

.admin-team-table {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  overflow-x: auto;
}

.admin-team-table-head,
.admin-team-row {
  align-items: center;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: 28px minmax(170px, 1.35fr) 82px 64px 72px 76px 76px 44px 30px;
  min-width: 706px;
}

.admin-team-table-head {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0;
  padding: 14px 16px;
  text-transform: uppercase;
}

.admin-team-row {
  border-top: 1px solid var(--nb-border);
  color: var(--nb-black);
  font-size: 13px;
  padding: 13px 16px;
}

.admin-team-row.suspended {
  opacity: 0.62;
}

.admin-team-row.invited {
  background: #fffdf6;
}

.admin-team-check {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.admin-team-check input {
  accent-color: var(--nb-green);
  height: 16px;
  width: 16px;
}

.admin-team-member {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-black);
  display: flex;
  gap: 11px;
  min-width: 0;
  padding: 0;
  text-align: left;
}

.admin-team-member strong,
.admin-team-member small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-team-member small {
  color: var(--nb-muted);
  font-size: 12px;
  margin-top: 3px;
}

.admin-team-avatar {
  align-items: center;
  border-radius: 12px;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-weight: 700;
  height: 42px;
  justify-content: center;
  position: relative;
  width: 42px;
}

.admin-team-avatar.large {
  border-radius: 16px;
  font-size: 17px;
  height: 58px;
  width: 58px;
}

.admin-team-avatar i {
  border: 2px solid var(--nb-white);
  border-radius: 999px;
  bottom: -2px;
  height: 12px;
  position: absolute;
  right: -2px;
  width: 12px;
}

.admin-team-avatar i.active {
  background: var(--nb-green);
}

.admin-team-avatar i.invited {
  background: #f0b90b;
}

.admin-team-avatar i.suspended {
  background: #b6b9b7;
}

.admin-team-role-pill {
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  justify-content: center;
  line-height: 1;
  padding: 7px 10px;
  white-space: nowrap;
}

.admin-team-tenant-chips,
.admin-team-app-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-team-tenant-chips em,
.admin-team-app-chips em,
.admin-team-category-scope em {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  padding: 5px 8px;
}

.admin-team-app-chips em {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-team-2fa {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  gap: 6px;
}

.admin-team-2fa.enabled {
  color: var(--nb-dark-green);
}

.admin-team-empty {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 180px;
  justify-content: center;
  padding: 28px;
  text-align: center;
}

.admin-team-empty p {
  margin: 0;
}

.admin-team-drawer-layer {
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 96;
}

.admin-team-drawer-layer.open {
  pointer-events: auto;
}

.admin-team-drawer-scrim {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: rgba(21, 21, 21, 0.32);
  border: 0;
  cursor: default;
  height: 100%;
  inset: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  transition: opacity 220ms ease;
  width: 100%;
}

.admin-team-drawer-layer.open .admin-team-drawer-scrim {
  opacity: 1;
}

.admin-team-drawer {
  background: var(--nb-white);
  border-left: 1px solid var(--nb-border);
  box-shadow: -24px 0 70px rgba(21, 21, 21, 0.16);
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100vh;
  max-width: min(440px, 100vw);
  overflow-y: auto;
  padding: 22px;
  opacity: 0.98;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(104%);
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms ease;
  width: 440px;
  will-change: transform;
  z-index: 1;
}

.admin-team-drawer-layer.open .admin-team-drawer {
  opacity: 1;
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
  .admin-team-drawer,
  .admin-team-drawer-scrim {
    transition: none;
  }
}

.admin-team-drawer > header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.admin-team-drawer > header > div {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.admin-team-drawer h2,
.admin-team-drawer p {
  margin: 0;
}

.admin-team-drawer h2 {
  font-size: 21px;
  line-height: 1.15;
}

.admin-team-drawer p {
  color: var(--nb-muted);
  font-size: 13px;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.admin-team-drawer-stats {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-team-drawer-form {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 14px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 14px;
}

.admin-team-drawer-form > label,
.admin-team-scope > span,
.admin-team-category-scope > span,
.admin-team-invite-modal label,
.admin-team-invite-options > span {
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  grid-gap: 6px;
  gap: 6px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-team-drawer-form input,
.admin-team-invite-modal textarea {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 9px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  min-height: 40px;
  padding: 10px 12px;
  text-transform: none;
  width: 100%;
}

.admin-team-drawer-form .hc-select-trigger {
  background: var(--nb-white);
  min-height: 40px;
  width: 100%;
}

.admin-team-drawer-switches .admin-settings-row {
  background: transparent;
  border: 0;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0;
}

.admin-team-drawer-switches .admin-settings-row + .admin-settings-row {
  margin-top: 10px;
}

.admin-team-scope,
.admin-team-category-scope {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.admin-team-scope > div,
.admin-team-category-scope > div,
.admin-team-invite-options > div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.admin-team-scope label,
.admin-team-invite-options label {
  cursor: pointer;
  display: inline-flex;
  position: relative;
}

.admin-team-scope input,
.admin-team-invite-options input {
  cursor: pointer;
  inset: 0;
  opacity: 0;
  position: absolute;
  z-index: 2;
}

.admin-team-scope label span,
.admin-team-invite-options label span {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  padding: 7px 10px;
  position: relative;
  z-index: 1;
}

.admin-team-scope input:checked + span,
.admin-team-invite-options input:checked + span {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-team-drawer-actions {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-team-drawer-actions form {
  display: flex;
}

.admin-team-drawer-actions button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 9px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 7px;
  justify-content: center;
  min-height: 38px;
  padding: 8px 10px;
  width: 100%;
}

.admin-team-drawer-actions button.danger {
  color: var(--nb-danger);
}

.admin-team-activity {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 14px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 14px;
}

.admin-team-activity strong {
  font-size: 13px;
}

.admin-team-activity span {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-size: 12px;
  gap: 8px;
}

.admin-team-activity i {
  background: var(--nb-green);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-team-modal-backdrop {
  align-items: center;
  background: rgba(21, 21, 21, 0.38);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 22px;
  position: fixed;
  z-index: 95;
}

.admin-team-confirm-backdrop {
  align-items: center;
  background: rgba(21, 21, 21, 0.42);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 22px;
  position: fixed;
  z-index: 130;
}

.admin-team-confirm-dialog {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(21, 21, 21, 0.24);
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  max-width: 460px;
  padding: 20px;
  width: min(460px, 100%);
}

.admin-team-confirm-dialog header {
  align-items: flex-start;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 42px minmax(0, 1fr) auto;
}

.admin-team-confirm-dialog header > span {
  align-items: center;
  background: var(--nb-green-tint);
  border-radius: 12px;
  color: var(--nb-dark-green);
  display: inline-flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.admin-team-confirm-dialog.danger header > span {
  background: rgba(205, 68, 68, 0.1);
  color: var(--nb-danger);
}

.admin-team-confirm-dialog h2,
.admin-team-confirm-dialog p {
  margin: 0;
}

.admin-team-confirm-dialog h2 {
  color: var(--nb-black);
  font-size: 20px;
  line-height: 1.15;
}

.admin-team-confirm-dialog p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.45;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.admin-team-confirm-dialog footer {
  border-top: 1px solid var(--nb-border);
  display: flex;
  gap: 9px;
  justify-content: flex-end;
  padding-top: 14px;
}

.admin-team-confirm-dialog footer button {
  border-radius: 9px;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  min-height: 38px;
  padding: 8px 13px;
}

.admin-team-confirm-dialog footer button:first-child {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  color: var(--nb-black);
}

.admin-team-confirm-dialog footer button:last-child {
  background: var(--nb-dark-green);
  border: 1px solid var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-team-confirm-dialog footer button.danger {
  background: var(--nb-danger);
  border-color: var(--nb-danger);
  color: var(--nb-bg);
}

.admin-team-invite-modal {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(21, 21, 21, 0.22);
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  max-height: calc(100vh - 44px);
  max-width: 640px;
  overflow-y: auto;
  padding: 22px;
  width: min(640px, 100%);
}

.admin-team-invite-modal header,
.admin-team-invite-modal footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.admin-team-invite-modal header > div {
  align-items: center;
  display: flex;
  gap: 12px;
}

.admin-team-invite-modal header > div > span {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 12px;
  color: var(--nb-lime);
  display: inline-flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.admin-team-invite-modal h2,
.admin-team-invite-modal p {
  margin: 0;
}

.admin-team-invite-modal h2 {
  font-size: 21px;
}

.admin-team-invite-modal p {
  color: var(--nb-muted);
  font-size: 13px;
  margin-top: 3px;
}

.admin-team-invite-modal textarea {
  min-height: 96px;
  resize: vertical;
}

.admin-team-invite-modal footer {
  border-top: 1px solid var(--nb-border);
  padding-top: 14px;
}

.admin-team-invite-modal footer > button:first-child {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  border-radius: 9px;
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  min-height: 38px;
  padding: 8px 13px;
}

.admin-team-invite-submit {
  min-width: 132px;
}

.admin-tls-pill {
  align-items: center;
  background: var(--nb-green-tint);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
  padding: 4px 10px;
}

.admin-tls-pill.pending {
  background: #fff4d6;
  color: #7a5a00;
}

.admin-roles-pane {
  padding-top: 0;
}

.admin-roles-workspace {
  background: var(--nb-white);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  margin: -4px -32px -24px;
  min-height: 720px;
  overflow: hidden;
}

.admin-roles-sidebar {
  border-right: 1px solid var(--nb-border);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px 16px;
}

.admin-roles-sidebar-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
}

.admin-roles-sidebar-head > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
}

.admin-roles-new-button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 4px;
  letter-spacing: -0.02em;
  padding: 4px 0;
}

.admin-roles-new-button:disabled {
  color: var(--nb-caption);
  cursor: not-allowed;
}

.admin-role-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.admin-role-list-item {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  min-height: 58px;
  padding: 10px 12px;
  text-align: left;
  width: 100%;
}

.admin-role-list-item.active {
  background: var(--nb-bg-soft);
  border-color: var(--nb-border);
}

.admin-role-color-dot {
  border-radius: 999px;
  flex: 0 0 8px;
  height: 8px;
  width: 8px;
}

.admin-role-list-copy {
  display: grid;
  flex: 1 1;
  grid-gap: 3px;
  gap: 3px;
  min-width: 0;
}

.admin-role-list-name {
  align-items: center;
  color: var(--nb-black);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 6px;
  letter-spacing: -0.01em;
  min-width: 0;
}

.admin-role-list-name em {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 4px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 9px;
  font-style: normal;
  padding: 1px 5px;
}

.admin-role-list-meta {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-role-editor {
  display: flex;
  flex-direction: column;
  gap: 22px;
  min-width: 0;
  padding: 24px 32px 0;
}

.admin-role-edit-form {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.admin-role-identity-grid {
  align-items: start;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 200px;
}

.admin-role-field {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.admin-role-field > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
}

.admin-role-field input,
.admin-role-field select,
.admin-role-field textarea {
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--nb-black);
  outline: none;
  width: 100%;
}

.admin-role-field input {
  font-family: var(--nb-font-display);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.01em;
  padding: 12px 14px;
}

.admin-role-field select {
  cursor: pointer;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 14px;
  text-transform: uppercase;
}

.admin-role-field textarea {
  font-size: 14px;
  line-height: 1.5;
  min-height: 76px;
  padding: 12px 14px;
  resize: vertical;
}

.admin-role-field input:disabled,
.admin-role-field select:disabled,
.admin-role-field textarea:disabled {
  color: var(--nb-muted);
  cursor: not-allowed;
  opacity: 0.72;
}

.admin-role-summary-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-role-summary-chip {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
  letter-spacing: -0.02em;
  padding: 5px 10px;
}

.admin-role-summary-chip.success {
  background: rgba(28, 165, 92, 0.1);
  color: var(--nb-green);
}

.admin-role-summary-chip.neutral {
  background: var(--nb-bg-soft);
  color: var(--nb-muted);
}

.admin-role-summary-chip.locked {
  background: var(--nb-bg);
  border: 1px solid var(--nb-border-strong);
  color: var(--nb-muted);
}

.admin-role-permission-groups {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-role-permission-group {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 12px;
  overflow: hidden;
}

.admin-role-permission-group.danger {
  background: rgba(255, 78, 89, 0.03);
  border-color: rgba(255, 78, 89, 0.2);
}

.admin-role-permission-group > header {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  justify-content: space-between;
  padding: 14px 18px;
}

.admin-role-permission-group.danger > header {
  border-bottom-color: rgba(255, 78, 89, 0.16);
}

.admin-role-permission-group > header > div {
  align-items: center;
  display: flex;
  gap: 10px;
}

.admin-role-permission-group > header strong {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.admin-role-permission-group.danger > header strong {
  color: #b33640;
}

.admin-role-permission-group > header span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-role-permission-group > header button {
  background: transparent;
  border: 0;
  color: var(--nb-green);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: -0.02em;
}

.admin-role-permission-group > header button:disabled {
  color: var(--nb-caption);
  cursor: not-allowed;
}

.admin-role-permission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-role-permission-item {
  align-items: flex-start;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  border-right: 1px solid rgba(21, 21, 21, 0.04);
  cursor: pointer;
  display: flex;
  gap: 12px;
  min-height: 82px;
  padding: 14px 18px;
  position: relative;
}

.admin-role-permission-item:nth-child(2n) {
  border-right: 0;
}

.admin-role-permission-item:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.admin-role-permission-item input {
  cursor: pointer;
  inset: 0;
  opacity: 0;
  position: absolute;
  z-index: 2;
}

.admin-role-check {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.24);
  border-radius: 5px;
  color: var(--nb-lime);
  display: inline-flex;
  flex: 0 0 18px;
  height: 18px;
  justify-content: center;
  position: relative;
  width: 18px;
}

.admin-role-permission-item input:checked + .admin-role-check {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
}

.admin-role-permission-item input:disabled + .admin-role-check {
  cursor: not-allowed;
  opacity: 0.5;
}

.admin-role-permission-item > span:last-child {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
  position: relative;
}

.admin-role-permission-item strong {
  color: var(--nb-black);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.admin-role-permission-item small {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.45;
}

.admin-role-sticky-actions {
  align-items: center;
  background: rgba(254, 252, 249, 0.96);
  border-top: 1px solid var(--nb-border);
  bottom: 0;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: auto -32px 0;
  padding: 16px 32px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 2;
}

.admin-role-action-left,
.admin-role-action-right {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-role-outline-button {
  align-items: center;
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 6px;
  letter-spacing: -0.02em;
  min-height: 40px;
  padding: 10px 14px;
}

.admin-role-outline-button.danger {
  border-color: rgba(255, 78, 89, 0.4);
  color: var(--nb-danger);
}

.admin-role-outline-button:disabled {
  color: var(--nb-caption);
  cursor: not-allowed;
  opacity: 0.64;
}

.admin-role-dirty {
  color: #d97757;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: -0.02em;
}

.admin-settings-pill.danger {
  background: #fee2e2;
  color: #991b1b;
}

.admin-settings-pill.danger i {
  background: #dc2626;
}

.admin-account-layout {
  grid-template-columns: 320px minmax(0, 1fr);
}

.admin-profile-card {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 16px;
  color: var(--nb-bg);
  display: flex;
  flex-direction: column;
  padding: 24px;
  text-align: center;
}

.admin-profile-avatar {
  align-items: center;
  display: flex;
  flex: 0 0 88px;
  font-family: var(--nb-font-display);
  font-size: 36px;
  height: 88px;
  justify-content: center;
  line-height: 1;
  width: 88px;
}

.admin-profile-card > strong {
  font-size: 18px;
  margin-top: 16px;
}

.admin-profile-card > span {
  color: var(--nb-lime);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-top: 4px;
}

.admin-profile-card > div {
  border-top: 1px solid rgba(254, 252, 249, 0.1);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 24px;
  padding-top: 24px;
  width: 100%;
}

.admin-profile-card p {
  margin: 0;
}

.admin-profile-card p strong,
.admin-profile-card p span {
  display: block;
}

.admin-profile-card p strong {
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
}

.admin-profile-card p span {
  color: rgba(254, 252, 249, 0.62);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  margin-top: 2px;
}

.admin-profile-card > form {
  margin-top: 20px;
  width: 100%;
}

.admin-profile-card > form button {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(254, 252, 249, 0.2);
  border-radius: 8px;
  color: var(--nb-bg);
  display: flex;
  font-family: var(--nb-font-mono);
  gap: 6px;
  justify-content: center;
  min-height: 40px;
  width: 100%;
}

.admin-profile-card > form button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.admin-account-panels {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.admin-session-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-session-list > span {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 8px;
  display: grid;
  font-size: 13px;
  grid-template-columns: 8px minmax(130px, 1fr) minmax(72px, max-content) minmax(86px, max-content) auto;
  grid-gap: 8px;
  gap: 8px;
  padding: 10px 14px;
}

.admin-session-list > span.current {
  background: rgba(28, 165, 92, 0.08);
  border-color: rgba(28, 165, 92, 0.2);
}

.admin-session-list b {
  font-size: 13px;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-session-list small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-session-list form {
  justify-self: end;
}

.admin-session-list button {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 6px;
  color: var(--nb-black);
  cursor: pointer;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  min-height: 30px;
  padding: 0 10px;
}

.admin-session-list button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.admin-account-inline-form {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.admin-session-list i {
  background: var(--nb-green);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-session-list em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  justify-self: end;
  white-space: nowrap;
}

.admin-authors-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.admin-authors-stats {
  margin-bottom: 0;
}

.admin-authors-filter-bar {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(260px, 1fr) 220px auto;
  padding: 12px;
}

.admin-authors-search {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--nb-muted);
  display: flex;
  gap: 8px;
  min-height: 42px;
  padding: 0 12px;
}

.admin-authors-search:focus-within {
  background: var(--nb-white);
  border-color: rgba(28, 165, 92, 0.32);
}

.admin-authors-search input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-size: 14px;
  min-width: 0;
  outline: 0;
}

.admin-authors-view-toggle {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 10px;
  display: flex;
  gap: 3px;
  padding: 3px;
}

.admin-authors-view-toggle button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--nb-muted);
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.admin-authors-view-toggle button.active {
  background: var(--nb-white);
  box-shadow: 0 8px 18px rgba(21, 21, 21, 0.06);
  color: var(--nb-black);
}

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

.admin-author-card,
.admin-authors-table-card,
.admin-author-empty {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
}

.admin-author-card {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
  padding: 20px;
}

.admin-author-card.inactive {
  opacity: 0.64;
}

.admin-author-card-header {
  align-items: flex-start;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.admin-author-card-header h2 {
  font-size: 17px;
  line-height: 1.2;
  margin: 3px 0 4px;
}

.admin-author-card-header p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.35;
  margin: 0;
}

.admin-author-avatar {
  align-items: center;
  border-radius: 16px;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 16px;
  font-weight: 700;
  height: 56px;
  justify-content: center;
  position: relative;
  width: 56px;
}

.admin-author-avatar.sm {
  border-radius: 12px;
  font-size: 13px;
  height: 42px;
  width: 42px;
}

.admin-author-status-dot {
  border: 2px solid var(--nb-white);
  border-radius: 999px;
  bottom: -2px;
  height: 12px;
  position: absolute;
  right: -2px;
  width: 12px;
}

.admin-author-status-dot.online {
  background: var(--nb-green);
}

.admin-author-status-dot.away {
  background: #f0b90b;
}

.admin-author-status-dot.offline {
  background: #b6b9b7;
}

.admin-author-role {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  line-height: 1;
  padding: 7px 10px;
  white-space: nowrap;
}

.admin-author-role.role-editor {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-author-role.role-writer {
  background: #eff9e5;
  color: #1d4c17;
}

.admin-author-role.role-translator {
  background: #eaf0ff;
  color: #41479b;
}

.admin-author-stat-strip {
  background: var(--nb-bg-soft);
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 12px;
}

.admin-author-stat-strip span {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  min-width: 0;
}

.admin-author-stat-strip strong {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1;
}

.admin-author-stat-strip em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

.admin-author-focus-list,
.admin-author-access-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.admin-author-focus-list span,
.admin-author-muted-chip {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-muted);
  font-size: 12px;
  padding: 6px 10px;
}

.admin-author-access-chip {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
  min-height: 30px;
  padding: 5px 6px 5px 9px;
}

.admin-author-access-chip strong {
  color: var(--nb-black);
  font-size: 12px;
  font-weight: 600;
}

.admin-author-access-chip form,
.admin-author-card-actions form {
  display: inline-flex;
}

.admin-author-access-chip button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-muted);
  display: inline-flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  width: 20px;
}

.admin-author-card-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-top: auto;
}

.admin-author-card-actions .admin-icon-button {
  margin-left: auto;
}

.admin-author-secondary-action {
  align-items: center;
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 6px;
  min-height: 34px;
  padding: 8px 11px;
  text-decoration: none;
}

.admin-author-secondary-action:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.admin-authors-table-card {
  overflow-x: auto;
  padding: 0 20px;
}

.admin-authors-list-head,
.admin-authors-list-row {
  align-items: center;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(240px, 1.5fr) 160px 100px 100px 100px 120px;
  min-width: 860px;
}

.admin-authors-list-head {
  border-bottom: 1px solid var(--nb-border);
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0;
  padding: 16px 0;
  text-transform: uppercase;
}

.admin-authors-list-row {
  border-bottom: 1px solid var(--nb-border);
  font-size: 13px;
  padding: 15px 0;
}

.admin-authors-list-row:last-child {
  border-bottom: 0;
}

.admin-authors-list-author,
.admin-authors-status-label {
  align-items: center;
  display: flex;
  gap: 11px;
}

.admin-authors-list-author strong,
.admin-authors-list-author small {
  display: block;
}

.admin-authors-list-author strong {
  font-size: 14px;
}

.admin-authors-list-author small {
  color: var(--nb-muted);
  font-size: 12px;
  margin-top: 3px;
}

.admin-authors-status-label {
  color: var(--nb-muted);
}

.admin-authors-status-label .admin-author-status-dot {
  border: 0;
  bottom: auto;
  position: static;
  right: auto;
}

.admin-author-empty {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  min-height: 220px;
  padding: 32px;
  text-align: center;
}

.admin-author-empty p {
  margin: 0;
}

.admin-author-dialog-backdrop {
  align-items: center;
  background: rgba(21, 21, 21, 0.34);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 90;
}

.admin-author-dialog {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 18px;
  box-shadow: 0 30px 80px rgba(21, 21, 21, 0.22);
  max-height: calc(100vh - 48px);
  max-width: 920px;
  overflow: visible;
  padding: 22px;
  width: min(920px, 100%);
}

.admin-author-dialog > header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.admin-author-dialog > header > div {
  align-items: center;
  display: flex;
  gap: 12px;
}

.admin-author-dialog > header > div > span {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 12px;
  color: var(--nb-lime);
  display: inline-flex;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.admin-author-dialog h2,
.admin-author-dialog h3,
.admin-author-dialog p {
  margin: 0;
}

.admin-author-dialog h2 {
  font-size: 20px;
}

.admin-author-dialog h3 {
  font-size: 14px;
  margin-bottom: 2px;
}

.admin-author-dialog p {
  color: var(--nb-muted);
  font-size: 13px;
  margin-top: 4px;
}

.admin-author-dialog-grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
}

.admin-author-form {
  background: var(--nb-bg-soft);
  border: 1px solid var(--nb-border);
  border-radius: 14px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 16px;
}

.admin-author-form label {
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-author-form input {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  min-height: 42px;
  padding: 10px 12px;
  text-transform: none;
  width: 100%;
}

.admin-author-form input:disabled {
  opacity: 0.55;
}

.admin-author-form em {
  color: var(--nb-danger);
  font-family: var(--nb-font-sans);
  font-size: 12px;
  font-style: normal;
  text-transform: none;
}

.admin-author-form .hc-select-trigger {
  background: var(--nb-white);
  min-height: 42px;
  width: 100%;
}

.admin-author-form-message {
  align-items: center;
  border-radius: 10px;
  display: flex;
  font-size: 13px;
  gap: 8px;
  padding: 10px 12px;
}

.admin-author-form-message.error {
  background: #ffe9eb;
  color: var(--nb-danger);
}

.admin-author-form-message.success {
  background: #e5f1ee;
  color: var(--nb-dark-green);
}

.admin-author-access-form {
  align-content: start;
  background: var(--nb-white);
}

.admin-feedback-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.admin-feedback-stats {
  margin-bottom: 8px;
}

.admin-feedback-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-feedback-tabs button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  gap: 8px;
  min-height: 36px;
  padding: 8px 14px;
}

.admin-feedback-tabs button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-feedback-tabs span {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 5px;
  color: var(--nb-muted);
  font-size: 10px;
  padding: 1px 6px;
}

.admin-feedback-tabs button.active span {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.admin-feedback-layout {
  align-items: start;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 380px minmax(0, 1fr);
  min-width: 0;
}

.admin-feedback-list,
.admin-feedback-detail {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
}

.admin-feedback-list {
  display: flex;
  flex-direction: column;
  min-height: 460px;
  overflow: hidden;
}

.admin-feedback-list > button {
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  border-left: 3px solid transparent;
  color: var(--nb-black);
  display: flex;
  gap: 12px;
  padding: 16px;
  text-align: left;
  width: 100%;
}

.admin-feedback-list > button.active {
  background: rgba(188, 255, 78, 0.08);
  border-left-color: var(--nb-green);
}

.admin-feedback-list > button > span:last-child {
  display: grid;
  flex: 1 1;
  grid-gap: 7px;
  gap: 7px;
  min-width: 0;
}

.admin-feedback-list strong {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-feedback-list strong i {
  background: var(--nb-danger);
  border-radius: 999px;
  flex: 0 0 auto;
  height: 6px;
  width: 6px;
}

.admin-feedback-list small {
  color: var(--nb-muted);
  display: -webkit-box;
  font-size: 13px;
  line-height: 1.4;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-feedback-list em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-feedback-pagination {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 12px;
  justify-content: space-between;
  margin-top: auto;
  padding: 12px 14px;
}

.admin-feedback-pagination > div {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: flex-end;
}

.admin-feedback-pagination .admin-icon-button {
  height: 30px;
  width: 30px;
}

.admin-feedback-sentiment {
  align-items: center;
  border-radius: 10px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.admin-feedback-sentiment.positive {
  background: rgba(28, 165, 92, 0.12);
  color: var(--nb-green);
}

.admin-feedback-sentiment.negative {
  background: rgba(255, 78, 89, 0.12);
  color: var(--nb-danger);
}

.admin-feedback-detail {
  min-width: 0;
  overflow: hidden;
}

.admin-feedback-detail > header {
  align-items: flex-start;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 24px;
}

.admin-feedback-detail-heading {
  align-items: center;
  display: flex;
  gap: 12px;
  min-width: 0;
}

.admin-feedback-detail-heading > div {
  min-width: 0;
}

.admin-feedback-detail-heading > div > span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-feedback-detail-heading a,
.admin-feedback-detail-heading strong {
  align-items: center;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  gap: 6px;
  line-height: 1.2;
  margin-top: 4px;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.admin-feedback-detail-pills {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.admin-feedback-status,
.admin-feedback-priority {
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  line-height: 1;
  padding: 6px 10px;
  white-space: nowrap;
}

.admin-feedback-status.new {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-feedback-status.triaged {
  background: rgba(240, 185, 11, 0.18);
  color: #7a5800;
}

.admin-feedback-status.in-progress {
  background: rgba(65, 71, 155, 0.12);
  color: var(--nb-blue);
}

.admin-feedback-status.closed {
  background: rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
}

.admin-feedback-priority.high {
  color: var(--nb-danger);
}

.admin-feedback-priority.medium {
  color: var(--nb-yellow);
}

.admin-feedback-priority.low {
  color: var(--nb-muted);
}

.admin-feedback-detail-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}

.admin-feedback-message {
  display: flex;
  gap: 12px;
  min-width: 0;
}

.admin-feedback-message > span {
  align-items: center;
  background: rgba(21, 21, 21, 0.06);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.admin-feedback-message em {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
  letter-spacing: 0;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.admin-feedback-message p {
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 16px;
  overflow-wrap: anywhere;
}

.admin-feedback-message > div {
  flex: 1 1;
  min-width: 0;
}

.admin-feedback-tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 100%;
}

.admin-feedback-tags > span,
.admin-feedback-tag button {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 999px;
  font-size: 12px;
  padding: 5px 10px;
}

.admin-feedback-tags form {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  height: auto;
  width: auto;
}

.admin-feedback-tag button {
  align-items: center;
  border: 0;
  color: var(--nb-black);
  display: inline-flex;
  gap: 4px;
  height: 27px;
}

.admin-feedback-tag button:hover {
  background: rgba(255, 78, 89, 0.1);
  color: var(--nb-danger);
}

.admin-feedback-empty-tag {
  color: var(--nb-muted);
}

.admin-feedback-tags input {
  background: transparent;
  border: 1px dashed var(--nb-border-strong);
  border-radius: 999px;
  color: var(--nb-black);
  font-size: 12px;
  height: 27px;
  padding: 4px 10px;
  width: min(120px, 100%);
}

.admin-feedback-add-tag button {
  background: transparent;
  border: 1px dashed var(--nb-border-strong);
  border-radius: 999px;
  color: var(--nb-muted);
  font-size: 12px;
  height: 27px;
  padding: 4px 10px;
}

.admin-feedback-workflow {
  align-items: end;
  background: var(--nb-bg-soft);
  border-radius: 12px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) auto;
  padding: 14px;
}

.admin-feedback-workflow label {
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  grid-gap: 6px;
  gap: 6px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-feedback-composer {
  background: var(--nb-bg-soft);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
}

.admin-feedback-composer > div {
  align-items: center;
  display: flex;
  gap: 8px;
}

.admin-feedback-composer > div span {
  align-items: center;
  background: var(--nb-lime);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-size: 10px;
  font-weight: 800;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.admin-feedback-composer > div strong {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-feedback-composer textarea {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  font-size: 14px;
  line-height: 1.5;
  min-height: 74px;
  outline: 0;
  resize: vertical;
  width: 100%;
}

.admin-feedback-composer footer,
.admin-feedback-quick-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-feedback-composer footer > span {
  flex: 1 1;
}

.admin-feedback-quick-actions {
  margin-top: -16px;
}

.admin-feedback-quick-actions form {
  display: inline-flex;
}

.admin-feedback-muted-button {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  border-radius: 8px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  min-height: 38px;
  padding: 8px 12px;
}

.admin-feedback-activity {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 24px;
}

.admin-feedback-activity h2 {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0;
  margin: 0 0 4px;
  text-transform: uppercase;
}

.admin-feedback-activity > div {
  align-items: flex-start;
  color: var(--nb-muted);
  display: grid;
  font-size: 13px;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 8px 0;
}

.admin-feedback-activity i {
  background: var(--nb-caption);
  border-radius: 999px;
  height: 6px;
  margin-top: 7px;
  width: 6px;
}

.admin-feedback-activity p {
  line-height: 1.45;
  margin: 0;
}

.admin-feedback-activity strong {
  color: var(--nb-black);
}

.admin-feedback-activity small {
  color: var(--nb-muted);
  display: block;
  font-size: 12px;
  margin-top: 3px;
}

.admin-feedback-activity time {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  white-space: nowrap;
}

.admin-feedback-empty {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  min-height: 280px;
  padding: 24px;
  text-align: center;
}

.admin-tickets-search {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  display: flex;
  gap: 8px;
  height: 38px;
  padding: 0 10px 0 12px;
  width: min(300px, 32vw);
}

.admin-tickets-search svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
}

.admin-tickets-search input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  min-width: 0;
  outline: 0;
}

.admin-tickets-search button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  display: inline-flex;
  padding: 0;
}

.admin-tickets-shell {
  background: var(--nb-bg);
  min-height: calc(100vh - 79px);
}

.admin-tickets-alert {
  align-items: center;
  background: #fff4d6;
  border-bottom: 1px solid rgba(240, 185, 11, 0.32);
  color: #4b3a00;
  display: flex;
  gap: 10px;
  padding: 10px 18px;
}

.admin-tickets-alert strong {
  font-size: 13px;
  font-weight: 700;
}

.admin-tickets-alert span {
  flex: 1 1;
  font-size: 12px;
}

.admin-tickets-alert button {
  background: transparent;
  border: 1px solid rgba(75, 58, 0, 0.28);
  border-radius: 6px;
  color: #4b3a00;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  padding: 5px 9px;
}

.admin-tickets-board {
  display: grid;
  grid-template-columns: var(--ticket-folders-width, 220px) 8px var(--ticket-list-width, 360px) 8px minmax(0, 1fr);
  height: calc(100vh - 79px);
  overflow: hidden;
}

.admin-tickets-alert + .admin-tickets-board {
  height: calc(100vh - 122px);
}

.admin-tickets-folders,
.admin-tickets-list,
.admin-ticket-thread {
  min-height: 0;
}

.admin-tickets-column-resizer {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: col-resize;
  display: flex;
  justify-content: center;
  min-height: 0;
  padding: 0;
  position: relative;
  touch-action: none;
  width: 8px;
}

.admin-tickets-column-resizer span {
  align-self: stretch;
  background: rgba(21, 21, 21, 0.08);
  border-radius: 0;
  display: block;
  min-height: 100%;
  transition: background 160ms ease, width 160ms ease;
  width: 1px;
}

.admin-tickets-column-resizer:hover,
.admin-tickets-column-resizer:focus-visible,
.admin-tickets-column-resizer.active {
  background: transparent;
  outline: none;
}

.admin-tickets-column-resizer:hover span,
.admin-tickets-column-resizer:focus-visible span,
.admin-tickets-column-resizer.active span {
  background: var(--nb-green);
  width: 2px;
}

.admin-tickets-board.is-resizing,
.admin-tickets-board.is-resizing * {
  cursor: col-resize !important;
}

.admin-tickets-folders {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
  padding: 20px 12px 24px;
}

.admin-tickets-kicker {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  padding: 0 8px 10px;
  text-transform: uppercase;
}

.admin-tickets-kicker.topics {
  padding-top: 20px;
}

.admin-tickets-folders button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  display: flex;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  font-weight: 500;
  gap: 10px;
  min-height: 32px;
  padding: 7px 10px;
  text-align: left;
}

.admin-tickets-folders button svg {
  color: var(--nb-muted);
}

.admin-tickets-folders button span {
  flex: 1 1;
  min-width: 0;
}

.admin-tickets-folders button em,
.admin-tickets-folders button small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
}

.admin-tickets-folders button em {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 4px;
  padding: 1px 6px;
}

.admin-tickets-folders button i {
  border-radius: 999px;
  flex: 0 0 auto;
  height: 8px;
  width: 8px;
}

.admin-tickets-folders button.active {
  background: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-tickets-folders button.active svg {
  color: var(--nb-lime);
}

.admin-tickets-folders button.active em {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.admin-tickets-folders button.active-topic {
  background: rgba(188, 255, 78, 0.18);
  font-weight: 700;
}

.admin-tickets-list {
  display: flex;
  flex-direction: column;
  -ms-overflow-style: none;
  overflow-y: auto;
  scrollbar-width: none;
}

.admin-tickets-list::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}

.admin-tickets-list > header {
  align-items: center;
  background: var(--nb-bg);
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 8px;
  padding: 16px 18px 14px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.admin-tickets-list-title {
  flex: 1 1;
  min-width: 0;
}

.admin-tickets-list h2 {
  font-family: var(--nb-font-display);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.1;
  margin: 0;
}

.admin-tickets-list p {
  color: var(--nb-muted);
  font-size: 11px;
  margin: 3px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-tickets-list-actions {
  align-items: center;
  background: var(--nb-bg);
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin-left: auto;
  padding-left: 8px;
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  z-index: 2;
}

.admin-tickets-list-actions > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-tickets-list-actions > button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.admin-ticket-status-filter {
  flex: 0 0 auto;
  position: relative;
}

.admin-ticket-status-filter > button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.admin-ticket-status-filter > button:hover,
.admin-ticket-status-filter > button[aria-expanded="true"],
.admin-ticket-status-filter > button.active {
  border-color: rgba(5, 44, 23, 0.18);
  color: var(--nb-dark-green);
}

.admin-ticket-status-filter > button.active {
  background: rgba(188, 255, 78, 0.24);
}

.admin-ticket-status-filter-menu {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(21, 21, 21, 0.16);
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  padding: 8px;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 206px;
  z-index: 20;
}

.admin-ticket-status-filter-menu header {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  margin: 0 0 4px;
  padding: 6px 8px 8px;
}

.admin-ticket-status-filter-menu header strong {
  color: var(--nb-black);
  font-size: 12px;
  font-weight: 800;
}

.admin-ticket-status-filter-menu header span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-ticket-status-filter-menu > button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--nb-black);
  display: grid;
  font-family: var(--nb-font-sans);
  font-size: 12.5px;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 34px;
  padding: 8px;
  text-align: left;
}

.admin-ticket-status-filter-menu > button:hover,
.admin-ticket-status-filter-menu > button.active {
  background: rgba(188, 255, 78, 0.18);
}

.admin-ticket-status-filter-menu > button i {
  border-radius: 999px;
  height: 8px;
  width: 8px;
}

.admin-ticket-status-filter-menu > button span {
  min-width: 0;
}

.admin-ticket-status-filter-menu > button svg {
  color: var(--nb-dark-green);
}

.admin-tickets-list > button {
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  border-left: 3px solid transparent;
  color: var(--nb-black);
  padding: 12px 16px 14px;
  text-align: left;
}

.admin-tickets-list > button.active {
  background: rgba(188, 255, 78, 0.12);
  border-left-color: var(--nb-green);
  padding-left: 13px;
}

.admin-tickets-list > button > div {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-bottom: 4px;
}

.admin-tickets-list > button > div i {
  background: var(--nb-danger);
  border-radius: 999px;
  flex: 0 0 auto;
  height: 6px;
  width: 6px;
}

.admin-tickets-list > button > div strong {
  flex: 1 1;
  font-size: 13px;
  font-weight: 700;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-tickets-list > button > div time {
  color: var(--nb-muted);
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 10px;
}

.admin-tickets-list > button > b {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-tickets-list > button > p {
  color: var(--nb-muted);
  display: -webkit-box;
  font-size: 12.5px;
  line-height: 1.4;
  margin: 0 0 8px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.admin-ticket-list-file {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 4px;
  margin-left: 7px;
  padding: 2px 6px;
  vertical-align: middle;
}

.admin-tickets-list > button > footer {
  align-items: center;
  display: flex;
  gap: 6px;
}

.admin-tickets-list > button > footer > span {
  align-items: center;
  border-radius: 3px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 4px;
  letter-spacing: 0.02em;
  padding: 2px 7px;
}

.admin-tickets-list > button > footer > span.admin-ticket-tenant-chip,
.admin-ticket-thread-meta > span.admin-ticket-tenant-chip {
  background: rgba(5, 44, 23, 0.08);
  color: var(--nb-dark-green);
  flex: 0 1 auto;
  max-width: 128px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-thread-meta > span.admin-ticket-tenant-chip {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-weight: 800;
  gap: 5px;
  letter-spacing: 0.02em;
  max-width: 180px;
  padding: 4px 8px;
}

.admin-ticket-thread-meta > span.admin-ticket-tenant-chip.thread {
  color: var(--nb-dark-green);
}

.admin-tickets-list > button > footer > i {
  border-radius: 999px;
  height: 5px;
  width: 5px;
}

.admin-tickets-list > button > footer > em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.04em;
}

.admin-tickets-list > button > footer > small {
  font-family: var(--nb-font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-left: auto;
}

.admin-tickets-list > button > footer > small.admin-ticket-ai-badge {
  align-items: center;
  background: rgba(28, 165, 92, 0.1);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  gap: 3px;
  margin-left: 0;
  padding: 2px 6px;
}

.admin-ticket-priority,
.admin-tickets-list .urgent,
.admin-tickets-list .high,
.admin-ticket-thread-meta .urgent,
.admin-ticket-thread-meta .high {
  color: var(--nb-danger);
}

.admin-ticket-thread-meta .normal,
.admin-tickets-list .normal {
  color: var(--nb-yellow);
}

.admin-ticket-thread-meta .low,
.admin-tickets-list .low {
  color: var(--nb-muted);
}

.admin-ticket-list-empty,
.admin-tickets-empty-thread {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  min-height: 260px;
  padding: 30px;
  text-align: center;
}

.admin-ticket-list-empty p,
.admin-tickets-empty-thread p {
  font-size: 14px;
  margin: 0;
}

.admin-ticket-list-empty button {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 6px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-sans);
  font-size: 12px;
  font-weight: 700;
  min-height: 30px;
  padding: 6px 10px;
}

.admin-ticket-list-empty button:hover {
  border-color: rgba(5, 44, 23, 0.18);
  box-shadow: 0 0 0 3px rgba(188, 255, 78, 0.18);
}

.admin-ticket-thread {
  background: var(--nb-bg);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.admin-ticket-thread-header {
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  padding: 18px 24px 16px;
}

.admin-ticket-thread-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

.admin-ticket-thread-meta > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-ticket-thread-meta > i {
  background: rgba(21, 21, 21, 0.18);
  border-radius: 999px;
  height: 4px;
  width: 4px;
}

.admin-ticket-thread-meta > em {
  align-items: center;
  border-radius: 3px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  gap: 5px;
  letter-spacing: 0.02em;
  padding: 2px 8px;
}

.admin-ticket-thread-meta > b {
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-ticket-thread-meta > strong {
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
}

.admin-ticket-thread-meta .admin-ticket-ghost-button {
  margin-left: auto;
}

.admin-ticket-thread-header h1 {
  font-family: var(--nb-font-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0;
}

.admin-ticket-customer-line {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 12.5px;
  gap: 10px;
  margin-top: 8px;
}

.admin-ticket-customer-line strong {
  color: var(--nb-black);
  font-weight: 700;
}

.admin-ticket-customer-line em {
  font-style: normal;
}

.admin-ticket-actions {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-top: 14px;
}

.admin-ticket-actions > span:empty {
  flex: 1 1;
}

.admin-ticket-assignee {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 12.5px;
  gap: 6px;
}

.admin-ticket-action-popover-anchor {
  display: inline-flex;
  position: relative;
}

.admin-ticket-transfer-popover,
.admin-ticket-escalate-popover,
.admin-ticket-more-popover,
.admin-ticket-escalate-team-popover,
.admin-ticket-topic-popover {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(21, 21, 21, 0.16);
  color: var(--nb-black);
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: 292px;
  z-index: 40;
}

.admin-ticket-more-popover {
  overflow: hidden;
  width: 276px;
}

.admin-ticket-escalate-team-popover,
.admin-ticket-topic-popover {
  border-radius: 10px;
  box-shadow: 0 18px 32px -16px rgba(5, 44, 23, 0.24);
  padding: 6px;
  top: calc(100% + 6px);
  width: 260px;
}

.admin-ticket-escalate-team-popover > div,
.admin-ticket-topic-popover > div {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  padding: 6px 8px 4px;
  text-transform: uppercase;
}

.admin-ticket-escalate-team-popover button,
.admin-ticket-topic-popover button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-black);
  cursor: pointer;
  display: grid;
  font-family: var(--nb-font-sans);
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 26px minmax(0, 1fr);
  padding: 8px 10px;
  text-align: left;
  width: 100%;
}

.admin-ticket-escalate-team-popover button:hover:not(:disabled),
.admin-ticket-topic-popover button:hover:not(:disabled) {
  background: rgba(5, 44, 23, 0.05);
}

.admin-ticket-escalate-team-popover button:disabled,
.admin-ticket-topic-popover button:disabled {
  cursor: default;
  opacity: 0.62;
}

.admin-ticket-escalate-team-popover button > span:first-child,
.admin-ticket-topic-popover button > span:first-child {
  align-items: center;
  border-radius: 6px;
  display: flex;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.admin-ticket-escalate-team-popover button > span:last-child,
.admin-ticket-topic-popover button > span:last-child {
  display: block;
  min-width: 0;
}

.admin-ticket-escalate-team-popover strong,
.admin-ticket-escalate-team-popover em,
.admin-ticket-topic-popover strong,
.admin-ticket-topic-popover em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-escalate-team-popover strong,
.admin-ticket-topic-popover strong {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 600;
}

.admin-ticket-escalate-team-popover em,
.admin-ticket-topic-popover em {
  color: var(--nb-muted);
  font-size: 11.5px;
  font-style: normal;
  margin-top: 1px;
}

.admin-ticket-transfer-popover {
  display: grid;
  overflow: hidden;
}

.admin-ticket-transfer-popover header,
.admin-ticket-escalate-popover header {
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  padding: 12px;
}

.admin-ticket-transfer-popover header strong,
.admin-ticket-escalate-popover header strong {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 800;
}

.admin-ticket-transfer-popover header span,
.admin-ticket-escalate-popover header span {
  color: var(--nb-muted);
  font-size: 11.5px;
}

.admin-ticket-transfer-current {
  align-items: center;
  background: rgba(21, 21, 21, 0.035);
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 10px 12px;
}

.admin-ticket-transfer-current > span:last-child {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.admin-ticket-transfer-current em,
.admin-ticket-transfer-list > span,
.admin-ticket-transfer-popover button em {
  color: var(--nb-muted);
  font-size: 11px;
  font-style: normal;
}

.admin-ticket-transfer-current strong {
  color: var(--nb-black);
  font-size: 12.5px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-transfer-list {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  max-height: 264px;
  overflow-y: auto;
  padding: 6px;
}

.admin-ticket-transfer-list > span {
  font-family: var(--nb-font-mono);
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 6px 6px 3px;
  text-transform: uppercase;
}

.admin-ticket-transfer-list > button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--nb-black);
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 8px;
  text-align: left;
}

.admin-ticket-transfer-list > button:hover:not(:disabled),
.admin-ticket-transfer-list > button.active {
  background: rgba(30, 118, 54, 0.08);
}

.admin-ticket-transfer-list > button:disabled {
  cursor: default;
  opacity: 1;
}

.admin-ticket-transfer-list > button > span:last-child {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.admin-ticket-transfer-list > button strong,
.admin-ticket-transfer-list > button em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-transfer-list > button strong {
  font-size: 12.5px;
  font-weight: 800;
}

.admin-ticket-escalate-popover {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding-bottom: 10px;
}

.admin-ticket-escalate-popover label {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  padding: 0 12px;
}

.admin-ticket-escalate-popover label > span {
  color: var(--nb-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-ticket-escalate-popover select,
.admin-ticket-escalate-popover textarea {
  background: rgba(21, 21, 21, 0.035);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 7px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 12.5px;
  outline: none;
  padding: 8px 9px;
}

.admin-ticket-escalate-popover textarea {
  min-height: 76px;
  resize: vertical;
}

.admin-ticket-escalate-popover footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 0 12px;
}

.admin-ticket-more-list {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 6px;
}

.admin-ticket-more-item {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: var(--nb-black);
  display: grid;
  grid-gap: 9px;
  gap: 9px;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 48px;
  padding: 8px;
  text-align: left;
  width: 100%;
}

.admin-ticket-more-item:hover:not(:disabled) {
  background: rgba(30, 118, 54, 0.08);
}

.admin-ticket-more-item:disabled {
  cursor: default;
  opacity: 0.62;
}

.admin-ticket-more-item > span {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.admin-ticket-more-item strong,
.admin-ticket-more-item em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-more-item strong {
  font-size: 12.5px;
  font-weight: 800;
}

.admin-ticket-more-item em {
  color: var(--nb-muted);
  font-size: 11px;
  font-style: normal;
}

.admin-ticket-more-escalate svg {
  color: #ff4e59;
}

.admin-ticket-more-item.danger {
  color: #9f1c24;
}

.admin-ticket-more-item.danger svg {
  color: #ff4e59;
}

.admin-ticket-more-item.danger:hover:not(:disabled) {
  background: rgba(255, 78, 89, 0.08);
}

.admin-ticket-more-escalate-form {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding-bottom: 10px;
}

.admin-ticket-more-escalate-form header {
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  padding: 12px;
}

.admin-ticket-more-escalate-form header strong {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 800;
}

.admin-ticket-more-escalate-form header span {
  color: var(--nb-muted);
  font-size: 11.5px;
}

.admin-ticket-more-escalate-form label {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  padding: 0 12px;
}

.admin-ticket-more-escalate-form label > span {
  color: var(--nb-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-ticket-more-escalate-form select,
.admin-ticket-more-escalate-form textarea {
  background: rgba(21, 21, 21, 0.035);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 7px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 12.5px;
  outline: none;
  padding: 8px 9px;
}

.admin-ticket-more-escalate-form textarea {
  min-height: 76px;
  resize: vertical;
}

.admin-ticket-more-escalate-form footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  padding: 0 12px;
}

.admin-ticket-ai-status {
  align-items: center;
  background: rgba(28, 165, 92, 0.1);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-size: 11.5px;
  font-weight: 700;
  gap: 5px;
  min-height: 26px;
  padding: 3px 8px 3px 4px;
  white-space: nowrap;
}

.admin-ticket-avatar {
  align-items: center;
  background: var(--nb-lime);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.admin-ticket-avatar.muted {
  background: rgba(21, 21, 21, 0.08);
  color: var(--nb-black);
}

.admin-ticket-avatar.small {
  font-size: 9px;
  height: 18px;
  width: 18px;
}

.admin-ticket-ai-status .admin-ticket-avatar.small {
  font-size: 8px;
  height: 16px;
  width: 16px;
}

.admin-ticket-avatar.ai {
  background: var(--nb-dark-green);
  color: var(--nb-lime);
}

.admin-ticket-ghost-button,
.admin-ticket-resolve-button,
.admin-ticket-send-button {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 12.5px;
  gap: 6px;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
}

.admin-ticket-button-spinner {
  flex: 0 0 auto;
  height: 13px;
  width: 13px;
}

.admin-ticket-actions button,
.admin-ticket-composer footer button,
.admin-ticket-macro-editor footer button {
  white-space: nowrap;
}

.admin-ticket-ghost-button[aria-busy="true"],
.admin-ticket-resolve-button[aria-busy="true"],
.admin-ticket-send-button[aria-busy="true"],
.admin-ticket-primary-small-button[aria-busy="true"],
.admin-ticket-composer-text-button[aria-busy="true"],
.admin-ticket-macro-editor footer button[aria-busy="true"] {
  opacity: 1;
  pointer-events: none;
}

.admin-ticket-ghost-button {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  color: var(--nb-black);
}

.admin-ticket-primary-small-button {
  align-items: center;
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 6px;
  color: var(--nb-bg);
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 12.5px;
  gap: 6px;
  justify-content: center;
  min-height: 32px;
  padding: 6px 12px;
}

.admin-ticket-primary-small-button svg,
.admin-ticket-primary-small-button .admin-ticket-button-spinner {
  color: var(--nb-lime);
}

.admin-ticket-resolve-button {
  background: var(--nb-lime);
  border: 0;
  color: var(--nb-dark-green);
  font-weight: 700;
  padding-inline: 14px;
}

.admin-ticket-escalate-button {
  border-color: rgba(21, 21, 21, 0.1);
  color: var(--nb-black);
}

.admin-ticket-escalate-button svg {
  color: var(--nb-muted);
  stroke-width: 1.5px;
}

.admin-ticket-escalate-button.escalated {
  background: rgba(255, 78, 89, 0.06);
  border-color: rgba(255, 78, 89, 0.2);
  color: #ff4e59;
}

.admin-ticket-escalate-button.escalated svg {
  color: #ff4e59;
}

.admin-ticket-escalate-button:disabled {
  opacity: 1;
}

.admin-ticket-close-button {
  border-color: rgba(21, 21, 21, 0.16);
}

.admin-ticket-messages {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 18px;
  overflow-y: auto;
  padding: 20px 24px 24px;
}

.admin-ticket-event-row {
  align-items: center;
  align-self: center;
  background: rgba(21, 21, 21, 0.045);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 999px;
  color: var(--nb-muted);
  display: inline-flex;
  gap: 8px;
  max-width: min(100%, 620px);
  min-height: 30px;
  padding: 5px 10px 5px 6px;
}

.admin-ticket-event-row > span {
  align-items: center;
  background: var(--nb-white);
  border-radius: 999px;
  color: var(--nb-muted);
  display: inline-flex;
  flex: 0 0 auto;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.admin-ticket-event-row > div {
  align-items: baseline;
  display: flex;
  gap: 6px;
  min-width: 0;
}

.admin-ticket-event-row strong {
  color: var(--nb-black);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.admin-ticket-event-row em,
.admin-ticket-event-row time {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.02em;
  min-width: 0;
}

.admin-ticket-event-row em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-event-row time {
  flex: 0 0 auto;
}

.admin-ticket-event-row.success {
  background: rgba(28, 165, 92, 0.08);
  border-color: rgba(28, 165, 92, 0.16);
}

.admin-ticket-event-row.success > span,
.admin-ticket-event-row.success strong {
  color: var(--nb-dark-green);
}

.admin-ticket-event-row.danger {
  background: rgba(255, 78, 89, 0.08);
  border-color: rgba(255, 78, 89, 0.18);
}

.admin-ticket-event-row.danger > span,
.admin-ticket-event-row.danger strong {
  color: #9f1c24;
}

.admin-ticket-event-row.ai {
  background: rgba(188, 255, 78, 0.18);
  border-color: rgba(30, 118, 54, 0.16);
}

.admin-ticket-event-row.ai > span,
.admin-ticket-event-row.ai strong {
  color: var(--nb-dark-green);
}

.admin-ticket-event-row.muted {
  background: rgba(21, 21, 21, 0.035);
}

.admin-ticket-message {
  align-items: flex-end;
  display: flex;
  gap: 10px;
  width: 100%;
}

.admin-ticket-message.agent {
  justify-content: flex-start;
}

.admin-ticket-message.customer {
  justify-content: flex-end;
}

.admin-ticket-message.system {
  align-items: center;
  justify-content: center;
}

.admin-ticket-message-stack {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: min(74%, 680px);
  min-width: 0;
}

.admin-ticket-message.agent .admin-ticket-message-stack {
  align-items: flex-start;
}

.admin-ticket-message.customer .admin-ticket-message-stack {
  align-items: flex-end;
}

.admin-ticket-message header {
  align-items: baseline;
  display: flex;
  gap: 6px;
  padding-left: 2px;
}

.admin-ticket-message header strong {
  color: var(--nb-black);
  font-size: 12px;
  font-weight: 700;
}

.admin-ticket-message header em {
  color: var(--nb-muted);
  font-size: 11px;
  font-style: normal;
}

.admin-ticket-message header em.ai {
  background: rgba(28, 165, 92, 0.12);
  border-radius: 3px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  padding: 1px 5px;
}

.admin-ticket-bubble {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 16px;
  border-bottom-right-radius: 4px;
  color: var(--nb-black);
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 14px;
  word-break: break-word;
}

.admin-ticket-message.agent .admin-ticket-bubble {
  background: var(--nb-dark-green);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 16px;
  color: var(--nb-bg);
}

.admin-ticket-message.system .admin-ticket-bubble {
  background: rgba(21, 21, 21, 0.045);
  border-radius: 999px;
  color: var(--nb-muted);
  max-width: min(520px, 90%);
  padding: 7px 12px;
  text-align: center;
}

.admin-ticket-message p {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  white-space: pre-wrap;
}

.admin-ticket-message p a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.admin-ticket-message-time {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.04em;
  padding: 0 4px;
}

.admin-ticket-message.system .admin-ticket-message-time {
  display: block;
  margin-top: 3px;
  padding: 0;
}

.admin-ticket-attachments {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 8px;
}

.admin-ticket-attachment-card {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 8px;
  display: inline-flex;
  gap: 8px;
  max-width: min(100%, 340px);
  min-height: 46px;
  padding: 6px;
}

.admin-ticket-message.agent .admin-ticket-attachment-card {
  background: rgba(254, 252, 249, 0.08);
  border-color: rgba(254, 252, 249, 0.16);
}

.admin-ticket-attachment-card:hover {
  border-color: rgba(30, 118, 54, 0.26);
  box-shadow: 0 8px 18px rgba(17, 31, 20, 0.08);
}

.admin-ticket-message.agent .admin-ticket-attachment-card:hover {
  border-color: rgba(188, 255, 78, 0.36);
  box-shadow: none;
}

.admin-ticket-attachment-thumb,
.admin-ticket-attachment-open,
.admin-ticket-attachment-card > a {
  align-items: center;
  border: 0;
  display: inline-flex;
  font-family: var(--nb-font-sans);
}

.admin-ticket-attachment-thumb {
  background-color: rgba(21, 21, 21, 0.04);
  background-image:
    linear-gradient(45deg, rgba(21, 21, 21, 0.06) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(21, 21, 21, 0.06) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(21, 21, 21, 0.06) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(21, 21, 21, 0.06) 75%);
  background-position:
    0 0,
    0 5px,
    5px -5px,
    -5px 0;
  background-size: 10px 10px;
  border-radius: 6px;
  height: 34px;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  width: 44px;
}

.admin-ticket-message.agent .admin-ticket-attachment-thumb,
.admin-ticket-message.agent .admin-ticket-attachment-card > a {
  background: rgba(254, 252, 249, 0.1);
}

.admin-ticket-attachment-thumb img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.admin-ticket-attachment-thumb-fallback {
  align-items: center;
  color: var(--nb-dark-green);
  display: inline-flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.admin-ticket-message.agent .admin-ticket-attachment-thumb-fallback {
  color: var(--nb-lime);
}

.admin-ticket-attachment-open {
  background: transparent;
  color: var(--nb-black);
  flex: 1 1;
  gap: 8px;
  min-width: 0;
  padding: 2px 0;
  text-align: left;
}

.admin-ticket-message.agent .admin-ticket-attachment-open {
  color: var(--nb-bg);
}

.admin-ticket-attachment-open:disabled {
  cursor: default;
}

.admin-ticket-attachment-card > a {
  background: rgba(21, 21, 21, 0.04);
  border-radius: 6px;
  color: var(--nb-dark-green);
  flex: 0 0 auto;
  height: 30px;
  justify-content: center;
  text-decoration: none;
  width: 30px;
}

.admin-ticket-attachment-card > a:hover {
  background: var(--nb-lime);
}

.admin-ticket-attachment-card svg {
  color: var(--nb-dark-green);
  flex: 0 0 auto;
}

.admin-ticket-message.agent .admin-ticket-attachment-card svg,
.admin-ticket-message.agent .admin-ticket-attachment-card > a {
  color: var(--nb-lime);
}

.admin-ticket-attachment-card span {
  display: grid;
  grid-gap: 1px;
  gap: 1px;
  min-width: 0;
}

.admin-ticket-attachment-card strong {
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-attachment-card em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
}

.admin-ticket-message.agent .admin-ticket-attachment-card em {
  color: rgba(254, 252, 249, 0.62);
}

.admin-ticket-preview-backdrop {
  align-items: center;
  background: rgba(5, 44, 23, 0.42);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 28px;
  position: fixed;
  z-index: 80;
}

.admin-ticket-preview-modal {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 10px;
  box-shadow: 0 24px 70px rgba(5, 44, 23, 0.26);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  max-height: min(760px, calc(100vh - 56px));
  max-width: min(980px, calc(100vw - 56px));
  overflow: hidden;
  width: 100%;
}

.admin-ticket-preview-modal > header {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.08);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  min-width: 0;
  padding: 14px 16px;
}

.admin-ticket-preview-modal > header > div {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 0;
}

.admin-ticket-preview-modal > header span {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.admin-ticket-preview-modal > header strong {
  color: var(--nb-black);
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-preview-modal > header em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
}

.admin-ticket-preview-modal nav {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.admin-ticket-preview-modal nav a,
.admin-ticket-preview-modal nav button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 7px;
  color: var(--nb-black);
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 12px;
  gap: 6px;
  min-height: 32px;
  padding: 7px 10px;
  text-decoration: none;
}

.admin-ticket-preview-modal nav button {
  justify-content: center;
  padding-inline: 8px;
  width: 34px;
}

.admin-ticket-preview-stage {
  align-items: center;
  background-color: rgba(21, 21, 21, 0.035);
  background-image:
    linear-gradient(45deg, rgba(21, 21, 21, 0.045) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(21, 21, 21, 0.045) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(21, 21, 21, 0.045) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(21, 21, 21, 0.045) 75%);
  background-position:
    0 0,
    0 12px,
    12px -12px,
    -12px 0;
  background-size: 24px 24px;
  display: flex;
  justify-content: center;
  min-height: 360px;
  min-width: 0;
  overflow: auto;
  padding: 18px;
}

.admin-ticket-preview-stage img {
  background: var(--nb-white);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(21, 21, 21, 0.12);
  min-height: min(260px, calc(100vh - 220px));
  min-width: min(360px, 100%);
  max-height: calc(100vh - 180px);
  max-width: 100%;
  object-fit: contain;
}

.admin-ticket-preview-stage iframe {
  background: var(--nb-white);
  border: 0;
  border-radius: 8px;
  height: min(640px, calc(100vh - 180px));
  width: 100%;
}

.admin-ticket-preview-empty {
  align-items: center;
  color: var(--nb-muted);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  justify-items: center;
  text-align: center;
}

.admin-ticket-note {
  background: rgba(240, 185, 11, 0.1);
  border: 1px dashed rgba(240, 185, 11, 0.5);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  margin-left: 44px;
  padding: 10px 14px;
}

.admin-ticket-note svg,
.admin-ticket-note strong,
.admin-ticket-note time {
  color: #7a5800;
}

.admin-ticket-note header {
  align-items: baseline;
  display: flex;
  gap: 8px;
  margin-bottom: 3px;
}

.admin-ticket-note strong {
  font-size: 12.5px;
}

.admin-ticket-note time {
  font-family: var(--nb-font-mono);
  font-size: 10px;
}

.admin-ticket-note p {
  color: var(--nb-black);
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

.admin-ticket-note-attachments {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  margin: 6px 0;
}

.admin-ticket-note-attachments button {
  align-items: center;
  background: rgba(255, 255, 255, 0.62);
  border: 1px solid rgba(122, 88, 0, 0.16);
  border-radius: 7px;
  color: var(--nb-black);
  display: flex;
  gap: 7px;
  max-width: 320px;
  padding: 7px 9px;
  text-align: left;
}

.admin-ticket-note-attachments span {
  flex: 1 1;
  font-size: 12.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-note-attachments small {
  color: #7a5800;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  white-space: nowrap;
}

.admin-ticket-composer {
  background: var(--nb-bg);
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  padding: 16px;
}

.admin-ticket-composer > div {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 12px;
  padding: 12px;
}

.admin-ticket-chat-only-note {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-size: 12.5px;
  gap: 8px;
}

.admin-ticket-composer > div.note {
  background: rgba(240, 185, 11, 0.08);
  border-color: rgba(240, 185, 11, 0.3);
}

.admin-ticket-composer header,
.admin-ticket-composer footer {
  align-items: center;
  display: flex;
  gap: 4px;
}

.admin-ticket-composer header {
  margin-bottom: 8px;
}

.admin-ticket-composer header button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 5px;
  letter-spacing: 0.02em;
  padding: 4px 10px;
}

.admin-ticket-composer header button.active {
  background: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-ticket-composer > div.note header button.active {
  background: #7a5800;
}

.admin-ticket-composer header span {
  color: var(--nb-muted);
  flex: 1 1;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  text-align: right;
}

.admin-ticket-composer textarea {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  line-height: 1.5;
  min-height: 64px;
  outline: 0;
  resize: none;
  width: 100%;
}

.admin-ticket-composer-file-input {
  height: 1px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 1px;
}

.admin-ticket-composer-files {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 2px;
}

.admin-ticket-composer-files > span {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 7px;
  color: var(--nb-black);
  display: inline-flex;
  gap: 6px;
  max-width: min(280px, 100%);
  min-height: 28px;
  padding: 4px 6px 4px 8px;
}

.admin-ticket-composer-files em {
  font-size: 12px;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-composer-files small {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  white-space: nowrap;
}

.admin-ticket-composer-files button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  display: inline-flex;
  height: 20px;
  justify-content: center;
  padding: 0;
  width: 20px;
}

.admin-ticket-composer-error {
  color: var(--nb-danger);
  font-size: 12px;
  margin: 6px 0 0;
}

.admin-ticket-composer footer {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-top: 6px;
}

.admin-ticket-composer-icon-button,
.admin-ticket-composer-text-button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 6px;
  color: var(--nb-muted);
  display: inline-flex;
  height: 28px;
  justify-content: center;
}

.admin-ticket-composer-icon-button {
  width: 28px;
}

.admin-ticket-composer-text-button {
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 5px;
  letter-spacing: 0.02em;
  padding: 0 9px;
  text-transform: uppercase;
  width: auto;
}

.admin-ticket-composer-text-button:hover:not(:disabled),
.admin-ticket-composer-icon-button:hover:not(:disabled) {
  border-color: rgba(5, 44, 23, 0.32);
  color: var(--nb-dark-green);
}

.admin-ticket-composer-text-button.active,
.admin-ticket-composer-icon-button.active {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-ticket-ai-draft-button:disabled {
  color: rgba(21, 21, 21, 0.3);
}

.admin-ticket-ai-draft-button svg.lucide-loader-2 {
  animation: hc-spin 0.8s linear infinite;
}

.admin-ticket-composer-popover-anchor {
  position: relative;
}

.admin-ticket-composer-popover {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.12);
  border-radius: 10px;
  bottom: calc(100% + 8px);
  box-shadow: var(--nb-shadow-2);
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  left: 0;
  padding: 10px;
  position: absolute;
  width: min(320px, calc(100vw - 48px));
  z-index: 8;
}

.admin-ticket-composer-popover label {
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  grid-gap: 6px;
  gap: 6px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-ticket-composer-popover input {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 7px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  min-height: 34px;
  outline: 0;
  padding: 7px 9px;
  text-transform: none;
}

.admin-ticket-composer-popover > div {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  max-height: 230px;
  overflow-y: auto;
}

.admin-ticket-composer-popover p {
  color: var(--nb-muted);
  font-size: 12px;
  margin: 4px 0;
}

.admin-ticket-composer-popover > div > button {
  background: transparent;
  border: 0;
  border-radius: 8px;
  color: var(--nb-black);
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  padding: 8px;
  text-align: left;
}

.admin-ticket-composer-popover > div > button:hover {
  background: var(--nb-bg-soft);
}

.admin-ticket-composer-popover strong {
  font-size: 12.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-composer-popover span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-macros-popover,
.admin-ticket-macro-editor {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 12px;
  bottom: calc(100% + 6px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  z-index: 30;
}

.admin-ticket-macros-popover {
  max-height: min(460px, calc(100vh - 170px));
  width: min(420px, calc(100vw - 48px));
}

.admin-ticket-macros-popover > header {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 8px;
  padding: 10px 12px;
}

.admin-ticket-macros-popover > header svg {
  color: var(--nb-muted);
}

.admin-ticket-macros-popover > header input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  min-height: 24px;
  outline: 0;
}

.admin-ticket-macros-popover > header span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
}

.admin-ticket-macros-list {
  flex: 1 1;
  overflow-y: auto;
  padding: 4px 0 8px;
}

.admin-ticket-macro-section > header {
  align-items: center;
  color: var(--macro-section-accent);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 6px;
  letter-spacing: 0.06em;
  padding: 8px 12px 4px;
  text-transform: uppercase;
}

.admin-ticket-macro-section > header i {
  background: var(--macro-section-accent);
  border-radius: 3px;
  height: 5px;
  width: 5px;
}

.admin-ticket-macro-section > header span {
  flex: 1 1;
}

.admin-ticket-macro-section > header em {
  font-style: normal;
  opacity: 0.7;
}

.admin-ticket-macro-row {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.04);
  display: flex;
  gap: 6px;
}

.admin-ticket-macro-row > button:first-child {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-black);
  cursor: pointer;
  display: flex;
  flex: 1 1;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
  text-align: left;
}

.admin-ticket-macro-row > button:first-child:hover {
  background: rgba(21, 21, 21, 0.025);
}

.admin-ticket-macro-row > button:first-child > span {
  display: grid;
  flex: 1 1;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
}

.admin-ticket-macro-row strong {
  align-items: center;
  color: var(--nb-black);
  display: flex;
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  min-width: 0;
}

.admin-ticket-macro-row strong em {
  background: var(--nb-lime);
  border-radius: 3px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.04em;
  padding: 1px 5px;
  text-transform: uppercase;
}

.admin-ticket-macro-row small {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--nb-muted);
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
}

.admin-ticket-macro-row svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
}

.admin-ticket-macro-row > button.edit {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-muted);
  cursor: pointer;
  display: inline-flex;
  height: 26px;
  justify-content: center;
  margin-right: 8px;
  width: 26px;
}

.admin-ticket-macro-row > button.edit:hover {
  background: rgba(5, 44, 23, 0.06);
  color: var(--nb-dark-green);
}

.admin-ticket-macros-empty {
  color: var(--nb-muted);
  font-size: 12px;
  margin: 0;
  padding: 24px 16px;
  text-align: center;
}

.admin-ticket-macros-popover > footer {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 8px;
  padding: 8px 12px;
}

.admin-ticket-macros-popover > footer > svg {
  color: var(--nb-muted);
  flex: 0 0 auto;
}

.admin-ticket-macros-popover > footer span {
  color: var(--nb-muted);
  flex: 1 1;
  font-family: var(--nb-font-mono);
  font-size: 10px;
}

.admin-ticket-macros-popover > footer button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-dark-green);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-weight: 700;
  gap: 4px;
  letter-spacing: 0.04em;
  padding: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-ticket-macro-editor {
  width: min(460px, calc(100vw - 48px));
}

.admin-ticket-macro-editor > header {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 8px;
  padding: 12px 14px;
}

.admin-ticket-macro-editor > header > svg {
  color: var(--nb-dark-green);
}

.admin-ticket-macro-editor > header strong {
  flex: 1 1;
  font-size: 13px;
}

.admin-ticket-macro-editor > header button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  cursor: pointer;
  display: inline-flex;
  height: 26px;
  justify-content: center;
  width: 26px;
}

.admin-ticket-macro-editor-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
}

.admin-ticket-macro-editor label,
.admin-ticket-macro-editor-label {
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 700;
  gap: 5px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-ticket-macro-editor label span {
  align-items: center;
  display: flex;
  gap: 8px;
}

.admin-ticket-macro-editor label em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: none;
}

.admin-ticket-macro-editor input,
.admin-ticket-macro-editor textarea {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  outline: 0;
  padding: 8px 10px;
  text-transform: none;
  width: 100%;
}

.admin-ticket-macro-editor textarea {
  line-height: 1.5;
  min-height: 110px;
  resize: vertical;
}

.admin-ticket-macro-topic-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.admin-ticket-macro-topic-grid button {
  align-items: center;
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 6px;
  color: var(--nb-muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 11.5px;
  gap: 5px;
  padding: 5px 9px;
}

.admin-ticket-macro-topic-grid button i {
  background: var(--macro-topic-color);
  border-radius: 3px;
  height: 6px;
  width: 6px;
}

.admin-ticket-macro-topic-grid button.active {
  background: color-mix(in srgb, var(--macro-topic-color, var(--nb-muted)) 8%, white);
  border-color: var(--macro-topic-color, var(--nb-muted));
  color: var(--macro-topic-color, var(--nb-muted));
  font-weight: 700;
}

.admin-ticket-macro-topic-grid button.general.active {
  background: rgba(106, 109, 112, 0.08);
  border-color: var(--nb-muted);
  color: var(--nb-muted);
}

.admin-ticket-macro-preview {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 8px;
  padding: 10px 12px;
}

.admin-ticket-macro-preview span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.admin-ticket-macro-preview p {
  color: var(--nb-black);
  font-size: 12.5px;
  line-height: 1.5;
  margin: 0;
  white-space: pre-wrap;
}

.admin-ticket-macro-editor > footer {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 8px;
  padding: 10px 14px;
}

.admin-ticket-macro-editor > footer span {
  flex: 1 1;
}

.admin-ticket-macro-editor > footer button {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 6px;
  color: var(--nb-black);
  cursor: pointer;
  display: inline-flex;
  font-size: 12.5px;
  gap: 5px;
  padding: 7px 12px;
}

.admin-ticket-macro-editor > footer button.danger {
  border-color: rgba(255, 78, 89, 0.3);
  color: var(--nb-danger);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.admin-ticket-macro-editor > footer button.save {
  background: var(--nb-dark-green);
  border-color: var(--nb-dark-green);
  color: var(--nb-bg);
  font-weight: 700;
}

.admin-ticket-macro-editor > footer button.save svg {
  color: var(--nb-lime);
}

.admin-ticket-macro-editor > footer button:disabled {
  cursor: default;
  opacity: 0.55;
}

.admin-ticket-composer footer > span {
  color: var(--nb-muted);
  flex: 1 1;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  text-align: right;
}

.admin-ticket-send-button {
  align-items: center;
  background: var(--nb-dark-green);
  border: 0;
  border-radius: 8px;
  color: var(--nb-lime);
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  font-weight: 700;
  gap: 6px;
  min-height: 32px;
  padding: 7px 14px;
}

.admin-ticket-composer > div.note .admin-ticket-send-button {
  background: #7a5800;
  color: var(--nb-bg);
}

.admin-ticket-send-button:disabled,
.admin-ticket-ghost-button:disabled,
.admin-ticket-resolve-button:disabled,
.admin-ticket-primary-small-button:disabled {
  cursor: default;
  opacity: 0.55;
}

.admin-ticket-details {
  background: var(--nb-bg);
  border-left: 1px solid rgba(21, 21, 21, 0.08);
  bottom: 0;
  box-shadow: -12px 0 32px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 0;
  width: 320px;
  z-index: 5;
}

.admin-ticket-details > header {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 8px;
  padding: 14px 18px;
}

.admin-ticket-details h2 {
  flex: 1 1;
  font-family: var(--nb-font-display);
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}

.admin-ticket-details > header button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  display: inline-flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.admin-ticket-details > div {
  flex: 1 1;
  overflow-y: auto;
  padding: 18px;
}

.admin-ticket-customer-card {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 12px;
  margin-bottom: 16px;
  padding: 14px;
}

.admin-ticket-customer-card > div {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 10px;
}

.admin-ticket-customer-card span:last-child {
  min-width: 0;
}

.admin-ticket-customer-card strong,
.admin-ticket-customer-card small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-customer-card strong {
  font-size: 14px;
}

.admin-ticket-customer-card small {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-ticket-customer-card footer {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  grid-template-columns: 1fr 1fr;
}

.admin-ticket-detail-section {
  margin-bottom: 18px;
}

.admin-ticket-detail-section h3 {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  margin: 0 0 6px;
  text-transform: uppercase;
}

.admin-ticket-detail-section p {
  align-items: center;
  display: flex;
  font-size: 12.5px;
  justify-content: space-between;
  margin: 0;
  padding: 4px 0;
}

.admin-ticket-detail-section p span {
  color: var(--nb-muted);
}

.admin-ticket-detail-section p strong {
  color: var(--nb-black);
  font-weight: 700;
}

.admin-ticket-detail-section p.mono strong {
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-ticket-suggestion {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-black);
  display: flex;
  font-size: 12.5px;
  gap: 8px;
  padding: 6px 0;
  text-align: left;
  width: 100%;
}

.admin-ticket-suggestion svg {
  color: var(--nb-muted);
}

.admin-ticket-suggestion span {
  flex: 1 1;
}

.admin-ticket-modal-backdrop {
  align-items: center;
  background: rgba(5, 44, 23, 0.36);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 80;
}

.admin-ticket-modal {
  background: var(--nb-bg);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 16px;
  box-shadow: var(--nb-shadow-3);
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 680px;
  padding: 20px;
  width: min(680px, 100%);
}

.admin-ticket-modal > header,
.admin-ticket-modal footer {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.admin-ticket-modal h2 {
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

.admin-ticket-modal p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 3px 0 0;
}

.admin-ticket-modal > header button {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  display: inline-flex;
}

.admin-ticket-modal label {
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  grid-gap: 6px;
  gap: 6px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-ticket-modal input,
.admin-ticket-modal select,
.admin-ticket-modal textarea {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  min-height: 40px;
  padding: 9px 11px;
  text-transform: none;
}

.admin-ticket-modal textarea {
  min-height: 96px;
  resize: vertical;
}

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

.admin-ticket-new-page {
  background: var(--nb-bg);
  min-height: calc(100vh - 79px);
  padding: 24px;
}

.admin-ticket-new-panel {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(21, 21, 21, 0.08);
  display: grid;
  grid-gap: 0;
  gap: 0;
  grid-template-columns: minmax(0, 1fr) 280px;
  margin: 0 auto;
  max-width: 1040px;
  overflow: visible;
}

.admin-ticket-new-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}

.admin-ticket-new-kicker {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 6px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-ticket-new-main h2 {
  font-family: var(--nb-font-display);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.12;
  margin: 0;
}

.admin-ticket-new-main p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.5;
  margin: -8px 0 0;
  max-width: 620px;
}

.admin-ticket-new-alert {
  align-items: center;
  background: rgba(255, 78, 89, 0.08);
  border: 1px solid rgba(255, 78, 89, 0.18);
  border-radius: 8px;
  color: #8a1820;
  display: flex;
  font-size: 13px;
  gap: 8px;
  padding: 10px 12px;
}

.admin-ticket-new-source {
  align-items: center;
  background: rgba(188, 255, 78, 0.22);
  border: 1px solid rgba(5, 44, 23, 0.12);
  border-radius: 8px;
  color: var(--nb-dark-green);
  display: inline-flex;
  gap: 9px;
  padding: 10px 12px;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-ticket-new-source span {
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  grid-gap: 2px;
  gap: 2px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-ticket-new-source strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}

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

.admin-ticket-new-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-ticket-new-main label {
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  grid-gap: 7px;
  gap: 7px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-ticket-new-main input,
.admin-ticket-new-main textarea {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 14px;
  line-height: 1.35;
  min-height: 42px;
  padding: 10px 12px;
  text-transform: none;
  width: 100%;
}

.admin-ticket-new-main textarea {
  min-height: 148px;
  resize: vertical;
}

.admin-ticket-new-main input[readonly],
.admin-ticket-new-main textarea[readonly] {
  background: #fafaf7;
  color: #4f5355;
}

.admin-ticket-new-select .hc-select-trigger {
  border-radius: 8px;
  font-size: 14px;
  min-height: 42px;
  min-width: 0;
  padding: 10px 12px;
  width: 100%;
}

.admin-ticket-new-select .hc-select-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ticket-new-summary {
  background: #fbfbf8;
  border-left: 1px solid rgba(21, 21, 21, 0.08);
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
}

.admin-ticket-new-summary-icon {
  align-items: center;
  background: var(--nb-lime);
  border-radius: 8px;
  color: var(--nb-black);
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.admin-ticket-new-summary h3 {
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.admin-ticket-new-summary dl {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  margin: 0;
}

.admin-ticket-new-summary dl div {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.07);
  border-radius: 8px;
  padding: 10px;
}

.admin-ticket-new-summary dt {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 9px;
  letter-spacing: 0.06em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.admin-ticket-new-summary dd {
  color: var(--nb-black);
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}

.admin-ticket-new-routing-control {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.07);
  border-radius: 8px;
  color: var(--nb-muted);
  display: grid;
  font-family: var(--nb-font-mono);
  font-size: 9px;
  grid-gap: 7px;
  gap: 7px;
  letter-spacing: 0.06em;
  padding: 10px;
  text-transform: uppercase;
}

.admin-ticket-new-routing-control .admin-ticket-new-select .hc-select-trigger {
  min-height: 38px;
  padding: 8px 10px;
}

.admin-ticket-new-routing-control .admin-ticket-new-select .hc-select-menu {
  min-width: 100%;
}

.admin-ticket-new-summary p {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.5;
  margin: auto 0 0;
}

.admin-ticket-new-actions {
  align-items: center;
  border-top: 1px solid rgba(21, 21, 21, 0.08);
  display: flex;
  gap: 10px;
  grid-column: 1 / -1;
  justify-content: flex-end;
  padding: 16px 24px;
}

.admin-ticket-new-actions .admin-primary-button,
.admin-ticket-new-actions .admin-secondary-button {
  min-height: 38px;
}

.admin-analytics-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.admin-analytics-actions {
  align-items: center;
  display: flex;
  gap: 10px;
}

.admin-range-control {
  background: var(--nb-bg-soft);
  border-radius: 8px;
  display: flex;
  gap: 3px;
  padding: 3px;
}

.admin-range-control a {
  border-radius: 6px;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  letter-spacing: 0;
  padding: 8px 12px;
}

.admin-range-control a.active {
  background: var(--nb-white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  color: var(--nb-black);
}

.admin-analytics-stats {
  margin-bottom: 8px;
}

.admin-analytics-section-head {
  align-items: baseline;
  display: flex;
  gap: 12px;
  margin-bottom: -2px;
}

.admin-analytics-section-head h2 {
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-analytics-section-head span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-analytics-section-head a {
  color: var(--nb-green);
  font-size: 13px;
  margin-left: auto;
}

.admin-analytics-chart-card,
.admin-analytics-panel,
.admin-analytics-searches {
  background: var(--nb-white);
  border: 1px solid var(--nb-border);
  border-radius: 16px;
  padding: 24px;
}

.admin-analytics-chart-card > header {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.admin-analytics-chart-card > header > div:first-child > span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-analytics-chart-card > header > div:first-child > div {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

.admin-analytics-chart-card strong {
  font-family: var(--nb-font-display);
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.03em;
}

.admin-analytics-chart-card em {
  color: var(--nb-green);
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-style: normal;
}

.admin-analytics-chart-card em.down {
  color: var(--nb-danger);
}

.admin-analytics-chart-card p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 8px 0 0;
}

.admin-analytics-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}

.admin-analytics-legend span {
  align-items: center;
  border: 1px solid var(--nb-border);
  border-radius: 8px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
  letter-spacing: 0;
  padding: 6px 10px;
}

.admin-analytics-legend span.active {
  background: var(--nb-dark-green);
  border-color: transparent;
  color: var(--nb-bg);
}

.admin-analytics-legend i {
  border-radius: 2px;
  height: 8px;
  width: 8px;
}

.admin-analytics-chart {
  display: block;
  height: 220px;
  width: 100%;
}

.admin-analytics-chart-labels {
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  justify-content: space-between;
  letter-spacing: 0.04em;
  margin-top: 8px;
  text-transform: uppercase;
}

.admin-analytics-grid {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);
}

.admin-analytics-grid-equal {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-analytics-panel > header,
.admin-analytics-searches > header {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.admin-analytics-panel h2,
.admin-analytics-searches h2 {
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-analytics-panel > header a {
  color: var(--nb-green);
  font-size: 13px;
}

.admin-analytics-list {
  display: grid;
}

.admin-analytics-list a {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  color: var(--nb-black);
  display: grid;
  grid-gap: 6px 16px;
  gap: 6px 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px 0;
}

.admin-analytics-list a:last-child {
  border-bottom: 0;
}

.admin-analytics-list strong,
.admin-analytics-list small {
  display: block;
  min-width: 0;
}

.admin-analytics-list strong {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-analytics-list small {
  color: var(--nb-muted);
  font-size: 12px;
  margin-top: 2px;
}

.admin-analytics-list span {
  font-family: var(--nb-font-mono);
  font-size: 13px;
}

.admin-analytics-list i {
  background: rgba(21, 21, 21, 0.06);
  border-radius: 2px;
  grid-column: 1 / -1;
  height: 4px;
  overflow: hidden;
}

.admin-analytics-list b {
  background: var(--nb-green);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.admin-analytics-searches {
  background: var(--nb-dark-green);
  color: var(--nb-bg);
}

.admin-analytics-searches > header {
  color: var(--nb-lime);
  justify-content: flex-start;
}

.admin-analytics-searches > div {
  align-items: center;
  border-bottom: 1px solid rgba(254, 252, 249, 0.08);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 10px 0;
}

.admin-analytics-searches > div:last-child {
  border-bottom: 0;
}

.admin-analytics-searches strong,
.admin-analytics-searches small {
  display: block;
  min-width: 0;
}

.admin-analytics-searches strong {
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-analytics-searches small {
  color: rgba(254, 252, 249, 0.5);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  margin-top: 2px;
  text-transform: uppercase;
}

.admin-analytics-searches span,
.admin-analytics-searches em {
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-style: normal;
}

.admin-analytics-searches em {
  color: var(--nb-lime);
}

.admin-analytics-searches em.down {
  color: var(--nb-danger);
}

.admin-analytics-searches .admin-analytics-empty {
  color: rgba(254, 252, 249, 0.55);
  min-height: 150px;
}

.admin-analytics-stackbar {
  border-radius: 999px;
  display: flex;
  height: 12px;
  margin-bottom: 16px;
  overflow: hidden;
}

.admin-analytics-stackbar span {
  min-width: 4px;
}

.admin-analytics-breakdown {
  display: grid;
}

.admin-analytics-breakdown > div,
.admin-analytics-breakdown > a {
  align-items: center;
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  color: var(--nb-black);
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto 54px;
  padding: 10px 0;
}

.admin-analytics-breakdown > a {
  grid-template-columns: auto auto minmax(0, 1fr) auto 54px;
}

.admin-analytics-breakdown > div:last-child,
.admin-analytics-breakdown > a:last-child {
  border-bottom: 0;
}

.admin-analytics-breakdown i {
  border-radius: 2px;
  height: 10px;
  width: 10px;
}

.admin-analytics-breakdown span {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-analytics-breakdown em,
.admin-analytics-breakdown strong {
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-style: normal;
}

.admin-analytics-breakdown em {
  color: var(--nb-muted);
}

.admin-analytics-breakdown strong {
  text-align: right;
}

.admin-analytics-market-list {
  display: grid;
}

.admin-analytics-market-list > div {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  padding: 10px 0;
}

.admin-analytics-market-list > div:last-child {
  border-bottom: 0;
}

.admin-analytics-market-list > div > div {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 6px;
}

.admin-analytics-market-list span {
  font-size: 14px;
}

.admin-analytics-market-list em,
.admin-analytics-market-list strong {
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-style: normal;
}

.admin-analytics-market-list em {
  color: var(--nb-muted);
  margin-left: auto;
}

.admin-analytics-market-list i {
  background: rgba(21, 21, 21, 0.04);
  border-radius: 999px;
  display: block;
  height: 6px;
  overflow: hidden;
}

.admin-analytics-market-list b {
  border-radius: inherit;
  display: block;
  height: 100%;
}

.admin-analytics-empty {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 0;
  padding: 16px 0 0;
}

.admin-ticket-volume-panel > header > div:first-child > span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.admin-ticket-volume-panel > header strong {
  display: inline-block;
  font-family: var(--nb-font-display);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.03em;
  margin-right: 10px;
}

.admin-ticket-volume-panel > header em {
  color: var(--nb-green);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-style: normal;
}

.admin-ticket-volume-panel > header em.down {
  color: var(--nb-danger);
}

.admin-ticket-volume-bars {
  align-items: flex-end;
  display: flex;
  gap: 4px;
  height: 160px;
  padding: 0 4px;
}

.admin-ticket-volume-bar {
  align-items: flex-end;
  display: flex;
  flex: 1 1;
  height: 100%;
}

.admin-ticket-volume-bar i {
  background: var(--nb-dark-green);
  border-radius: 3px 3px 0 0;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.admin-ticket-volume-bar b {
  background: var(--nb-lime);
  border-radius: 0 0 3px 3px;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
}

.admin-ticket-status-breakdown {
  margin-bottom: 18px;
}

.admin-ticket-resolution-summary {
  border-top: 1px solid rgba(21, 21, 21, 0.06);
  color: var(--nb-muted);
  display: grid;
  font-size: 12px;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 1fr auto;
  padding-top: 14px;
}

.admin-ticket-resolution-summary strong {
  color: var(--nb-green);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 500;
}

.admin-ticket-agent-panel > div {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.admin-ticket-agent-panel > div > span {
  align-items: center;
  background: rgba(254, 252, 249, 0.1);
  border-radius: 999px;
  color: var(--nb-bg);
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.admin-ticket-agent-panel > div:first-of-type > span {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.admin-ticket-agent-panel i {
  background: rgba(254, 252, 249, 0.08);
  border-radius: 999px;
  display: block;
  height: 4px;
  margin-top: 7px;
  overflow: hidden;
}

.admin-ticket-agent-panel b {
  background: var(--nb-lime);
  display: block;
  height: 100%;
}

.admin-ticket-ai-card {
  background: linear-gradient(135deg, var(--nb-dark-green) 0%, #0f4a38 100%);
  border-radius: 16px;
  color: var(--nb-bg);
  padding: 24px;
}

.admin-ticket-ai-card > header {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-bottom: 18px;
}

.admin-ticket-ai-card > header > span {
  align-items: center;
  background: rgba(188, 255, 78, 0.18);
  border-radius: 8px;
  color: var(--nb-lime);
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}

.admin-ticket-ai-card h2 {
  font-family: var(--nb-font-display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-ticket-ai-card p {
  color: rgba(254, 252, 249, 0.58);
  font-size: 12px;
  margin: 2px 0 0;
}

.admin-ticket-ai-card > header em {
  background: rgba(188, 255, 78, 0.1);
  border-radius: 4px;
  color: var(--nb-lime);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0.04em;
  padding: 3px 7px;
  text-transform: uppercase;
}

.admin-ticket-ai-card > header a {
  color: var(--nb-lime);
  font-size: 13px;
  margin-left: auto;
}

.admin-ticket-ai-stats {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
}

.admin-ticket-ai-stats > div {
  background: rgba(254, 252, 249, 0.04);
  border-radius: 10px;
  padding: 14px;
}

.admin-ticket-ai-stats span {
  color: rgba(254, 252, 249, 0.55);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-ticket-ai-stats strong {
  display: block;
  font-family: var(--nb-font-display);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.03em;
  margin-top: 4px;
}

.admin-ticket-ai-stats small {
  color: rgba(254, 252, 249, 0.55);
  display: block;
  font-size: 11px;
  margin-top: 2px;
}

.admin-ticket-ai-bars {
  align-items: flex-end;
  display: flex;
  gap: 3px;
  height: 96px;
}

.admin-ticket-ai-bars span {
  border-radius: 3px 3px 0 0;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.admin-ticket-ai-bars i {
  background: rgba(254, 252, 249, 0.18);
  display: block;
}

.admin-ticket-ai-bars b {
  background: var(--nb-lime);
  display: block;
}

.admin-ticket-ai-card > footer {
  align-items: center;
  color: rgba(254, 252, 249, 0.55);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 14px;
  justify-content: space-between;
  letter-spacing: 0.04em;
  margin-top: 10px;
  text-transform: uppercase;
}

.admin-ticket-ai-card > footer span {
  align-items: center;
  display: inline-flex;
  gap: 5px;
}

.admin-ticket-ai-card > footer i,
.admin-ticket-ai-card > footer b {
  border-radius: 2px;
  display: inline-block;
  height: 8px;
  width: 8px;
}

.admin-ticket-ai-card > footer i {
  background: var(--nb-lime);
}

.admin-ticket-ai-card > footer b {
  background: rgba(254, 252, 249, 0.18);
}

.admin-kyc-page {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.admin-kyc-hero {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 8px;
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  padding: 22px;
}

.admin-kyc-kicker,
.admin-kyc-insight-grid span,
.admin-kyc-stats span,
.admin-kyc-table-head span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-kyc-kicker {
  color: var(--nb-dark-green);
}

.admin-kyc-hero h2 {
  color: var(--nb-black);
  font-family: var(--nb-font-display);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 8px 0 0;
}

.admin-kyc-hero p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.55;
  margin: 10px 0 0;
  max-width: 740px;
}

.admin-kyc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.admin-kyc-hero aside {
  background: var(--nb-bg-soft);
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 8px;
  display: grid;
  grid-gap: 9px;
  gap: 9px;
  padding: 16px;
}

.admin-kyc-hero aside strong {
  font-size: 14px;
}

.admin-kyc-hero aside span {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-size: 12px;
  gap: 8px;
  min-width: 0;
}

.admin-kyc-hero aside span i {
  background: var(--nb-muted);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 7px;
  width: 7px;
}

.admin-kyc-hero aside span.active {
  color: var(--nb-dark-green);
}

.admin-kyc-hero aside span.active i {
  background: var(--nb-green);
}

.admin-kyc-hero aside small {
  color: var(--nb-muted);
  font-size: 11px;
  line-height: 1.45;
}

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

.admin-kyc-stats article,
.admin-kyc-insight-grid article,
.admin-kyc-table-card {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 8px;
}

.admin-kyc-stats article {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 16px;
}

.admin-kyc-stats strong {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1;
}

.admin-kyc-stats article.attention strong {
  color: var(--nb-danger);
}

.admin-kyc-stats small {
  color: var(--nb-muted);
  font-size: 12px;
}

.admin-kyc-engine {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 8px;
  color: var(--nb-bg);
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  padding: 18px 22px;
}

.admin-kyc-engine > span {
  align-items: center;
  background: var(--nb-lime);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.admin-kyc-engine strong {
  display: block;
  font-size: 15px;
}

.admin-kyc-engine p {
  color: rgba(254, 252, 249, 0.72);
  font-size: 12.5px;
  line-height: 1.45;
  margin: 3px 0 0;
}

.admin-kyc-engine a {
  border: 1px solid rgba(254, 252, 249, 0.18);
  border-radius: 8px;
  color: var(--nb-bg);
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
}

.admin-kyc-flow {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.admin-kyc-flow article {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 8px;
  display: grid;
  grid-gap: 5px;
  gap: 5px;
  min-width: 0;
  padding: 12px;
}

.admin-kyc-flow article > span {
  align-items: center;
  background: var(--nb-green-tint);
  border-radius: 999px;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.admin-kyc-flow strong {
  font-size: 12.5px;
}

.admin-kyc-flow small {
  color: var(--nb-muted);
  font-size: 11px;
  line-height: 1.35;
}

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

.admin-kyc-insight-grid article {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
  padding: 16px;
}

.admin-kyc-insight-grid strong {
  color: var(--nb-dark-green);
  font-size: 14px;
}

.admin-kyc-insight-grid p {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

.admin-kyc-table-card {
  overflow: hidden;
}

.admin-kyc-table-card > header {
  align-items: flex-start;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 16px 18px;
}

.admin-kyc-table-card > header strong {
  display: block;
  font-size: 15px;
}

.admin-kyc-table-card > header small {
  color: var(--nb-muted);
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

.admin-kyc-table-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.admin-kyc-table-tools label {
  align-items: center;
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  display: flex;
  gap: 7px;
  height: 34px;
  padding: 0 10px;
  width: 230px;
}

.admin-kyc-table-tools input {
  background: transparent;
  border: 0;
  font-size: 12px;
  min-width: 0;
  outline: 0;
  width: 100%;
}

.admin-kyc-table-tools select {
  background: var(--nb-white);
  border: 1px solid rgba(21, 21, 21, 0.1);
  border-radius: 8px;
  color: var(--nb-black);
  font-size: 12px;
  height: 34px;
  padding: 0 10px;
}

.admin-kyc-table {
  overflow-x: auto;
}

.admin-kyc-table-head,
.admin-kyc-table-row {
  align-items: center;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  min-width: 980px;
  padding: 11px 18px;
}

.admin-kyc-table-stalled .admin-kyc-table-head,
.admin-kyc-table-stalled .admin-kyc-table-row {
  grid-template-columns: 120px minmax(220px, 1.4fr) 130px 70px 90px 85px minmax(220px, 1.4fr);
}

.admin-kyc-table-recent .admin-kyc-table-head,
.admin-kyc-table-recent .admin-kyc-table-row {
  grid-template-columns: 120px minmax(220px, 1.3fr) 130px 70px 80px 90px 110px;
}

.admin-kyc-table-head {
  background: #fafaf7;
  border-bottom: 1px solid rgba(21, 21, 21, 0.06);
}

.admin-kyc-table-row {
  border-bottom: 1px solid rgba(21, 21, 21, 0.04);
  color: var(--nb-black);
}

.admin-kyc-table-row:hover {
  background: #fafaf7;
}

.admin-kyc-table-row > span:first-child,
.admin-kyc-table-row > span:nth-child(4),
.admin-kyc-table-row > span:nth-child(5),
.admin-kyc-table-row > span:nth-child(6),
.admin-kyc-table-row > span:nth-child(7) {
  font-family: var(--nb-font-mono);
  font-size: 11.5px;
}

.admin-kyc-table-row > span:first-child {
  color: #1f4daa;
}

.admin-kyc-table-row strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-kyc-table-row small {
  color: var(--nb-muted);
  display: block;
  font-size: 11px;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-kyc-table-row .danger {
  color: var(--nb-danger);
  font-size: 12px;
}

.admin-kyc-state-pill,
.admin-kyc-channel-pill {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
  padding: 4px 9px;
  width: -moz-fit-content;
  width: fit-content;
}

.admin-kyc-state-pill i,
.admin-kyc-channel-pill i {
  border-radius: 999px;
  display: inline-flex;
  height: 6px;
  width: 6px;
}

.admin-kyc-state-pill.verified,
.admin-kyc-channel-pill.neutral {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-kyc-state-pill.in-review,
.admin-kyc-channel-pill.blue {
  background: rgba(45, 107, 227, 0.1);
  color: #1f4daa;
}

.admin-kyc-state-pill.manual {
  background: #fff4d6;
  color: #7a5800;
}

.admin-kyc-state-pill.rejected,
.admin-kyc-channel-pill.danger {
  background: rgba(212, 58, 72, 0.1);
  color: #a4232c;
}

.admin-kyc-channel-pill.purple {
  background: rgba(122, 92, 255, 0.1);
  color: #5a3fc9;
}

.admin-kyc-channel-pill.muted {
  background: rgba(21, 21, 21, 0.05);
  color: var(--nb-muted);
}

.admin-kyc-channel-pill i {
  background: currentColor;
}

.admin-kyc-empty-row {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  min-height: 132px;
  padding: 28px;
}

@media (max-width: 1180px) {
  .admin-dashboard-stats,
  .admin-dashboard-grid,
  .admin-categories-layout,
  .admin-category-card-grid,
  .admin-category-form-layout,
  .admin-authors-grid,
  .admin-author-dialog-grid,
  .admin-feedback-layout,
  .admin-media-shell,
  .admin-settings-layout,
  .admin-account-layout,
  .admin-analytics-grid,
  .admin-analytics-grid-equal,
  .admin-ticket-ai-stats,
  .admin-tickets-board,
  .admin-ticket-new-panel,
  .admin-editor-grid,
  .admin-kyc-hero,
  .admin-kyc-stats,
  .admin-kyc-flow,
  .admin-kyc-insight-grid {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    flex-basis: 220px;
    width: 220px;
  }

  .admin-editor-rail,
  .admin-settings-tabs,
  .admin-category-preview-rail,
  .admin-media-upload-panel {
    position: static;
  }

  .admin-blog-email-layout {
    grid-template-columns: 1fr;
  }

  .admin-blog-email-crm-hero {
    grid-template-columns: 1fr;
  }

  .admin-blog-email-detail-layout {
    grid-template-columns: 1fr;
  }

  .admin-blog-email-crm-side {
    position: static;
  }

  .admin-blog-email-send-panel {
    grid-template-columns: 1fr;
  }

  .admin-blog-email-table-head,
  .admin-blog-email-table-row {
    grid-template-columns: 82px 96px minmax(220px, 1.5fr) 116px 58px;
  }

  .admin-blog-email-table-head span:nth-child(4),
  .admin-blog-email-table-row > span:nth-child(4),
  .admin-blog-email-table-head span:nth-child(6),
  .admin-blog-email-table-row > span:nth-child(6),
  .admin-blog-email-table-head span:nth-child(7),
  .admin-blog-email-table-row > span:nth-child(7) {
    display: none;
  }

  .admin-tickets-board,
  .admin-tickets-alert + .admin-tickets-board {
    height: auto;
    overflow: visible;
  }

  .admin-tickets-folders,
  .admin-tickets-list,
  .admin-ticket-thread {
    border-right: 0;
  }

  .admin-tickets-column-resizer {
    display: none;
  }

  .admin-tickets-list {
    max-height: 420px;
  }

  .admin-ticket-new-summary {
    border-left: 0;
    border-top: 1px solid rgba(21, 21, 21, 0.08);
  }
}

@media (max-width: 780px) {
  .admin-shell {
    flex-direction: column;
  }

  .admin-sidebar {
    flex: 0 0 auto;
    height: auto;
    position: static;
    width: 100%;
  }

  .admin-sidebar-nav {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .admin-category-form-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .admin-category-form-layout {
    padding: 20px;
  }

  .admin-category-form-split {
    grid-template-columns: 1fr;
  }

  .admin-category-icon-picker {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .admin-sidebar-bottom {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .admin-content,
  .admin-editor-canvas {
    padding: 20px;
  }

  .admin-blog-email-crm-hero,
  .admin-blog-email-editor,
  .admin-blog-email-side-card {
    padding: 18px;
  }

  .admin-blog-email-hero-main h2 {
    font-size: 24px;
  }

  .admin-blog-email-hero-metrics {
    grid-template-columns: 1fr;
  }

  .admin-blog-email-editor-head,
  .admin-blog-email-preview-dialog header {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-blog-email-preview-controls {
    width: 100%;
  }

  .admin-blog-email-preview-controls > button:not(.admin-icon-button) {
    flex: 1 1;
  }

  .admin-blog-email-ai-dialog {
    width: calc(100vw - 32px);
  }

  .admin-blog-email-ai-dialog header,
  .admin-blog-email-ai-dialog footer {
    padding: 16px 18px;
  }

  .admin-blog-email-ai-body {
    padding: 18px;
  }

  .admin-blog-email-ai-grid {
    grid-template-columns: 1fr;
  }

  .admin-blog-email-ai-dialog footer {
    flex-wrap: wrap;
  }

  .admin-blog-email-ai-dialog footer > button {
    justify-content: center;
  }

  .admin-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .admin-editor-topbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
    padding: 14px 20px;
  }

  .admin-editor-topbar-context,
  .admin-editor-topbar-actions {
    flex-wrap: wrap;
    width: 100%;
  }

  .admin-editor-topbar-title {
    flex: 1 1;
  }

  .admin-editor-topbar-title strong {
    max-width: none;
  }

  .admin-dashboard-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-articles-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-filter-bar,
  .admin-pagination,
  .admin-url-row {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-integration-row {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .admin-integrations-card-grid {
    grid-template-columns: 1fr;
  }

  .admin-integration-card {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .admin-integration-card > em {
    grid-column: 1 / -1;
    justify-self: flex-start;
  }

  .admin-secret-controls,
  .admin-smtp-controls {
    flex-basis: 100% !important;
  }

  .admin-settings-notice {
    margin-left: 0;
  }

  .admin-filter-bar .hc-select {
    flex: 1 1 auto;
    width: 100%;
  }

  .admin-settings-row {
    grid-template-columns: 1fr;
  }

  .admin-media-toolbar,
  .admin-authors-filter-bar,
  .admin-feedback-workflow,
  .admin-team-header,
  .admin-team-stats,
  .admin-team-toolbar,
  .admin-team-bulk-bar,
  .admin-media-grid {
    grid-template-columns: 1fr;
  }

  .admin-tickets-search {
    width: 100%;
  }

  .admin-ticket-actions,
  .admin-ticket-composer footer,
  .admin-ticket-thread-meta,
  .admin-tickets-alert {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .admin-ticket-actions > span:first-of-type,
  .admin-ticket-composer footer > span {
    display: none;
  }

  .admin-ticket-details {
    position: fixed;
    width: min(340px, 92vw);
  }

  .admin-ticket-modal-grid {
    grid-template-columns: 1fr;
  }

  .admin-ticket-new-page {
    padding: 14px;
  }

  .admin-ticket-new-main,
  .admin-ticket-new-summary,
  .admin-ticket-new-actions {
    padding: 16px;
  }

  .admin-ticket-new-grid,
  .admin-ticket-new-grid.three {
    grid-template-columns: 1fr;
  }

  .admin-ticket-new-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .admin-team-header {
    align-items: stretch;
  }

  .admin-team-header > div:nth-child(2) {
    align-items: start;
    text-align: left;
  }

  .admin-team-role-filter {
    justify-content: flex-start;
  }

  .admin-feedback-list {
    max-height: none;
    min-height: 0;
  }

  .admin-feedback-detail > header {
    flex-direction: column;
  }

  .admin-feedback-detail-pills {
    justify-content: flex-start;
  }

  .admin-author-dialog {
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    padding: 18px;
  }

  .admin-author-card-header {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .admin-author-card-header .admin-author-role {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .admin-block-inline-fields {
    grid-template-columns: 1fr;
  }

  .admin-add-block-bar {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .admin-add-block-bar-tools {
    grid-template-columns: 1fr 1fr;
  }

  .admin-add-block-bar-tools > span {
    grid-column: 1 / -1;
  }

  .admin-roles-workspace {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .admin-roles-sidebar {
    border-bottom: 1px solid var(--nb-border);
    border-right: 0;
  }

  .admin-role-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-role-identity-grid,
  .admin-role-permission-grid {
    grid-template-columns: 1fr;
  }

  .admin-role-permission-item,
  .admin-role-permission-item:nth-child(2n),
  .admin-role-permission-item:nth-last-child(-n + 2) {
    border-bottom: 1px solid rgba(21, 21, 21, 0.04);
    border-right: 0;
  }

  .admin-role-permission-item:last-child {
    border-bottom: 0;
  }

  .admin-role-sticky-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-role-action-left,
  .admin-role-action-right {
    justify-content: space-between;
  }
}

@media (max-width: 520px) {
  .admin-dashboard-stats,
  .admin-articles-summary,
  .admin-author-stat-strip,
  .admin-team-drawer-stats,
  .admin-design-form,
  .admin-ai-actions,
  .admin-ai-grid,
  .admin-secret-controls,
  .admin-smtp-controls,
  .admin-profile-card > div {
    grid-template-columns: 1fr;
  }

  .admin-integration-card {
    padding: 14px;
  }

  .admin-smtp-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-team-drawer {
    border-left: 0;
    max-width: 100vw;
    width: 100vw;
  }

  .admin-team-drawer-actions {
    grid-template-columns: 1fr;
  }

  .admin-team-confirm-dialog {
    padding: 18px;
  }

  .admin-team-confirm-dialog header {
    grid-template-columns: 38px minmax(0, 1fr) auto;
  }

  .admin-team-confirm-dialog header > span {
    height: 38px;
    width: 38px;
  }

  .admin-team-confirm-dialog footer {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .admin-editor-title {
    font-size: 38px;
    min-height: 82px;
  }

  .admin-add-block-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-add-block-bar-tools {
    grid-template-columns: 1fr;
  }

  .admin-role-list {
    grid-template-columns: 1fr;
  }

  .admin-role-editor {
    padding: 20px 18px 0;
  }

  .admin-role-sticky-actions {
    margin-left: -18px;
    margin-right: -18px;
    padding: 14px 18px;
  }
}

button#next-logo,
[data-nextjs-dev-tools-button="true"],
#nextjs-dev-tools-menu {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

@keyframes admin-login-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}

@keyframes admin-login-shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes admin-login-fade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.admin-login-shell {
  background: var(--nb-bg);
  color: var(--nb-black);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(480px, 1.05fr);
  min-height: 100vh;
}

.admin-login-form-pane {
  display: flex;
  flex-direction: column;
  padding: 40px 56px;
}

.admin-login-header,
.admin-login-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.admin-login-mark {
  display: inline-flex;
  line-height: 0;
}

.admin-login-status {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
}

.admin-login-status i,
.admin-login-brand-copy i {
  background: var(--nb-green);
  border-radius: 999px;
  height: 6px;
  width: 6px;
}

.admin-login-main {
  align-items: center;
  display: flex;
  flex: 1 1;
  justify-content: center;
  padding: 32px 0;
}

.admin-login-card {
  animation: admin-login-fade 240ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  max-width: 400px;
  width: 100%;
}

.admin-login-intro {
  margin-bottom: 28px;
}

.admin-login-kicker {
  align-items: center;
  background: var(--nb-bg);
  border: 1px solid var(--nb-border);
  border-radius: 999px;
  color: var(--nb-muted);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 6px;
  margin-bottom: 14px;
  padding: 4px 10px;
}

.admin-login-kicker svg {
  color: var(--nb-green);
}

.admin-login-kicker.mfa {
  background: var(--nb-green-tint);
  border: 0;
  color: var(--nb-dark-green);
}

.admin-login-intro h1,
.admin-login-mfa h2,
.admin-login-centered h2,
.admin-login-brand-copy h2 {
  font-family: var(--nb-font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-login-intro h1 {
  font-size: 34px;
  line-height: 1.1;
  margin-bottom: 8px;
}

.admin-login-intro h1 em,
.admin-login-brand-copy h2 em {
  color: var(--nb-green);
  font-style: italic;
}

.admin-login-intro p,
.admin-login-mfa p,
.admin-login-centered p {
  color: var(--nb-muted);
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.admin-login-step {
  animation: admin-login-fade 240ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.admin-login-step > label {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  margin-bottom: 8px;
}

.admin-login-input {
  align-items: center;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 10px;
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  transition: background 160ms, border-color 160ms;
}

.admin-login-input:focus-within {
  background: var(--nb-white);
  border-color: var(--nb-dark-green);
}

.admin-login-input.error {
  background: rgba(255, 78, 89, 0.06);
  border-color: var(--nb-danger);
}

.admin-login-input svg {
  color: var(--nb-muted);
}

.admin-login-input input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-family: var(--nb-font-sans);
  font-size: 15px;
  min-width: 0;
  outline: none;
}

.admin-login-input button {
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  display: inline-flex;
  padding: 4px;
}

.admin-login-error {
  color: var(--nb-danger) !important;
  font-size: 12px !important;
  margin-top: 8px !important;
}

.admin-invite-form .admin-login-input {
  margin-bottom: 14px;
}

.admin-invite-form .admin-login-note {
  margin-top: 2px;
}

.admin-invite-notice {
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 18px;
  padding: 12px 14px;
}

.admin-invite-notice.error {
  background: rgba(255, 78, 89, 0.08);
  color: var(--nb-danger);
}

.admin-invite-notice.success {
  background: var(--nb-green-tint);
  color: var(--nb-dark-green);
}

.admin-login-primary,
.admin-login-ghost {
  align-items: center;
  border-radius: 10px;
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 14px;
  gap: 8px;
  justify-content: center;
  min-height: 48px;
  padding: 13px 16px;
  width: 100%;
}

.admin-login-primary {
  background: var(--nb-dark-green);
  border: 0;
  color: var(--nb-bg);
  margin-top: 18px;
  transition: box-shadow 160ms, transform 100ms;
}

.admin-login-primary:hover:not(:disabled) {
  box-shadow: 0 8px 24px rgba(5, 44, 23, 0.18);
  transform: translateY(-1px);
}

.admin-login-primary:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.admin-login-ghost {
  background: transparent;
  border: 1px solid var(--nb-border-strong);
  color: var(--nb-black);
  margin-top: 8px;
}

.admin-login-ghost:hover:not(:disabled) {
  background: var(--nb-bg-soft);
}

.admin-login-email-pill {
  align-items: center;
  background: var(--nb-bg-soft);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  margin-bottom: 18px;
  padding: 10px 12px;
}

.admin-login-email-pill span {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 999px;
  color: var(--nb-lime);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 600;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.admin-login-email-pill strong {
  flex: 1 1;
  font-family: var(--nb-font-mono);
  font-size: 13px;
  font-weight: 500;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-login-email-pill button,
.admin-login-password-row button,
.admin-login-back,
.admin-login-text-button {
  background: transparent;
  border: 0;
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-login-password-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 14px 0 22px;
}

.admin-login-password-row label {
  align-items: center;
  color: var(--nb-muted);
  display: inline-flex;
  font-size: 13px;
  gap: 8px;
}

.admin-login-password-row input {
  accent-color: var(--nb-green);
}

.admin-login-password-row button {
  color: var(--nb-green);
  font-size: 12px;
}

.admin-login-back {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  margin-bottom: 16px;
  padding: 0;
}

.admin-login-mfa h2,
.admin-login-centered h2 {
  font-size: 26px;
  line-height: 1.15;
  margin-bottom: 8px;
}

.admin-login-code-grid {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 22px 0 18px;
}

.admin-login-code-cell {
  aspect-ratio: 1;
  background: var(--nb-bg-soft);
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--nb-dark-green);
  font-family: var(--nb-font-mono);
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

.admin-login-code-cell:focus {
  background: var(--nb-white);
  border-color: var(--nb-dark-green);
  outline: none;
}

.admin-login-note {
  align-items: flex-start;
  background: var(--nb-bg);
  border: 1px dashed var(--nb-border-strong);
  border-radius: 10px;
  color: var(--nb-muted);
  display: flex;
  font-size: 12px;
  gap: 12px;
  line-height: 1.5;
  margin-top: 16px;
  padding: 14px;
}

.admin-login-centered {
  animation: admin-login-fade 240ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  text-align: center;
}

.admin-login-success-icon {
  align-items: center;
  background: var(--nb-dark-green);
  border-radius: 999px;
  color: var(--nb-lime);
  display: inline-flex;
  height: 72px;
  justify-content: center;
  margin-bottom: 18px;
  position: relative;
  width: 72px;
}

.admin-login-success-icon.pale {
  background: var(--nb-green-tint);
  color: var(--nb-green);
}

.admin-login-success-icon.pale i {
  animation: admin-login-pulse 1.8s infinite;
  border: 2px solid var(--nb-green);
  border-radius: 999px;
  inset: -6px;
  opacity: 0.3;
  position: absolute;
}

.admin-login-centered strong {
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 13px;
}

.admin-login-text-button {
  margin-top: 10px;
  padding: 10px;
  width: 100%;
}

.admin-login-progress {
  background: var(--nb-bg-soft);
  border-radius: 999px;
  height: 4px;
  margin: 18px auto 0;
  max-width: 240px;
  overflow: hidden;
}

.admin-login-progress i {
  animation: admin-login-shimmer 1.2s infinite;
  background: linear-gradient(90deg, var(--nb-green), var(--nb-lime));
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 40%;
}

.admin-login-footer {
  color: var(--nb-caption);
  font-family: var(--nb-font-mono);
  font-size: 11px;
}

.admin-login-brand-pane {
  align-items: center;
  background: var(--nb-dark-green);
  color: var(--nb-bg);
  display: flex;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
  padding: 40px 56px;
  position: relative;
}

.admin-login-grid {
  height: 100%;
  inset: 0;
  opacity: 0.06;
  position: absolute;
  width: 100%;
}

.admin-login-brand-pane::before,
.admin-login-brand-pane::after {
  border-radius: 999px;
  content: "";
  position: absolute;
}

.admin-login-brand-pane::before {
  background: radial-gradient(circle, rgba(188, 255, 78, 0.15), transparent 70%);
  height: 380px;
  right: -120px;
  top: -120px;
  width: 380px;
}

.admin-login-brand-pane::after {
  background: radial-gradient(circle, rgba(28, 165, 92, 0.2), transparent 70%);
  bottom: -160px;
  height: 320px;
  left: -100px;
  width: 320px;
}

.admin-login-request {
  border: 1px solid rgba(254, 252, 249, 0.16);
  border-radius: 999px;
  color: var(--nb-bg);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  padding: 6px 14px;
  position: absolute;
  right: 56px;
  top: 40px;
  z-index: 1;
}

.admin-login-brand-copy {
  max-width: 480px;
  position: relative;
  z-index: 1;
}

.admin-login-brand-copy > span {
  align-items: center;
  background: rgba(188, 255, 78, 0.12);
  border-radius: 999px;
  color: var(--nb-lime);
  display: inline-flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 8px;
  margin-bottom: 24px;
  padding: 5px 12px;
}

.admin-login-brand-copy i {
  animation: admin-login-pulse 1.6s infinite;
  background: var(--nb-lime);
}

.admin-login-brand-copy h2 {
  font-size: 52px;
  letter-spacing: -0.025em;
  line-height: 1.02;
}

.admin-login-brand-copy h2 em {
  color: var(--nb-lime);
}

.admin-login-brand-pane footer {
  bottom: 40px;
  color: rgba(254, 252, 249, 0.4);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  position: absolute;
  right: 56px;
  z-index: 1;
}

@media (max-width: 900px) {
  .admin-login-shell {
    grid-template-columns: 1fr;
  }

  .admin-login-brand-pane {
    display: none;
  }

  .admin-login-form-pane {
    padding: 28px 22px;
  }

  .admin-login-status {
    display: none;
  }
}

.admin-content-workdrive {
  background: #f5f6f3;
  padding-bottom: 48px;
}

.admin-workdrive-page {
  color: var(--nb-ink);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.admin-workdrive-hero {
  align-items: flex-end;
  background: #052c17;
  border-radius: 8px;
  color: var(--nb-bg);
  display: flex;
  gap: 28px;
  justify-content: space-between;
  min-height: 210px;
  overflow: hidden;
  padding: 30px;
  position: relative;
}

.admin-workdrive-hero::after {
  background:
    linear-gradient(135deg, rgba(188, 255, 78, 0.18), transparent 42%),
    radial-gradient(circle at 92% 20%, rgba(254, 252, 249, 0.14), transparent 28%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.admin-workdrive-hero > * {
  position: relative;
  z-index: 1;
}

.admin-workdrive-kicker {
  align-items: center;
  color: rgba(254, 252, 249, 0.62);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 10px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.admin-workdrive-kicker i {
  background: var(--nb-lime);
  border-radius: 999px;
  box-shadow: 0 0 0 6px rgba(188, 255, 78, 0.16);
  display: inline-flex;
  height: 6px;
  width: 6px;
}

.admin-workdrive-kicker em {
  color: var(--nb-lime);
  font-style: normal;
}

.admin-workdrive-hero h1 {
  color: var(--nb-bg);
  font-size: 44px;
  letter-spacing: -0.02em;
  line-height: 1.05;
  margin: 18px 0 12px;
}

.admin-workdrive-hero p {
  color: rgba(254, 252, 249, 0.72);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  max-width: 560px;
}

.admin-workdrive-actions {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 520px;
}

.admin-workdrive-tenant-select {
  width: 100%;
}

.admin-workdrive-button-row {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: minmax(112px, 0.82fr) minmax(138px, 1fr) minmax(190px, 1.34fr);
  width: 100%;
}

.admin-workdrive-upload-form {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: minmax(104px, 1fr) minmax(82px, 0.78fr);
  width: 100%;
}

.admin-workdrive-button-row form,
.admin-workdrive-button-row button,
.admin-workdrive-button-row label {
  min-width: 0;
  white-space: nowrap;
  width: 100%;
}

.admin-workdrive-upload-form .admin-secondary-button,
.admin-workdrive-upload-form .admin-primary-button {
  justify-content: center;
}

.admin-workdrive-actions .admin-secondary-button {
  background: rgba(254, 252, 249, 0.06);
  border-color: rgba(254, 252, 249, 0.2);
  color: var(--nb-bg);
}

.admin-workdrive-actions .admin-secondary-button:hover {
  background: rgba(254, 252, 249, 0.12);
  border-color: rgba(254, 252, 249, 0.34);
}

.admin-workdrive-actions .admin-primary-button {
  background: var(--nb-lime);
  color: var(--nb-dark-green);
}

.admin-workdrive-import-button {
  cursor: pointer;
  overflow: hidden;
  position: relative;
}

.admin-workdrive-import-button[aria-disabled="true"] {
  cursor: default;
  opacity: 0.62;
}

.admin-workdrive-file-input,
.admin-workdrive-upload-form input[type="file"] {
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  height: 1px !important;
  left: -9999px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

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

.admin-workdrive-stat {
  background: var(--nb-bg);
  border: 1px solid rgba(5, 44, 23, 0.08);
  border-radius: 8px;
  min-height: 142px;
  padding: 18px;
}

.admin-workdrive-stat span {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  gap: 8px;
  text-transform: uppercase;
}

.admin-workdrive-stat strong {
  display: block;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 22px 0 8px;
}

.admin-workdrive-stat small {
  color: var(--nb-muted);
  display: block;
  font-size: 12px;
  line-height: 1.45;
}

.admin-workdrive-empty {
  align-items: center;
  background: var(--nb-bg);
  border: 1px dashed rgba(5, 44, 23, 0.2);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 360px;
  justify-content: center;
  padding: 36px;
  text-align: center;
}

.admin-workdrive-empty h2 {
  font-size: 22px;
  letter-spacing: -0.01em;
  margin: 0;
}

.admin-workdrive-empty p {
  color: var(--nb-muted);
  line-height: 1.55;
  margin: 0;
  max-width: 420px;
}

.admin-workdrive-grid {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: 210px minmax(320px, 1fr) minmax(360px, 0.9fr);
  min-height: 720px;
}

.admin-workdrive-sidebar,
.admin-workdrive-list,
.admin-workdrive-detail {
  background: var(--nb-bg);
  border: 1px solid rgba(5, 44, 23, 0.08);
  border-radius: 8px;
}

.admin-workdrive-sidebar {
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px;
}

.admin-workdrive-sidebar > span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  margin: 10px 8px 6px;
  text-transform: uppercase;
}

.admin-workdrive-sidebar button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--nb-ink);
  cursor: pointer;
  display: grid;
  font: inherit;
  font-size: 13px;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: 16px 1fr auto;
  padding: 9px 8px;
  text-align: left;
}

.admin-workdrive-sidebar button.active,
.admin-workdrive-sidebar button:hover {
  background: rgba(5, 44, 23, 0.06);
}

.admin-workdrive-sidebar button em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
}

.admin-workdrive-sidebar button i {
  border-radius: 999px;
  display: inline-flex;
  height: 7px;
  width: 7px;
}

.admin-workdrive-list {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

.admin-workdrive-search {
  align-items: center;
  border-bottom: 1px solid rgba(5, 44, 23, 0.08);
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: 16px 1fr auto;
  padding: 14px;
}

.admin-workdrive-search input {
  border: 0;
  color: var(--nb-ink);
  font: inherit;
  outline: none;
}

.admin-workdrive-search em {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-style: normal;
}

.admin-workdrive-files {
  display: flex;
  flex-direction: column;
}

.admin-workdrive-files > button {
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(5, 44, 23, 0.08);
  color: inherit;
  cursor: pointer;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: 46px 1fr auto;
  padding: 16px 14px;
  text-align: left;
}

.admin-workdrive-files > button.active,
.admin-workdrive-files > button:hover {
  background: #f7f8f4;
}

.admin-workdrive-file-icon {
  align-items: center;
  background: #fbfbf8;
  border: 1px solid rgba(5, 44, 23, 0.12);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: 46px;
  justify-content: center;
  position: relative;
  width: 46px;
}

.admin-workdrive-file-icon small {
  font-family: var(--nb-font-mono);
  font-size: 8px;
}

.admin-workdrive-file-icon i {
  align-items: center;
  background: var(--nb-lime);
  border-radius: 999px;
  color: #052c17;
  display: inline-flex;
  height: 14px;
  justify-content: center;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 14px;
}

.admin-workdrive-file-copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.admin-workdrive-file-copy strong {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
  min-width: 0;
}

.admin-workdrive-file-copy strong em {
  background: rgba(5, 44, 23, 0.06);
  border-radius: 999px;
  color: var(--nb-muted);
  flex: 0 0 auto;
  font-family: var(--nb-font-mono);
  font-size: 9px;
  font-style: normal;
  padding: 2px 6px;
}

.admin-workdrive-file-copy small {
  color: var(--nb-muted);
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.45;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-workdrive-file-copy > span {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 7px;
}

.admin-workdrive-file-copy b {
  font-weight: 500;
}

.admin-workdrive-file-copy i {
  background: rgba(5, 44, 23, 0.18);
  border-radius: 999px;
  display: inline-flex;
  height: 3px;
  width: 3px;
}

.admin-workdrive-status {
  border-radius: 999px;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  padding: 5px 8px;
  white-space: nowrap;
}

.admin-workdrive-status-ok {
  background: rgba(28, 165, 92, 0.12);
  color: #1c6f42;
}

.admin-workdrive-status-warn {
  background: rgba(240, 185, 11, 0.14);
  color: #8b6500;
}

.admin-workdrive-status-bad {
  background: rgba(255, 78, 89, 0.12);
  color: #b12d38;
}

.admin-workdrive-status-muted {
  background: rgba(5, 44, 23, 0.06);
  color: var(--nb-muted);
}

.admin-workdrive-no-results {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 0;
  padding: 28px 18px;
}

.admin-workdrive-pagination {
  align-items: center;
  border-top: 1px solid rgba(5, 44, 23, 0.08);
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-top: auto;
  padding: 12px 14px;
}

.admin-workdrive-pagination button {
  align-items: center;
  background: #fbfbf8;
  border: 1px solid rgba(5, 44, 23, 0.1);
  border-radius: 7px;
  color: var(--nb-ink);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  justify-content: center;
  min-height: 32px;
  min-width: 74px;
  padding: 7px 10px;
}

.admin-workdrive-pagination button:hover:not(:disabled) {
  background: #f7f8f4;
  border-color: rgba(5, 44, 23, 0.18);
}

.admin-workdrive-pagination button:disabled {
  color: var(--nb-muted);
  cursor: default;
  opacity: 0.45;
}

.admin-workdrive-pagination > span {
  color: var(--nb-ink);
  display: flex;
  flex-direction: column;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  font-weight: 700;
  gap: 2px;
  line-height: 1.25;
  text-align: center;
}

.admin-workdrive-pagination > span em {
  color: var(--nb-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
}

.admin-workdrive-detail {
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 18px;
}

.admin-workdrive-detail-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.admin-workdrive-detail-head span,
.admin-workdrive-label {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  text-transform: uppercase;
}

.admin-workdrive-detail-head h2 {
  font-size: 22px;
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin: 6px 0 0;
  word-break: break-word;
}

.admin-workdrive-mini-stats {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}

.admin-workdrive-mini-stats > span {
  background: #f7f8f4;
  border-radius: 7px;
  padding: 12px;
}

.admin-workdrive-mini-stats em {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.admin-workdrive-mini-stats strong {
  font-size: 16px;
}

.admin-workdrive-source-form,
.admin-workdrive-detail-actions,
.admin-workdrive-test-form {
  display: flex;
  gap: 10px;
}

.admin-workdrive-source-form {
  flex-direction: column;
}

.admin-workdrive-source-form label,
.admin-workdrive-checks label {
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  gap: 7px;
  text-transform: uppercase;
}

.admin-workdrive-source-form textarea,
.admin-workdrive-test-form input {
  background: #fbfbf8;
  border: 1px solid rgba(5, 44, 23, 0.12);
  border-radius: 6px;
  color: var(--nb-ink);
  font: inherit;
  outline: none;
  padding: 10px 11px;
}

.admin-workdrive-source-form textarea:focus,
.admin-workdrive-test-form input:focus {
  border-color: rgba(5, 44, 23, 0.38);
}

.admin-workdrive-checks {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}

.admin-workdrive-checks label {
  align-items: center;
  background: #f7f8f4;
  border-radius: 7px;
  color: var(--nb-ink);
  flex-direction: row;
  padding: 10px;
  text-transform: none;
}

.admin-workdrive-detail-actions form,
.admin-workdrive-detail-actions button,
.admin-workdrive-test-form input {
  flex: 1 1;
}

.admin-workdrive-test-results {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-workdrive-test-results article {
  background: #f7f8f4;
  border: 1px solid rgba(5, 44, 23, 0.08);
  border-radius: 7px;
  padding: 12px;
}

.admin-workdrive-test-results article.admin-workdrive-test-empty {
  background: #fbfbf8;
  border-style: dashed;
}

.admin-workdrive-test-results strong {
  display: block;
  font-size: 13px;
}

.admin-workdrive-test-results em {
  color: #1c6f42;
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
  margin-top: 4px;
}

.admin-workdrive-test-results p {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.5;
  margin: 8px 0 0;
}

.admin-workdrive-markdown-preview {
  background: #0f1712;
  border-radius: 8px;
  color: rgba(254, 252, 249, 0.86);
  font-family: var(--nb-font-mono);
  font-size: 12px;
  line-height: 1.6;
  margin: 0;
  max-height: 340px;
  overflow: auto;
  padding: 16px;
  white-space: pre-wrap;
}

.admin-workdrive-retrievals {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.admin-workdrive-retrievals > span {
  align-items: center;
  background: #f7f8f4;
  border-radius: 7px;
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: 52px 1fr auto;
  padding: 9px 10px;
}

.admin-workdrive-retrievals em,
.admin-workdrive-retrievals i {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10px;
  font-style: normal;
}

.admin-workdrive-retrievals strong {
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-workdrive-retrievals p,
.admin-workdrive-error {
  color: var(--nb-muted);
  font-size: 12px;
  margin: 0;
}

.admin-workdrive-error {
  background: rgba(255, 78, 89, 0.1);
  border-radius: 6px;
  color: #b12d38;
  padding: 10px;
}

.admin-content-ai-quality {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 32px;
}

.admin-ai-quality {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.admin-ai-quality-notice {
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.45;
  padding: 14px 16px;
}

.admin-ai-quality-notice.success {
  background: #e5f1ee;
  color: #052c17;
}

.admin-ai-quality-notice.error {
  background: #ffe4e0;
  color: #a4232c;
}

/* === KPI strip === */
.admin-ai-quality-stats {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-ai-quality-stat {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 14px;
  padding: 20px 22px;
}

.admin-ai-quality-stat span {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  gap: 8px;
  letter-spacing: 0.10em;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.admin-ai-quality-stat.warn span svg {
  color: var(--nb-yellow);
}

.admin-ai-quality-stat.ok span svg {
  color: var(--nb-green);
}

.admin-ai-quality-stat strong {
  color: var(--nb-dark-green);
  display: block;
  font-family: var(--nb-font-display);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1;
}

.admin-ai-quality-stat small {
  color: var(--nb-muted);
  display: block;
  font-size: 12.5px;
  line-height: 1.45;
  margin-top: 12px;
}

/* === Filter bar === */
.admin-ai-quality-toolbar {
  align-items: center;
  display: flex;
  gap: 12px;
}

.admin-ai-quality-tabs {
  background: rgba(21, 21, 21, 0.04);
  border-radius: 10px;
  display: flex;
  gap: 4px;
  padding: 4px;
}

.admin-ai-quality-tabs button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  color: var(--nb-muted);
  cursor: pointer;
  display: inline-flex;
  font-family: var(--nb-font-sans);
  font-size: 13.5px;
  font-weight: 500;
  gap: 6px;
  height: 34px;
  justify-content: center;
  padding: 0 14px;
}

.admin-ai-quality-tabs button em {
  color: var(--nb-caption);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  font-style: normal;
}

.admin-ai-quality-tabs button.active {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  color: var(--nb-dark-green);
  font-weight: 600;
}

.admin-ai-quality-tabs button.active em {
  color: var(--nb-green);
}

.admin-ai-quality-search {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.10);
  border-radius: 8px;
  color: var(--nb-muted);
  display: flex;
  flex: 1 1;
  gap: 8px;
  height: 38px;
  padding: 0 12px;
}

.admin-ai-quality-search input {
  background: transparent;
  border: 0;
  color: var(--nb-black);
  flex: 1 1;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  outline: none;
}

.admin-ai-quality-tenant {
  flex: 0 0 200px;
  width: 200px;
}

/* === 3-column workspace === */
.admin-ai-quality-grid {
  align-items: start;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  grid-template-columns: 320px 1fr 360px;
  min-height: 0;
}

/* === List column === */
.admin-ai-quality-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

.admin-ai-quality-list-scroll {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.admin-ai-quality-list-scroll > button {
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 12px;
  color: var(--nb-black);
  cursor: pointer;
  display: grid;
  font-family: var(--nb-font-sans);
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 48px 1fr;
  padding: 14px;
  text-align: left;
}

.admin-ai-quality-list-scroll > button:hover {
  border-color: rgba(21, 21, 21, 0.12);
}

.admin-ai-quality-list-scroll > button.active {
  background: rgba(188, 255, 78, 0.12);
  border-color: var(--nb-lime);
}

.admin-ai-quality-list-scroll > button > div:last-child {
  min-width: 0;
}

.admin-ai-quality-list strong {
  color: var(--nb-black);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}

.admin-ai-quality-list span {
  color: var(--nb-black);
  display: block;
  font-size: 13.5px;
  font-weight: 500;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ai-quality-list p {
  color: var(--nb-muted);
  display: -webkit-box;
  font-size: 12px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  margin: 5px 0 0;
  overflow: hidden;
}

.admin-ai-quality-list em {
  color: #a4232c;
  display: block;
  font-size: 11.5px;
  font-style: normal;
  margin-top: 8px;
}

/* Empty/no-results states */
.admin-ai-quality-no-results {
  align-items: center;
  background: #ffffff;
  border: 1px dashed rgba(21, 21, 21, 0.12);
  border-radius: 14px;
  color: var(--nb-muted);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 40px;
  text-align: center;
}

.admin-ai-quality-no-results svg {
  color: var(--nb-caption);
}

.admin-ai-quality-no-results p {
  color: var(--nb-muted);
  font-size: 13px;
  margin: 0;
}

/* === Score badges (list + scorecard header) === */
.admin-ai-quality-mini-score,
.admin-ai-quality-score {
  align-items: center;
  color: var(--nb-dark-green);
  display: inline-flex;
  font-family: var(--nb-font-display);
  font-weight: 600;
  justify-content: center;
  letter-spacing: -0.02em;
}

.admin-ai-quality-mini-score {
  border-radius: 8px;
  font-size: 17px;
  height: 48px;
  width: 48px;
}

.admin-ai-quality-score {
  border-radius: 10px;
  font-size: 20px;
  height: 56px;
  width: 56px;
}

.admin-ai-quality-mini-score.good,
.admin-ai-quality-score.good {
  background: #e5f1ee;
}

.admin-ai-quality-mini-score.watch,
.admin-ai-quality-score.watch {
  background: #fff4d6;
}

.admin-ai-quality-mini-score.risk,
.admin-ai-quality-score.risk {
  background: #ffe9b3;
}

.admin-ai-quality-mini-score.bad,
.admin-ai-quality-score.bad {
  background: #ffe4e0;
}

/* === Center: transcript === */
.admin-ai-quality-transcript {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-height: 380px;
  min-width: 0;
  padding: 22px 24px;
}

.admin-ai-quality-transcript > header {
  display: block;
  padding: 0;
}

.admin-ai-quality-transcript > header span {
  color: var(--nb-muted);
  display: block;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
}

.admin-ai-quality-transcript h2 {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 4px 0 0;
}

.admin-ai-quality-transcript > header p {
  color: var(--nb-muted);
  font-size: 12px;
  margin: 4px 0 0;
}

.admin-ai-quality-messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  overflow: visible;
  padding: 0;
}

.admin-ai-quality-message {
  align-self: stretch;
  background: transparent;
  border-radius: 0;
  display: block;
  max-width: 100%;
  padding: 0;
}

.admin-ai-quality-message span {
  align-items: center;
  color: var(--nb-muted);
  display: flex;
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  gap: 6px;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
  opacity: 1;
  text-transform: uppercase;
}

.admin-ai-quality-message p {
  border-radius: 10px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.45;
  margin: 0;
  max-width: 85%;
  padding: 10px 14px;
  white-space: pre-wrap;
}

.admin-ai-quality-message.customer p {
  background: var(--nb-dark-green);
  color: var(--nb-cream);
}

.admin-ai-quality-message.agent p {
  background: #f5f2eb;
  color: var(--nb-black);
}

.admin-ai-quality-message.system p {
  background: #f5f2eb;
  color: var(--nb-black);
}

/* === Right: scorecard === */
.admin-ai-quality-detail {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
}

.admin-ai-quality-card {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  padding: 20px 22px;
}

.admin-ai-quality-card-score > header {
  align-items: center;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: 56px 1fr;
}

.admin-ai-quality-card-score > header span {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.admin-ai-quality-card-score > header h2 {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 4px 0 0;
}

.admin-ai-quality-card-score > header p {
  color: var(--nb-muted);
  font-size: 12px;
  line-height: 1.45;
  margin: 4px 0 0;
}

.admin-ai-quality-card-score .admin-ai-quality-section {
  display: block;
  margin-top: 22px;
  padding: 0;
}

.admin-ai-quality-section h3 {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: 0.10em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.admin-ai-quality-card-score .admin-ai-quality-section > p {
  color: var(--nb-muted);
  font-size: 12.5px;
  margin: 0;
}

.admin-ai-quality-card-rule {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.admin-ai-quality-section-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

.admin-ai-quality-section-head h3 {
  color: var(--nb-muted);
  font-family: var(--nb-font-mono);
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: 0.10em;
  margin: 0;
  text-transform: uppercase;
}

.admin-ai-quality-section-head a {
  color: var(--nb-green);
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
}

.admin-ai-quality-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-ai-quality-tags span {
  background: #ffe4e0;
  border-radius: 999px;
  color: #a4232c;
  font-family: var(--nb-font-mono);
  font-size: 11px;
  letter-spacing: -0.02em;
  padding: 4px 10px;
}

.admin-ai-quality-dl {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.admin-ai-quality-dl div {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.08);
  border-radius: 10px;
  padding: 10px 12px;
}

.admin-ai-quality-dl dt {
  color: var(--nb-muted);
  font-size: 11.5px;
}

.admin-ai-quality-dl dd {
  color: var(--nb-black);
  font-family: var(--nb-font-mono);
  font-size: 13px;
  margin: 3px 0 0;
}

.admin-ai-quality-detail label {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
}

.admin-ai-quality-detail label span {
  color: var(--nb-muted);
  font-family: var(--nb-font-sans);
  font-size: 11.5px;
  letter-spacing: 0;
  text-transform: none;
}

.admin-ai-quality-detail input,
.admin-ai-quality-detail textarea {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.10);
  border-radius: 8px;
  color: var(--nb-black);
  font-family: var(--nb-font-sans);
  font-size: 13px;
  outline: none;
  padding: 10px 12px;
}

.admin-ai-quality-detail input {
  height: 38px;
  padding: 0 12px;
}

.admin-ai-quality-detail textarea {
  line-height: 1.5;
  min-height: 80px;
  resize: vertical;
}

.admin-ai-quality-rule-actions {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}

.admin-ai-quality-rule-actions button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  flex: 1 1;
  font-family: var(--nb-font-sans);
  font-size: 13px;
  gap: 6px;
  height: 36px;
  justify-content: center;
  padding: 0 14px;
}

.admin-ai-quality-rule-dismiss {
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.10);
  color: var(--nb-black);
}

.admin-ai-quality-rule-approve {
  background: var(--nb-dark-green);
  border: 0;
  color: var(--nb-cream);
  font-weight: 500;
}

.admin-ai-quality-rule-approve:disabled {
  cursor: default;
  opacity: 0.58;
}

/* === Empty data state === */
.admin-ai-quality-empty {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(21, 21, 21, 0.06);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  min-height: 420px;
  padding: 36px;
  text-align: center;
}

.admin-ai-quality-empty h2 {
  color: var(--nb-dark-green);
  font-family: var(--nb-font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0;
}

.admin-ai-quality-empty p {
  color: var(--nb-muted);
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}

@media (max-width: 1280px) {
  .admin-ai-quality-grid {
    grid-template-columns: minmax(280px, 0.9fr) minmax(420px, 1.1fr);
  }

  .admin-ai-quality-detail {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .admin-content-ai-quality {
    padding: 20px;
  }

  .admin-ai-quality-stats,
  .admin-ai-quality-toolbar,
  .admin-ai-quality-grid {
    grid-template-columns: 1fr;
  }

  .admin-ai-quality-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-ai-quality-tenant {
    flex: 1 1 auto;
    width: 100%;
  }

  .admin-ai-quality-tabs {
    overflow-x: auto;
  }
}

@media (max-width: 1180px) {
  .admin-workdrive-actions {
    min-width: 460px;
  }

  .admin-workdrive-grid {
    grid-template-columns: 180px minmax(320px, 1fr);
  }

  .admin-workdrive-detail {
    grid-column: 1 / -1;
  }
}

@media (max-width: 820px) {
  .admin-workdrive-hero,
  .admin-workdrive-actions {
    align-items: stretch;
    flex-direction: column;
    min-width: 0;
  }

  .admin-workdrive-button-row,
  .admin-workdrive-upload-form {
    grid-template-columns: 1fr;
  }

  .admin-workdrive-stats,
  .admin-workdrive-grid,
  .admin-workdrive-mini-stats {
    grid-template-columns: 1fr;
  }

  .admin-workdrive-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-workdrive-sidebar > span {
    grid-column: 1 / -1;
  }
}

/* === chat widget === */
.chat-widget-root {
  position: fixed;
  z-index: 2147483646;
  font-family: inherit;
}
.chat-widget-root-inline {
  position: relative;
  width: 100%;
  height: 100%;
}
.chat-widget-position-bottom-right { bottom: 16px; right: 16px; }
.chat-widget-position-bottom-left { bottom: 16px; left: 16px; }
.chat-widget-position-top-right { top: 16px; right: 16px; }
.chat-widget-position-top-left { top: 16px; left: 16px; }

.chat-widget-launcher {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.15s ease;
}
.chat-widget-launcher:hover { transform: scale(1.04); }

.chat-widget-panel {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  color: #0f172a;
}

.chat-widget-layout-bubble {
  width: 360px;
  height: 560px;
  max-height: calc(100vh - 32px);
  position: absolute;
  bottom: 64px;
  right: 0;
}
.chat-widget-position-bottom-left .chat-widget-layout-bubble { left: 0; right: auto; }
.chat-widget-position-top-right .chat-widget-layout-bubble { top: 64px; bottom: auto; }
.chat-widget-position-top-left .chat-widget-layout-bubble { top: 64px; bottom: auto; left: 0; right: auto; }

.chat-widget-root-sidebar { top: 0; right: 0; bottom: 0; }
.chat-widget-layout-sidebar {
  width: 400px;
  height: 100vh;
  border-radius: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
}
.chat-widget-sidebar-push ~ html,
.chat-widget-sidebar-push ~ body {
  margin-right: 400px;
}

.chat-widget-layout-inline {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.chat-widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  background: var(--chat-widget-primary, #1CA55C);
  color: #fff;
}
.chat-widget-header strong { font-size: 15px; }
.chat-widget-header small { display: block; opacity: 0.85; font-size: 12px; margin-top: 2px; }
.chat-widget-close {
  background: rgba(255, 255, 255, 0.18);
  border: none;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.chat-widget-close:hover { background: rgba(255, 255, 255, 0.32); }

.chat-widget-messages {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #f8fafc;
}
.chat-widget-message {
  max-width: 78%;
  padding: 8px 12px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.4;
}
.chat-widget-message p { margin: 0; }
.chat-widget-message-customer {
  align-self: flex-end;
  background: var(--chat-widget-primary, #1CA55C);
  color: #fff;
  border-bottom-right-radius: 4px;
}
.chat-widget-message-agent {
  align-self: flex-start;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-bottom-left-radius: 4px;
}
.chat-widget-message-system {
  align-self: stretch;
  background: transparent;
  color: #475569;
  font-size: 13px;
  text-align: center;
}

.chat-widget-composer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-top: 1px solid #e5e7eb;
  background: #fff;
}
.chat-widget-composer input {
  flex: 1 1;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 8px 12px;
  font: inherit;
  background: #fff;
}
.chat-widget-composer input:focus { outline: 2px solid var(--chat-widget-primary, #1CA55C); outline-offset: -2px; }
.chat-widget-composer button {
  background: var(--chat-widget-primary, #1CA55C);
  color: #fff;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.chat-widget-composer button:disabled { opacity: 0.5; cursor: default; }
.chat-widget-spinner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: chat-widget-spin 0.7s linear infinite;
}
@keyframes chat-widget-spin { to { transform: rotate(360deg); } }

.chat-widget-branding {
  padding: 6px 12px;
  font-size: 11px;
  color: #94a3b8;
  text-align: center;
  background: #fff;
  border-top: 1px solid #f1f5f9;
}

@media (max-width: 540px) {
  .chat-widget-layout-bubble,
  .chat-widget-layout-sidebar {
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    position: fixed;
    inset: 0;
  }
  .chat-widget-sidebar-push ~ html,
  .chat-widget-sidebar-push ~ body { margin-right: 0; }
}

/* === tenant detail subpages (api-keys, widget) === */
.admin-tenant-detail-page {
  padding: 24px 32px;
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.admin-tenant-detail-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.admin-tenant-detail-header h1 {
  font-size: 22px;
  margin: 0;
}
.admin-tenant-detail-header p {
  margin: 0;
  color: #475569;
  font-size: 14px;
}
.admin-back-link {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  color: #475569;
  text-decoration: none;
  margin-bottom: 4px;
}
.admin-back-link:hover { color: #0f172a; }

.admin-settings-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.admin-settings-form .admin-settings-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px;
}
.admin-settings-form .admin-settings-section h2 {
  font-size: 14px;
  margin: 0 0 4px 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #475569;
}
.admin-settings-form label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #334155;
}
.admin-settings-form label > span { font-weight: 500; }
.admin-settings-form input[type="text"],
.admin-settings-form input:not([type]),
.admin-settings-form input[type="number"],
.admin-settings-form select,
.admin-settings-form textarea {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 8px 10px;
  font: inherit;
  background: #fff;
}
.admin-settings-form input:focus,
.admin-settings-form select:focus,
.admin-settings-form textarea:focus { outline: 2px solid #1CA55C; outline-offset: -1px; }
.admin-settings-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.admin-checkbox {
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
}
.admin-checkbox input { width: auto; }

.admin-row-muted {
  opacity: 0.55;
}

.admin-api-key-reveal {
  display: block;
  margin-top: 8px;
  padding: 8px;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  word-break: break-all;
}

/* chat widget typing indicator */
.chat-widget-typing {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
}
.chat-widget-typing span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #94a3b8;
  animation: chat-widget-dot 1.2s infinite ease-in-out;
}
.chat-widget-typing span:nth-child(2) { animation-delay: 0.15s; }
.chat-widget-typing span:nth-child(3) { animation-delay: 0.3s; }
@keyframes chat-widget-dot {
  0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-3px); }
}