/* public/assets/css/app.css - Elite Mining solid black/yellow UI */
:root{
  --bg:#000000;
  --card:#101010;
  --card2:#080808;
  --border:rgba(250,204,21,.24);
  --text:#ffffff;
  --muted:#d4d4d8;
  --gold:#facc15;
  --gold2:#f59e0b;
  --danger:#ef4444;
  --success:#22c55e;
  --shadow:0 18px 42px rgba(0,0,0,.48);
}

*{box-sizing:border-box}

html,
body{
  min-height:100%;
}

body{
  margin:0;
  background:#000000 !important;
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.container{
  max-width:980px;
  margin:0 auto;
  padding:14px;
}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  padding:14px;
  margin-bottom:14px;
  box-shadow:var(--shadow);
  color:var(--text);
}

.input,
textarea,
select{
  width:100%;
  padding:12px;
  border-radius:14px;
  background:#070707;
  border:1px solid var(--border);
  color:var(--text);
  margin-top:6px;
  outline:none;
}

.input::placeholder,
textarea::placeholder{
  color:#a1a1aa;
}

.input:focus,
textarea:focus,
select:focus{
  border-color:rgba(250,204,21,.72);
  box-shadow:0 0 0 3px rgba(250,204,21,.12);
}

label{
  font-size:13px;
  color:var(--muted);
  margin-top:10px;
  display:block;
}

.btn,
button.btn,
input[type="submit"].btn{
  background:var(--gold) !important;
  border:1px solid rgba(250,204,21,.55) !important;
  color:#ffffff !important;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-shadow:0 1px 1px rgba(0,0,0,.55);
}

.btn.outline,
.btn2{
  background:transparent !important;
  color:#ffffff !important;
  border:1px solid var(--border) !important;
}

.muted{
  color:var(--muted);
}

.small{
  font-size:12px;
}

a{
  color:var(--gold);
}

table{
  width:100%;
  border-collapse:collapse;
  color:var(--text);
}

th,
td{
  border-bottom:1px solid var(--border);
  padding:10px;
  text-align:left;
}

th{
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

body,
.app,
.content,
.main,
.layout,
.page{
  background-color:#000000 !important;
}

button,
a.btn,
.btn,
.tradeLink,
.primary{
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.5);
}

/* Elite Mining final full-system black / yellow override. UI-only. */
:root{
  --bg:#000000 !important;
  --bg0:#000000 !important;
  --bg1:#000000 !important;
  --surface:#050505 !important;
  --surface2:#080808 !important;
  --surface3:#0b0b0b !important;
  --card:#050505 !important;
  --card2:#080808 !important;
  --panel:#050505 !important;
  --panel2:#080808 !important;
  --text:#ffffff !important;
  --muted:#d4d4d8 !important;
  --gold:#facc15 !important;
  --gold2:#f59e0b !important;
  --primary:#facc15 !important;
  --primary2:#f59e0b !important;
  --line:rgba(250,204,21,.30) !important;
  --border:rgba(250,204,21,.30) !important;
  --shadow:0 18px 55px rgba(0,0,0,.65) !important;
}

html,
body{
  background:#000000 !important;
  background-image:none !important;
  color:#ffffff !important;
}

body,
.app,
.page,
.layout,
.main,
.content,
.wrap,
.shell,
.public-shell,
.admin-shell,
section,
main,
header,
footer,
.topbar,
.side,
.sidebar,
.bottomnav,
.navpill,
.drawer,
.drawerhead,
.drawerbody,
.nbMenu,
.nbHead,
.nbList,
.nbFoot,
.mobileMenu{
  background-color:#000000 !important;
  background-image:none !important;
  color:#ffffff !important;
}

.card,
.card2,
.panel,
.panel2,
.box,
.box2,
.tile,
.widget,
.modal,
.popup,
.pop,
.tableWrap,
.formBox,
.auth-card,
.heroCard,
.marketPanel,
.section,
.footer,
.metric,
.coin,
.commodity,
.step,
.faqItem,
.walletCard,
.walletHead,
.walletBody,
.assetRow,
.assetCard,
.quickCard,
.statCard,
.profileCard,
.chatWrap,
.chatBox,
.chatList,
.chatMain,
.bub,
.nbItem,
.admin-popup-card,
.xwBT-shell,
.xwBT-panel,
.xwBT-chartBox,
.xwBT-sideCard,
.xwBT-pop,
.xwBT-drawer,
.xwBT-kpi,
.xwBT-ringWrap,
[class*="card"],
[class*="Card"],
[class*="panel"],
[class*="Panel"],
[class*="box"],
[class*="Box"],
[class*="wrap"],
[class*="Wrap"]{
  background-color:#050505 !important;
  background-image:none !important;
  border-color:rgba(250,204,21,.30) !important;
  color:#ffffff !important;
  box-shadow:0 18px 55px rgba(0,0,0,.58) !important;
}

body :where(h1,h2,h3,h4,h5,h6,p,span,div,label,td,th,li,a,strong,b,small,em,button,input,select,textarea){
  color:#ffffff !important;
}

.muted,
.sub,
.hint,
.crumb,
.tag,
.k,
.small,
.help,
.caption,
.label,
[class*="muted"],
[class*="Muted"],
[class*="hint"],
[class*="Hint"],
[class*="sub"],
[class*="Sub"]{
  color:#d4d4d8 !important;
}

a{
  color:#ffffff !important;
}

a:hover{
  color:#facc15 !important;
}

.brandName,
.brand-name,
.brand .name,
.title,
.panelTitle,
.coinName b,
.price,
.v{
  color:#ffffff !important;
}

input,
select,
textarea,
.input,
.form-control,
.formInput,
.amountInput{
  background:#070707 !important;
  background-image:none !important;
  color:#ffffff !important;
  border-color:rgba(250,204,21,.35) !important;
  box-shadow:none !important;
}

input::placeholder,
textarea::placeholder{
  color:#c4c4c4 !important;
  opacity:1 !important;
}

option{
  background:#000000 !important;
  color:#ffffff !important;
}

.btn,
.btn2,
.primary,
button,
a.btn,
button.btn,
input[type="submit"],
input[type="button"],
.deposit-btn,
.deposit-btn-copy,
.popup-btn,
.maxBtn,
.soundBtn,
.nbSound,
.nbTab,
.iconbtn,
.iconIn,
.drawerClose,
.hamb,
.menuBtn,
.tradeLink,
.xwBT-icoBtn,
.xwBT-lsBtn,
.xwBT-lsBtn.long,
.xwBT-lsBtn.short,
.xwBT-lsBtn.long.inactive,
.xwBT-lsBtn.short.active,
.xwBT-bigBtn,
.xwBT-btnMini,
[class*="btn"],
[class*="Btn"],
[class*="button"],
[class*="Button"]{
  background:#facc15 !important;
  background-image:none !important;
  border-color:rgba(250,204,21,.70) !important;
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.62) !important;
  box-shadow:0 10px 24px rgba(250,204,21,.16) !important;
}

.btn.outline,
.outline,
button:disabled,
input[type="submit"]:disabled{
  opacity:.75 !important;
}

.nav a,
.navitem,
.linklist a,
.mobileMenu a,
.nbItem{
  background:#050505 !important;
  background-image:none !important;
  border-color:rgba(250,204,21,.24) !important;
  color:#ffffff !important;
}

.nav a.active,
.navitem.active,
.nbTabOn,
.mobileMenu a.primary{
  background:#facc15 !important;
  background-image:none !important;
  border-color:rgba(250,204,21,.70) !important;
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.62) !important;
}

.navitem .ico,
.coinIcon,
.brandLogo,
.brand-logo,
.logo,
.avatar,
.admin-popup-icon{
  background:#111111 !important;
  background-image:none !important;
  border-color:rgba(250,204,21,.35) !important;
  color:#facc15 !important;
}

table,
thead,
tbody,
tr,
th,
td{
  background:#050505 !important;
  color:#ffffff !important;
  border-color:rgba(250,204,21,.24) !important;
}

.alert,
.notice,
.err,
.error,
.ok,
.success,
.bad,
.danger,
.warn{
  background:#050505 !important;
  border-color:rgba(250,204,21,.35) !important;
  color:#ffffff !important;
}

.success,
.ok,
.good,
.win,
.is-green{
  color:#86efac !important;
}

.bad,
.danger,
.loss,
.is-red{
  color:#fca5a5 !important;
}

.warn,
.warning{
  color:#fde68a !important;
}

svg,
text{
  color:#ffffff !important;
  fill:currentColor;
}

/* Dashboard button black override */
/* Keep this section at the very bottom of the file. */

body.dashboard .btn,
body.dashboard .btn2,
body.dashboard .primary,
body.dashboard button,
body.dashboard a.btn,
body.dashboard button.btn,
body.dashboard input[type="submit"],
body.dashboard input[type="button"],
body.dashboard .deposit-btn,
body.dashboard .deposit-btn-copy,
body.dashboard .popup-btn,
body.dashboard .maxBtn,
body.dashboard .tradeLink,
body.dashboard [class*="btn"],
body.dashboard [class*="Btn"],
body.dashboard [class*="button"],
body.dashboard [class*="Button"],

body.dashboard-page .btn,
body.dashboard-page .btn2,
body.dashboard-page .primary,
body.dashboard-page button,
body.dashboard-page a.btn,
body.dashboard-page button.btn,
body.dashboard-page input[type="submit"],
body.dashboard-page input[type="button"],
body.dashboard-page .deposit-btn,
body.dashboard-page .deposit-btn-copy,
body.dashboard-page .popup-btn,
body.dashboard-page .maxBtn,
body.dashboard-page .tradeLink,
body.dashboard-page [class*="btn"],
body.dashboard-page [class*="Btn"],
body.dashboard-page [class*="button"],
body.dashboard-page [class*="Button"],

.dashboard .btn,
.dashboard .btn2,
.dashboard .primary,
.dashboard button,
.dashboard a.btn,
.dashboard button.btn,
.dashboard input[type="submit"],
.dashboard input[type="button"],
.dashboard .deposit-btn,
.dashboard .deposit-btn-copy,
.dashboard .popup-btn,
.dashboard .maxBtn,
.dashboard .tradeLink,
.dashboard [class*="btn"],
.dashboard [class*="Btn"],
.dashboard [class*="button"],
.dashboard [class*="Button"],

.dashboard-page .btn,
.dashboard-page .btn2,
.dashboard-page .primary,
.dashboard-page button,
.dashboard-page a.btn,
.dashboard-page button.btn,
.dashboard-page input[type="submit"],
.dashboard-page input[type="button"],
.dashboard-page .deposit-btn,
.dashboard-page .deposit-btn-copy,
.dashboard-page .popup-btn,
.dashboard-page .maxBtn,
.dashboard-page .tradeLink,
.dashboard-page [class*="btn"],
.dashboard-page [class*="Btn"],
.dashboard-page [class*="button"],
.dashboard-page [class*="Button"],

.user-dashboard .btn,
.user-dashboard .btn2,
.user-dashboard .primary,
.user-dashboard button,
.user-dashboard a.btn,
.user-dashboard button.btn,
.user-dashboard input[type="submit"],
.user-dashboard input[type="button"],
.user-dashboard .deposit-btn,
.user-dashboard .deposit-btn-copy,
.user-dashboard .popup-btn,
.user-dashboard .maxBtn,
.user-dashboard .tradeLink,
.user-dashboard [class*="btn"],
.user-dashboard [class*="Btn"],
.user-dashboard [class*="button"],
.user-dashboard [class*="Button"],

.home-dashboard .btn,
.home-dashboard .btn2,
.home-dashboard .primary,
.home-dashboard button,
.home-dashboard a.btn,
.home-dashboard button.btn,
.home-dashboard input[type="submit"],
.home-dashboard input[type="button"],
.home-dashboard .deposit-btn,
.home-dashboard .deposit-btn-copy,
.home-dashboard .popup-btn,
.home-dashboard .maxBtn,
.home-dashboard .tradeLink,
.home-dashboard [class*="btn"],
.home-dashboard [class*="Btn"],
.home-dashboard [class*="button"],
.home-dashboard [class*="Button"],

[data-page="dashboard"] .btn,
[data-page="dashboard"] .btn2,
[data-page="dashboard"] .primary,
[data-page="dashboard"] button,
[data-page="dashboard"] a.btn,
[data-page="dashboard"] button.btn,
[data-page="dashboard"] input[type="submit"],
[data-page="dashboard"] input[type="button"],
[data-page="dashboard"] .deposit-btn,
[data-page="dashboard"] .deposit-btn-copy,
[data-page="dashboard"] .popup-btn,
[data-page="dashboard"] .maxBtn,
[data-page="dashboard"] .tradeLink,
[data-page="dashboard"] [class*="btn"],
[data-page="dashboard"] [class*="Btn"],
[data-page="dashboard"] [class*="button"],
[data-page="dashboard"] [class*="Button"],

#dashboard .btn,
#dashboard .btn2,
#dashboard .primary,
#dashboard button,
#dashboard a.btn,
#dashboard button.btn,
#dashboard input[type="submit"],
#dashboard input[type="button"],
#dashboard .deposit-btn,
#dashboard .deposit-btn-copy,
#dashboard .popup-btn,
#dashboard .maxBtn,
#dashboard .tradeLink,
#dashboard [class*="btn"],
#dashboard [class*="Btn"],
#dashboard [class*="button"],
#dashboard [class*="Button"]{
  background:#000000 !important;
  background-image:none !important;
  border:1px solid rgba(250,204,21,.45) !important;
  color:#ffffff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.55) !important;
  text-shadow:none !important;
}

body.dashboard .btn:hover,
body.dashboard button:hover,
body.dashboard a.btn:hover,
body.dashboard [class*="btn"]:hover,
body.dashboard [class*="Btn"]:hover,

body.dashboard-page .btn:hover,
body.dashboard-page button:hover,
body.dashboard-page a.btn:hover,
body.dashboard-page [class*="btn"]:hover,
body.dashboard-page [class*="Btn"]:hover,

.dashboard .btn:hover,
.dashboard button:hover,
.dashboard a.btn:hover,
.dashboard [class*="btn"]:hover,
.dashboard [class*="Btn"]:hover,

.dashboard-page .btn:hover,
.dashboard-page button:hover,
.dashboard-page a.btn:hover,
.dashboard-page [class*="btn"]:hover,
.dashboard-page [class*="Btn"]:hover,

.user-dashboard .btn:hover,
.user-dashboard button:hover,
.user-dashboard a.btn:hover,
.user-dashboard [class*="btn"]:hover,
.user-dashboard [class*="Btn"]:hover,

.home-dashboard .btn:hover,
.home-dashboard button:hover,
.home-dashboard a.btn:hover,
.home-dashboard [class*="btn"]:hover,
.home-dashboard [class*="Btn"]:hover,

[data-page="dashboard"] .btn:hover,
[data-page="dashboard"] button:hover,
[data-page="dashboard"] a.btn:hover,
[data-page="dashboard"] [class*="btn"]:hover,
[data-page="dashboard"] [class*="Btn"]:hover,

#dashboard .btn:hover,
#dashboard button:hover,
#dashboard a.btn:hover,
#dashboard [class*="btn"]:hover,
#dashboard [class*="Btn"]:hover{
  background:#111111 !important;
  background-image:none !important;
  border-color:#facc15 !important;
  color:#ffffff !important;
  box-shadow:0 12px 28px rgba(250,204,21,.12) !important;
}

/* Keep bottom navigation active tab yellow */
.bottomnav .active,
.bottomnav a.active,
.nbTabOn,
.nbTab.active,
.nbItem.active{
  background:#facc15 !important;
  background-image:none !important;
  border-color:rgba(250,204,21,.70) !important;
  color:#ffffff !important;
  text-shadow:0 1px 1px rgba(0,0,0,.62) !important;
}

/* Keep disabled dashboard buttons readable */
.dashboard button:disabled,
.dashboard-page button:disabled,
.user-dashboard button:disabled,
.home-dashboard button:disabled,
[data-page="dashboard"] button:disabled,
#dashboard button:disabled{
  background:#111111 !important;
  color:#a1a1aa !important;
  border-color:rgba(250,204,21,.25) !important;
  opacity:.65 !important;
}

@media(max-width:900px){
  body,
  .app,
  .page,
  .layout,
  .main,
  .content,
  .wrap{
    background:#000000 !important;
    color:#ffffff !important;
  }

  .topbar,
  .navpill,
  .side,
  .drawer,
  .card,
  .panel,
  [class*="card"],
  [class*="panel"]{
    background-color:#050505 !important;
    color:#ffffff !important;
  }
}