:root {
  color-scheme: dark;
  --gchat-bg: #08090a;
  --gchat-surface: #0f1011;
  --gchat-surface-raised: #141516;
  --gchat-surface-hover: #191a1c;
  --gchat-border: #2a2b2f;
  --gchat-border-soft: rgba(255, 255, 255, 0.08);
  --gchat-text: #f7f8f8;
  --gchat-text-muted: #9b9ca1;
  --gchat-text-subtle: #6f7177;
  --gchat-accent: #f97316;
  --gchat-accent-hover: #fb923c;
  --gchat-accent-soft: rgba(249, 115, 22, 0.16);
  --gchat-accent-softer: rgba(249, 115, 22, 0.09);
  --gchat-accent-border: rgba(251, 146, 60, 0.34);
  --gchat-icon-bg: #f97316;
  --gchat-icon-fg: #fff7ed;
  --gchat-icon-ring: rgba(251, 146, 60, 0.34);
  --semi-color-primary: rgba(249, 115, 22, 1);
  --semi-color-primary-hover: rgba(251, 146, 60, 1);
  --semi-color-primary-active: rgba(234, 88, 12, 1);
  --semi-color-info: rgba(249, 115, 22, 1);
  --semi-color-link: rgba(251, 146, 60, 1);
  --semi-color-link-hover: rgba(253, 186, 116, 1);
  --semi-color-focus-border: rgba(251, 146, 60, 1);
  --semi-color-data-0: #f97316;
  --semi-color-data-1: #fb923c;
  --semi-color-data-2: #fdba74;
  --semi-color-data-3: #ea580c;
  --semi-color-data-4: #f59e0b;
  --semi-color-data-5: #ff8a3d;
  --semi-color-data-6: #c2410c;
  --semi-color-data-7: #fed7aa;
  --semi-color-data-8: #d97706;
  --semi-color-data-9: #fff7ed;
  --semi-color-data-10: #f97316;
  --semi-color-data-11: #fb923c;
  --semi-color-data-12: #fdba74;
  --semi-color-data-13: #ea580c;
  --semi-color-data-14: #f59e0b;
  --semi-color-data-15: #ff8a3d;
  --semi-color-data-16: #c2410c;
  --semi-color-data-17: #fed7aa;
  --semi-color-data-18: #d97706;
  --semi-color-data-19: #fff7ed;
}

html,
body,
#root {
  background: var(--gchat-bg) !important;
  color: var(--gchat-text) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

* {
  letter-spacing: 0 !important;
}

::selection {
  background: rgba(249, 115, 22, 0.42);
  color: #fff;
}

a {
  color: var(--gchat-accent-hover) !important;
}

.semi-layout,
.semi-layout-content,
.semi-layout-sider,
.semi-layout-header,
.semi-navigation,
.semi-navigation-list-wrapper,
.semi-navigation-sub-wrap,
.semi-table,
.semi-table-container,
.semi-table-body,
.semi-table-thead,
.semi-table-tbody {
  background: var(--gchat-bg) !important;
  color: var(--gchat-text) !important;
}

.semi-card,
.semi-modal-content,
.semi-popover,
.semi-dropdown,
.semi-select-option-list,
.semi-cascader-option-lists,
.semi-datepicker,
.semi-tooltip,
.semi-toast-wrapper,
.semi-form-section,
.semi-descriptions,
.semi-tabs-pane,
[class*="card"],
[class*="Card"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0)) var(--gchat-surface) !important;
  border: 1px solid var(--gchat-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.03) inset, 0 18px 36px rgba(0,0,0,0.18) !important;
}

.semi-card:hover,
[class*="card"]:hover,
[class*="Card"]:hover {
  border-color: rgba(255,255,255,0.16) !important;
}

.semi-card-header,
.semi-card-body,
.semi-modal-header,
.semi-modal-body,
.semi-modal-footer,
.semi-table-thead > .semi-table-row > .semi-table-row-head,
.semi-table-tbody > .semi-table-row > .semi-table-row-cell {
  border-color: var(--gchat-border-soft) !important;
}

.semi-typography,
.semi-typography h1,
.semi-typography h2,
.semi-typography h3,
.semi-typography h4,
.semi-typography h5,
.semi-typography h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--gchat-text) !important;
  font-weight: 650 !important;
}

.semi-typography-secondary,
.semi-typography-tertiary,
.semi-typography-quaternary,
.semi-form-field-label,
.semi-table-thead,
.semi-table-thead .semi-table-row-head,
.semi-navigation-item,
.semi-breadcrumb-item,
.semi-tag,
.semi-descriptions-key,
[class*="desc"],
[class*="Desc"],
[class*="secondary"],
[class*="Secondary"] {
  color: var(--gchat-text-muted) !important;
}

.semi-button {
  border-radius: 7px !important;
  border: 1px solid var(--gchat-border) !important;
  background: var(--gchat-surface-raised) !important;
  color: var(--gchat-text) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset !important;
}

.semi-button:hover,
.semi-button:focus {
  background: var(--gchat-surface-hover) !important;
  border-color: rgba(255,255,255,0.18) !important;
}

.semi-button-primary,
.semi-button-primary:not(.semi-button-disabled) {
  background: var(--gchat-text) !important;
  border-color: var(--gchat-text) !important;
  color: var(--gchat-bg) !important;
}

.semi-button-primary:hover,
.semi-button-primary:focus {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: var(--gchat-bg) !important;
}

.semi-input-wrapper,
.semi-input-textarea-wrapper,
.semi-select,
.semi-select-selection,
.semi-cascader,
.semi-datepicker-input,
.semi-input-number,
.semi-tree-select {
  background: var(--gchat-surface) !important;
  border: 1px solid var(--gchat-border) !important;
  border-radius: 7px !important;
  color: var(--gchat-text) !important;
}

.semi-input,
.semi-input-textarea,
.semi-select-selection-text,
.semi-input-number-suffix,
.semi-input-number-prefix {
  color: var(--gchat-text) !important;
}

.semi-input::placeholder,
.semi-input-textarea::placeholder {
  color: var(--gchat-text-subtle) !important;
}

.semi-input-wrapper-focus,
.semi-select-focus,
.semi-input-textarea-wrapper-focus,
.semi-input-number-focus {
  border-color: var(--gchat-accent) !important;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.18) !important;
}

.semi-navigation-item-selected,
.semi-navigation-item-active,
.semi-tabs-tab-active,
.semi-tabs-tab:hover,
.semi-dropdown-item:hover,
.semi-select-option:hover,
.semi-select-option-selected {
  background: var(--gchat-accent-soft) !important;
  color: var(--gchat-accent-hover) !important;
}

.semi-navigation-item-selected,
.semi-navigation-item-active {
  border: 1px solid var(--gchat-accent-border) !important;
}

.semi-navigation-item-selected .sidebar-icon-container,
.semi-navigation-item-active .sidebar-icon-container,
.semi-navigation-item-selected .truncate,
.semi-navigation-item-active .truncate,
.semi-navigation-item-selected svg,
.semi-navigation-item-active svg {
  color: var(--gchat-accent-hover) !important;
  stroke: currentColor !important;
}

.semi-tabs-bar,
.semi-tabs-tab-line,
.semi-divider,
.semi-table,
.semi-table-row,
.semi-table-tbody > .semi-table-row,
.semi-table-thead > .semi-table-row {
  border-color: var(--gchat-border-soft) !important;
}

.semi-tag,
.semi-badge-count,
.semi-switch,
.semi-radio-addon,
.semi-checkbox-addon {
  border-radius: 999px !important;
}

.semi-tag {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--gchat-border-soft) !important;
}

.semi-progress-line-track,
.semi-slider-rail {
  background: rgba(255,255,255,0.08) !important;
}

.semi-progress-line-inner,
.semi-slider-track,
.semi-switch-checked {
  background: var(--gchat-accent) !important;
}

.semi-card[class*="bg-blue-"],
.semi-card[class*="bg-indigo-"],
.semi-card[class*="bg-green-"],
.semi-card[class*="bg-cyan-"],
.semi-card[class*="bg-sky-"],
.semi-card[class*="bg-purple-"],
.semi-card[class*="bg-violet-"],
.semi-card[class*="bg-pink-"],
.semi-card[class*="bg-yellow-"] {
  background: linear-gradient(180deg, rgba(249, 115, 22, 0.055), rgba(249, 115, 22, 0.018)) var(--gchat-surface) !important;
  border-color: var(--gchat-border) !important;
}

[class*="bg-blue-"],
[class*="bg-indigo-"],
[class*="bg-sky-"],
[class*="bg-cyan-"],
[class*="bg-purple-"],
[class*="bg-violet-"],
[class*="bg-pink-"],
[class*="bg-green-"],
[class*="bg-yellow-"] {
  background-color: var(--gchat-accent) !important;
}

[class*="hover:bg-blue-"]:hover,
[class*="hover:bg-indigo-"]:hover,
[class*="hover:bg-sky-"]:hover,
[class*="hover:bg-cyan-"]:hover,
[class*="hover:bg-purple-"]:hover,
[class*="hover:bg-violet-"]:hover,
[class*="hover:bg-pink-"]:hover,
[class*="hover:bg-green-"]:hover,
[class*="hover:bg-yellow-"]:hover {
  background-color: var(--gchat-accent-hover) !important;
}

[class*="text-blue-"],
[class*="text-indigo-"],
[class*="text-sky-"],
[class*="text-cyan-"],
[class*="text-purple-"],
[class*="text-violet-"],
[class*="text-pink-"],
[class*="text-green-"],
[class*="text-yellow-"],
[class*="hover:text-blue-"]:hover,
[class*="hover:text-indigo-"]:hover,
[class*="hover:text-sky-"]:hover,
[class*="hover:text-cyan-"]:hover,
[class*="hover:text-purple-"]:hover,
[class*="hover:text-violet-"]:hover,
[class*="hover:text-pink-"]:hover,
[class*="hover:text-green-"]:hover,
[class*="hover:text-yellow-"]:hover {
  color: var(--gchat-accent-hover) !important;
}

[class*="border-blue-"],
[class*="border-indigo-"],
[class*="border-sky-"],
[class*="border-cyan-"],
[class*="border-purple-"],
[class*="border-violet-"],
[class*="border-pink-"],
[class*="border-green-"],
[class*="border-yellow-"] {
  border-color: var(--gchat-accent-border) !important;
}

[style*="background-image"],
[style*="linear-gradient"],
[style*="radial-gradient"],
[class*="gradient"],
[class*="Gradient"],
[class*="banner"],
[class*="Banner"],
[class*="hero"],
[class*="Hero"] {
  background-image: none !important;
}

[style*="background-image"],
[class*="banner"],
[class*="Banner"],
[class*="hero"],
[class*="Hero"] {
  background: var(--gchat-surface) !important;
}

.semi-card [style*="background"],
[class*="card"] [style*="background"],
[class*="Card"] [style*="background"] {
  background-image: none !important;
}

.semi-card [style*="background: linear-gradient"],
.semi-card [style*="background-image"],
[class*="card"] [style*="background: linear-gradient"],
[class*="card"] [style*="background-image"],
[class*="Card"] [style*="background: linear-gradient"],
[class*="Card"] [style*="background-image"] {
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0)) var(--gchat-surface-raised) !important;
  border: 1px solid var(--gchat-border-soft) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.semi-card [class*="stat"],
.semi-card [class*="Stat"],
[class*="card"] [class*="stat"],
[class*="Card"] [class*="Stat"] {
  background: transparent !important;
}

.semi-alert,
.semi-banner {
  background: rgba(255,255,255,0.055) !important;
  border: 1px solid var(--gchat-border-soft) !important;
  border-radius: 8px !important;
  color: var(--gchat-text-muted) !important;
}

.semi-alert-warning,
.semi-banner-warning,
[class*="warning"],
[class*="Warning"] {
  background: rgba(255,255,255,0.055) !important;
  border-color: var(--gchat-border-soft) !important;
  color: var(--gchat-text-muted) !important;
}

.semi-icon,
.semi-icon svg,
button svg,
a svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

.gchat-mono-icon {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--gchat-icon-fg) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.gchat-brand-logo,
img[src="/logo.png"],
img[src$="/logo.png"],
img[src*="/logo.png?"] {
  animation: gchat-logo-spin-cycle 30s linear infinite !important;
  display: inline-block !important;
  transform-origin: center !important;
  will-change: transform;
}

@keyframes gchat-logo-spin-cycle {
  0% {
    transform: rotate(0deg);
  }

  5%,
  100% {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gchat-brand-logo,
  img[src="/logo.png"],
  img[src$="/logo.png"],
  img[src*="/logo.png?"] {
    animation: none !important;
  }
}

.semi-card .semi-avatar-blue,
.semi-card .semi-avatar-light-blue,
.semi-card .semi-avatar-indigo,
.semi-card .semi-avatar-purple,
.semi-card .semi-avatar-violet,
.semi-card .semi-avatar-cyan,
.semi-card .semi-avatar-teal,
.semi-card .semi-avatar-green,
.semi-card .semi-avatar-yellow,
.semi-card .semi-avatar-orange,
.semi-card .semi-avatar-pink,
.semi-card .semi-avatar-red,
.semi-card .semi-avatar[class*="semi-avatar-"],
[class*="card"] .semi-avatar-blue,
[class*="card"] .semi-avatar-light-blue,
[class*="card"] .semi-avatar-indigo,
[class*="card"] .semi-avatar-purple,
[class*="card"] .semi-avatar-violet,
[class*="card"] .semi-avatar-cyan,
[class*="card"] .semi-avatar-teal,
[class*="card"] .semi-avatar-green,
[class*="card"] .semi-avatar-yellow,
[class*="card"] .semi-avatar-orange,
[class*="card"] .semi-avatar-pink,
[class*="card"] .semi-avatar-red,
[class*="card"] .semi-avatar[class*="semi-avatar-"],
[class*="Card"] .semi-avatar-blue,
[class*="Card"] .semi-avatar-light-blue,
[class*="Card"] .semi-avatar-indigo,
[class*="Card"] .semi-avatar-purple,
[class*="Card"] .semi-avatar-violet,
[class*="Card"] .semi-avatar-cyan,
[class*="Card"] .semi-avatar-teal,
[class*="Card"] .semi-avatar-green,
[class*="Card"] .semi-avatar-yellow,
[class*="Card"] .semi-avatar-orange,
[class*="Card"] .semi-avatar-pink,
[class*="Card"] .semi-avatar-red,
[class*="Card"] .semi-avatar[class*="semi-avatar-"] {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--gchat-icon-fg) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.semi-card .semi-avatar svg,
[class*="card"] .semi-avatar svg,
[class*="Card"] .semi-avatar svg {
  color: var(--gchat-icon-fg) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.gchat-mono-icon svg {
  color: var(--gchat-icon-fg) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

.gchat-mono-icon svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

.gchat-mono-icon svg [fill="none"],
.gchat-mono-icon svg [fill="transparent"] {
  fill: none !important;
}

.gchat-mono-icon svg text {
  fill: currentColor !important;
  stroke: none !important;
}

.gchat-status-enabled,
.gchat-status-disabled,
.gchat-latency-fast,
.gchat-latency-medium,
.gchat-latency-slow,
.gchat-latency-unknown {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-weight: 500 !important;
}

.gchat-status-enabled::before,
.gchat-status-disabled::before,
.gchat-latency-fast::before,
.gchat-latency-medium::before,
.gchat-latency-slow::before,
.gchat-latency-unknown::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  box-shadow: 0 0 10px currentColor !important;
}

.gchat-status-enabled {
  color: var(--gchat-accent-hover) !important;
  background: var(--gchat-accent-soft) !important;
  border-color: var(--gchat-accent-border) !important;
}

.gchat-status-disabled {
  color: #a1a1aa !important;
  background: rgba(161, 161, 170, 0.10) !important;
  border-color: rgba(161, 161, 170, 0.18) !important;
}

.gchat-latency-fast {
  color: var(--gchat-accent-hover) !important;
  background: var(--gchat-accent-soft) !important;
  border-color: var(--gchat-accent-border) !important;
}

.gchat-latency-medium {
  color: var(--gchat-accent-hover) !important;
  background: var(--gchat-accent-soft) !important;
  border-color: var(--gchat-accent-border) !important;
}

.gchat-latency-slow {
  color: var(--gchat-accent-hover) !important;
  background: var(--gchat-accent-soft) !important;
  border-color: var(--gchat-accent-border) !important;
}

.gchat-latency-unknown {
  color: #a1a1aa !important;
  background: rgba(161, 161, 170, 0.10) !important;
  border-color: rgba(161, 161, 170, 0.18) !important;
}