/* GrowLab pults · calm work surface: gray rest, forest active, black text */
:root {
  --forest: #1C4B42 !important;
  --lime: #B4E717 !important;
  --lime-deep: #92C200;
  --cream: #F6F5F2 !important;
  --soft: #EEF3F0 !important;
  --soft-border: #D7E2DC !important;
  --border: #D0D5D2 !important;
  --line: #D0D5D2 !important;
  --ink: #1A1A1A !important;
  --black: #1A1A1A !important;
  --muted: #5C5C5C !important;
  --gray: #5C5C5C !important;
  --paper: #fff !important;
  --white: #fff !important;
  --brand: #1C4B42;
  --brand-lime: #B4E717;
}

html.gl-booting,
html.gl-locked { overflow: hidden; }
html.gl-booting body,
html.gl-locked body { overflow: hidden; }

html {
  scrollbar-width: thin;
  scrollbar-color: #1C4B42 #EEF3F0;
  -webkit-text-size-adjust: 100%;
}
.cselect.is-open { z-index: 80; }
* {
  scrollbar-width: thin;
  scrollbar-color: #1C4B42 #EEF3F0;
}
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #EEF3F0; border-radius: 999px; }
*::-webkit-scrollbar-thumb {
  background: #1C4B42;
  border-radius: 999px;
  border: 2px solid #EEF3F0;
}
*::-webkit-scrollbar-thumb:hover { background: #1C4B42; }
*::-webkit-scrollbar-corner { background: transparent; }

body {
  background: #F6F5F2 !important;
  color: #1A1A1A !important;
}

a { color: #1A1A1A; }

/* Header / intro: GrowLab forest + lime */
.topbar {
  background: #1C4B42 !important;
  color: #fff !important;
  border-bottom: 3px solid #B4E717 !important;
  z-index: 200 !important;
}
.topbar .brand h1,
.hero h1 {
  color: #fff !important;
}
.topbar .brand p,
.hero p,
.who,
.stamp {
  color: rgba(255, 255, 255, 0.78) !important;
}
.topbar .brand h1 span,
.hero .kicker,
.hero .value-item strong,
.hero .account__label,
.hero .account__meta a,
.hero .chip strong {
  color: #B4E717 !important;
}
.hero {
  background: #1C4B42 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 16px;
  overflow: visible !important;
  position: relative;
  z-index: 20;
}
.hero::after {
  display: block !important;
  background: rgba(180, 231, 23, 0.16) !important;
}
.account {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}
.account__name { color: #fff !important; }
.account__meta { color: rgba(255, 255, 255, 0.75) !important; }
.value-item,
.hero .chip,
.status .chip {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}
.value-item span { color: rgba(255, 255, 255, 0.78) !important; }

.topbar .btn--lime,
.hero .btn.lime,
.btn--lime,
.btn.lime {
  background: #B4E717 !important;
  color: #1C4B42 !important;
  border-color: #B4E717 !important;
}
.strip__in a.btn,
.strip__cta .btn,
.gl-gate__btn--main,
.gl-trial__in a,
.gl-program-sell__btn {
  background: #B4E717 !important;
  color: #1C4B42 !important;
  border-color: #B4E717 !important;
}
.btn--soft,
.btn.secondary,
.btn--paper {
  background: #fff !important;
  color: #1A1A1A !important;
  border: 1px solid #D0D5D2 !important;
}
.btn--ghost {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

/* Selected cards: quiet fill, no left stripe. Main pane: ordinary card */
.pane--focus {
  border-color: #D0D5D2 !important;
  border-left: 1px solid #D0D5D2 !important;
  box-shadow: none !important;
  background: #fff !important;
}
.deal.is-on,
.idea.is-on,
.recipe.is-on,
.next.is-on,
.todo.is-on,
.row.is-main {
  border-color: #D0D5D2 !important;
  box-shadow: none !important;
  background: #EEF3F0 !important;
}

.pane__head h2,
.card h2,
.card h3,
label.lbl,
label.field,
.kpi__value {
  color: #1C4B42 !important;
}

.pane__foot,
.empty,
.strip__in,
.row,
.row.is-lime,
.callout,
.callout.is-lime {
  background: #EEF3F0 !important;
  color: #1A1A1A !important;
  box-shadow: none !important;
}

.tab,
.seg button {
  color: #1A1A1A !important;
  border-color: #D0D5D2 !important;
  background: #fff !important;
}
.tab.is-active,
.seg button.is-active {
  background: #1C4B42 !important;
  color: #fff !important;
  border-color: #1C4B42 !important;
}
table.plain th,
.drawer__head {
  background: #EEF3F0 !important;
  color: #1A1A1A !important;
  border-color: #D0D5D2 !important;
}
.drawer-bg { background: rgba(26, 26, 26, 0.18) !important; }
.drawer { box-shadow: -8px 0 24px rgba(26, 26, 26, 0.08) !important; }

/* Dark “terminal” / phone blocks → light reading surface */
.prompt {
  background: #EEF3F0 !important;
  color: #1A1A1A !important;
}
.phone {
  background: #1C4B42 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.phone__bar,
.phone__user,
.phone .muted { color: rgba(255, 255, 255, 0.55) !important; }
.phone__name,
.phone__desc,
.pin p { color: #fff !important; }
.phone__body,
.pin {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}
.pin strong { color: #B4E717 !important; }
.avatar {
  background: #B4E717 !important;
  color: #1C4B42 !important;
}

.badge--ready,
.badge--oplata,
.badge.ok {
  background: #EEF3F0 !important;
  color: #1C4B42 !important;
}
.fold__fill { background: #1C4B42 !important; }
.tool { background: #fff !important; color: #1A1A1A !important; }
.tool.is-rec {
  background: #EEF3F0 !important;
  color: #1C4B42 !important;
  border-color: #D7E2DC !important;
}
.tool.is-on,
a.tool[aria-current] {
  background: #1C4B42 !important;
  color: #fff !important;
  border-color: #1C4B42 !important;
}
.badge--predlozhenie {
  background: #EEF3F0 !important;
  color: #1C4B42 !important;
}

.drawer .btn--ghost,
.foot .btn--ghost {
  background: #fff !important;
  color: #1A1A1A !important;
  border: 1px solid #D0D5D2 !important;
}

input,
textarea {
  color: #1A1A1A;
  font-weight: 500;
}
input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #3A3A3A !important;
  font-weight: 300 !important;
  opacity: 1 !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #3A3A3A !important;
  font-weight: 300 !important;
  opacity: 1 !important;
}

.cselect__btn::after,
.gl-select__btn::after { border-color: #1A1A1A !important; }
.cselect.is-open .cselect__btn,
.gl-select.is-open .gl-select__btn {
  border-color: #1C4B42 !important;
  box-shadow: 0 0 0 2px rgba(28, 75, 66, 0.12) !important;
}
.cselect__opt.is-active,
.gl-select__opt.is-active {
  background: #1C4B42 !important;
  color: #fff !important;
}
.cselect__opt:hover,
.gl-select__opt:hover {
  background: #F0F0EE !important;
  color: #1A1A1A !important;
}
.cselect__opt.is-active:hover,
.gl-select__opt.is-active:hover {
  background: #163b34 !important;
  color: #fff !important;
}

.gl-select {
  position: relative;
  width: 100%;
  font: 600 14px Inter, system-ui, sans-serif;
}
.gl-select__native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0);
}
.gl-select__btn {
  width: 100%;
  text-align: left;
  padding: 11px 40px 11px 12px;
  border: 1px solid #DDDDD8;
  border-radius: 12px;
  background: #fff;
  color: #1A1A1A;
  font: inherit;
  cursor: pointer;
  position: relative;
  min-height: 44px;
}
.gl-select__btn::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #1A1A1A;
  border-bottom: 2px solid #1A1A1A;
  transform: translateY(-65%) rotate(45deg);
  transition: transform .15s;
}
.gl-select.is-open .gl-select__btn::after {
  transform: translateY(-20%) rotate(225deg);
}
.gl-select__list {
  display: none;
  position: fixed;
  z-index: 240;
  max-height: min(240px, 50vh);
  overflow-y: auto;
  background: #fff;
  border: 1px solid #DDDDD8;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(26, 26, 26, 0.08);
  padding: 6px;
}
.gl-select.is-open .gl-select__list { display: block; }
.gl-select__opt {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  border-radius: 10px;
  padding: 10px 12px;
  font: 600 13px Inter, system-ui, sans-serif;
  color: #1A1A1A;
  cursor: pointer;
}
.gl-select__opt.is-off { opacity: .45; cursor: default; }

.cselect__list {
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid #DDDDD8 !important;
  box-shadow: 0 12px 28px rgba(26, 26, 26, 0.08) !important;
}

input[type="checkbox"],
input[type="radio"] { accent-color: #1C4B42; }

.gl-tools { position: relative; z-index: 201; }
.gl-tools__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255,255,255,.12);
  color: #fff;
  font: 700 12px Inter, system-ui, sans-serif;
  cursor: pointer;
}
.gl-tools__btn::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid #B4E717;
  border-bottom: 2px solid #B4E717;
  transform: translateY(-2px) rotate(45deg);
}
.gl-tools.is-open .gl-tools__btn {
  background: #B4E717;
  color: #1C4B42;
  border-color: #B4E717;
}
.gl-tools.is-open .gl-tools__btn::after {
  border-color: #1C4B42;
  transform: translateY(1px) rotate(225deg);
}
.gl-tools__list {
  display: none;
  position: fixed;
  min-width: 240px;
  background: #fff;
  border: 1px solid #D0D5D2;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(28, 75, 66, 0.16);
  padding: 8px;
  z-index: 100000;
}
.gl-tools__list.is-open { display: block; }
.gl-tools__list a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  color: #1A1A1A;
  font: 650 13px/1.3 Inter, system-ui, sans-serif;
}
.gl-tools__list a:hover { background: #F0F0EE; }
.gl-tools__list a.is-here {
  background: #1C4B42;
  color: #fff;
  font-weight: 800;
}
.gl-tools__list a.is-here small { color: rgba(255,255,255,.75); }
.gl-tools__list small {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: #5C5C5C;
  margin-top: 2px;
}

.gl-program-sell {
  max-width: 1440px;
  margin: 28px auto 48px;
  padding: 0 16px;
}
.wrap + .gl-program-sell,
.wrap .gl-program-sell {
  max-width: 960px;
  padding: 0;
  margin: 28px auto 8px;
}
.gl-program-sell__in {
  background: #fff;
  border: 1px solid #DDDDD8;
  border-radius: 16px;
  padding: 22px 22px 20px;
}
.gl-program-sell__label {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #5C5C5C;
}
.gl-program-sell h2 {
  margin: 0 0 8px;
  font-size: 20px;
  color: #1A1A1A;
  letter-spacing: -.02em;
}
.gl-program-sell p {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.5;
  color: #5C5C5C;
}
.gl-program-sell__btn {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 12px;
  background: #1C4B42;
  color: #fff !important;
  font: 700 14px Inter, system-ui, sans-serif;
  text-decoration: none;
}

.gl-gate {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #F6F5F2;
  color: #1A1A1A;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  font-family: Inter, system-ui, sans-serif;
}
html.gl-ok .gl-gate { display: none !important; }
.gl-gate__card {
  width: min(440px, 100%);
  background: #fff;
  border: 1px solid #DDDDD8;
  border-radius: 16px;
  padding: 28px 24px;
}
.gl-gate__brand {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #5C5C5C;
  margin: 0 0 10px;
}
.gl-gate__card h2 {
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.03em;
  color: #1A1A1A;
}
.gl-gate__card p {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.5;
  color: #5C5C5C;
}
.gl-gate__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.gl-gate__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 12px;
  font: 700 13px Inter, system-ui, sans-serif;
  text-decoration: none;
  border: 0;
  cursor: pointer;
}
.gl-gate__btn--main { background: #1C4B42; color: #fff; }
.gl-gate__btn--ghost {
  background: #F0F0EE;
  color: #1A1A1A;
  border: 1px solid #DDDDD8;
}

.gl-trial {
  max-width: 1440px;
  margin: 0 auto;
  padding: 8px 16px 0;
}
.gl-trial__in {
  background: #F0F0EE;
  color: #1A1A1A;
  border: 1px solid #DDDDD8;
  border-radius: 12px;
  padding: 10px 14px;
  font: 600 12px Inter, system-ui, sans-serif;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  justify-content: space-between;
}
.gl-trial__in a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  background: #1C4B42;
  padding: 6px 10px;
  border-radius: 8px;
}

@media (max-width: 1100px) {
  .desk {
    grid-template-columns: 1fr !important;
    display: flex !important;
    flex-direction: column;
  }
  .pane { max-height: none !important; }
}
@media (max-width: 760px) {
  .wrap { padding: 12px 10px 40px !important; }
  .topbar__inner,
  .hero-top {
    flex-direction: column;
    align-items: stretch !important;
  }
  .topbar__tools {
    width: 100%;
    justify-content: flex-start;
  }
  .gl-tools { width: 100%; }
  .gl-tools__btn { width: 100%; justify-content: space-between; }
  .account { width: 100%; min-width: 0 !important; }
  .grid-2, .grid-3, .grid-4, .row2, .split, .kpi-grid {
    grid-template-columns: 1fr !important;
  }
  .tabs, .seg {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
  }
  .tabs .tab, .seg button {
    flex: 0 0 auto;
    white-space: nowrap;
    min-height: 44px;
  }
  .value-strip { grid-template-columns: 1fr !important; }
  input[type="text"],
  input[type="number"],
  input[type="date"],
  input[type="url"],
  input[type="datetime-local"],
  textarea,
  .gl-select__btn,
  .cselect__btn,
  .btn {
    font-size: 16px !important;
    min-height: 44px;
  }
  .brand h1 { font-size: 18px !important; }
}