/* Codex dominant UI skin: paint-only overrides, no auth/API changes. */
:root {
  --codex-bg: #070a10;
  --codex-bg-2: #101722;
  --codex-panel: rgba(12, 17, 26, .92);
  --codex-panel-soft: rgba(16, 23, 34, .86);
  --codex-line: rgba(233, 184, 76, .25);
  --codex-line-soft: rgba(141, 167, 204, .16);
  --codex-gold: #f2c766;
  --codex-gold-2: #ffe39a;
  --codex-blue: #47c8ff;
  --codex-red: #ff4b6a;
  --codex-text: #dde7f4;
  --codex-muted: #8b98ad;
  --codex-shadow: 0 14px 38px rgba(0, 0, 0, .32);
}

html,
body {
  min-height: 100%;
  color: var(--codex-text);
  background:
    linear-gradient(115deg, rgba(242, 199, 102, .12), transparent 22%, transparent 70%, rgba(71, 200, 255, .09)),
    linear-gradient(rgba(255, 255, 255, .032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .026) 1px, transparent 1px),
    radial-gradient(circle at 62% 10%, rgba(242, 199, 102, .18), transparent 25%),
    linear-gradient(135deg, var(--codex-bg) 0%, var(--codex-bg-2) 52%, #171109 100%) !important;
  background-size: auto, 48px 48px, 48px 48px, auto, auto;
}

body {
  font-family: Inter, "Microsoft YaHei UI", "PingFang SC", Arial, sans-serif;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(242, 199, 102, .58) rgba(9, 13, 19, .88);
}

*::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

*::-webkit-scrollbar-track {
  background: rgba(9, 13, 19, .88);
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(242, 199, 102, .82), rgba(71, 200, 255, .58));
  border: 2px solid rgba(9, 13, 19, .88);
  border-radius: 8px;
}

.layout,
.n-layout,
.layout-content,
.layout-default-background,
.layout-content-main,
.main-view {
  background-color: transparent !important;
}

.layout .layout-sider,
.layout-side-drawer,
.layout-side-drawer .layout-sider {
  color: var(--codex-text) !important;
  background:
    linear-gradient(180deg, rgba(5, 9, 16, .98), rgba(10, 17, 27, .98) 58%, rgba(24, 18, 10, .98)) !important;
  border-right: 1px solid rgba(242, 199, 102, .2);
  box-shadow: 12px 0 34px rgba(0, 0, 0, .34) !important;
}

.logo {
  background:
    linear-gradient(90deg, rgba(242, 199, 102, .1), transparent),
    linear-gradient(180deg, rgba(255, 255, 255, .05), transparent) !important;
  border-bottom: 1px solid rgba(242, 199, 102, .18);
}

.logo img {
  filter: drop-shadow(0 0 16px rgba(242, 199, 102, .58));
}

.logo .title {
  color: var(--codex-gold) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 16px rgba(242, 199, 102, .36);
}

.n-menu .n-menu-item-content {
  color: rgba(221, 231, 244, .72) !important;
  border-radius: 8px !important;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}

.n-menu .n-menu-item-content:hover {
  color: #fff !important;
  background-color: rgba(255, 255, 255, .07) !important;
}

.n-menu .n-menu-item-content--selected,
.n-menu .n-menu-item--selected > .n-menu-item-content,
.codex-settings-menu.codex-menu-active > .n-menu-item-content {
  color: #130d04 !important;
  background: linear-gradient(135deg, #d89a2c 0%, #ffe39a 52%, #e0a33a 100%) !important;
  box-shadow: 0 10px 24px rgba(216, 154, 44, .28), inset 0 0 0 1px rgba(255, 255, 255, .42) !important;
}

.n-menu .n-menu-item-content__icon,
.n-menu .n-icon {
  color: currentColor !important;
}

.codex-menu-label,
.n-menu .n-menu-item-group-title {
  color: rgba(242, 199, 102, .68) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.layout-header,
.layout-header-light,
.n-layout-header {
  color: var(--codex-text) !important;
  background: rgba(9, 14, 21, .86) !important;
  border-bottom: 1px solid rgba(242, 199, 102, .18) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .28) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.layout-header .n-icon,
.layout-header .anticon,
.layout-header-left .n-breadcrumb,
.layout-header-left .link-text,
.layout-header-right,
.layout-header-right span {
  color: var(--codex-text) !important;
}

.layout-header-trigger:hover {
  color: var(--codex-gold) !important;
  background-color: rgba(242, 199, 102, .1) !important;
}

.layout-header-right span[style*="background-color"],
.layout-header-right span[style*="red"] {
  color: #170e04 !important;
  background: linear-gradient(135deg, #ff3f5f 0%, #ffd76d 58%, #f2b240 100%) !important;
  border: 1px solid rgba(255, 225, 147, .64) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 22px rgba(255, 75, 106, .24) !important;
}

.avatar {
  color: var(--codex-text) !important;
}

.tabs-view,
.tabs-view-default-background {
  background: rgba(9, 14, 21, .78) !important;
  border-bottom: 1px solid rgba(242, 199, 102, .14);
}

.tabs-card-scroll-item {
  color: rgba(221, 231, 244, .78) !important;
  background-color: rgba(255, 255, 255, .045) !important;
  border-color: rgba(141, 167, 204, .16) !important;
  border-radius: 8px 8px 0 0 !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}

.tabs-card-scroll-item:hover {
  color: #fff !important;
  border-color: rgba(242, 199, 102, .35) !important;
}

.tabs-card-scroll .active-item {
  color: #140d04 !important;
  background: linear-gradient(135deg, #d99b2c, #ffe39a) !important;
  border-color: rgba(255, 235, 178, .72) !important;
  box-shadow: 0 10px 26px rgba(216, 154, 44, .24) !important;
}

.n-card {
  color: var(--codex-text) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), transparent 42%),
    var(--codex-panel) !important;
  border-color: var(--codex-line-soft) !important;
  border-radius: 8px !important;
  box-shadow: var(--codex-shadow) !important;
}

.index-root > .n-card:first-child,
.index-root > .n-card.mt-3 {
  border-color: rgba(242, 199, 102, .2) !important;
}

.n-form,
.n-form-item,
.n-form-item-label,
.n-form-item-label__text {
  color: rgba(221, 231, 244, .86) !important;
}

.n-form-item-label {
  font-weight: 700 !important;
}

.n-input,
.n-base-selection {
  color: var(--codex-text) !important;
  background-color: rgba(7, 11, 17, .84) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 0 1px rgba(141, 167, 204, .18) !important;
  transition: box-shadow .2s ease, background-color .2s ease !important;
}

.n-input:hover,
.n-input:focus-within,
.n-base-selection:hover,
.n-base-selection--active {
  background-color: rgba(11, 17, 26, .94) !important;
  box-shadow: inset 0 0 0 1px rgba(242, 199, 102, .56), 0 0 0 3px rgba(242, 199, 102, .1) !important;
}

.n-input__border,
.n-input__state-border,
.n-base-selection__border,
.n-base-selection__state-border {
  border-color: transparent !important;
  box-shadow: none !important;
}

.n-input__input-el,
.n-input__textarea-el,
.n-base-selection-label,
.n-base-selection-input,
.n-base-selection-input__content,
.n-base-selection-placeholder {
  color: var(--codex-text) !important;
}

.n-input__placeholder,
.n-base-selection-placeholder {
  color: rgba(139, 152, 173, .9) !important;
}

.n-button {
  border-radius: 8px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  transition: box-shadow .18s ease, filter .18s ease, background-color .18s ease !important;
}

.n-button:hover {
  filter: brightness(1.06);
}

.n-button--primary-type {
  color: #140d04 !important;
  background: linear-gradient(135deg, #d99b2c 0%, #ffe39a 52%, #d58f21 100%) !important;
  border-color: rgba(255, 226, 153, .72) !important;
  box-shadow: 0 12px 28px rgba(216, 154, 44, .28) !important;
}

.n-button--info-type {
  color: #04131d !important;
  background: linear-gradient(135deg, #20a9ff 0%, #58e5ff 100%) !important;
  border-color: rgba(95, 225, 255, .72) !important;
  box-shadow: 0 10px 24px rgba(71, 200, 255, .2) !important;
}

.n-button--warning-type {
  color: #160d04 !important;
  background: linear-gradient(135deg, #ca7f1e 0%, #ffd36a 100%) !important;
  border-color: rgba(255, 211, 106, .72) !important;
}

.n-button--error-type {
  color: #fff !important;
  background: linear-gradient(135deg, #ff4165 0%, #9f1d2e 100%) !important;
  border-color: rgba(255, 75, 106, .58) !important;
}

.n-button--success-type {
  color: #06140d !important;
  background: linear-gradient(135deg, #2bd991 0%, #9dffd1 100%) !important;
  border-color: rgba(93, 255, 182, .58) !important;
}

.n-button--default-type {
  color: var(--codex-text) !important;
  background-color: rgba(255, 255, 255, .055) !important;
  border-color: rgba(141, 167, 204, .18) !important;
}

.table-toolbar {
  color: var(--codex-text) !important;
  background: linear-gradient(90deg, rgba(242, 199, 102, .08), rgba(71, 200, 255, .045)) !important;
  border-bottom: 1px solid rgba(242, 199, 102, .14);
}

.table-toolbar-left-title {
  color: var(--codex-gold) !important;
  font-weight: 800 !important;
}

.table-toolbar-right-icon {
  color: rgba(221, 231, 244, .78) !important;
  transition: color .2s ease !important;
}

.table-toolbar-right-icon:hover {
  color: var(--codex-gold) !important;
}

.s-table,
.n-data-table,
.n-data-table-wrapper,
.n-data-table-base-table {
  background-color: transparent !important;
}

.n-data-table {
  --n-merged-th-color: rgba(15, 21, 31, .96) !important;
  --n-merged-td-color: rgba(10, 15, 22, .82) !important;
  --n-merged-border-color: rgba(141, 167, 204, .12) !important;
}

.n-data-table-wrapper {
  border-color: rgba(141, 167, 204, .14) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.n-data-table-th {
  color: var(--codex-gold-2) !important;
  font-weight: 800 !important;
  background: linear-gradient(180deg, rgba(28, 35, 47, .98), rgba(13, 19, 29, .98)) !important;
  border-bottom-color: rgba(242, 199, 102, .2) !important;
}

.n-data-table-td {
  color: rgba(221, 231, 244, .9) !important;
  background-color: rgba(10, 15, 22, .82) !important;
  border-bottom-color: rgba(141, 167, 204, .1) !important;
  transition: background-color .18s ease, color .18s ease !important;
}

.n-data-table-tr:hover .n-data-table-td {
  color: #fff !important;
  background-color: rgba(30, 39, 52, .96) !important;
}

.n-data-table-td img,
.n-avatar img {
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .28);
}

.n-tag {
  border-radius: 8px !important;
  font-weight: 750 !important;
}

.n-empty,
.n-empty__description {
  color: rgba(221, 231, 244, .58) !important;
}

.n-pagination {
  color: rgba(221, 231, 244, .78) !important;
}

.n-pagination .n-pagination-item {
  color: rgba(221, 231, 244, .82) !important;
  background-color: rgba(255, 255, 255, .045) !important;
  border-color: rgba(141, 167, 204, .16) !important;
  border-radius: 8px !important;
}

.n-pagination .n-pagination-item--active {
  color: #140d04 !important;
  background: linear-gradient(135deg, #d99b2c, #ffe39a) !important;
  border-color: rgba(255, 226, 153, .72) !important;
}

.n-dialog,
.n-modal,
.n-popover,
.n-dropdown-menu {
  color: var(--codex-text) !important;
  background-color: rgba(10, 14, 21, .96) !important;
  border-color: rgba(242, 199, 102, .2) !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .45) !important;
}

.modal-content {
  color: var(--codex-text) !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.codex-inner-page {
  color: var(--codex-text) !important;
}

.codex-page-title,
.codex-card-title {
  color: var(--codex-gold) !important;
}

.codex-card {
  color: var(--codex-text) !important;
  background-color: var(--codex-panel) !important;
  border-color: rgba(242, 199, 102, .2) !important;
  border-radius: 8px !important;
  box-shadow: var(--codex-shadow) !important;
}

.codex-row {
  border-bottom-color: rgba(141, 167, 204, .12) !important;
}

.codex-row span {
  color: var(--codex-muted) !important;
}

.codex-label {
  color: rgba(221, 231, 244, .86) !important;
}

.codex-label input {
  color: var(--codex-text) !important;
  background-color: rgba(7, 11, 17, .84) !important;
  border-color: rgba(141, 167, 204, .18) !important;
  border-radius: 8px !important;
}

.codex-submit {
  color: #140d04 !important;
  background: linear-gradient(135deg, #d99b2c, #ffe39a) !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
}

.view-account,
.view-account[data-v-7de6931f] {
  background-color: #080a0e !important;
}

.view-account::after,
.view-account[data-v-7de6931f]::after {
  opacity: .52 !important;
}

.view-account .n-button,
.view-account[data-v-7de6931f] .n-button {
  border-radius: 8px !important;
}

/* Readability pass: force high contrast for Naive UI selects, menus, and disabled states. */
.n-input,
.n-base-selection {
  --n-color: rgba(7, 11, 17, .96) !important;
  --n-color-active: rgba(8, 13, 21, .98) !important;
  --n-color-focus: rgba(8, 13, 21, .98) !important;
  --n-color-disabled: rgba(13, 19, 29, .82) !important;
  --n-text-color: #f3f8ff !important;
  --n-text-color-disabled: rgba(211, 222, 240, .78) !important;
  --n-placeholder-color: rgba(202, 216, 238, .82) !important;
  --n-placeholder-color-disabled: rgba(202, 216, 238, .68) !important;
  --n-border: 1px solid rgba(148, 171, 205, .28) !important;
  --n-border-hover: 1px solid rgba(242, 199, 102, .58) !important;
  --n-border-active: 1px solid rgba(242, 199, 102, .74) !important;
  --n-border-focus: 1px solid rgba(242, 199, 102, .74) !important;
  --n-box-shadow-focus: 0 0 0 3px rgba(242, 199, 102, .14) !important;
  --n-caret-color: var(--codex-gold) !important;
}

.n-base-selection-label,
.n-base-selection-tags,
.n-base-selection .n-base-selection-label {
  color: #f3f8ff !important;
  background-color: rgba(7, 11, 17, .96) !important;
}

.n-base-selection:hover .n-base-selection-label,
.n-base-selection--active .n-base-selection-label {
  background-color: rgba(10, 16, 25, .98) !important;
}

.n-base-selection-input,
.n-base-selection-input__content,
.n-base-selection-label__rendered,
.n-base-selection .n-base-selection-label,
.n-base-selection .n-base-selection-label * {
  color: #f3f8ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.n-base-selection-placeholder,
.n-base-selection-input__content[placeholder],
.n-input__placeholder {
  color: rgba(202, 216, 238, .84) !important;
  opacity: 1 !important;
}

.n-base-selection--disabled,
.n-input--disabled,
.n-button--disabled,
.n-pagination .n-pagination-item--disabled {
  opacity: 1 !important;
  filter: none !important;
}

.n-base-selection--disabled .n-base-selection-label,
.n-input--disabled,
.n-input--disabled .n-input-wrapper {
  color: rgba(211, 222, 240, .72) !important;
  background-color: rgba(13, 19, 29, .82) !important;
}

.n-base-selection__border,
.n-base-selection__state-border,
.n-input__border,
.n-input__state-border {
  border-color: rgba(148, 171, 205, .26) !important;
}

.n-base-selection:hover .n-base-selection__state-border,
.n-base-selection--active .n-base-selection__state-border,
.n-input:hover .n-input__state-border,
.n-input:focus-within .n-input__state-border {
  border-color: rgba(242, 199, 102, .7) !important;
  box-shadow: 0 0 0 3px rgba(242, 199, 102, .12) !important;
}

.n-base-selection .n-base-suffix,
.n-base-selection .n-base-icon,
.n-input .n-base-icon,
.n-input__suffix,
.n-input__prefix {
  color: rgba(221, 231, 244, .88) !important;
}

.n-base-select-menu,
.n-select-menu,
.n-dropdown-menu,
.n-popover,
.n-popover-shared {
  --n-color: rgba(8, 13, 21, .98) !important;
  --n-option-text-color: rgba(230, 239, 252, .94) !important;
  --n-option-text-color-active: #130d04 !important;
  --n-option-text-color-pressed: #130d04 !important;
  --n-option-color-pending: rgba(255, 255, 255, .08) !important;
  --n-option-color-active: rgba(242, 199, 102, .96) !important;
  --n-option-color-active-pending: rgba(242, 199, 102, .96) !important;
  --n-border-radius: 8px !important;
  color: rgba(230, 239, 252, .94) !important;
  background-color: rgba(8, 13, 21, .98) !important;
  border: 1px solid rgba(242, 199, 102, .24) !important;
}

.n-base-select-option,
.n-base-select-option__content,
.n-dropdown-option,
.n-dropdown-option-body,
.n-dropdown-option-body__label,
.n-dropdown-option-body__prefix,
.n-dropdown-option-body__suffix {
  color: rgba(230, 239, 252, .94) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.n-base-select-option:hover,
.n-base-select-option--pending,
.n-dropdown-option:hover,
.n-dropdown-option--pending .n-dropdown-option-body {
  color: #fff !important;
  background-color: rgba(255, 255, 255, .08) !important;
}

.n-base-select-option--selected,
.n-base-select-option--selected .n-base-select-option__content,
.n-dropdown-option--selected,
.n-dropdown-option--selected .n-dropdown-option-body,
.n-dropdown-option--selected .n-dropdown-option-body__label {
  color: #130d04 !important;
  background: linear-gradient(135deg, #d99b2c, #ffe39a) !important;
}

.n-base-select-option--disabled,
.n-dropdown-option--disabled,
.n-dropdown-option--disabled .n-dropdown-option-body,
.n-dropdown-option--disabled .n-dropdown-option-body__label {
  color: rgba(181, 195, 217, .64) !important;
  opacity: 1 !important;
}

.n-pagination .n-pagination-item,
.n-pagination .n-pagination-item button,
.n-pagination .n-pagination-prefix,
.n-pagination .n-pagination-suffix,
.n-pagination .n-pagination-quick-jumper,
.n-pagination .n-pagination-quick-jumper input {
  color: rgba(229, 239, 253, .92) !important;
  opacity: 1 !important;
}

.n-pagination .n-pagination-item--disabled,
.n-pagination .n-pagination-item--disabled button {
  color: rgba(181, 195, 217, .62) !important;
  background-color: rgba(255, 255, 255, .04) !important;
}

.n-pagination .n-pagination-item--active {
  color: #130d04 !important;
  font-weight: 800 !important;
}

.n-menu .n-menu-item-content-header,
.n-menu .n-menu-item-content__arrow {
  color: inherit !important;
  opacity: 1 !important;
}

.n-menu .n-menu-item-content--disabled,
.n-menu .n-menu-item-content--disabled .n-menu-item-content-header,
.n-menu .n-menu-item-content--disabled .n-menu-item-content__icon {
  color: rgba(181, 195, 217, .62) !important;
  opacity: 1 !important;
}

.n-list,
.n-list-item {
  color: rgba(229, 239, 253, .92) !important;
  background-color: transparent !important;
}

.n-list-item__main,
.n-list-item__header,
.n-list-item__description,
.n-thing,
.n-thing-main,
.n-thing-header,
.n-thing-main__description {
  color: rgba(229, 239, 253, .92) !important;
  opacity: 1 !important;
}

.n-descriptions,
.n-descriptions-table,
.n-descriptions .n-descriptions-table-content,
.n-descriptions .n-descriptions-table-header,
.n-statistic,
.n-statistic-value {
  color: rgba(229, 239, 253, .94) !important;
}

/* Crisp pass: account badges and system card menu. */
.codex-row .codex-badge,
.codex-row .codex-status {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 8px 18px rgba(0, 0, 0, .18) !important;
}

.codex-row .codex-badge {
  color: #0059d6 !important;
  background-color: #e8f3ff !important;
  border: 1px solid rgba(64, 158, 255, .42) !important;
}

.codex-row .codex-status {
  color: #00824d !important;
  background-color: #e4fff2 !important;
  border: 1px solid rgba(43, 217, 145, .42) !important;
}

.codex-row span,
.codex-row strong,
.codex-row b,
.codex-expire {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.codex-row span {
  color: #b8c9e6 !important;
}

.proCard .thing-cell,
.proCard .thing-cell[data-v-9a915ab9],
.proCard .n-thing,
.proCard .n-thing-main,
.proCard .n-thing-header,
.proCard .n-thing-header__title,
.proCard .n-thing-main__description {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.proCard .thing-cell,
.proCard .thing-cell[data-v-9a915ab9] {
  color: #eaf2ff !important;
  background-color: rgba(8, 13, 21, .96) !important;
  border: 1px solid rgba(148, 171, 205, .16) !important;
  border-radius: 8px !important;
}

.proCard .thing-cell:hover,
.proCard .thing-cell[data-v-9a915ab9]:hover {
  background-color: rgba(18, 27, 40, .98) !important;
  border-color: rgba(242, 199, 102, .36) !important;
}

.proCard .thing-cell .n-thing-header__title,
.proCard .thing-cell[data-v-9a915ab9] .n-thing-header__title {
  color: #f3f8ff !important;
  font-weight: 900 !important;
}

.proCard .thing-cell .n-thing-main__description,
.proCard .thing-cell[data-v-9a915ab9] .n-thing-main__description {
  color: #c9d8ef !important;
  font-weight: 750 !important;
}

.proCard .thing-cell-on,
.proCard .thing-cell-on[data-v-9a915ab9],
.proCard .thing-cell-on[data-v-9a915ab9]:hover {
  color: #140d04 !important;
  background: linear-gradient(135deg, #d99b2c 0%, #ffe39a 54%, #d58f21 100%) !important;
  border-color: rgba(255, 235, 178, .72) !important;
  box-shadow: 0 10px 24px rgba(216, 154, 44, .24) !important;
}

.proCard .thing-cell-on .n-thing-header__title,
.proCard .thing-cell-on[data-v-9a915ab9] .n-thing-main .n-thing-header .n-thing-header__title,
.proCard .thing-cell-on .n-thing-main__description,
.proCard .thing-cell-on[data-v-9a915ab9] .n-thing-main__description {
  color: #140d04 !important;
  font-weight: 900 !important;
}

/* Interaction clarity pass: clicked buttons, form labels, and sidebar active menu. */
.proCard .n-form-item-label,
.proCard .n-form-item-label__text,
.proCard .n-form-item > .n-form-item-label,
.proCard .n-form-item-label label,
.proCard .n-form-item-label span {
  color: #f3f8ff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.proCard .n-button,
.proCard .n-button .n-button__content,
.proCard .n-button .n-button__icon,
.proCard .n-button .n-icon {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.proCard .n-button--default-type {
  color: #f5f9ff !important;
  background-color: rgba(11, 17, 27, .96) !important;
  border-color: rgba(224, 236, 255, .72) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 8px 18px rgba(0, 0, 0, .22) !important;
}

.proCard .n-button--default-type .n-button__content {
  color: #f5f9ff !important;
}

.proCard .n-button--default-type:hover,
.proCard .n-button--default-type:focus,
.proCard .n-button--default-type:active {
  color: #fff !important;
  background-color: rgba(18, 27, 41, .98) !important;
  border-color: rgba(242, 199, 102, .82) !important;
}

.proCard .n-button--primary-type,
.proCard .n-button--primary-type:hover,
.proCard .n-button--primary-type:focus,
.proCard .n-button--primary-type:active {
  color: #120c04 !important;
  filter: none !important;
}

.proCard .n-button--primary-type .n-button__content,
.proCard .n-button--primary-type .n-button__icon,
.proCard .n-button--primary-type .n-icon {
  color: #120c04 !important;
  font-weight: 900 !important;
}

.layout .layout-sider .n-menu,
.layout-side-drawer .n-menu {
  --n-item-text-color-active: #120c04 !important;
  --n-item-text-color-active-hover: #120c04 !important;
  --n-item-text-color-child-active: #120c04 !important;
  --n-item-text-color-child-active-hover: #120c04 !important;
  --n-item-icon-color-active: #120c04 !important;
  --n-item-icon-color-active-hover: #120c04 !important;
  --n-item-icon-color-child-active: #120c04 !important;
  --n-item-icon-color-child-active-hover: #120c04 !important;
  --n-item-color-active: rgba(242, 199, 102, .98) !important;
  --n-item-color-active-hover: rgba(242, 199, 102, .98) !important;
}

.layout .layout-sider .n-menu .n-menu-item-content,
.layout-side-drawer .n-menu .n-menu-item-content,
.layout .layout-sider .n-menu .n-menu-item-content-header,
.layout-side-drawer .n-menu .n-menu-item-content-header,
.layout .layout-sider .n-menu .n-menu-item-content__icon,
.layout-side-drawer .n-menu .n-menu-item-content__icon {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.layout .layout-sider .n-menu .n-menu-item-content--selected,
.layout .layout-sider .n-menu .n-menu-item-content--child-active,
.layout .layout-sider .n-menu .n-menu-item--selected > .n-menu-item-content,
.layout .layout-sider .n-menu .n-menu-item-content[aria-current="page"],
.layout-side-drawer .n-menu .n-menu-item-content--selected,
.layout-side-drawer .n-menu .n-menu-item-content--child-active,
.layout-side-drawer .n-menu .n-menu-item--selected > .n-menu-item-content {
  color: #120c04 !important;
  background: linear-gradient(135deg, #d99b2c 0%, #ffe39a 52%, #d58f21 100%) !important;
  border-color: rgba(255, 235, 178, .78) !important;
  box-shadow: 0 12px 26px rgba(216, 154, 44, .3), inset 0 0 0 1px rgba(255, 255, 255, .44) !important;
}

.layout .layout-sider .n-menu .n-menu-item-content--selected .n-menu-item-content-header,
.layout .layout-sider .n-menu .n-menu-item-content--selected .n-menu-item-content__icon,
.layout .layout-sider .n-menu .n-menu-item-content--selected .n-icon,
.layout .layout-sider .n-menu .n-menu-item-content--child-active .n-menu-item-content-header,
.layout .layout-sider .n-menu .n-menu-item-content--child-active .n-menu-item-content__icon,
.layout .layout-sider .n-menu .n-menu-item--selected > .n-menu-item-content .n-menu-item-content-header,
.layout .layout-sider .n-menu .n-menu-item--selected > .n-menu-item-content .n-menu-item-content__icon,
.layout-side-drawer .n-menu .n-menu-item-content--selected .n-menu-item-content-header,
.layout-side-drawer .n-menu .n-menu-item-content--selected .n-menu-item-content__icon,
.layout-side-drawer .n-menu .n-menu-item-content--selected .n-icon {
  color: #120c04 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

.layout .layout-sider .n-menu .n-menu-item-content:hover .n-menu-item-content-header,
.layout .layout-sider .n-menu .n-menu-item-content:hover .n-menu-item-content__icon,
.layout-side-drawer .n-menu .n-menu-item-content:hover .n-menu-item-content-header,
.layout-side-drawer .n-menu .n-menu-item-content:hover .n-menu-item-content__icon {
  color: #fff !important;
  opacity: 1 !important;
}

/* Brand lockup: make the sidebar brand name more memorable. */
.layout .layout-sider .logo .title,
.layout-side-drawer .logo .title,
.logo .title {
  color: var(--codex-gold) !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: 0 0 16px rgba(242, 199, 102, .44) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* Device panel contrast pass: descriptions, tabs, logs, and native tables. */
.n-card,
.n-card-header,
.n-card-header__main,
.n-card__content {
  color: #f2f7ff !important;
}

.n-card-header__main {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

.n-descriptions {
  --n-border-color: rgba(148, 171, 205, .22) !important;
  --n-th-color: rgba(12, 18, 28, .96) !important;
  --n-td-color: rgba(8, 13, 21, .96) !important;
  --n-th-text-color: #bfd2ee !important;
  --n-td-text-color: #f2f7ff !important;
  --n-label-text-color: #bfd2ee !important;
  --n-font-size: 14px !important;
}

.n-descriptions table,
.n-descriptions-table,
.n-descriptions .n-descriptions-table-wrapper,
.n-descriptions .n-descriptions-table-header,
.n-descriptions .n-descriptions-table-content,
.n-descriptions .n-descriptions-table-content__label,
.n-descriptions .n-descriptions-table-content__content {
  color: #f2f7ff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.n-descriptions .n-descriptions-table-header,
.n-descriptions .n-descriptions-table-content__label {
  color: #bfd2ee !important;
  background-color: rgba(12, 18, 28, .96) !important;
  font-weight: 850 !important;
}

.n-descriptions .n-descriptions-table-content,
.n-descriptions .n-descriptions-table-content__content {
  color: #f2f7ff !important;
  background-color: rgba(8, 13, 21, .96) !important;
  font-weight: 750 !important;
}

.n-descriptions img {
  background-color: rgba(255, 255, 255, .08) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 0 1px rgba(148, 171, 205, .22) !important;
}

.n-tabs {
  --n-tab-text-color: rgba(202, 216, 238, .8) !important;
  --n-tab-text-color-hover: #fff !important;
  --n-tab-text-color-active: var(--codex-gold) !important;
  --n-tab-text-color-disabled: rgba(181, 195, 217, .62) !important;
  --n-bar-color: var(--codex-gold) !important;
  --n-pane-text-color: #f2f7ff !important;
  color: #f2f7ff !important;
}

.n-tabs .n-tabs-tab,
.n-tabs .n-tabs-tab__label,
.n-tabs .n-tabs-tab__label span {
  color: rgba(202, 216, 238, .82) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

.n-tabs .n-tabs-tab:hover .n-tabs-tab__label,
.n-tabs .n-tabs-tab--active .n-tabs-tab__label,
.n-tabs .n-tabs-tab--active .n-tabs-tab__label span {
  color: var(--codex-gold) !important;
  font-weight: 900 !important;
}

.n-tabs .n-tabs-bar {
  background-color: var(--codex-gold) !important;
}

.content-wrapper,
.tabs-wrapper,
.log-viewer,
.button-container,
.input-container {
  color: #f2f7ff !important;
}

.log-viewer,
.content-wrapper table,
.tabs-wrapper table,
table[border="1"] {
  color: #f2f7ff !important;
  background-color: rgba(8, 13, 21, .96) !important;
  border-color: rgba(148, 171, 205, .22) !important;
}

.content-wrapper table th,
.content-wrapper table td,
.tabs-wrapper table th,
.tabs-wrapper table td,
.log-viewer table th,
.log-viewer table td,
table[border="1"] th,
table[border="1"] td {
  color: #f2f7ff !important;
  background-color: rgba(8, 13, 21, .96) !important;
  border-color: rgba(148, 171, 205, .22) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.content-wrapper table th,
.tabs-wrapper table th,
.log-viewer table th,
table[border="1"] th {
  color: var(--codex-gold-2) !important;
  background-color: rgba(15, 22, 34, .98) !important;
  font-weight: 900 !important;
}

.log-line,
.file-item,
.file-item strong,
.file-item span {
  color: #f2f7ff !important;
  opacity: 1 !important;
}

.image-wrapper,
.image-slot,
.screenlayers,
.image-box,
.image-box-group {
  color: #f2f7ff !important;
}

/* Device panel final pass: readable dark content without white-card glare. */
.tabs-wrapper .log-viewer,
.content-wrapper .log-viewer {
  color: #eaf2ff !important;
  background-color: rgba(7, 12, 19, .96) !important;
  border: 1px solid rgba(148, 171, 205, .22) !important;
  border-radius: 8px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.tabs-wrapper .log-line,
.content-wrapper .log-line,
.log-viewer .log-line {
  color: #eaf2ff !important;
  background: linear-gradient(180deg, rgba(16, 24, 36, .98), rgba(10, 16, 25, .98)) !important;
  border: 1px solid rgba(148, 171, 205, .22) !important;
  border-radius: 6px !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 760 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22), inset 3px 0 0 rgba(242, 199, 102, .7) !important;
}

.tabs-wrapper .log-line *,
.content-wrapper .log-line *,
.log-viewer .log-line * {
  color: #eaf2ff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.tabs-wrapper table,
.content-wrapper table,
.log-viewer table,
.tabs-wrapper table[border="1"],
.content-wrapper table[border="1"],
.log-viewer table[border="1"] {
  color: #eaf2ff !important;
  background-color: rgba(8, 13, 21, .96) !important;
  border-color: rgba(148, 171, 205, .24) !important;
}

.tabs-wrapper table th,
.tabs-wrapper table td,
.content-wrapper table th,
.content-wrapper table td,
.log-viewer table th,
.log-viewer table td {
  color: #eaf2ff !important;
  background-color: rgba(8, 13, 21, .96) !important;
  border-color: rgba(148, 171, 205, .18) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 720 !important;
}

.tabs-wrapper table th,
.content-wrapper table th,
.log-viewer table th {
  color: var(--codex-gold-2) !important;
  background-color: rgba(15, 22, 34, .98) !important;
  font-weight: 900 !important;
}

.tabs-wrapper .file-item,
.tabs-wrapper .file-item strong,
.tabs-wrapper .file-item span,
.content-wrapper .file-item,
.content-wrapper .file-item strong,
.content-wrapper .file-item span {
  color: #eaf2ff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.tabs-wrapper .n-card,
.content-wrapper .n-card {
  color: #f2f7ff !important;
}

.tabs-wrapper .modal-content,
.content-wrapper .modal-content {
  color: #f2f7ff !important;
}

/* File manager scoped fix: override the original light file rows. */
.tabs-wrapper .file-item[data-v-fc0266af],
.content-wrapper .file-item[data-v-fc0266af],
.log-viewer .file-item[data-v-fc0266af],
.tabs-wrapper li.file-item,
.content-wrapper li.file-item,
.log-viewer li.file-item {
  color: #eaf2ff !important;
  background: linear-gradient(180deg, rgba(16, 24, 36, .98), rgba(10, 16, 25, .98)) !important;
  border: 1px solid rgba(148, 171, 205, .22) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22), inset 3px 0 0 rgba(242, 199, 102, .66) !important;
}

.tabs-wrapper .file-item[data-v-fc0266af]:hover,
.content-wrapper .file-item[data-v-fc0266af]:hover,
.log-viewer .file-item[data-v-fc0266af]:hover,
.tabs-wrapper li.file-item:hover,
.content-wrapper li.file-item:hover,
.log-viewer li.file-item:hover {
  background: linear-gradient(180deg, rgba(23, 34, 50, .98), rgba(13, 20, 31, .98)) !important;
  border-color: rgba(242, 199, 102, .4) !important;
}

.tabs-wrapper .file-item[data-v-fc0266af] strong,
.tabs-wrapper .file-item[data-v-fc0266af] span,
.tabs-wrapper .file-item[data-v-fc0266af] i,
.tabs-wrapper .file-item[data-v-fc0266af] svg,
.content-wrapper .file-item[data-v-fc0266af] strong,
.content-wrapper .file-item[data-v-fc0266af] span,
.content-wrapper .file-item[data-v-fc0266af] i,
.content-wrapper .file-item[data-v-fc0266af] svg,
.log-viewer .file-item[data-v-fc0266af] strong,
.log-viewer .file-item[data-v-fc0266af] span,
.log-viewer .file-item[data-v-fc0266af] i,
.log-viewer .file-item[data-v-fc0266af] svg,
.tabs-wrapper li.file-item strong,
.tabs-wrapper li.file-item span,
.tabs-wrapper li.file-item i,
.tabs-wrapper li.file-item svg,
.content-wrapper li.file-item strong,
.content-wrapper li.file-item span,
.content-wrapper li.file-item i,
.content-wrapper li.file-item svg,
.log-viewer li.file-item strong,
.log-viewer li.file-item span,
.log-viewer li.file-item i,
.log-viewer li.file-item svg {
  color: #eaf2ff !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.tabs-wrapper .file-item[data-v-fc0266af] strong,
.content-wrapper .file-item[data-v-fc0266af] strong,
.log-viewer .file-item[data-v-fc0266af] strong,
.tabs-wrapper li.file-item strong,
.content-wrapper li.file-item strong,
.log-viewer li.file-item strong {
  color: #f7fbff !important;
  font-weight: 900 !important;
}

.tabs-wrapper .file-item[data-v-fc0266af] span,
.content-wrapper .file-item[data-v-fc0266af] span,
.log-viewer .file-item[data-v-fc0266af] span,
.tabs-wrapper li.file-item span,
.content-wrapper li.file-item span,
.log-viewer li.file-item span {
  color: #c9d8ef !important;
  font-weight: 750 !important;
}

/* Button state clarity: disabled means the opposite action is unavailable/currently inactive. */
.n-button.n-button--disabled,
.n-button[disabled],
button:disabled,
.tabs-wrapper .n-button.n-button--disabled,
.content-wrapper .n-button.n-button--disabled,
.image-box-group .n-button.n-button--disabled,
.inner-sidebar .n-button.n-button--disabled {
  color: rgba(176, 190, 211, .62) !important;
  background: rgba(16, 23, 34, .58) !important;
  border-color: rgba(148, 171, 205, .16) !important;
  box-shadow: none !important;
  opacity: .58 !important;
  filter: grayscale(.32) brightness(.72) !important;
  cursor: not-allowed !important;
}

.n-button.n-button--disabled .n-button__content,
.n-button[disabled] .n-button__content,
button:disabled .n-button__content,
.n-button.n-button--disabled .n-button__icon,
.n-button[disabled] .n-button__icon,
button:disabled .n-button__icon,
.n-button.n-button--disabled .n-icon,
.n-button[disabled] .n-icon,
button:disabled .n-icon {
  color: rgba(176, 190, 211, .7) !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.n-button:not(.n-button--disabled):not([disabled]) {
  opacity: 1 !important;
}

.n-button:not(.n-button--disabled):not([disabled]):active {
  filter: brightness(.94) !important;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, .26), 0 6px 16px rgba(0, 0, 0, .18) !important;
}

.tabs-wrapper .n-button:not(.n-button--disabled):not([disabled]),
.content-wrapper .n-button:not(.n-button--disabled):not([disabled]),
.image-box-group .n-button:not(.n-button--disabled):not([disabled]),
.inner-sidebar .n-button:not(.n-button--disabled):not([disabled]) {
  border-color: rgba(255, 235, 178, .62) !important;
}

/* Bright button text contrast: gold/green buttons need dark text when clickable. */
.n-button--primary-type:not(.n-button--disabled):not([disabled]),
.n-button--warning-type:not(.n-button--disabled):not([disabled]),
.n-button--success-type:not(.n-button--disabled):not([disabled]),
.tabs-wrapper .n-button--primary-type:not(.n-button--disabled):not([disabled]),
.tabs-wrapper .n-button--warning-type:not(.n-button--disabled):not([disabled]),
.tabs-wrapper .n-button--success-type:not(.n-button--disabled):not([disabled]),
.content-wrapper .n-button--primary-type:not(.n-button--disabled):not([disabled]),
.content-wrapper .n-button--warning-type:not(.n-button--disabled):not([disabled]),
.content-wrapper .n-button--success-type:not(.n-button--disabled):not([disabled]),
.image-box-group .n-button--primary-type:not(.n-button--disabled):not([disabled]),
.image-box-group .n-button--warning-type:not(.n-button--disabled):not([disabled]),
.image-box-group .n-button--success-type:not(.n-button--disabled):not([disabled]),
.inner-sidebar .n-button--primary-type:not(.n-button--disabled):not([disabled]),
.inner-sidebar .n-button--warning-type:not(.n-button--disabled):not([disabled]),
.inner-sidebar .n-button--success-type:not(.n-button--disabled):not([disabled]) {
  color: #120c04 !important;
  text-shadow: none !important;
}

.n-button--primary-type:not(.n-button--disabled):not([disabled]) .n-button__content,
.n-button--primary-type:not(.n-button--disabled):not([disabled]) .n-button__icon,
.n-button--primary-type:not(.n-button--disabled):not([disabled]) .n-icon,
.n-button--warning-type:not(.n-button--disabled):not([disabled]) .n-button__content,
.n-button--warning-type:not(.n-button--disabled):not([disabled]) .n-button__icon,
.n-button--warning-type:not(.n-button--disabled):not([disabled]) .n-icon,
.n-button--success-type:not(.n-button--disabled):not([disabled]) .n-button__content,
.n-button--success-type:not(.n-button--disabled):not([disabled]) .n-button__icon,
.n-button--success-type:not(.n-button--disabled):not([disabled]) .n-icon {
  color: #120c04 !important;
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

.n-button--error-type:not(.n-button--disabled):not([disabled]) .n-button__content,
.n-button--error-type:not(.n-button--disabled):not([disabled]) .n-button__icon,
.n-button--error-type:not(.n-button--disabled):not([disabled]) .n-icon {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

/* Click feedback: make the last-clicked command button visibly different. */
.tabs-wrapper .n-button:not(.n-button--disabled):not([disabled]):focus,
.tabs-wrapper .n-button:not(.n-button--disabled):not([disabled]):focus-visible,
.tabs-wrapper .n-button:not(.n-button--disabled):not([disabled]).n-button--focus,
.content-wrapper .n-button:not(.n-button--disabled):not([disabled]):focus,
.content-wrapper .n-button:not(.n-button--disabled):not([disabled]):focus-visible,
.content-wrapper .n-button:not(.n-button--disabled):not([disabled]).n-button--focus {
  outline: 0 !important;
  filter: none !important;
  box-shadow:
    0 0 0 2px rgba(12, 18, 28, .96),
    0 0 0 5px rgba(73, 212, 255, .82),
    0 0 22px rgba(73, 212, 255, .32),
    inset 0 0 0 2px rgba(255, 255, 255, .48) !important;
}

.tabs-wrapper .n-button--primary-type:not(.n-button--disabled):not([disabled]):focus,
.tabs-wrapper .n-button--primary-type:not(.n-button--disabled):not([disabled]):focus-visible,
.tabs-wrapper .n-button--primary-type:not(.n-button--disabled):not([disabled]).n-button--focus,
.content-wrapper .n-button--primary-type:not(.n-button--disabled):not([disabled]):focus,
.content-wrapper .n-button--primary-type:not(.n-button--disabled):not([disabled]):focus-visible,
.content-wrapper .n-button--primary-type:not(.n-button--disabled):not([disabled]).n-button--focus {
  background: linear-gradient(135deg, #58e5ff 0%, #ffe39a 54%, #d99b2c 100%) !important;
}

.tabs-wrapper .n-button:not(.n-button--disabled):not([disabled]):active,
.content-wrapper .n-button:not(.n-button--disabled):not([disabled]):active {
  filter: brightness(.9) !important;
  box-shadow:
    0 0 0 2px rgba(73, 212, 255, .7),
    inset 0 4px 12px rgba(0, 0, 0, .34) !important;
}

/* Screen frame reset: no custom border on device display areas. */
.image-box-group .image-box,
.image-box-group .image-wrapper,
.image-box-group .image-wrapper.with-sidebar,
.image-box-group .image-slot,
.image-box-group .screenlayers,
.image-box-group .screenlayers *,
.image-box-group .screenlayers img,
.image-box-group .screenlayers canvas,
.image-box-group .inner-sidebar {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Screen grouping: show two separate panels without drawing borders. */
.image-box-group .image-box[data-v-fc0266af],
.image-box-group .image-box {
  background: linear-gradient(180deg, rgba(13, 20, 31, .82), rgba(7, 12, 20, .72)) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28) !important;
}

.image-box-group .image-wrapper.with-sidebar {
  background: linear-gradient(180deg, rgba(8, 14, 23, .96), rgba(4, 8, 14, .98)) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .42), 0 0 36px rgba(73, 212, 255, .1) !important;
}

.image-box-group .image-slot {
  background-color: #02060c !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.image-box-group .inner-sidebar {
  background-color: #050b14 !important;
}

/* Confirm dialog polish: scoped to Naive UI dialog modals only. */
.n-dialog.n-modal {
  width: min(520px, calc(100vw - 42px)) !important;
  position: relative !important;
  box-sizing: border-box !important;
  padding: 32px 32px 24px !important;
  overflow: hidden !important;
  color: #eef6ff !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015)),
    #0a101a !important;
  border: 1px solid rgba(242, 199, 102, .42) !important;
  border-radius: 8px !important;
  box-shadow:
    0 28px 80px rgba(0, 0, 0, .62),
    0 0 0 1px rgba(73, 212, 255, .1),
    0 0 46px rgba(242, 199, 102, .12) !important;
}

.n-dialog.n-modal::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #d99b2c, #45d6ff, #ffe39a) !important;
}

.n-dialog.n-modal .n-dialog__close {
  top: 24px !important;
  right: 24px !important;
  color: rgba(226, 237, 252, .72) !important;
}

.n-dialog.n-modal .n-dialog__close:hover {
  color: #ffe39a !important;
}

.n-dialog.n-modal .n-dialog__icon {
  position: absolute !important;
  top: 32px !important;
  left: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  color: #0b1018 !important;
  background: linear-gradient(135deg, #ffe39a 0%, #d99b2c 100%) !important;
  border: 1px solid rgba(255, 226, 153, .72) !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 30px rgba(217, 155, 44, .24) !important;
}

.n-dialog.n-modal .n-dialog__title {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  margin: 0 44px 12px 56px !important;
  color: #ffe39a !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 18px rgba(242, 199, 102, .22) !important;
}

.n-dialog.n-modal .n-dialog__content {
  margin: 0 0 0 56px !important;
  padding: 0 !important;
  color: #e7f0ff !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 650 !important;
}

.n-dialog.n-modal .n-dialog__action {
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  margin: 30px -32px -24px !important;
  padding: 20px 32px 24px !important;
  border-top: 1px solid rgba(146, 170, 205, .12) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .012), rgba(242, 199, 102, .045)) !important;
}

.n-dialog.n-modal .n-button {
  min-width: 96px !important;
  height: 38px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  box-shadow: none !important;
}

.n-dialog.n-modal .n-button:not(.n-button--primary-type) {
  color: #dce9fb !important;
  background: rgba(8, 14, 24, .92) !important;
  border-color: rgba(160, 181, 212, .44) !important;
}

.n-dialog.n-modal .n-button--primary-type {
  color: #120d04 !important;
  background: linear-gradient(135deg, #ffe39a 0%, #f2b33d 100%) !important;
  border-color: rgba(255, 226, 153, .74) !important;
  box-shadow: 0 12px 28px rgba(242, 179, 61, .24) !important;
}

.n-dialog.n-modal .n-button:hover {
  filter: brightness(1.06) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}
/* Landing page upload modal: keep the white dialog readable on the dark app shell. */
.codex-landing-modal {
  color: #1f2937 !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
}

.codex-landing-modal h3 {
  color: #111827 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.codex-landing-modal__head,
.codex-landing-modal__package,
.codex-landing-modal__foot {
  background: #f8fafc !important;
  border-color: #dbe3ee !important;
}

.codex-landing-modal__package {
  color: #374151 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.codex-landing-modal__body {
  background: #ffffff !important;
}

.codex-landing-modal__file {
  min-height: 42px !important;
  padding: 8px 10px !important;
  color: #111827 !important;
  background: #ffffff !important;
  border: 1px solid #9ca3af !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.codex-landing-modal__file::file-selector-button {
  margin-right: 12px;
  padding: 7px 14px;
  color: #111827;
  background: linear-gradient(135deg, #fff2bd, #f5b93e);
  border: 1px solid #d99016;
  border-radius: 7px;
  font-weight: 800;
  cursor: pointer;
}

.codex-landing-modal__section-title {
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.codex-landing-modal .x-list,
.codex-landing-modal .x-status {
  color: #374151 !important;
  font-weight: 600 !important;
}

.codex-landing-modal .x-list > div {
  color: #4b5563 !important;
  font-size: 14px !important;
}

.codex-landing-modal__hint {
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.codex-landing-modal__close {
  color: #6b7280 !important;
  font-weight: 700 !important;
}

.codex-landing-modal .x-upload {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 22px rgba(91, 65, 190, 0.24) !important;
}

.codex-landing-modal .x-clear {
  color: #d03050 !important;
  font-weight: 800 !important;
}