/* BTAPI/BBAPI dark-tech skin. Scope: surfaces/logo/background only. Do NOT override buttons. */
:root{
  --brand-bg:#02050d;
  --brand-bg-2:#050b18;
  --brand-cyan:#1dd8ff;
  --brand-blue:#2f7cff;
  --brand-line:rgba(58,190,255,.28);
  --brand-text:#eaf7ff;
  --brand-muted:#94a9bd;
  --brand-panel:rgba(7,16,35,.76);
  --brand-panel-2:rgba(10,24,52,.84);
}
html,body,#root{
  min-height:100%;
  background:
    radial-gradient(circle at 16% 8%, rgba(29,216,255,.20), transparent 31%),
    radial-gradient(circle at 84% 12%, rgba(47,124,255,.16), transparent 28%),
    radial-gradient(circle at 55% 94%, rgba(0,89,255,.18), transparent 34%),
    linear-gradient(135deg, #000 0%, var(--brand-bg) 44%, #020817 100%) !important;
  color:var(--brand-text);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(rgba(29,216,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(29,216,255,.035) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at center, rgba(0,0,0,.75), transparent 76%);
}
body::after{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  z-index:0;
  opacity:.38;
  background:
    conic-gradient(from 180deg at 50% 50%, transparent 0 18%, rgba(30,216,255,.14) 22%, transparent 30% 56%, rgba(47,124,255,.13) 63%, transparent 72% 100%);
  filter:blur(24px);
}
#root,.semi-layout,.semi-layout-content,.semi-layout-sider,.semi-layout-header,.semi-layout-footer{
  position:relative;
  z-index:1;
  background:transparent !important;
}
.semi-layout-header, header, nav{
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background:linear-gradient(90deg, rgba(4,10,22,.86), rgba(7,20,42,.62)) !important;
  border-bottom:1px solid var(--brand-line) !important;
  box-shadow:0 14px 42px rgba(0,0,0,.28), 0 0 28px rgba(29,216,255,.08);
}
.semi-layout-sider, aside{
  background:linear-gradient(180deg, rgba(5,12,26,.92), rgba(3,8,18,.82)) !important;
  border-right:1px solid rgba(64,190,255,.18) !important;
}
.semi-card,
.semi-collapse,
.semi-tabs-content,
.semi-list,
.semi-table,
.semi-modal-content,
.semi-popover,
.semi-dropdown,
.semi-form,
main > div[class*="semi"],
[class*="login"] .semi-card,
[class*="register"] .semi-card{
  background:linear-gradient(145deg, var(--brand-panel), rgba(7,18,40,.66)) !important;
  border:1px solid rgba(64,190,255,.22) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05), 0 0 28px rgba(29,216,255,.07) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.semi-table-thead > .semi-table-row > .semi-table-row-head,
.semi-table-tbody > .semi-table-row > .semi-table-row-cell{
  background:rgba(6,15,32,.72) !important;
  border-color:rgba(66,185,255,.14) !important;
}
.semi-input-wrapper,
.semi-select,
.semi-select-selection,
.semi-textarea-wrapper,
.semi-input,
input,
textarea{
  background:rgba(2,9,22,.72) !important;
  border-color:rgba(90,204,255,.24) !important;
  color:#eaf7ff !important;
}
.semi-input::placeholder,input::placeholder,textarea::placeholder{
  color:rgba(180,205,225,.55) !important;
}
.semi-typography,
.semi-typography h1,
.semi-typography h2,
.semi-typography h3,
h1,h2,h3,h4,h5,h6,label,.semi-form-field-label-text{
  color:#f2fbff !important;
}
p,.semi-typography-paragraph,.semi-descriptions-item-th,.semi-descriptions-item-td,.semi-table-row-cell, .semi-navigation-item-text{
  color:#c9d8e7 !important;
}
a:not(.semi-button):not([role="button"]){
  color:#77e6ff !important;
  text-shadow:0 0 14px rgba(29,216,255,.22);
}
.semi-navigation-item-selected,
.semi-navigation-item:hover{
  background:linear-gradient(90deg, rgba(29,216,255,.14), rgba(47,124,255,.08)) !important;
  box-shadow:inset 2px 0 0 rgba(29,216,255,.82);
}
img[alt="logo"], header img, .semi-layout-header img{
  border-radius:14px;
  filter:drop-shadow(0 0 16px rgba(29,216,255,.45));
  object-fit:contain;
}
.semi-layout-footer, footer{
  border-top:1px solid rgba(64,190,255,.16) !important;
  color:#91a8bb !important;
}
/* Keep all button colors/contrast from original Semi UI. */
/* Override old light Tailwind surface blocks only; keep buttons untouched. */
div.bg-gray-100, section.bg-gray-100, main.bg-gray-100,
div.bg-gray-50, section.bg-gray-50, main.bg-gray-50,
div.bg-white, section.bg-white, main.bg-white,
div[class*="bg-gray-100"], div[class*="bg-gray-50"], div[class*="bg-white"]{
  background:transparent !important;
}
div.rounded-lg, div.rounded-xl, div.rounded-2xl{
  border-color:rgba(64,190,255,.20) !important;
}