/* A fixed light support band and light helper layers, in either page theme. */
.kg-home-support, .kg-home-traders, .kg-home-support-statement { box-sizing: border-box; color-scheme: light; color: #0B0C0F; font: 400 16px/1.65 var(--h-font, "TC Vazirmatn", "TC Inter", system-ui, sans-serif); }
.kg-home-support, .kg-home-traders { background: #FFFFFF; }
.kg-home-support { padding-block: 0; }
.kg-home-support[lang="en"], .kg-home-support[lang="ku"], .kg-home-traders[lang="en"], .kg-home-traders[lang="ku"], .kg-home-support-statement[lang="en"], .kg-home-support-statement[lang="ku"] { font-family: var(--h-font-latin, "TC Inter", system-ui, sans-serif); }
.kg-home-support *, .kg-home-traders *, .kg-home-support-statement * { box-sizing: border-box; }
.kg-home-support [hidden], .kg-home-traders[hidden], .kg-home-support-statement[hidden] { display: none !important; }
.kg-home-support :focus-visible, .kg-home-traders :focus-visible, .kg-home-support-statement :focus-visible { outline: 2px solid #0369A1; outline-offset: 3px; }
.kg-home-support .hs-wrap, .kg-home-traders .hs-wrap { inline-size: 100%; max-inline-size: 1280px; margin-inline: auto; padding: 48px 24px; }
.kg-home-support h2, .kg-home-traders h2 { margin: 0 0 24px; max-inline-size: none; font-size: 32px; font-weight: 600; line-height: 1.3; letter-spacing: normal; }
.kg-home-support h3, .kg-home-traders h3 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.5; }
.kg-home-support p, .kg-home-traders p { margin-block: 0 8px; }
.kg-home-support .cap, .kg-home-traders .cap { color: #5E6571; font-size: 14px; line-height: 1.7; }
.kg-home-support .btn, .kg-home-traders .pill, .kg-home-support-statement .btn-sm { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-block-size: 44px; max-inline-size: 100%; padding: 8px 16px; border: 1px solid #D3D7DD; border-radius: 8px; background: #FFFFFF; color: #0369A1; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; white-space: normal; text-align: center; text-decoration: none; cursor: pointer; }
.kg-home-support .btn-primary { border-color: #0369A1; background: #0369A1; color: #FFFFFF; }
.kg-home-support .btn:hover, .kg-home-traders .pill:hover, .kg-home-support-statement .btn-sm:hover { border-color: #0369A1; }
.kg-home-support button:disabled { cursor: not-allowed; opacity: .6; }
.kg-home-support .hs-icon, .kg-home-support .faq-caret { display: grid; place-items: center; flex: none; inline-size: 32px; block-size: 32px; color: #0369A1; }
.kg-home-support .hs-icon svg, .kg-home-support .faq-caret svg, .kg-home-support .hs-chat-root svg { inline-size: 24px; block-size: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.kg-home-support .faq-item { border-block-end: 1px solid #E6E8EB; }
.kg-home-support .faq-q { display: flex; align-items: center; justify-content: space-between; gap: 16px; inline-size: 100%; min-block-size: 48px; padding: 12px 0; border: 0; background: #FFFFFF; color: #0B0C0F; font: inherit; font-size: 16px; font-weight: 500; line-height: 1.6; text-align: start; cursor: pointer; }
.kg-home-support .faq-q[aria-expanded="true"] .faq-caret { transform: rotate(180deg); }
.kg-home-support .faq-a { padding-block: 0 16px; color: #5E6571; font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.kg-home-support .faq-a p { max-inline-size: 70ch; }
.kg-home-support .faq-ask { display: inline-flex; align-items: center; min-block-size: 44px; padding: 0; border: 0; background: transparent; color: #0369A1; font: inherit; font-size: 14px; font-weight: 500; text-align: start; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.kg-home-support .hp-contact { margin-block-start: 32px; border-block-start: 1px solid #E6E8EB; }
.kg-home-support .hp-sup { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: start; gap: 12px; padding-block: 16px; border-block-end: 1px solid #E6E8EB; }
.kg-home-support .hp-sup .btn { grid-column: 2; justify-self: start; }
.kg-home-support .hp-row-main { min-inline-size: 0; }
.kg-home-support .sup-form { margin-block-start: 32px; scroll-margin-block-start: 24px; }
.kg-home-support .signin-prompt, .kg-home-support .sup-form form { padding-block-start: 16px; border-block-start: 0; }
.kg-home-support .signin-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 16px; }
.kg-home-support .sup-form form { display: grid; gap: 16px; }
.kg-home-support .form-row { display: grid; gap: 16px; }
.kg-home-support .field { display: grid; gap: 8px; min-inline-size: 0; }
.kg-home-support .field label { color: #0B0C0F; font-size: 14px; font-weight: 500; }
.kg-home-support input, .kg-home-support select, .kg-home-support textarea { display: block; inline-size: 100%; min-inline-size: 0; min-block-size: 44px; padding: 8px 12px; border: 1px solid #8A919C; border-radius: 8px; background: #FFFFFF; color: #0B0C0F; font: inherit; font-size: 16px; line-height: 1.6; }
.kg-home-support textarea { min-block-size: 128px; resize: vertical; }
.kg-home-support input::placeholder, .kg-home-support textarea::placeholder { color: #5E6571; opacity: 1; }
.kg-home-support .form-actions { display: flex; }
.kg-home-support .form-msg { padding: 12px 16px; border-inline-start: 4px solid #5E6571; border-radius: 8px; background: #F5F6F8; color: #0B0C0F; font-size: 14px; }
.kg-home-support .form-msg.ok { border-inline-start-color: #047857; background: #E7F5EE; }
.kg-home-support .form-msg.err { border-inline-start-color: #C81E3A; background: #FCEBEE; }
.kg-home-support .ticket-block { margin-block-start: 32px; }
.kg-home-support .ticket-list { margin: 8px 0 0; padding: 0; list-style: none; border-block-start: 1px solid #E6E8EB; }
.kg-home-support .ticket-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding-block: 12px; border-block-end: 1px solid #E6E8EB; }
.kg-home-support .ticket-main { display: grid; min-inline-size: 0; }
.kg-home-support .ticket-subj { font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.kg-home-support .ticket-status { color: #5E6571; font-size: 12px; }
.kg-home-support .ticket-status[data-status="OPEN"] { color: #0369A1; }
.kg-home-support .ticket-status[data-status="ACTIVE"] { color: #047857; }
.kg-home-traders .traders-grid { display: grid; gap: 0 32px; margin-block-start: 16px; border-block-start: 1px solid #E6E8EB; }
.kg-home-traders .trader-row { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding-block: 16px; border-block-end: 1px solid #E6E8EB; }
.kg-home-traders .ava { display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: 50%; background: #E6F0F7; color: #0369A1; font-size: 18px; font-weight: 500; }
.kg-home-traders .trader-main { min-inline-size: 0; overflow-wrap: anywhere; }
.kg-home-traders .trader-name { display: block; font-size: 16px; font-weight: 600; }
.kg-home-traders .trader-main .cap { margin: 0; font-size: 12px; }
.kg-home-traders .trader-acts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.kg-home-support .chat-launch { position: fixed; inset-inline-end: 24px; inset-block-end: 24px; z-index: 70; display: grid; place-items: center; inline-size: 48px; block-size: 48px; padding: 0; border: 0; border-radius: 50%; background: #0369A1; color: #FFFFFF; cursor: pointer; }
.kg-home-support .chat-launch[aria-expanded="true"] { display: none; }
.kg-home-support .chat-panel { position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 80; display: flex; flex-direction: column; max-block-size: 88vh; max-block-size: 88dvh; padding-block-end: env(safe-area-inset-bottom, 0px); border: 1px solid #D3D7DD; border-radius: 0; border-start-start-radius: 16px; border-start-end-radius: 16px; background: #FFFFFF; color: #0B0C0F; }
.kg-home-support .chat-hd { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-block-end: 1px solid #E6E8EB; }
.kg-home-support .chat-avatar { display: grid; place-items: center; flex: none; inline-size: 36px; block-size: 36px; border-radius: 50%; background: #E6F0F7; color: #0369A1; }
.kg-home-support .chat-hd-txt { display: grid; flex: 1 1 auto; min-inline-size: 0; }
.kg-home-support .chat-hd-txt b { font-size: 16px; font-weight: 600; }
.kg-home-support .chat-hd-txt span { color: #5E6571; font-size: 12px; }
.kg-home-support .chat-x { display: grid; place-items: center; flex: none; inline-size: 44px; block-size: 44px; padding: 0; border: 0; border-radius: 8px; background: #FFFFFF; color: #0B0C0F; cursor: pointer; }
.kg-home-support .chat-log { display: flex; flex: 1 1 auto; flex-direction: column; gap: 8px; min-block-size: 96px; overflow-y: auto; padding: 16px; }
.kg-home-support .chat-log .msg { max-inline-size: 88%; padding: 8px 12px; border-radius: 8px; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.kg-home-support .chat-log .msg.bot { align-self: flex-start; background: #F5F6F8; color: #0B0C0F; }
.kg-home-support .chat-log .msg.me { align-self: flex-end; background: #E6F0F7; color: #0B0C0F; }
.kg-home-support .chat-log .msg.err { align-self: stretch; max-inline-size: none; background: #FCEBEE; color: #C81E3A; }
.kg-home-support .msg-link { color: #0369A1; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }
.kg-home-support .typing { display: inline-flex; gap: 4px; padding-block: 8px; }
.kg-home-support .typing i { inline-size: 6px; block-size: 6px; border-radius: 50%; background: #5E6571; }
.kg-home-support .chat-quick { display: flex; flex: 0 1 auto; flex-wrap: wrap; gap: 8px; min-block-size: 0; max-block-size: 28vh; overflow-y: auto; padding: 0 16px 8px; }
.kg-home-support .chat-quick:empty { display: none; }
.kg-home-support .chat-quick-lab { flex-basis: 100%; color: #5E6571; font-size: 12px; }
.kg-home-support .qchip { display: inline-flex; align-items: center; min-block-size: 44px; max-inline-size: 100%; padding: 8px 12px; border: 1px solid #D3D7DD; border-radius: 8px; background: #F5F6F8; color: #0B0C0F; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-align: start; cursor: pointer; }
.kg-home-support .chat-escalate { padding: 12px 16px; border-block-start: 1px solid #E6E8EB; }
.kg-home-support .chat-escalate p { color: #5E6571; font-size: 12px; }
.kg-home-support .chat-in { display: flex; align-items: center; gap: 8px; padding: 8px 16px; border-block-start: 1px solid #E6E8EB; background: #F5F6F8; }
.kg-home-support .chat-in input { flex: 1 1 auto; min-inline-size: 0; }
.kg-home-support .chat-send { display: grid; place-items: center; flex: none; inline-size: 44px; block-size: 44px; padding: 0; border: 0; border-radius: 50%; background: #0369A1; color: #FFFFFF; cursor: pointer; }
.kg-home-support .chat-foot { margin: 0; padding: 8px 16px 12px; background: #F5F6F8; color: #5E6571; font-size: 12px; }
.kg-home-support .chat-hd, .kg-home-support .chat-escalate, .kg-home-support .chat-in, .kg-home-support .chat-foot { flex-shrink: 0; }
.kg-home-support-statement { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 16px; background: rgba(0,0,0,.5); }
.kg-home-support-statement .modal { inline-size: min(560px, 100%); max-block-size: 90vh; max-block-size: 90dvh; overflow-y: auto; padding: 24px; border: 1px solid #D3D7DD; border-radius: 16px; background: #FFFFFF; color: #0B0C0F; }
.kg-home-support-statement .modal-title { margin: 0 0 16px; font-size: 24px; font-weight: 600; line-height: 1.4; }
.kg-home-support-statement .muted { color: #5E6571; font-size: 14px; }
.kg-home-support-statement .hs-statement-section { margin-block-start: 16px; }
.kg-home-support-statement h3 { margin: 0 0 8px; font-size: 16px; font-weight: 600; }
.kg-home-support-statement .hs-statement-row { display: flex; justify-content: space-between; gap: 16px; padding-block: 8px; border-block-end: 1px solid #E6E8EB; font-size: 14px; }
.kg-home-support-statement .hs-statement-row > span:last-child { font-family: var(--h-font-num, "TC Inter", "TC Vazirmatn", system-ui, sans-serif); font-variant-numeric: tabular-nums; }
.kg-home-support-statement .hs-statement-caveat, .kg-home-support-statement .hs-statement-verdict { margin-block: 16px 0; font-size: 14px; }
.kg-home-support-statement .hs-statement-verdict { font-weight: 600; }
.kg-home-support-statement .row-actions { display: flex; justify-content: flex-end; margin-block-start: 16px; }
@media (min-width: 721px) {
  .kg-home-support .hp-sup { grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; }
  .kg-home-support .hp-sup .btn { grid-column: auto; }
  .kg-home-support .form-row { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
  .kg-home-traders .traders-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .kg-home-support .chat-panel { inset-inline-start: auto; inset-block: 0; inline-size: min(440px, 100%); max-block-size: none; border-radius: 0; border-start-start-radius: 16px; border-end-start-radius: 16px; }
}
@media (min-width: 1100px) {
  .kg-home-support .hs-wrap { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: 40px; align-items: start; }
  .kg-home-support .hs-wrap > h2 { grid-column: 1 / -1; }
  .kg-home-support .faq-list { grid-column: 1; grid-row: 2 / span 2; }
  .kg-home-support .hp-contact, .kg-home-support .sup-form { grid-column: 2; }
  .kg-home-support .hp-contact { margin-block-start: 0; }
}
@media (max-width: 720px) {
  .kg-home-support .hs-wrap, .kg-home-traders .hs-wrap { padding: 32px 16px; }
  .kg-home-support h2, .kg-home-traders h2 { font-size: 24px; }
  .kg-home-traders .trader-row { grid-template-columns: 40px minmax(0, 1fr); }
  .kg-home-traders .trader-acts { grid-column: 2; justify-content: flex-start; }
  .kg-home-support-statement .modal { padding: 16px; }
}
