/* ROAS client/public theme overrides
   Small, focused patch file to avoid editing the very large base stylesheet. */

/* Dark mode: do not force background on generic mtop15 blocks. */
html[data-theme="dark"] .mtop15 {
  background: transparent !important;
  background-color: transparent !important;
}

/* Public surveys: dark mode surface + readable form controls. */
html[data-theme="dark"] body.customers .survey {
  background: var(--lg-bg-secondary, #111113) !important;
  border-color: var(--lg-border, rgba(255, 255, 255, 0.08)) !important;
  color: var(--lg-text-primary, #f1f1f1) !important;
  box-shadow: var(--lg-shadow-md, 0 1px 3px rgba(0, 0, 0, 0.12)) !important;
}

html[data-theme="dark"] body.customers .survey h2,
html[data-theme="dark"] body.customers .survey p,
html[data-theme="dark"] body.customers .survey label,
html[data-theme="dark"] body.customers .survey .control-label {
  color: var(--lg-text-primary, #f1f1f1) !important;
}

html[data-theme="dark"] body.customers .survey hr {
  border-color: var(--lg-border, rgba(255, 255, 255, 0.08)) !important;
}

html[data-theme="dark"] body.customers .survey #company-logo {
  background: var(--lg-bg-tertiary, #1a1a1e) !important;
  border: 1px solid var(--lg-border, rgba(255, 255, 255, 0.08)) !important;
}

html[data-theme="dark"] body.customers .survey .form-control,
html[data-theme="dark"] body.customers .survey input[type="text"],
html[data-theme="dark"] body.customers .survey input[type="email"],
html[data-theme="dark"] body.customers .survey textarea {
  background: var(--lg-bg-tertiary, #1a1a1e) !important;
  color: var(--lg-text-primary, #f1f1f1) !important;
  border-color: var(--lg-border-light, rgba(255, 255, 255, 0.12)) !important;
}

html[data-theme="dark"] body.customers .survey .checkbox-default label,
html[data-theme="dark"] body.customers .survey .radio-default label {
  color: var(--lg-text-primary, #f1f1f1) !important;
}

html[data-theme="dark"] body.customers .survey .btn.btn-success {
  background: #3b82f6 !important;
  border-color: #3b82f6 !important;
  color: #ffffff !important;
}

/* Navbar: keep only real active item highlighted on KB pages. */
body.customers .navbar-glass .navbar-nav>li.customers-nav-item-login:not(.active)>a {
  background: transparent !important;
  color: var(--lg-text-secondary, #94a3b8) !important;
  border: 1px solid var(--lg-border-light, rgba(148, 163, 184, 0.35)) !important;
  box-shadow: none !important;
}

body.customers .navbar-glass .navbar-nav>li.customers-nav-item-login:not(.active)>a:hover,
body.customers .navbar-glass .navbar-nav>li.customers-nav-item-login:not(.active)>a:focus {
  background: var(--lg-glass-bg-light, rgba(255, 255, 255, 0.08)) !important;
  color: var(--lg-text-primary, #e2e8f0) !important;
  border-color: rgba(var(--lg-accent-rgb, 59, 130, 246), 0.42) !important;
}

body.customers .navbar-glass .navbar-nav>li.customers-nav-item-login.active>a {
  background: var(--lg-accent, #3b82f6) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Knowledge base hero search panel: theme-consistent premium card. */
body.customers .kb-search-hero .kb-search-shell {
  align-items: stretch !important;
}

body.customers .kb-search-hero .kb-search-panel {
  position: relative !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.08)) !important;
  -webkit-backdrop-filter: blur(18px) saturate(165%) !important;
  backdrop-filter: blur(18px) saturate(165%) !important;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.28) !important;
  padding: 16px !important;
}

body.customers .kb-search-hero .kb-search-panel .kb-search-form {
  max-width: 100% !important;
}

body.customers .kb-search-hero .kb-search-panel .kb-search-input-wrapper {
  height: 54px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

body.customers .kb-search-hero .kb-search-panel .kb-input-icon {
  left: 16px !important;
  width: 18px !important;
  height: 18px !important;
  opacity: 0.92 !important;
}

body.customers .kb-search-hero .kb-search-panel .kb-search-field {
  height: 52px !important;
  padding-left: 46px !important;
  padding-right: 58px !important;
  font-size: 14px !important;
  color: #ffffff !important;
}

body.customers .kb-search-hero .kb-search-panel .kb-search-field::placeholder {
  color: rgba(255, 255, 255, 0.82) !important;
}

body.customers .kb-search-hero .kb-search-panel .kb-search-btn {
  width: 40px !important;
  height: 40px !important;
  margin: 6px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  background: rgba(59, 130, 246, 0.82) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 14px rgba(30, 64, 175, 0.35) !important;
}

body.customers .kb-search-hero .kb-search-panel .kb-search-btn:hover {
  background: rgba(37, 99, 235, 0.96) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}

body.customers .kb-search-hero .kb-search-suggestions {
  border-radius: 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.32) !important;
  background: rgba(15, 23, 42, 0.95) !important;
  box-shadow: 0 12px 32px rgba(2, 6, 23, 0.35) !important;
}

html[data-theme="light"] body.customers .kb-search-hero .kb-search-panel {
  border-color: rgba(15, 23, 42, 0.16) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.82)) !important;
}

html[data-theme="light"] body.customers .kb-search-hero .kb-search-panel .kb-search-input-wrapper {
  border-color: rgba(148, 163, 184, 0.35) !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

html[data-theme="light"] body.customers .kb-search-hero .kb-search-panel .kb-search-field {
  color: #0f172a !important;
}

html[data-theme="light"] body.customers .kb-search-hero .kb-search-panel .kb-search-field::placeholder {
  color: rgba(30, 41, 59, 0.58) !important;
}

/* Kanban columns: let column size to content but cap scroll area at viewport, scroll inside when needed. */
body.kan-ban-body .kan-ban-col-wrapper {
  display: block !important;
}

body.kan-ban-body .kan-ban-col-wrapper > .panel_s,
body.kan-ban-body .kan-ban-col-wrapper > .border-right {
  display: block !important;
  margin-bottom: 0 !important;
}

body.kan-ban-body .kan-ban-content-wrapper {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: calc(100vh - 220px) !important;
  min-height: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: #64748b #1f2937 !important;
  scrollbar-gutter: stable !important;
}

body.kan-ban-body .kan-ban-content {
  min-height: 0 !important;
  height: auto !important;
}

body.kan-ban-body .kan-ban-content-wrapper::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block !important;
}

body.kan-ban-body .kan-ban-content-wrapper::-webkit-scrollbar-track {
  background: transparent !important;
  border-radius: 6px !important;
}

body.kan-ban-body .kan-ban-content-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.55) !important;
  border-radius: 6px !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
  min-height: 40px !important;
}

body.kan-ban-body .kan-ban-content-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(100, 116, 139, 0.85) !important;
}

html[data-theme="light"] body.kan-ban-body .kan-ban-content-wrapper {
  scrollbar-color: rgba(100, 116, 139, 0.55) transparent !important;
}

html[data-theme="light"] body.kan-ban-body .kan-ban-content-wrapper::-webkit-scrollbar-track {
  background: transparent !important;
}

html[data-theme="light"] body.kan-ban-body .kan-ban-content-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(100, 116, 139, 0.45) !important;
}

html[data-theme="light"] body.kan-ban-body .kan-ban-content-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(71, 85, 105, 0.75) !important;
}