/* =========================================================
   Lumii local overrides — EDIT ONLY THIS FILE for style changes.
   Do NOT rewrite paths inside index.html (breaks inline RSC scripts).
   ========================================================= */

/* --- min readable type: bump tiny sizes via inheritance helpers --- */
.sidebar small,
.sidebar-footer,
.eyebrow,
.weather-note span,
.weather-note small,
.card-topline,
.status-pill,
.hero-card p,
.hero-card footer,
.opportunity-meta,
.opportunity-copy p,
.opportunity-value span,
.opportunity-value small {
  font-size: 12px !important;
}

/* Topbar unify to 12px */
.topbar .location-switch { align-items: center !important; }
.topbar .location-switch > span,
.topbar .location-switch strong,
.topbar .location-switch button,
.top-actions .theme-toggle button,
.top-actions .language-toggle button,
.top-actions .demo-trigger,
.top-actions .demo-trigger span,
.top-actions .profile b,
.top-actions .profile small,
.top-actions .profile i {
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.topbar .location-switch button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 12px !important;
  padding: 0 !important;
  margin: 0 0 0 2px !important;
  line-height: 12px !important;
  position: relative;
  top: -5px !important;
}
@media (min-width: 1181px) {
  .top-actions .theme-toggle button { width: auto !important; }
  .top-actions .theme-toggle button:first-letter { font-size: 12px !important; }
}
.top-actions .demo-trigger span {
  display: inline-block;
  transition: transform .2s ease;
  transform-origin: center;
}
.top-actions .demo-trigger.active span { transform: rotate(90deg); }

/* Theme A/Tech: clean light panels */
html[data-theme=light] .opportunity-card,
html[data-theme=tech] .opportunity-card {
  background: #fff !important;
  border: 1px solid #d8dee8 !important;
  box-shadow: 0 4px 16px rgba(27,49,72,.06) !important;
  color: #182235 !important;
  position: relative !important;
  overflow: hidden !important;
}
html[data-theme=light] .opportunity-card.featured,
html[data-theme=tech] .opportunity-card.featured {
  background: linear-gradient(90deg, #efeafc, #fff 55%) !important;
  border-color: #b7a9f0 !important;
  box-shadow: 0 6px 20px rgba(92,72,223,.12) !important;
  padding-top: 36px !important;
}
html[data-theme=light] .opportunity-copy h3,
html[data-theme=tech] .opportunity-copy h3 { color: #182235 !important; }
html[data-theme=light] .opportunity-copy p,
html[data-theme=light] .opportunity-value small,
html[data-theme=light] .opportunity-value span,
html[data-theme=tech] .opportunity-copy p,
html[data-theme=tech] .opportunity-value small,
html[data-theme=tech] .opportunity-value span { color: #647084 !important; }
html[data-theme=light] .opportunity-value strong,
html[data-theme=tech] .opportunity-value strong { color: #5c48df !important; }
html[data-theme=light] .opportunity-rank,
html[data-theme=tech] .opportunity-rank { color: #b8c2d1 !important; }
html[data-theme=light] .opportunity-meta code,
html[data-theme=tech] .opportunity-meta code { color: #405066 !important; }

html[data-theme=light] .closed-loop-strip,
html[data-theme=tech] .closed-loop-strip {
  background: #fff !important;
  border: 1px solid #d8dee8 !important;
  color: #182235 !important;
  box-shadow: 0 4px 16px rgba(27,49,72,.06) !important;
}
html[data-theme=light] .loop-step strong,
html[data-theme=tech] .loop-step strong { color: #182235 !important; }
html[data-theme=light] .loop-step span,
html[data-theme=tech] .loop-step span { color: #647084 !important; }
html[data-theme=light] .loop-step em,
html[data-theme=tech] .loop-step em { color: #7664de !important; }

html[data-theme=light] .outline-button,
html[data-theme=tech] .outline-button {
  color: #182235 !important;
  background: #fff !important;
  border: 1px solid #c7bdf5 !important;
}
html[data-theme=light] .scenario-card,
html[data-theme=tech] .scenario-card {
  background: #fff !important;
  border: 1px solid #d8dee8 !important;
  box-shadow: 0 4px 16px rgba(27,49,72,.06) !important;
}
html[data-theme=light] .scenario-card.selected,
html[data-theme=tech] .scenario-card.selected {
  background: linear-gradient(145deg, #efeafc, #fff) !important;
  border-color: #5c48df !important;
}

/* Recommended badge top-left (CSS only — no React DOM inject) */
.opportunity-card.featured {
  position: relative !important;
  overflow: hidden !important;
  padding-top: 36px !important;
}
.opportunity-card.featured::before {
  content: "TOP PICK";
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  padding: 3px 8px;
  border-radius: 3px;
  background: #5c48df;
  color: #fff;
  font: 650 12px var(--font-geist-mono);
  letter-spacing: .06em;
  line-height: 1.2;
}
html[lang="zh-CN"] .opportunity-card.featured::before,
html[lang="zh"] .opportunity-card.featured::before {
  content: "\63A8\8350"; /* 推荐 */
}

/* Audience twin-field cleanup */
html[data-theme=light] .twin-field,
html[data-theme=tech] .twin-field {
  background: #f5f7fb !important;
  border: 1px solid #d8dee8 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8);
}
html[data-theme=light] .twin-field > i,
html[data-theme=tech] .twin-field > i {
  background: #c9d2e0 !important;
  box-shadow: none !important;
  width: 6px !important;
  height: 6px !important;
  opacity: .9;
}
html[data-theme=light] .twin-field > i.warm,
html[data-theme=tech] .twin-field > i.warm {
  background: #5ec8d8 !important;
  box-shadow: 0 0 0 3px rgba(94,200,216,.18) !important;
  opacity: 1;
}
html[data-theme=light] .twin-field > i.hot,
html[data-theme=tech] .twin-field > i.hot {
  background: #5c48df !important;
  box-shadow: 0 0 0 3px rgba(92,72,223,.16) !important;
  opacity: 1;
}
html[data-theme=light] .field-center,
html[data-theme=tech] .field-center {
  background: #fff !important;
  border: 1px solid #d5cef5 !important;
  box-shadow: 0 10px 28px rgba(28,43,66,.10) !important;
  width: 120px !important;
  height: 120px !important;
}
html[data-theme=light] .field-center strong,
html[data-theme=tech] .field-center strong {
  color: #5c48df !important;
  font-size: 26px !important;
}
html[data-theme=light] .field-center span,
html[data-theme=tech] .field-center span { color: #647084 !important; }
html[data-theme=light] .audience-flow span,
html[data-theme=tech] .audience-flow span { color: #8b97a8 !important; }
html[data-theme=light] .audience-flow b,
html[data-theme=tech] .audience-flow b { color: #405066 !important; }
html[data-theme=light] .audience-flow em,
html[data-theme=tech] .audience-flow em { color: #b8c2d1 !important; }
html[data-theme=light] .segment-bars > div > i,
html[data-theme=tech] .segment-bars > div > i { background: #e8edf5 !important; }
.profile i,.owner-person i{color:#fff!important}

/* Buttons: vertical center label */
.primary-button,
.outline-button,
.explain-button,
.primary-button.large,
.outline-button.large {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
}
.primary-button span,
.outline-button span {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* Safety net: keep chrome/meta text at least 12px */
.sidebar-footer,
.sidebar-footer *,
.card-topline,
.card-topline *,
.status-pill,
.opportunity-meta,
.opportunity-meta *,
.loop-step,
.loop-step *,
.section-heading p,
.hero-card footer,
.hero-card footer *,
.demo-progress button,
.demo-progress button * {
  font-size: 12px !important;
}

/* Primary button arrow/icon contrast on light theme */
html[data-theme=light] .primary-button,
html[data-theme=light] .primary-button span,
html[data-theme=tech] .primary-button,
html[data-theme=tech] .primary-button span {
  color: #ffffff !important;
}

/* Notification badge polish */
.top-actions .icon-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  line-height: 1 !important;
  flex-shrink: 0;
}
.top-actions .icon-button em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #e67a35 !important;
  color: #ffffff !important;
  font: 700 12px/1 var(--font-geist-mono) !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  box-sizing: border-box !important;
  top: -5px !important;
  right: -5px !important;
  transform: none !important;
}

/* Demo stepper numbers contrast */
.demo-progress button i {
  color: #ffffff !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
}
html[data-theme=light] .demo-progress button i,
html[data-theme=tech] .demo-progress button i {
  background: #3a4556 !important;
  border-color: #4b5768 !important;
  color: #ffffff !important;
}
html[data-theme=light] .demo-progress button.active i,
html[data-theme=tech] .demo-progress button.active i {
  background: #5c48df !important;
  border-color: #5c48df !important;
  color: #ffffff !important;
  box-shadow: 0 0 14px rgba(92,72,223,.28) !important;
}
html[data-theme=light] .demo-progress button.complete i,
html[data-theme=tech] .demo-progress button.complete i {
  background: #159f96 !important;
  border-color: #159f96 !important;
  color: #ffffff !important;
}
html[data-theme=light] .demo-progress button b,
html[data-theme=tech] .demo-progress button b {
  color: #405066 !important;
}
html[data-theme=light] .demo-progress button.active b,
html[data-theme=tech] .demo-progress button.active b {
  color: #182235 !important;
}
html[data-theme=light] .demo-progress button small,
html[data-theme=tech] .demo-progress button small {
  color: #8b97a8 !important;
}

/* Primary/outline hover contrast on light themes */
html[data-theme=light] .primary-button:hover,
html[data-theme=light] .primary-button:hover span,
html[data-theme=tech] .primary-button:hover,
html[data-theme=tech] .primary-button:hover span {
  background: #4a39c9 !important;
  border-color: #4a39c9 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(92, 72, 223, 0.28) !important;
}
html[data-theme=light] .outline-button:hover,
html[data-theme=light] .outline-button:hover span,
html[data-theme=tech] .outline-button:hover,
html[data-theme=tech] .outline-button:hover span {
  background: #efeafc !important;
  border-color: #5c48df !important;
  color: #5c48df !important;
}
html[data-theme=light] .primary-button.done:hover,
html[data-theme=tech] .primary-button.done:hover {
  background: #0f8b84 !important;
  border-color: #0f8b84 !important;
  color: #ffffff !important;
}

/* Brand subtitle wrap in English */
.brand > div {
  min-width: 0;
  max-width: 170px;
}
.brand span {
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.35 !important;
  letter-spacing: .08em !important;
  max-width: 100%;
}
html[lang="en"] .brand span {
  letter-spacing: .06em !important;
}

/* Unify all recommend badges to flat top-left pill (style #1) */
.recommended-ribbon {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  width: auto !important;
  min-width: 0 !important;
  transform: none !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  background: #5c48df !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  z-index: 2 !important;
  overflow: hidden !important;
}
/* Replace label text: only show 推荐 / TOP PICK */
.recommended-ribbon::before {
  content: "\63A8\8350"; /* 推荐 */
  color: #ffffff !important;
  font: 650 12px/1.2 var(--font-geist-mono) !important;
  letter-spacing: .06em;
}
html[lang="en"] .recommended-ribbon::before {
  content: "TOP PICK";
}
/* Cards with ribbon need space so content isn't under badge */
.scenario-card,
.campaign-offer,
.panel {
  position: relative;
}
.scenario-card:has(.recommended-ribbon),
.campaign-offer:has(.recommended-ribbon),
.panel:has(.recommended-ribbon) {
  padding-top: 36px !important;
}

/* ===== Mobile adaptation fixes ===== */
@media (max-width: 1180px) {
  /* restore compact A/B/C pills: letter only */
  .top-actions .theme-toggle button {
    width: 28px !important;
    padding: 0 !important;
    font-size: 0 !important;
    min-width: 28px !important;
  }
  .top-actions .theme-toggle button:first-letter {
    font-size: 12px !important;
  }
}

@media (max-width: 800px) {
  .topbar {
    height: auto !important;
    min-height: 58px;
    padding: 8px 10px !important;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center !important;
  }
  .mobile-brand {
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  .mobile-brand strong {
    font-size: 14px !important;
    letter-spacing: .12em;
  }
  .top-actions {
    margin-left: auto !important;
    gap: 6px !important;
    flex-wrap: nowrap;
    max-width: 100%;
  }
  .top-actions .theme-toggle button {
    width: 24px !important;
    min-width: 24px !important;
    padding: 0 !important;
    font-size: 0 !important;
  }
  .top-actions .theme-toggle button:first-letter {
    font-size: 12px !important;
  }
  .top-actions .language-toggle button {
    min-width: 30px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
  }
  /* demo: icon only on narrow screens (match original) */
  .top-actions .demo-trigger {
    font-size: 0 !important;
    padding: 0 10px !important;
    min-width: 34px;
  }
  .top-actions .demo-trigger span {
    font-size: 12px !important;
    margin: 0 !important;
  }
  .location-switch,
  .profile {
    display: none !important;
  }
  /* notification wrap shouldn't overflow */
  .lumii-notify-panel {
    position: fixed !important;
    top: 64px !important;
    right: 10px !important;
    left: 10px !important;
    width: auto !important;
    max-width: none !important;
  }
  .content-wrap {
    padding: 20px 14px 88px !important;
  }
  .opportunity-card.featured,
  .scenario-card:has(.recommended-ribbon),
  .campaign-offer:has(.recommended-ribbon),
  .panel:has(.recommended-ribbon) {
    padding-top: 40px !important;
  }
  .brand > div {
    max-width: 140px;
  }

  /* Bottom nav: sticky dock */
  .sidebar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    inset: auto 0 0 0 !important;
    z-index: 100 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 64px;
    padding: 4px 6px calc(4px + env(safe-area-inset-bottom, 0px)) !important;
    border-right: 0 !important;
    border-top: 1px solid var(--line) !important;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -8px 28px rgba(20, 28, 45, .08) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .sidebar nav {
    width: 100%;
    justify-content: space-around;
    gap: 2px;
  }
  .sidebar .nav-group button {
    flex: 1 1 0;
    min-width: 0 !important;
    max-width: none;
    height: 58px !important;
    padding: 5px 2px 8px !important;
    border-radius: 10px !important;
    gap: 0 !important;
    color: #7a8699 !important;
  }
  .sidebar .nav-group button em,
  .sidebar .nav-group button i,
  .sidebar .nav-group button.active i {
    display: none !important;
  }
  .sidebar .nav-group button b {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 100%;
    font-size: 0 !important;
    line-height: 0 !important;
    font-weight: 600 !important;
  }
  .sidebar .nav-group button b::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }
  .sidebar .nav-group button b::after {
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
  /* gray icons via background-image (no mask / currentColor issues) */
  .sidebar .nav-group:nth-child(1) button b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b95a8'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h3V2zm13 8H4v10h16V10zM8 13h3v3H8v-3z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(2) button:nth-child(2) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b95a8'%3E%3Cpath d='M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm1 5v7h16v-7H4zm2-3V5h2v2H6zm5 0V5h2v2h-2zm5 0V5h2v2h-2zM6 13h3v2H6v-2zm5 0h3v2h-3v-2zm5 0h3v2h-3v-2z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(2) button:nth-child(3) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b95a8'%3E%3Cpath d='M9 11a3.5 3.5 0 110-7 3.5 3.5 0 010 7zm8-1a2.5 2.5 0 110-5 2.5 2.5 0 010 5zM2.5 19.5c.7-3.4 3.3-5 6.5-5s5.8 1.6 6.5 5H2.5zM14 15c2.2 0 4.1 1 4.8 3.5h-3.2c-.4-1.4-1.4-2.6-2.8-3.2.4-.1.8-.3 1.2-.3z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(2) button:nth-child(4) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b95a8'%3E%3Cpath d='M3 9.5l13-3.5v12L3 14.5v-5zm15.2-1.2c2.4 1 4.3 2.4 4.3 3.7s-1.9 2.7-4.3 3.7v-7.4zM5.5 12a1 1 0 100-2 1 1 0 000 2z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(3) button b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b95a8'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2a8 8 0 110 16 8 8 0 010-16zm0 3.2a2.3 2.3 0 110 4.6 2.3 2.3 0 010-4.6zM7.2 15.2a1.7 1.7 0 110-3.4 1.7 1.7 0 010 3.4zm9.6 0a1.7 1.7 0 110-3.4 1.7 1.7 0 010 3.4z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(4) button b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b95a8'%3E%3Cpath d='M6 2h11a3 3 0 013 3v17l-3.5-1.8L13 22l-3.5-1.8L6 22V5a3 3 0 013-3H6zm3 3a1 1 0 00-1 1v14.1l1.5-.8L13 20.9l3.5-1.6 1.5.8V6a1 1 0 00-1-1H9zm1 4h6v2h-6V9zm0 4h6v2h-6v-2z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(5) button:nth-child(2) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b95a8'%3E%3Cpath d='M6 9a3 3 0 110-6 3 3 0 010 6zm12 0a3 3 0 110-6 3 3 0 010 6zM12 21a3 3 0 110-6 3 3 0 010 6zM7.8 8.2l8.4 8.4-1.4 1.4-8.4-8.4 1.4-1.4zm8.4-1.4l-8.4 8.4-1.4-1.4 8.4-8.4 1.4 1.4zM8.5 6h7v2h-7V6z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(5) button:nth-child(3) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b95a8'%3E%3Cpath d='M12 2a7 7 0 00-4 12.7V17a2 2 0 002 2h4a2 2 0 002-2v-2.3A7 7 0 0012 2zm-2 15v-1.2c.6.1 1.3.2 2 .2s1.4-.1 2-.2V17h-4zm-1.5 3h7v2h-7v-2z'/%3E%3C/svg%3E");
  }
  /* active icons in accent purple */
  .sidebar .nav-group:nth-child(1) button.active b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c48df'%3E%3Cpath d='M7 2h2v2h6V2h2v2h3a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h3V2zm13 8H4v10h16V10zM8 13h3v3H8v-3z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(2) button.active:nth-child(2) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c48df'%3E%3Cpath d='M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm1 5v7h16v-7H4zm2-3V5h2v2H6zm5 0V5h2v2h-2zm5 0V5h2v2h-2zM6 13h3v2H6v-2zm5 0h3v2h-3v-2zm5 0h3v2h-3v-2z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(2) button.active:nth-child(3) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c48df'%3E%3Cpath d='M9 11a3.5 3.5 0 110-7 3.5 3.5 0 010 7zm8-1a2.5 2.5 0 110-5 2.5 2.5 0 010 5zM2.5 19.5c.7-3.4 3.3-5 6.5-5s5.8 1.6 6.5 5H2.5zM14 15c2.2 0 4.1 1 4.8 3.5h-3.2c-.4-1.4-1.4-2.6-2.8-3.2.4-.1.8-.3 1.2-.3z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(2) button.active:nth-child(4) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c48df'%3E%3Cpath d='M3 9.5l13-3.5v12L3 14.5v-5zm15.2-1.2c2.4 1 4.3 2.4 4.3 3.7s-1.9 2.7-4.3 3.7v-7.4zM5.5 12a1 1 0 100-2 1 1 0 000 2z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(3) button.active b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c48df'%3E%3Cpath d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 2a8 8 0 110 16 8 8 0 010-16zm0 3.2a2.3 2.3 0 110 4.6 2.3 2.3 0 010-4.6zM7.2 15.2a1.7 1.7 0 110-3.4 1.7 1.7 0 010 3.4zm9.6 0a1.7 1.7 0 110-3.4 1.7 1.7 0 010 3.4z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(4) button.active b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c48df'%3E%3Cpath d='M6 2h11a3 3 0 013 3v17l-3.5-1.8L13 22l-3.5-1.8L6 22V5a3 3 0 013-3H6zm3 3a1 1 0 00-1 1v14.1l1.5-.8L13 20.9l3.5-1.6 1.5.8V6a1 1 0 00-1-1H9zm1 4h6v2h-6V9zm0 4h6v2h-6v-2z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(5) button.active:nth-child(2) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c48df'%3E%3Cpath d='M6 9a3 3 0 110-6 3 3 0 010 6zm12 0a3 3 0 110-6 3 3 0 010 6zM12 21a3 3 0 110-6 3 3 0 010 6zM7.8 8.2l8.4 8.4-1.4 1.4-8.4-8.4 1.4-1.4zm8.4-1.4l-8.4 8.4-1.4-1.4 8.4-8.4 1.4 1.4zM8.5 6h7v2h-7V6z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(5) button.active:nth-child(3) b::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235c48df'%3E%3Cpath d='M12 2a7 7 0 00-4 12.7V17a2 2 0 002 2h4a2 2 0 002-2v-2.3A7 7 0 0012 2zm-2 15v-1.2c.6.1 1.3.2 2 .2s1.4-.1 2-.2V17h-4zm-1.5 3h7v2h-7v-2z'/%3E%3C/svg%3E");
  }
  .sidebar .nav-group:nth-child(1) button b::after { content: "今日"; }
  .sidebar .nav-group:nth-child(2) button:nth-child(2) b::after { content: "排片"; }
  .sidebar .nav-group:nth-child(2) button:nth-child(3) b::after { content: "客群"; }
  .sidebar .nav-group:nth-child(2) button:nth-child(4) b::after { content: "营销"; }
  .sidebar .nav-group:nth-child(3) button b::after { content: "圆桌"; }
  .sidebar .nav-group:nth-child(4) button b::after { content: "账本"; }
  .sidebar .nav-group:nth-child(5) button:nth-child(2) b::after { content: "对接"; }
  .sidebar .nav-group:nth-child(5) button:nth-child(3) b::after { content: "记忆"; }
  html[lang="en"] .sidebar .nav-group:nth-child(1) button b::after { content: "Today"; }
  html[lang="en"] .sidebar .nav-group:nth-child(2) button:nth-child(2) b::after { content: "Sched"; }
  html[lang="en"] .sidebar .nav-group:nth-child(2) button:nth-child(3) b::after { content: "Aud"; }
  html[lang="en"] .sidebar .nav-group:nth-child(2) button:nth-child(4) b::after { content: "Camp"; }
  html[lang="en"] .sidebar .nav-group:nth-child(3) button b::after { content: "Round"; }
  html[lang="en"] .sidebar .nav-group:nth-child(4) button b::after { content: "Value"; }
  html[lang="en"] .sidebar .nav-group:nth-child(5) button:nth-child(2) b::after { content: "Integ"; }
  html[lang="en"] .sidebar .nav-group:nth-child(5) button:nth-child(3) b::after { content: "Mem"; }
  .sidebar .nav-group button.active {
    color: var(--lime) !important;
    background: color-mix(in srgb, var(--lime) 14%, transparent) !important;
  }
  .sidebar .nav-group button.active b,
  .sidebar .nav-group button.active b::after {
    color: var(--lime) !important;
    font-weight: 700 !important;
  }
  .sidebar .nav-group button.active:before {
    content: "" !important;
    background: var(--lime) !important;
    box-shadow: none !important;
    width: auto !important;
    height: 3px !important;
    border-radius: 999px !important;
    inset: auto 18% 3px 18% !important;
    position: absolute !important;
  }
  .main-stage {
    padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
  }
}