/* GOGOTOKEN Terminal Theme — Dark Amber */

:root {
  --semi-color-primary: #FFB000;
  --semi-color-primary-hover: #FF9500;
  --semi-color-primary-active: #CC8C00;
  --semi-color-primary-light-default: rgba(255,176,0,0.15);
  --semi-color-primary-light-hover: rgba(255,176,0,0.25);
  --semi-color-primary-light-active: rgba(255,176,0,0.35);
  --semi-color-text-0: #FFB000;
  --semi-color-text-1: #FFB000;
  --semi-color-text-2: rgba(255,176,0,0.75);
  --semi-color-link: #FFB000;
  --semi-color-link-hover: #FF9500;
  --semi-color-bg-0: #050505;
  --semi-color-bg-1: #0A0A0A;
  --semi-color-bg-2: #0F0F0F;
  --semi-color-bg-3: #151515;
  --semi-color-bg-4: #1A1A1A;
  --semi-color-border: rgba(255,176,0,0.28);
  --semi-color-fill-0: rgba(255,176,0,0.08);
  --semi-color-fill-1: rgba(255,176,0,0.12);
  --semi-color-fill-2: rgba(255,176,0,0.18);
  --semi-color-success: #5CFF8E;
  --semi-color-danger: #FF3838;
  --semi-color-warning: #FFB000;
  --semi-color-shadow: rgba(0,0,0,0.6);
}

/* ═══ Body & Page Shell ═══ */
body {
  background-color: #050505 !important;
  color: #FFB000 !important;
  background-image:
    radial-gradient(ellipse 130% 100% at center, transparent 40%, rgba(0,0,0,0.55) 90%),
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,176,0,0.05) 2px, rgba(255,176,0,0.05) 3px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><g stroke='%23FFB000' stroke-width='1' opacity='0.45' fill='none'><line x1='75' y1='80' x2='85' y2='80'/><line x1='80' y1='75' x2='80' y2='85'/></g></svg>"),
    linear-gradient(to right, rgba(255,176,0,0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,176,0,0.06) 1px, transparent 1px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='1' height='1' fill='%23FFB000' opacity='0.3'/><rect x='2' y='2' width='1' height='1' fill='%23FFB000' opacity='0.22'/><rect x='1' y='3' width='1' height='1' fill='%23FFB000' opacity='0.14'/><rect x='3' y='1' width='1' height='1' fill='%23FFB000' opacity='0.10'/></svg>");
  background-size: 100% 100%, 100% 3px, 160px 160px, 80px 80px, 80px 80px, 4px 4px;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, repeat, repeat, repeat, repeat, repeat;
  image-rendering: pixelated;
}

/* ═══ Top-level surfaces ═══ */
.semi-layout, .semi-layout-sider,
.semi-page, .semi-card, .semi-panel, .semi-modal-content,
.semi-popover, .semi-dropdown, .semi-select-option-list,
.semi-table, .semi-table-thead, .semi-form, .semi-input-wrapper {
  background-color: #050505 !important;
  color: #FFB000 !important;
}

.semi-layout-content {
  background-color: #050505 !important;
  background-image:
    radial-gradient(ellipse 130% 100% at center, transparent 40%, rgba(0,0,0,0.55) 90%),
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,176,0,0.05) 2px, rgba(255,176,0,0.05) 3px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><g stroke='%23FFB000' stroke-width='1' opacity='0.45' fill='none'><line x1='75' y1='80' x2='85' y2='80'/><line x1='80' y1='75' x2='80' y2='85'/></g></svg>"),
    linear-gradient(to right, rgba(255,176,0,0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,176,0,0.06) 1px, transparent 1px),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4'><rect x='0' y='0' width='1' height='1' fill='%23FFB000' opacity='0.3'/><rect x='2' y='2' width='1' height='1' fill='%23FFB000' opacity='0.22'/><rect x='1' y='3' width='1' height='1' fill='%23FFB000' opacity='0.14'/><rect x='3' y='1' width='1' height='1' fill='%23FFB000' opacity='0.10'/></svg>");
  background-size: 100% 100%, 100% 3px, 160px 160px, 80px 80px, 80px 80px, 4px 4px;
  background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0;
  background-repeat: no-repeat, repeat, repeat, repeat, repeat, repeat;
  image-rendering: pixelated;
  color: #FFB000 !important;
  min-height: 100vh;
  font-family: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* ═══ Cards / Panels / Modal inner surfaces ═══ */
.semi-card, .semi-panel, .semi-modal-content,
.semi-table, .semi-table-container,
.semi-card-body, .semi-panel-body, .semi-modal-body,
.semi-modal-header, .semi-modal-footer,
.semi-descriptions, .semi-descriptions-item,
.semi-collapse, .semi-collapse-item,
.semi-empty {
  border-color: rgba(255,176,0,0.2) !important;
  background-color: #0A0A0A !important;
  color: #FFB000 !important;
}

/* ═══ Tabs — high traffic on settings pages ═══ */
.semi-tabs, .semi-tabs-bar, .semi-tabs-content,
.semi-tabs-panel, .semi-tabs-tab {
  background-color: transparent !important;
  color: #FFB000 !important;
}
.semi-tabs-tab-active {
  color: #FFB000 !important;
  border-bottom-color: #FFB000 !important;
}
.semi-tabs-tab:hover {
  color: #FF9500 !important;
}

/* ═══ Spin / Loading wrappers ═══ */
.semi-spin, .semi-spin-wrapper, .semi-spin-children,
.semi-spin-container {
  background-color: transparent !important;
}
.semi-spin { color: #FFB000 !important; }

/* ═══ Inputs ═══ */
.semi-input, .semi-select, .semi-textarea, .semi-input-textarea {
  background-color: transparent !important;
  color: #FFB000 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.semi-input-wrapper.semi-input-wrapper-default {
  border: 3px solid rgba(255,176,0,0.5) !important;
  background-color: #0A0A0A !important;
}
.semi-input-wrapper.semi-input-wrapper-focus {
  border: 3px solid #FFB000 !important;
  box-shadow: 0 0 0 3px rgba(255,176,0,0.25) !important;
}

/* ═══ Typography / Labels ═══ */
.semi-form-label, .semi-typography, .semi-descriptions-item-label,
.semi-table-cell, .semi-select-selection, .semi-tag {
  color: rgba(255,176,0,0.8) !important;
}

/* ═══ Buttons ═══ */
.semi-button-primary {
  background-color: #FFB000 !important;
  border-color: #FFB000 !important;
  color: #050505 !important;
  font-weight: 700 !important;
}
.semi-button-primary:hover {
  background-color: #FF9500 !important;
  border-color: #FF9500 !important;
}

.semi-button-secondary, .semi-button-tertiary {
  border-color: rgba(255,176,0,0.35) !important;
  color: #FFB000 !important;
}
.semi-button-secondary:hover {
  background-color: rgba(255,176,0,0.1) !important;
  border-color: #FFB000 !important;
}

/* ═══ Links ═══ */
a, .semi-link, .semi-navigation-item-text {
  color: #FFB000 !important;
}
a:hover, .semi-link:hover {
  color: #FF9500 !important;
}

/* ═══ Tables ═══ */
.semi-table-thead .semi-table-row-head {
  background-color: #0A0A0A !important;
  border-bottom: 2px solid rgba(255,176,0,0.35) !important;
}
.semi-table-thead .semi-table-cell {
  color: #FFB000 !important;
  font-weight: 700 !important;
}
.semi-table-row:hover {
  background-color: rgba(255,176,0,0.05) !important;
}

/* ═══ Sidebar / Navigation ═══ */
.semi-layout-sider, .semi-navigation {
  background-color: #050505 !important;
  border-right: 1px solid rgba(255,176,0,0.15) !important;
}
.semi-navigation-item:hover {
  background-color: rgba(255,176,0,0.08) !important;
}
.semi-navigation-item-active {
  background-color: rgba(255,176,0,0.12) !important;
  color: #FFB000 !important;
  border-right: 2px solid #FFB000 !important;
}

.semi-layout-header, .semi-navigation-header {
  background-color: #050505 !important;
  border-bottom: 1px solid rgba(255,176,0,0.15) !important;
}

/* ═══ Tags ═══ */
.semi-tag-primary {
  background-color: rgba(255,176,0,0.15) !important;
  color: #FFB000 !important;
  border-color: rgba(255,176,0,0.3) !important;
}
.semi-tag-success {
  background-color: rgba(92,255,142,0.12) !important;
  color: #5CFF8E !important;
}
.semi-tag-danger {
  background-color: rgba(255,56,56,0.12) !important;
  color: #FF3838 !important;
}

/* ═══ Dropdown / Popover surfaces ═══ */
.semi-dropdown, .semi-popover, .semi-popconfirm, .semi-tooltip {
  z-index: 1100 !important;
}
.semi-dropdown-menu, .semi-select-option-list {
  background-color: #0F0F0F !important;
  border: 1px solid rgba(255,176,0,0.28) !important;
}
.semi-select-option:hover, .semi-dropdown-item:hover {
  background-color: rgba(255,176,0,0.08) !important;
}

/* ═══ Toast / Notifications ═══ */
.semi-toast, .semi-notification {
  background-color: #0A0A0A !important;
  border: 1px solid rgba(255,176,0,0.28) !important;
  color: #FFB000 !important;
}

/* ═══ Breadcrumb ═══ */
.semi-breadcrumb, .semi-breadcrumb-item {
  color: rgba(255,176,0,0.65) !important;
}

/* ═══ Form extras ═══ */
.semi-form-field, .semi-form-field-group,
.semi-radio, .semi-checkbox, .semi-switch {
  color: #FFB000 !important;
}

/* ═══ Slider / Progress / Upload ═══ */
.semi-slider, .semi-progress, .semi-upload {
  background-color: transparent !important;
  color: #FFB000 !important;
}
.semi-slider-track { background-color: rgba(255,176,0,0.25) !important; }
.semi-slider-handle { border-color: #FFB000 !important; }
.semi-progress-fill { background-color: #FFB000 !important; }

/* ═══ Overlays / Masks — explicit class names only, NO wildcards ═══ */
.semi-modal-mask,
.semi-modal-mask-animate-hide,
.semi-modal-mask-animate-show,
.semi-drawer-mask,
.semi-popover-mask,
.semi-dropdown-mask,
.semi-sideSheet-mask,
.semi-sidesheet-mask,
.semi-sidesheet-animation-mask {
  background-color: rgba(0, 0, 0, 0.75) !important;
}

/* ═══ Scrollbar ═══ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #050505; }
::-webkit-scrollbar-thumb { background: rgba(255,176,0,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,176,0,0.5); }

/* ═══ Focus ═══ */
.semi-button:focus-visible, .semi-input:focus-visible,
.semi-select:focus-visible {
  outline-color: #FFB000 !important;
}

/* ═══ Misc cleanup ═══ */
body::before, .semi-layout-content::before { display: none; }
.gt-frame, .gt-frame::before, .gt-frame::after,
.gt-frame .gt-b1, .gt-frame .gt-b2 { display: none !important; }