/* TokensRelay dark theme override for one-api default theme.
   Matches landing page palette. Loaded via nginx /assets/oneapi-dark.css. */
:root {
  --tr-bg: #0a0e14; --tr-card: #12171f; --tr-border: #1f2630;
  --tr-text: #e6edf3; --tr-muted: #8b949e;
  --tr-accent: #2296f3; --tr-accent2: #5eb3ff;
}
html, body, body > .pusher, .pusher > .ui.main { background: var(--tr-bg) !important; color: var(--tr-text) !important; }

/* Nav menu */
.ui.menu, .ui.menu.fixed, .ui.menu.attached { background: var(--tr-card) !important; border: none !important; border-bottom: 1px solid var(--tr-border) !important; box-shadow: 0 1px 0 var(--tr-border) !important; }
.ui.menu .item, .ui.menu .item > .header, .ui.menu .item a { color: var(--tr-text) !important; }
.ui.menu .item:hover, .ui.menu .item.active { background: rgba(34,150,243,.08) !important; color: var(--tr-accent2) !important; }
.ui.menu .item.tr-logo:hover { background: transparent !important; }
.ui.menu .ui.dropdown .menu { background: var(--tr-card) !important; border: 1px solid var(--tr-border) !important; }
.ui.menu .ui.dropdown .menu > .item { color: var(--tr-text) !important; }
.ui.menu .ui.dropdown .menu > .item:hover { background: rgba(34,150,243,.08) !important; }

/* Buttons */
.ui.button { background: var(--tr-card) !important; color: var(--tr-text) !important; border: 1px solid var(--tr-border) !important; box-shadow: none !important; }
.ui.button:hover { border-color: var(--tr-accent) !important; color: var(--tr-accent2) !important; }
.ui.primary.button, .ui.blue.button, .ui.positive.button, .ui.green.button { background: var(--tr-accent) !important; color: #fff !important; border: none !important; }
.ui.primary.button:hover, .ui.blue.button:hover { background: #1b85e0 !important; }
.ui.negative.button, .ui.red.button { background: #ff5f56 !important; border: none !important; color: #fff !important; }

/* Cards/Segments */
.ui.segment, .ui.card, .ui.cards > .card, .ui.attached.segment, .ui.attached.tabular.menu, .ui.tab.segment { background: var(--tr-card) !important; color: var(--tr-text) !important; border: 1px solid var(--tr-border) !important; box-shadow: none !important; }
.ui.basic.segment { background: transparent !important; border: none !important; }

/* Tables */
.ui.table { background: var(--tr-card) !important; color: var(--tr-text) !important; border: 1px solid var(--tr-border) !important; }
.ui.table thead th, .ui.table > thead > tr > th { background: rgba(255,255,255,.02) !important; color: var(--tr-text) !important; border-bottom: 1px solid var(--tr-border) !important; }
.ui.table tr td { border-top: 1px solid var(--tr-border) !important; }
.ui.table tbody tr:hover, .ui.table tr:hover td { background: rgba(34,150,243,.06) !important; }
.ui.celled.table tr td, .ui.celled.table tr th { border-color: var(--tr-border) !important; }
.ui.table.striped tbody tr:nth-child(2n) { background: rgba(255,255,255,.02) !important; }

/* Forms/Inputs */
.ui.form .field > label, .ui.form .inline.field > label, label, .ui.header { color: var(--tr-text) !important; }
.ui.input input, .ui.form input[type=text], .ui.form input[type=password], .ui.form input[type=email], .ui.form input[type=number], .ui.form input[type=url], .ui.form input[type=search], .ui.form textarea, .ui.form .field > textarea, .ui.form select, .ui.search > .ui.input > input { background: var(--tr-bg) !important; color: var(--tr-text) !important; border: 1px solid var(--tr-border) !important; }
.ui.input input:focus, .ui.form input:focus, .ui.form textarea:focus { border-color: var(--tr-accent) !important; }
.ui.selection.dropdown, .ui.dropdown { background: var(--tr-bg) !important; color: var(--tr-text) !important; border: 1px solid var(--tr-border) !important; }
.ui.dropdown .menu { background: var(--tr-card) !important; border-color: var(--tr-border) !important; }
.ui.dropdown .menu > .item { color: var(--tr-text) !important; }
.ui.dropdown .menu > .item:hover { background: rgba(34,150,243,.08) !important; color: var(--tr-accent2) !important; }
.ui.dropdown .text { color: var(--tr-text) !important; }

/* Headers/Links */
h1, h2, h3, h4, h5, .ui.header { color: var(--tr-text) !important; }
.ui.header .sub.header, .ui.header > .sub { color: var(--tr-muted) !important; }
a:not(.ui.button):not(.item):not(.label) { color: var(--tr-accent2) !important; }
a:not(.ui.button):not(.item):not(.label):hover { color: var(--tr-accent) !important; }

/* Pagination/Stats/Labels */
.ui.pagination.menu .item { color: var(--tr-text) !important; }
.ui.pagination.menu .active.item { background: var(--tr-accent) !important; color: #fff !important; }
.ui.statistic > .value, .ui.statistics .statistic > .value { color: var(--tr-text) !important; }
.ui.statistic > .label, .ui.statistics .statistic > .label { color: var(--tr-muted) !important; }
.ui.divider { border-color: var(--tr-border) !important; }
.ui.label { background: rgba(255,255,255,.06) !important; color: var(--tr-text) !important; }
.ui.label.basic { border-color: var(--tr-border) !important; }

/* Messages */
.ui.message { background: var(--tr-card) !important; color: var(--tr-text) !important; border: 1px solid var(--tr-border) !important; box-shadow: none !important; }
.ui.message.info { border-left: 3px solid var(--tr-accent) !important; }
.ui.message.positive, .ui.message.success { border-left: 3px solid #2ea043 !important; }
.ui.message.negative, .ui.message.error { border-left: 3px solid #ff5f56 !important; }

/* Modal */
.ui.modal, .ui.modals.dimmer { background: var(--tr-card) !important; color: var(--tr-text) !important; }
.ui.modal > .header, .ui.modal > .content, .ui.modal > .actions { background: var(--tr-card) !important; color: var(--tr-text) !important; border-color: var(--tr-border) !important; }

.ui.loader { color: var(--tr-text) !important; }
.custom-footer, footer { color: var(--tr-muted) !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--tr-bg); }
::-webkit-scrollbar-thumb { background: var(--tr-border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #2a3340; }
