.nx-page--trade{display:block}
.nx-trade-reference{width:100%;max-width:1536px;margin:0 auto;padding:16px 16px 80px;isolation:isolate}
.nx-trade-reference__grid{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.nx-trade-reference__panel{overflow:hidden;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.06);padding:16px}
.nx-trade-reference__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}
.nx-trade-reference__head h2{margin:0;color:#111827;font-size:18px;font-weight:700}
.nx-trade-reference__head p{margin:4px 0 0;color:#6b7280;font-size:14px}
.nx-trade-reference__balance{text-align:right}
.nx-trade-reference__balance span{display:block;color:#6b7280;font-size:14px}
.nx-trade-reference__balance strong{display:block;margin-top:2px;color:#4ade80;font-size:15px;font-weight:700}
.nx-trade-reference__chart-card{margin-bottom:24px}
.nx-trade-reference__chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:0 8px}
.nx-trade-reference__chart-heading h3{margin:0;color:#111827;font-size:14px;font-weight:600}
.nx-trade-reference__chart-actions{display:flex;align-items:center;gap:8px}
.nx-trade-reference__icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:0;background:transparent;color:#4b5563;transition:background-color .2s ease,color .2s ease}
.nx-trade-reference__icon-btn:hover{background:#e5e7eb}
.nx-trade-reference__icon-btn svg{width:16px;height:16px}
.nx-trade-reference__chart-stage{overflow:hidden;border:1px solid #e5e7eb;border-radius:12px;background:#0f172a;box-shadow:0 10px 24px rgba(15,23,42,.12)}
.nx-trade-reference__chart-frame{height:350px;width:100%}
.nx-trade-reference__chart-frame iframe{width:100%;height:100%;border:0;display:block}
.nx-trade-reference__chart-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 8px;color:#6b7280;font-size:12px}
.nx-trade-reference__chart-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.nx-trade-reference__live-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.nx-trade-reference__market-switch{display:flex;gap:8px;overflow:auto;padding:0 0 8px;margin-bottom:16px}
.nx-trade-reference__market-btn{flex:0 0 auto;min-height:38px;padding:0 14px;border-radius:10px;border:1px solid transparent;background:#f3f4f6;color:#374151;font-size:14px;white-space:nowrap;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.nx-trade-reference__market-btn:hover{background:#e5e7eb;transform:scale(1.05)}
.nx-trade-reference__market-btn.is-active{background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 10px 20px rgba(37,99,235,.18);transform:scale(1.05)}
.nx-trade-reference__price-block{margin-bottom:16px}
.nx-trade-reference__price-block span{display:block;margin-bottom:4px;color:#6b7280;font-size:14px}
.nx-trade-reference__price-block strong{display:block;color:#111827;font-size:30px;line-height:1.1;font-weight:700}
.nx-trade-reference__field{display:block;margin-bottom:16px}
.nx-trade-reference__field>span,.nx-trade-reference__durations>span{display:block;margin-bottom:6px;color:#374151;font-size:14px;font-weight:500}
.nx-trade-reference__field input{width:100%;min-height:48px;padding:0 14px;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:#111827;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}
.nx-trade-reference__field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.nx-trade-reference__field small{display:block;margin-top:6px;color:#6b7280;font-size:12px}
.nx-trade-reference__duration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.nx-trade-reference__duration{padding:10px 8px;border:1px solid transparent;border-radius:12px;background:#f3f4f6;color:#374151;text-align:center;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.nx-trade-reference__duration:hover{background:#e5e7eb;transform:scale(1.05)}
.nx-trade-reference__duration strong{display:block;font-size:14px;font-weight:500;color:#111827}
.nx-trade-reference__duration span{display:block;margin-top:4px;font-size:11px;color:#6b7280}
.nx-trade-reference__duration small{display:block;margin-top:4px;font-size:12px;font-weight:600;color:#22c55e}
.nx-trade-reference__duration.is-active{background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 12px 24px rgba(37,99,235,.22);transform:scale(1.05)}
.nx-trade-reference__duration.is-active strong,.nx-trade-reference__duration.is-active span{color:#fff}
.nx-trade-reference__estimate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:linear-gradient(90deg,#f9fafb,#eff6ff)}
.nx-trade-reference__estimate span{display:block;color:#4b5563;font-size:14px}
.nx-trade-reference__estimate strong{display:block;margin-top:4px;font-size:16px;font-weight:500}
.nx-trade-reference__estimate div:first-child strong{color:#22c55e}
.nx-trade-reference__estimate div:last-child strong{color:#2563eb}
.nx-trade-reference__side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.nx-trade-reference__side{min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:1px solid transparent;background:#f3f4f6;color:#374151;font-size:16px;font-weight:500;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.nx-trade-reference__side:hover{background:#e5e7eb;transform:scale(1.05)}
.nx-trade-reference__side svg{width:18px;height:18px}
.nx-trade-reference__side.is-buy.is-active{background:linear-gradient(90deg,#22c55e,#059669);color:#fff;box-shadow:0 12px 24px rgba(16,185,129,.22);transform:scale(1.05)}
.nx-trade-reference__side.is-sell.is-active{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;box-shadow:0 12px 24px rgba(239,68,68,.2);transform:scale(1.05)}
.nx-trade-reference__summary{margin-top:16px;padding:16px;border:1px solid #e5e7eb;border-radius:16px;background:linear-gradient(135deg,#f9fafb,#eff6ff)}
.nx-trade-reference__summary h4{margin:0 0 12px;color:#111827;font-size:16px;font-weight:600}
.nx-trade-reference__summary-rows{display:grid;gap:8px}
.nx-trade-reference__summary-rows div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.nx-trade-reference__summary-rows span{color:#6b7280}
.nx-trade-reference__summary-rows strong{color:#111827;font-weight:500}
.nx-trade-reference__summary-rows strong.is-up,.is-up{color:#22c55e}
.nx-trade-reference__summary-rows strong.is-loss,.is-loss{color:#ef4444}
.nx-trade-reference__summary-rows div:first-child strong{text-transform:capitalize}
.nx-trade-reference__feedback{margin-top:16px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:500}
.nx-trade-reference__feedback.is-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.nx-trade-reference__feedback.is-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.nx-trade-reference__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.nx-trade-reference__cancel,.nx-trade-reference__confirm{min-height:52px;border-radius:12px;font-size:16px;font-weight:500;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.nx-trade-reference__cancel{background:#e5e7eb;color:#1f2937}
.nx-trade-reference__cancel:hover{background:#d1d5db;transform:scale(1.02)}
.nx-trade-reference__confirm{background:#60a5fa;color:#fff}
.nx-trade-reference__confirm:hover{transform:scale(1.02)}
.nx-trade-reference__confirm.is-disabled,.nx-trade-reference__confirm:disabled{cursor:not-allowed;background:#60a5fa;opacity:.7;transform:none;box-shadow:none}
.nx-trade-reference__ledger{margin-top:32px}
.nx-trade-reference__tabs{display:flex;gap:24px;border-bottom:1px solid #e5e7eb}
.nx-trade-reference__tab{padding:16px 4px;border-bottom:2px solid transparent;color:#6b7280;font-size:14px;font-weight:500}
.nx-trade-reference__tab.is-active{color:#2563eb;border-bottom-color:#3b82f6}
.nx-trade-reference__ledger-body{margin-top:16px}
.nx-trade-reference__empty{padding:32px 16px;text-align:center;color:#6b7280}
.nx-trade-reference__empty-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:999px;background:#f3f4f6;display:grid;place-items:center;color:#6b7280}
.nx-trade-reference__empty-icon svg{width:32px;height:32px}
.nx-trade-reference__empty p{margin:0;color:#6b7280;font-size:16px}
.nx-trade-reference__empty span{display:block;margin-top:4px;font-size:14px}
.nx-trade-reference__order{padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.nx-trade-reference__order+.nx-trade-reference__order{margin-top:12px}
.nx-trade-reference__order-top,.nx-trade-reference__order-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nx-trade-reference__order-pair{display:flex;align-items:center;gap:10px}
.nx-trade-reference__order-pair strong{color:#111827;font-size:15px}
.nx-trade-reference__order-side{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase}
.nx-trade-reference__order-side.is-buy{background:#dcfce7;color:#15803d}
.nx-trade-reference__order-side.is-sell{background:#fee2e2;color:#b91c1c}
.nx-trade-reference__order-yield{font-size:13px;font-weight:700;color:#2563eb}
.nx-trade-reference__order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.nx-trade-reference__order-grid span{display:block;color:#6b7280;font-size:12px}
.nx-trade-reference__order-grid strong{display:block;margin-top:4px;color:#111827;font-size:14px}
.nx-trade-reference__order-progress{height:8px;margin-top:14px;border-radius:999px;background:#e5e7eb;overflow:hidden}
.nx-trade-reference__order-progress span{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb)}
.nx-trade-reference__order-foot{margin-top:14px;color:#6b7280;font-size:13px}
.nx-trade-reference__status-item{display:inline-flex;align-items:center;gap:6px}
.nx-trade-reference--gold .nx-trade-reference__panel{border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.08)}
.nx-trade-reference--gold .nx-trade-reference__head{margin-bottom:16px}
.nx-trade-reference--gold .nx-trade-reference__head h2{font-size:16px}
.nx-trade-reference--gold .nx-trade-reference__balance strong{color:#22c55e}
.nx-trade-reference--gold .nx-trade-reference__chart-card{margin-bottom:24px}
.nx-trade-reference--gold .nx-trade-reference__chart-stage{background:#fff;border-radius:12px;box-shadow:0 10px 24px rgba(15,23,42,.12)}
.nx-trade-reference--gold .nx-trade-reference__chart-footer{margin-top:12px}
.nx-trade-reference--gold .nx-trade-reference__chart-status{justify-content:space-between;width:100%;gap:12px}
.nx-trade-reference--gold .nx-trade-reference__gold-intro{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;border:1px solid #fcd34d;border-radius:16px;background:linear-gradient(90deg,#fefce8,#fffbeb)}
.nx-trade-reference--gold .nx-trade-reference__gold-intro h3{margin:0;color:#111827;font-size:18px;font-weight:600}
.nx-trade-reference--gold .nx-trade-reference__gold-intro p{margin:4px 0 0;color:#6b7280;font-size:14px}
.nx-trade-reference--gold .nx-trade-reference__gold-badge{width:40px;height:40px;flex:0 0 auto;border-radius:999px;display:grid;place-items:center;background:linear-gradient(90deg,#fbbf24,#eab308);color:#fff}
.nx-trade-reference--gold .nx-trade-reference__gold-badge svg{width:20px;height:20px}
.nx-trade-reference--gold .nx-trade-reference__price-block{margin-bottom:20px}
.nx-trade-reference--gold .nx-trade-reference__price-block strong{font-size:32px}
.nx-trade-reference__field-shell{position:relative;display:flex;align-items:center}
.nx-trade-reference__field-prefix,.nx-trade-reference__field-action{position:absolute;top:50%;transform:translateY(-50%)}
.nx-trade-reference__field-prefix{left:14px;color:#6b7280;font-size:16px}
.nx-trade-reference__field-action{right:14px;border:0;background:transparent;color:#ca8a04;font-size:12px;font-weight:600;cursor:pointer}
.nx-trade-reference--gold .nx-trade-reference__field-shell input{padding-left:30px;padding-right:52px}
.nx-trade-reference--gold .nx-trade-reference__field input:focus{border-color:#eab308;box-shadow:0 0 0 4px rgba(234,179,8,.14)}
.nx-trade-reference--gold .nx-trade-reference__duration{display:grid;gap:4px;padding:10px 8px}
.nx-trade-reference--gold .nx-trade-reference__duration:hover{background:#e5e7eb}
.nx-trade-reference--gold .nx-trade-reference__duration span{font-size:11px}
.nx-trade-reference--gold .nx-trade-reference__duration small{font-size:12px;color:#ca8a04}
.nx-trade-reference--gold .nx-trade-reference__duration.is-active{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 12px 24px rgba(217,119,6,.22)}
.nx-trade-reference--gold .nx-trade-reference__duration.is-active strong,.nx-trade-reference--gold .nx-trade-reference__duration.is-active span{color:#fff}
.nx-trade-reference--gold .nx-trade-reference__duration.is-active small{color:#fde68a}
.nx-trade-reference--gold .nx-trade-reference__estimate--gold{grid-template-columns:repeat(2,minmax(0,1fr));background:linear-gradient(90deg,#fefce8,#fffbeb);border-color:#fcd34d}
.nx-trade-reference--gold .nx-trade-reference__estimate--gold>div:first-child strong{color:#16a34a}
.nx-trade-reference--gold .nx-trade-reference__estimate--gold>div:nth-child(2){text-align:right}
.nx-trade-reference--gold .nx-trade-reference__estimate--gold>div:nth-child(2) strong{color:#ca8a04}
.nx-trade-reference__estimate-total{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #fcd34d}
.nx-trade-reference__estimate-total span{margin:0}
.nx-trade-reference__estimate-total strong{margin:0;color:#111827!important;font-size:14px!important}
.nx-trade-reference--gold .nx-trade-reference__side{font-size:15px}
.nx-trade-reference--gold .nx-trade-reference__side.is-buy.is-active{background:linear-gradient(90deg,#22c55e,#059669)}
.nx-trade-reference--gold .nx-trade-reference__side.is-sell{background:#f3f4f6;color:#374151}
.nx-trade-reference--gold .nx-trade-reference__side.is-sell.is-active{background:linear-gradient(90deg,#4b5563,#374151);color:#fff;box-shadow:0 12px 24px rgba(55,65,81,.2)}
.nx-trade-reference--gold .nx-trade-reference__summary--gold{background:linear-gradient(135deg,#fefce8,#fffbeb);border-color:#fcd34d}
.nx-trade-reference--gold .nx-trade-reference__summary--gold .is-gold{color:#ca8a04}
.nx-trade-reference--gold .nx-trade-reference__summary-rows .is-total{padding-top:8px;border-top:1px solid #fcd34d}
.nx-trade-reference--gold .nx-trade-reference__cancel{background:#e5e7eb}
.nx-trade-reference--gold .nx-trade-reference__confirm{background:linear-gradient(90deg,#facc15,#eab308);color:#111827;box-shadow:0 12px 24px rgba(234,179,8,.22)}
.nx-trade-reference--gold .nx-trade-reference__confirm.is-disabled,.nx-trade-reference--gold .nx-trade-reference__confirm:disabled{background:#facc15;color:#fff;opacity:.8}
.nx-trade-reference--gold .nx-trade-reference__tab.is-active{color:#ca8a04;border-bottom-color:#eab308}
.nx-trade-reference--gold .nx-trade-reference__empty-icon{background:#fef3c7;color:#ca8a04}
.nx-trade-reference--gold .nx-trade-reference__order-yield{color:#ca8a04}
.nx-trade-reference--gold .nx-trade-reference__order-progress span{background:linear-gradient(90deg,#fbbf24,#f59e0b)}
@media (min-width:768px){.nx-trade-reference{padding:24px 24px 80px}.nx-trade-reference__panel{padding:24px}}
@media (min-width:1536px){.nx-trade-reference{padding:40px 40px 24px}.nx-trade-reference__grid{margin-top:36px;gap:30px}}
@media (max-width:820px){.nx-trade-reference__head{flex-direction:column}.nx-trade-reference__balance{text-align:left}.nx-trade-reference__duration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nx-trade-reference__actions,.nx-trade-reference__side-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-trade-reference__order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-trade-reference__tabs{gap:16px;overflow:auto}}
@media (max-width:640px){.nx-trade-reference__chart-toolbar{padding:0}.nx-trade-reference__chart-footer{padding:0}.nx-trade-reference__chart-frame{height:300px}.nx-trade-reference__price-block strong{font-size:24px}.nx-trade-reference__duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-trade-reference__actions,.nx-trade-reference__side-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-trade-reference--gold .nx-trade-reference__chart-status,.nx-trade-reference__estimate-total{display:grid;gap:8px}.nx-trade-reference--gold .nx-trade-reference__estimate--gold>div:nth-child(2){text-align:left}}

.qs-support-fab{
  width:58px;
  height:58px;
  padding:0;
  border-radius:20px !important;
  border:0 !important;
  position:fixed !important;
  left:auto !important;
  right:16px !important;
  bottom:calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  transform:none !important;
  background:linear-gradient(135deg,#f59e0b 0%,#fb923c 22%,#f97316 45%,#f43f5e 100%) !important;
  color:transparent !important;
  font-size:0 !important;
  z-index:40 !important;
  overflow:hidden;
  box-shadow:0 14px 28px rgba(244,63,94,.18) !important;
}

.qs-support-fab::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:24px;
  height:24px;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 6.75h8A2.25 2.25 0 0 1 18.25 9v5A2.25 2.25 0 0 1 16 16.25h-4.75L8 19v-2.75A2.25 2.25 0 0 1 5.75 14V9A2.25 2.25 0 0 1 8 6.75Z' stroke='white' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.qs-support-fab__pulse{
  display:none !important;
}

.customer-chat-card.nx-chat-enhanced{
  position:relative;
  margin-top:.5rem;
  padding:0;
  gap:0;
  max-height:none;
  min-height:72vh;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 18px 48px rgba(15,23,42,.12);
}

.customer-chat-card.nx-chat-enhanced .customer-chat-header,
.customer-chat-card.nx-chat-enhanced .customer-chat-input{
  display:none !important;
}

.customer-chat-card.nx-chat-enhanced .customer-chat-status{
  margin:0;
  color:#94a3b8;
  font-size:12px;
  letter-spacing:0;
  text-transform:none;
}

.customer-chat-card.nx-chat-enhanced .customer-chat-status--error{
  margin:0 24px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(239,68,68,.18);
  background:rgba(254,242,242,.9);
  color:#b91c1c;
}

.nx-chat-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.92);
}

.nx-chat-topbar__identity{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.nx-chat-topbar__badge{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);
  color:#fff;
  box-shadow:0 10px 24px rgba(245,158,11,.28);
}

.nx-chat-topbar__badge svg,
.nx-chat-icon-btn svg,
.nx-chat-attach-btn svg,
.nx-chat-send-btn svg,
.nx-chat-footer__notify svg{
  width:18px;
  height:18px;
}

.nx-chat-topbar__copy{
  min-width:0;
}

.nx-chat-topbar__copy h3{
  margin:0;
  color:#1e293b;
  font-size:16px;
  font-weight:700;
}

.nx-chat-topbar__presence{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:4px;
  color:#64748b;
  font-size:13px;
}

.nx-chat-topbar__presence-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#34d399;
  box-shadow:0 0 0 4px rgba(52,211,153,.16);
}

.nx-chat-topbar__actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.nx-chat-icon-btn{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#64748b;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,transform .2s ease;
}

.nx-chat-icon-btn:hover{
  background:#f1f5f9;
  color:#334155;
  transform:translateY(-1px);
}

.customer-chat-card.nx-chat-enhanced .customer-chat-messages{
  flex:1;
  min-height:340px;
  padding:18px 18px 12px;
  border-radius:0;
  border:0;
  background:linear-gradient(180deg,rgba(248,250,252,.95) 0%,rgba(241,245,249,.72) 100%);
  display:flex;
  flex-direction:column;
  gap:14px;
  scrollbar-width:thin;
}

.customer-chat-card.nx-chat-enhanced .customer-chat-message{
  position:relative;
  max-width:88%;
  padding:16px 18px 14px;
  border-radius:22px;
  font-size:14px;
  line-height:1.7;
  letter-spacing:0;
  text-transform:none;
}

.customer-chat-card.nx-chat-enhanced .customer-chat-message::before{
  content:attr(data-nx-label);
  display:block;
  margin-bottom:8px;
  font-size:13px;
  font-weight:700;
}

.customer-chat-card.nx-chat-enhanced .customer-chat-message::after{
  content:attr(data-nx-time);
  display:block;
  margin-top:10px;
  font-size:12px;
  color:#94a3b8;
}

.customer-chat-card.nx-chat-enhanced .customer-chat-message--support{
  align-self:flex-start;
  color:#475569;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
}

.customer-chat-card.nx-chat-enhanced .customer-chat-message--support::before{
  color:#f59e0b;
}

.customer-chat-card.nx-chat-enhanced .customer-chat-message--user{
  align-self:flex-end;
  color:#fff;
  background:linear-gradient(135deg,#0f172a 0%,#334155 100%);
  border:1px solid rgba(15,23,42,.08);
}

.customer-chat-card.nx-chat-enhanced .customer-chat-message--user::before,
.customer-chat-card.nx-chat-enhanced .customer-chat-message--user::after{
  color:rgba(255,255,255,.78);
}

.nx-chat-intro{
  max-width:88%;
  padding:16px 18px 14px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#475569;
}

.nx-chat-intro__eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#f59e0b;
  font-size:13px;
  font-weight:700;
}

.nx-chat-intro__dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);
}

.nx-chat-intro__body{
  margin:0;
  font-size:14px;
  line-height:1.7;
}

.nx-chat-intro__time{
  margin-top:10px;
  color:#94a3b8;
  font-size:12px;
}

.nx-chat-composer{
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,252,.9);
  padding:14px 18px 16px;
}

.nx-chat-attachments{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}

.nx-chat-attachment{
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:#fff;
  color:#475569;
  padding:6px 10px;
  font-size:12px;
  cursor:pointer;
}

.nx-chat-composer__row{
  display:flex;
  align-items:flex-end;
  gap:10px;
}

.nx-chat-input-shell{
  position:relative;
  flex:1;
}

.nx-chat-textarea{
  width:100%;
  min-height:54px;
  max-height:160px;
  resize:none;
  border:1px solid #cbd5e1;
  border-radius:18px;
  background:#fff;
  color:#0f172a;
  padding:16px 50px 16px 16px;
  font:inherit;
  line-height:1.4;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}

.nx-chat-textarea::placeholder{
  color:#94a3b8;
}

.nx-chat-textarea:focus{
  border-color:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.14);
}

.nx-chat-input-tools{
  position:absolute;
  right:10px;
  bottom:10px;
  display:flex;
  align-items:center;
}

.nx-chat-attach-btn{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#64748b;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease;
}

.nx-chat-attach-btn:hover{
  background:#f1f5f9;
  color:#334155;
}

.nx-chat-file-input{
  display:none;
}

.nx-chat-send-btn{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);
  color:#fff;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
  box-shadow:0 12px 24px rgba(245,158,11,.24);
}

.nx-chat-send-btn:hover{
  transform:translateY(-1px);
}

.nx-chat-send-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
  box-shadow:none;
  transform:none;
}

.nx-chat-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}

.nx-chat-footer__meta{
  color:#94a3b8;
  font-size:12px;
}

.nx-chat-footer__notify{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  color:#64748b;
  padding:4px 0;
  font-size:12px;
  cursor:pointer;
}

.nx-chat-footer__notify.is-enabled{
  color:#0f172a;
}

body.nx-chat-is-fullscreen .app-shell{
  max-width:none;
  padding:0;
  background:#f8fafc;
}

body.nx-chat-is-fullscreen .profile-wrapper{
  margin-bottom:0;
  padding-bottom:0;
}

body.nx-chat-is-fullscreen .profile-card{
  min-height:100vh;
  border-radius:0;
  padding:0;
  background:transparent;
  box-shadow:none;
}

body.nx-chat-is-fullscreen .customer-chat-card.nx-chat-enhanced{
  min-height:100vh;
  margin:0;
  border-radius:0;
  border:0;
  box-shadow:none;
}

@media (max-width:640px){
  .qs-support-fab{
    width:58px;
    height:58px;
    border-radius:20px !important;
    left:auto !important;
    right:16px !important;
    bottom:calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    transform:none !important;
  }

  .customer-chat-card.nx-chat-enhanced{
    min-height:calc(100vh - 112px);
    border-radius:26px;
  }

  .nx-chat-topbar{
    padding:18px 16px;
  }

  .customer-chat-card.nx-chat-enhanced .customer-chat-messages{
    padding:16px 14px 10px;
  }

  .customer-chat-card.nx-chat-enhanced .customer-chat-message,
  .nx-chat-intro{
    max-width:92%;
    padding:14px 15px 12px;
    border-radius:20px;
    font-size:13px;
  }

  .nx-chat-composer{
    padding:12px 14px 14px;
  }

  .nx-chat-composer__row{
    gap:8px;
  }

  .nx-chat-textarea{
    min-height:50px;
    padding:14px 46px 14px 14px;
    font-size:13px;
  }

  .nx-chat-send-btn{
    width:50px;
    height:50px;
    flex-basis:50px;
    border-radius:16px;
  }

  .nx-chat-footer__label{
    display:none;
  }
}

.nx-chat.is-hidden{
  display:none !important;
}

.nx-chat{
  width:58px !important;
  height:58px !important;
  padding:0 !important;
  border-radius:20px !important;
  border:0 !important;
  position:fixed !important;
  left:auto !important;
  right:16px !important;
  bottom:calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  transform:none !important;
  background:linear-gradient(135deg,#f59e0b 0%,#fb923c 22%,#f97316 45%,#f43f5e 100%) !important;
  color:transparent !important;
  z-index:40 !important;
  overflow:hidden;
  box-shadow:0 14px 28px rgba(244,63,94,.18) !important;
}

.nx-chat::before{
  display:none !important;
}

.nx-chat::after{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:24px;
  height:24px;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 6.75h8A2.25 2.25 0 0 1 18.25 9v5A2.25 2.25 0 0 1 16 16.25h-4.75L8 19v-2.75A2.25 2.25 0 0 1 5.75 14V9A2.25 2.25 0 0 1 8 6.75Z' stroke='white' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nx-chat svg{
  opacity:0 !important;
  width:24px !important;
  height:24px !important;
}

.nx-support-entry{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:24px;
  padding:22px 24px;
  border-radius:28px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(135deg,#fff7ed 0%,#ffffff 46%,#f8fafc 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}

.nx-support-entry__eyebrow{
  margin-bottom:8px;
  color:#f97316;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.nx-support-entry__copy h3{
  margin:0;
  color:#0f172a;
  font-size:24px;
  line-height:1.15;
}

.nx-support-entry__copy p{
  margin:10px 0 0;
  max-width:620px;
  color:#64748b;
  font-size:14px;
  line-height:1.7;
}

.nx-support-entry__button{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 18px;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);
  color:#fff;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 16px 28px rgba(245,158,11,.22);
}

.nx-support-entry__button svg{
  width:18px;
  height:18px;
}

body.nx-theme-dark .nx-support-entry,
.alpha-rebuild-app.nx-theme-dark .nx-support-entry{
  border-color:rgba(15,23,42,.08);
  background:linear-gradient(135deg,#fff7ed 0%,#ffffff 46%,#f8fafc 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}

body.nx-theme-dark .nx-support-entry__eyebrow,
.alpha-rebuild-app.nx-theme-dark .nx-support-entry__eyebrow{
  color:#f97316;
}

body.nx-theme-dark .nx-support-entry__copy h3,
.alpha-rebuild-app.nx-theme-dark .nx-support-entry__copy h3{
  color:#0f172a;
}

body.nx-theme-dark .nx-support-entry__copy p,
.alpha-rebuild-app.nx-theme-dark .nx-support-entry__copy p{
  color:#64748b;
}

.nx-page--support-chat{
  display:block;
}

.nx-support-chat{
  min-height:calc(100vh - 132px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 20px 52px rgba(15,23,42,.12);
}

.nx-support-chat__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border-bottom:1px solid rgba(15,23,42,.08);
}

.nx-support-chat__identity{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.nx-support-chat__badge{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);
  color:#fff;
  box-shadow:0 12px 24px rgba(245,158,11,.24);
}

.nx-support-chat__badge svg{
  width:18px;
  height:18px;
}

.nx-support-chat__copy h2{
  margin:0;
  color:#0f172a;
  font-size:18px;
  font-weight:700;
}

.nx-support-chat__status{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:4px;
  color:#64748b;
  font-size:14px;
}

.nx-support-chat__status-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background:#34d399;
  box-shadow:0 0 0 4px rgba(52,211,153,.16);
}

.nx-support-chat__actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.nx-support-chat__icon-btn{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#64748b;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease;
}

.nx-support-chat__icon-btn:hover{
  background:#f1f5f9;
  color:#334155;
}

.nx-support-chat__icon-btn svg,
.nx-support-chat__attach-btn svg,
.nx-support-chat__send svg,
.nx-support-chat__notify svg{
  width:18px;
  height:18px;
}

.nx-support-chat__messages{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:18px;
  overflow-y:auto;
  background:linear-gradient(180deg,rgba(248,250,252,.95) 0%,rgba(241,245,249,.72) 100%);
}

.nx-support-chat__bubble{
  max-width:88%;
  padding:16px 18px 14px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.08);
}

.nx-support-chat__bubble--support{
  align-self:flex-start;
  background:#fff;
}

.nx-support-chat__bubble--user{
  align-self:flex-end;
  background:linear-gradient(135deg,#0f172a 0%,#334155 100%);
  color:#fff;
}

.nx-support-chat__bubble-label{
  margin-bottom:8px;
  color:#f59e0b;
  font-size:13px;
  font-weight:700;
}

.nx-support-chat__bubble--user .nx-support-chat__bubble-label{
  color:rgba(255,255,255,.78);
}

.nx-support-chat__bubble p{
  margin:0;
  color:inherit;
  font-size:14px;
  line-height:1.7;
}

.nx-support-chat__bubble-time{
  margin-top:10px;
  color:#94a3b8;
  font-size:12px;
}

.nx-support-chat__bubble--user .nx-support-chat__bubble-time{
  color:rgba(255,255,255,.68);
}

.nx-support-chat__composer{
  padding:14px 18px 16px;
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,252,.9);
}

.nx-support-chat__attachments{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}

.nx-support-chat__attachment{
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:#fff;
  color:#475569;
  padding:6px 10px;
  font-size:12px;
  cursor:pointer;
}

.nx-support-chat__composer-row{
  display:flex;
  align-items:flex-end;
  gap:10px;
}

.nx-support-chat__input-wrap{
  position:relative;
  flex:1;
  display:block;
}

.nx-support-chat__textarea{
  width:100%;
  min-height:54px;
  max-height:160px;
  resize:vertical;
  padding:16px 50px 16px 16px;
  border:1px solid #cbd5e1;
  border-radius:18px;
  background:#fff;
  color:#0f172a;
  font:inherit;
  line-height:1.4;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}

.nx-support-chat__textarea::placeholder{
  color:#94a3b8;
}

.nx-support-chat__textarea:focus{
  border-color:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.14);
}

.nx-support-chat__input-tools{
  position:absolute;
  right:10px;
  bottom:10px;
  display:flex;
  align-items:center;
}

.nx-support-chat__attach-btn{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#64748b;
  cursor:pointer;
}

.nx-support-chat__send{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:18px;
  background:linear-gradient(135deg,#f59e0b 0%,#ef4444 100%);
  color:#fff;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(245,158,11,.24);
}

.nx-support-chat__send.is-disabled{
  opacity:.35;
  cursor:not-allowed;
  box-shadow:none;
}

.nx-support-chat__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}

.nx-support-chat__footer-meta{
  color:#94a3b8;
  font-size:12px;
}

.nx-support-chat__notify{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  color:#64748b;
  font-size:12px;
  cursor:pointer;
}

.nx-support-chat__notify.is-enabled{
  color:#0f172a;
}

body.nx-theme-dark .customer-chat-card.nx-chat-enhanced,
.alpha-rebuild-app.nx-theme-dark .customer-chat-card.nx-chat-enhanced,
body.nx-theme-dark .nx-support-chat,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat{
  border-color:rgba(148,163,184,.18);
  background:linear-gradient(180deg,#0f172a 0%,#111827 100%);
  box-shadow:0 22px 60px rgba(2,6,23,.45);
}

body.nx-theme-dark .nx-chat-topbar,
.alpha-rebuild-app.nx-theme-dark .nx-chat-topbar,
body.nx-theme-dark .nx-support-chat__head,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__head{
  border-bottom-color:rgba(148,163,184,.14);
  background:rgba(15,23,42,.88);
}

body.nx-theme-dark .nx-chat-topbar__copy h3,
.alpha-rebuild-app.nx-theme-dark .nx-chat-topbar__copy h3,
body.nx-theme-dark .nx-support-chat__copy h2,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__copy h2{
  color:#f8fafc;
}

body.nx-theme-dark .nx-chat-topbar__presence,
.alpha-rebuild-app.nx-theme-dark .nx-chat-topbar__presence,
body.nx-theme-dark .nx-support-chat__status,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__status,
body.nx-theme-dark .customer-chat-card.nx-chat-enhanced .customer-chat-status,
.alpha-rebuild-app.nx-theme-dark .customer-chat-card.nx-chat-enhanced .customer-chat-status{
  color:#94a3b8;
}

body.nx-theme-dark .nx-chat-icon-btn,
.alpha-rebuild-app.nx-theme-dark .nx-chat-icon-btn,
body.nx-theme-dark .nx-support-chat__icon-btn,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__icon-btn,
body.nx-theme-dark .nx-chat-attach-btn,
.alpha-rebuild-app.nx-theme-dark .nx-chat-attach-btn,
body.nx-theme-dark .nx-support-chat__attach-btn,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__attach-btn,
body.nx-theme-dark .nx-chat-footer__notify,
.alpha-rebuild-app.nx-theme-dark .nx-chat-footer__notify,
body.nx-theme-dark .nx-support-chat__notify,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__notify{
  color:#94a3b8;
}

body.nx-theme-dark .nx-chat-icon-btn:hover,
.alpha-rebuild-app.nx-theme-dark .nx-chat-icon-btn:hover,
body.nx-theme-dark .nx-support-chat__icon-btn:hover,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__icon-btn:hover,
body.nx-theme-dark .nx-chat-attach-btn:hover,
.alpha-rebuild-app.nx-theme-dark .nx-chat-attach-btn:hover,
body.nx-theme-dark .nx-support-chat__attach-btn:hover,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__attach-btn:hover{
  background:rgba(30,41,59,.9);
  color:#e2e8f0;
}

body.nx-theme-dark .customer-chat-card.nx-chat-enhanced .customer-chat-messages,
.alpha-rebuild-app.nx-theme-dark .customer-chat-card.nx-chat-enhanced .customer-chat-messages,
body.nx-theme-dark .nx-support-chat__messages,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__messages{
  background:linear-gradient(180deg,rgba(15,23,42,.98) 0%,rgba(17,24,39,.92) 100%);
}

body.nx-theme-dark .customer-chat-card.nx-chat-enhanced .customer-chat-message--support,
.alpha-rebuild-app.nx-theme-dark .customer-chat-card.nx-chat-enhanced .customer-chat-message--support,
body.nx-theme-dark .nx-chat-intro,
.alpha-rebuild-app.nx-theme-dark .nx-chat-intro,
body.nx-theme-dark .nx-support-chat__bubble--support,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__bubble--support{
  border-color:rgba(148,163,184,.14);
  background:rgba(30,41,59,.92);
  color:#e2e8f0;
}

body.nx-theme-dark .customer-chat-card.nx-chat-enhanced .customer-chat-message::after,
.alpha-rebuild-app.nx-theme-dark .customer-chat-card.nx-chat-enhanced .customer-chat-message::after,
body.nx-theme-dark .nx-chat-intro__time,
.alpha-rebuild-app.nx-theme-dark .nx-chat-intro__time,
body.nx-theme-dark .nx-chat-footer__meta,
.alpha-rebuild-app.nx-theme-dark .nx-chat-footer__meta,
body.nx-theme-dark .nx-support-chat__bubble-time,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__bubble-time{
  color:#94a3b8;
}

body.nx-theme-dark .nx-chat-composer,
.alpha-rebuild-app.nx-theme-dark .nx-chat-composer,
body.nx-theme-dark .nx-support-chat__composer,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__composer{
  border-top-color:rgba(148,163,184,.14);
  background:rgba(15,23,42,.9);
}

body.nx-theme-dark .nx-chat-attachment,
.alpha-rebuild-app.nx-theme-dark .nx-chat-attachment,
body.nx-theme-dark .nx-support-chat__attachment,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__attachment{
  border-color:rgba(148,163,184,.16);
  background:rgba(30,41,59,.88);
  color:#cbd5e1;
}

body.nx-theme-dark .nx-chat-textarea,
.alpha-rebuild-app.nx-theme-dark .nx-chat-textarea,
body.nx-theme-dark .nx-support-chat__textarea,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__textarea{
  border-color:rgba(148,163,184,.22);
  background:rgba(15,23,42,.96);
  color:#f8fafc;
}

body.nx-theme-dark .nx-chat-textarea::placeholder,
.alpha-rebuild-app.nx-theme-dark .nx-chat-textarea::placeholder,
body.nx-theme-dark .nx-support-chat__textarea::placeholder,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__textarea::placeholder{
  color:#94a3b8;
}

body.nx-theme-dark .nx-chat-textarea:focus,
.alpha-rebuild-app.nx-theme-dark .nx-chat-textarea:focus,
body.nx-theme-dark .nx-support-chat__textarea:focus,
.alpha-rebuild-app.nx-theme-dark .nx-support-chat__textarea:focus{
  border-color:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.18);
}

body.nx-support-chat-fullscreen .nx-main{
  padding:0;
}

body.nx-support-chat-fullscreen .nx-content{
  padding:0;
}

body.nx-support-chat-fullscreen .nx-page--support-chat{
  min-height:100vh;
}

body.nx-support-chat-fullscreen .nx-support-chat{
  min-height:100vh;
  border-radius:0;
  border:0;
  box-shadow:none;
}

@media (max-width:900px){
  .nx-support-entry{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width:640px){
  .nx-chat{
    width:58px !important;
    height:58px !important;
    border-radius:20px !important;
    left:auto !important;
    right:16px !important;
    bottom:calc(100px + env(safe-area-inset-bottom, 0px)) !important;
    transform:none !important;
  }

  .nx-support-entry{
    padding:18px;
    border-radius:24px;
  }

  .nx-support-entry__copy h3{
    font-size:20px;
  }

  .nx-support-chat{
    min-height:calc(100vh - 108px);
    border-radius:24px;
  }

  .nx-support-chat__head{
    padding:18px 16px;
  }

  .nx-support-chat__messages{
    padding:16px 14px 10px;
  }

  .nx-support-chat__bubble{
    max-width:92%;
    padding:14px 15px 12px;
  }

  .nx-support-chat__composer{
    padding:12px 14px 14px;
  }

  .nx-support-chat__composer-row{
    gap:8px;
  }

  .nx-support-chat__textarea{
    min-height:50px;
    padding:14px 46px 14px 14px;
    font-size:13px;
  }

  .nx-support-chat__send{
    width:50px;
    height:50px;
    flex-basis:50px;
    border-radius:16px;
  }

  .nx-support-chat__notify span{
    display:none;
  }
}

@media (min-width:1024px){
  .qs-support-fab{
    left:auto !important;
    right:34px !important;
    bottom:34px !important;
    transform:none !important;
  }

  .nx-chat{
    left:auto !important;
    right:34px !important;
    bottom:34px !important;
    transform:none !important;
  }
}

.nx-support-chat-overlay{
  position:fixed;
  right:18px;
  bottom:calc(104px + env(safe-area-inset-bottom, 0px));
  z-index:40;
  width:min(440px, calc(100vw - 48px));
  pointer-events:none;
}

.nx-support-chat-overlay .nx-support-chat{
  width:100%;
  height:min(450px, calc(100vh - 210px));
  min-height:0;
  border-radius:26px;
  pointer-events:auto;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
  box-shadow:0 28px 60px rgba(15,23,42,.18);
}

.nx-support-chat-overlay .nx-support-chat__messages{
  min-height:0;
}

body.nx-support-chat-open .nx-content{
  overflow:visible;
}

@media (max-width:640px){
  .nx-support-chat-overlay{
    right:18px;
    left:18px;
    bottom:calc(104px + env(safe-area-inset-bottom, 0px));
    width:auto;
  }

  .nx-support-chat-overlay .nx-support-chat{
    height:min(430px, calc(100vh - 210px));
    border-radius:24px;
  }
}

@media (min-width:1024px){
  .nx-support-chat-overlay{
    right:32px;
    bottom:32px;
    width:430px;
  }

  .nx-support-chat-overlay .nx-support-chat{
    height:470px;
  }
}