/* Layout */
main#container-1 { padding: 18px 0 44px; }

.pageHead{
  border-bottom:1px solid rgba(255,255,255,.1);
  display:flex; flex-wrap:wrap; gap:12px;
  align-items:center; justify-content:space-between;
  padding-bottom:14px; margin-bottom:14px;
}

#walletHeader,
.tokenTitle{
  display:flex; gap:10px; align-items:center;
  min-width:260px;
}

#walletHeader h1,
.tokenTitle h1{
  margin:0; font-size:16px; letter-spacing:.2px;
}

#walletHeader .sub,
.tokenTitle .sub{
  margin:2px 0 0; font-size:12px;
}

#qrCode, #tokenLogo{
  width:34px; height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  object-fit:cover;
}

/* Search + Buttons */
.searchRow{
  display:flex; gap:10px;
  align-items:center; flex-wrap:wrap;
}

html#light{
  --search-border:#c0cedd;
  --search-background:#f7f8f9;
  --active:#f7f8f9;
}

html#dark{
  --search-border:rgba(255,255,255,.1);
  --search-background:rgba(255,255,255,.04);
  --active:rgba(255,255,255,.04);
}

.searchRow .input{
  display:flex; gap:8px; align-items:center;
  border:1px solid var(--search-border);
  background:var(--search-background);
  padding:10px 12px;
  border-radius:12px;
  min-width:250px;
}

.searchRow input{
  width:100%;
  border:0; outline:0;
  background:transparent;
  color:inherit;
  font-size:13px;
}

.btn{
  border:1px solid var(--search-border);
  background:var(--search-background);
  color:inherit;
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
  font-weight:650;
  font-size:13px;
}

.btn:hover{ background:rgba(255,255,255,.1); }
.btn:disabled{ opacity:.6; cursor:not-allowed; }

/* Grids */
.grid-1,
.grid-2{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-top:10px;
}

.grid-2{ grid-template-rows:repeat(2,1fr); }

/* Typography + Data */
.theme-1 h3{
  margin:0 0 10px;
  font-size:13px;
  letter-spacing:.2px;
  text-transform:uppercase;
}

.rows{ display:grid; gap:8px; }

.row{
  display:grid;
  grid-template-columns:1fr 2fr;
  gap:10px;
  align-items:baseline;
}

.k{ font-size:13px; }
.v{ font-size:13px; font-weight:650; word-break:break-all; }

.mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,
  "Liberation Mono","Courier New",monospace;
}

.big{
  font-size:26px;
  font-weight:850;
  letter-spacing:-.2px;
  margin:0 0 6px;
}

.muted{
  color:rgba(255,255,255,.65);
  font-size:12px;
}

/* Tabs */
.tabs{
  margin-top:12px;
  display:flex; gap:8px; flex-wrap:wrap;
}

.tab{
  padding:10px 12px;
  border-radius:12px 12px 0 0;
  border:1px solid var(--border-color);
  border-bottom:0;
  background:var(--background-color);
  cursor:pointer;
  font-weight:700;
  font-size:13px;
  opacity:.5;
}

.tab.active{
  background:var(--background-color);
  opacity:1;
}

.tabPanel{ display:none; }
.tabPanel.active{ display:block; }

/* Tables */
.tableWrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
}

table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
  font-size:13px;
}

th, td{
  padding:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:left;
  vertical-align:top;
}

th{
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.2px;
}

tr:hover td{ background:rgba(255,255,255,.03); }

.right{ text-align:right; }
.click{ cursor:pointer; }

.miniBtns{
  display:flex; gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

/* Toast */
.toast{
  position:fixed;
  right:16px; bottom:16px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(10,14,25,.92);
  color:inherit;
  max-width:420px;
  display:none;
  z-index:9999;
}

.toast.show{ display:block; }

.toast .m{
  color:rgba(255,255,255,.7);
  font-size:12px;
  line-height:1.35;
}

/* Links */
a.explorerLink,
a.explorerLink:visited,
a.explorerLink:hover,
a.explorerLink:active{
  color:inherit;
  text-decoration:none;
}

a.explorerLink:hover{ text-decoration:underline; }

/* Responsive */
@media (max-width:800px){
  .grid-1,
  .grid-2{
    grid-template-columns:1fr;
  }
  .grid-2{ grid-template-rows:none; }
}