:root{
  --bg:#1f1f23;
  --bg-grad1:#232327;
  --bg-grad2:#1f1f23;
  --card:#2a2a2f;
  --card2:#303036;
  --line:#404046;
  --line2:rgba(255,255,255,.10);
  --text:#f2f2f2;
  --muted:#bdbdbd;
  --green:#36c653;
  --red:#e94b4b;
  --blue:#0e87d8;
  --orange:#d89215;
  --chip:#4a4a4f;
  --link:#d7d7d7;
  --tip-bg:#f4f6fb;
  --tip-text:#273043;
  --crosshair:rgba(255,255,255,.28);
  --panel-shadow:0 10px 30px rgba(0,0,0,.18);
}
:root[data-theme="light"]{
  --bg:#eef2f6;
  --bg-grad1:#f3f6fa;
  --bg-grad2:#edf1f6;
  --card:#f7f9fc;
  --card2:#eef3f8;
  --line:#d5dde7;
  --line2:rgba(50,60,80,.10);
  --text:#182232;
  --muted:#66758a;
  --green:#1d9c45;
  --red:#cf4040;
  --blue:#1c78d9;
  --orange:#bd7a00;
  --chip:#e1e7ef;
  --link:#24364a;
  --tip-bg:#1d2634;
  --tip-text:#f2f6fb;
  --crosshair:rgba(0,0,0,.24);
  --panel-shadow:0 8px 24px rgba(30,40,55,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(180deg,var(--bg-grad1),var(--bg-grad2));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:none}
button{font:inherit}
.app-root{min-height:100vh}
.wrap{max-width:1380px;margin:0 auto;padding:0 16px}

.topbar{
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,var(--bg-grad1),var(--bg-grad2));
  box-shadow:var(--panel-shadow);
}
.topbar__inner{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 0;
}
.brand{display:flex;align-items:center;gap:14px;cursor:pointer}
.brand__logo{
  width:40px;height:40px;object-fit:contain;border-radius:10px;background:#111;padding:2px
}
.brand__text strong{display:block;font-size:20px;font-weight:800;line-height:1.05}
.brand__text span{display:block;color:var(--muted);font-size:15px;line-height:1.05}
.topnav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pill{
  display:inline-flex;align-items:center;gap:10px;
  min-height:48px;padding:10px 18px;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:var(--text);cursor:pointer
}
:root[data-theme="light"] .pill{border-color:rgba(20,30,40,.12);background:rgba(20,30,40,.03)}
.pill:hover,.pill.active{background:rgba(255,255,255,.12)}
:root[data-theme="light"] .pill:hover,:root[data-theme="light"] .pill.active{background:rgba(20,30,40,.08)}
.pill__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}
.ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.main{padding:22px 0 28px}
.inner-panel{
  background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--panel-shadow)
}
.inner-nav{
  display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap;
  padding:16px 18px;border-bottom:1px solid var(--line)
}
.subpill{
  display:inline-flex;align-items:center;gap:10px;padding:12px 18px;
  border-radius:999px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);color:var(--text)
}
:root[data-theme="light"] .subpill{border-color:rgba(20,30,40,.12);background:rgba(20,30,40,.03)}
.subpill:hover,.subpill.active{background:rgba(255,255,255,.12)}
:root[data-theme="light"] .subpill:hover,:root[data-theme="light"] .subpill.active{background:rgba(20,30,40,.08)}
.subpill__badge{
  min-width:28px;height:28px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);color:var(--muted);font-size:14px
}
:root[data-theme="light"] .subpill__badge{background:rgba(20,30,40,.06)}
.coin-head{
  display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)
}
.coin-head img{
  width:40px;height:40px;object-fit:contain;border-radius:50%;background:#111
}
.coin-head__title{font-size:18px;font-weight:800}
.content{padding:18px}
.section-title{font-size:18px;font-weight:600;margin:0 0 14px}

.grid{display:grid;gap:14px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-4{grid-template-columns:repeat(4,1fr)}

.card,.table-card,.chart-card{
  background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:auto
}
.card-title{
  padding:12px 14px;border-bottom:1px dashed rgba(255,255,255,.14);font-size:15px
}
:root[data-theme="light"] .card-title{border-bottom-color:rgba(20,30,40,.12)}
.stat-row{display:grid;grid-template-columns:repeat(var(--cols,2),1fr)}
.stat-cell{padding:12px 14px;border-right:1px solid rgba(255,255,255,.06)}
:root[data-theme="light"] .stat-cell{border-right-color:rgba(20,30,40,.06)}
.stat-cell:last-child{border-right:none}
.stat-label{color:var(--muted);margin-bottom:6px}
.stat-value{font-size:17px}
.green{color:var(--green)} .red{color:var(--red)} .blue{color:var(--blue)} .orange{color:var(--orange)} .muted{color:var(--muted)}

.search-row{margin:14px 0}
.search-box{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:16px}

.chart-card{position:relative}
.chart-head{
  display:flex;align-items:center;justify-content:flex-start;
  padding:14px;border-bottom:1px solid var(--line);background:var(--card2)
}
.chart-title{font-size:16px}
.legend{
  display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  padding:10px 8px 0;color:var(--text)
}
.legend button{
  display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:inherit;cursor:pointer;padding:0
}
.legend button.off{opacity:.45}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.chart-wrap{padding:8px 12px 14px}
.chart-box{
  width:100%;height:300px;border:1px solid rgba(255,255,255,.04);
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
  position:relative;overflow:hidden
}
:root[data-theme="light"] .chart-box{background:linear-gradient(180deg,rgba(20,30,40,.02),rgba(20,30,40,.01))}
.chart-empty{height:300px;display:flex;align-items:center;justify-content:center;color:var(--muted)}
.chart-svg text{fill:var(--text);font-size:11px}
.chart-svg .grid-line{stroke:rgba(255,255,255,.14);stroke-width:1}
.chart-svg .axis-line{stroke:rgba(255,255,255,.18);stroke-width:1}
:root[data-theme="light"] .chart-svg .grid-line{stroke:rgba(20,30,40,.10)}
:root[data-theme="light"] .chart-svg .axis-line{stroke:rgba(20,30,40,.14)}
.chart-svg .crosshair{stroke:var(--crosshair);stroke-width:1}
.chart-tip{
  position:absolute;pointer-events:none;transform:translate(-50%,-100%);
  background:var(--tip-bg);color:var(--tip-text);border-radius:8px;padding:8px 10px;
  font-size:12px;line-height:1.35;box-shadow:0 10px 30px rgba(0,0,0,.25);
  white-space:nowrap;display:none;z-index:5
}

.badge-row{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0 4px}
.badge,.kbd-badge{
  background:var(--chip);border-radius:6px;padding:8px 11px;color:var(--text);display:inline-flex;align-items:center;gap:6px
}
.kbd-badge{padding:5px 10px}
.copy-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;background:none;border:none;color:#aeb7c7;cursor:pointer;vertical-align:middle
}
.copy-btn:hover{color:var(--text)}
.btn-green{
  display:inline-block;padding:11px 26px;background:#2fa13a;border-radius:999px;color:#fff;font-weight:700;letter-spacing:.04em
}
.center{text-align:center}

table{width:100%;border-collapse:collapse}
th,td{padding:12px 14px;border-bottom:1px solid var(--line2);vertical-align:middle}
th{font-weight:600;text-align:left;color:var(--text);background:rgba(255,255,255,.02)}
:root[data-theme="light"] th{background:rgba(20,30,40,.02)}
tr:last-child td{border-bottom:none}
.row-link{display:block;color:inherit}
.online-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#18b53a;margin-right:10px}
.addr-link{text-decoration:underline}
.pagination{display:flex;justify-content:center;gap:8px;padding:16px 0}
.page-btn{min-width:36px;height:36px;border:1px solid var(--line);border-radius:6px;background:var(--card2);color:var(--text);display:flex;align-items:center;justify-content:center}
.page-btn.active{background:#555}
:root[data-theme="light"] .page-btn.active{background:#dbe4ee}

.wallet-head{display:flex;justify-content:center;align-items:center;gap:10px;margin:4px 0 16px;font-size:18px}
.wallet-short{letter-spacing:.06em}
.wallet-arrow{font-size:20px;line-height:1}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:16px}
.tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:16px}
.tab-btn.active{background:#555}
:root[data-theme="light"] .tab-btn.active{background:#dbe4ee}

.pool-cell{display:flex;align-items:center;gap:12px}
.pool-cell img{width:34px;height:34px;object-fit:contain;border-radius:50%;background:#111}
.pool-name{font-size:17px;font-weight:700}
.right-col{white-space:nowrap}
.small{font-size:12px;color:var(--muted)}


.footer{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--line);
}

.footer-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:24px;
  align-items:start;
}

.footer-col{
  min-width:0;
}

.footer h4{
  margin:0 0 12px;
  font-size:16px;
  line-height:1.2;
}

.footer a,
.footer div{
  display:block;
  color:var(--link);
  margin:7px 0;
  line-height:1.35;
  word-break:break-word;
}

@media (max-width:1200px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}
}

@media (max-width:860px){
  .grid-2,.grid-4{grid-template-columns:1fr}
  .topbar__inner,.coin-head{flex-direction:column;align-items:flex-start}
  .inner-nav,.topnav{justify-content:flex-start}
  .tabs{grid-template-columns:1fr}
  .chart-box{height:240px}
  .brand__text strong{font-size:18px}
  .brand__text span{font-size:14px}
  th,td{padding:10px 12px}
  .footer-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}

@media (max-width:560px){
  .footer-grid{grid-template-columns:1fr}
}
  .topbar__inner,.coin-head{flex-direction:column;align-items:flex-start}
  .inner-nav,.topnav{justify-content:flex-start}
  .tabs{grid-template-columns:1fr}
  .chart-box{height:240px}
  .brand__text strong{font-size:18px}
  .brand__text span{font-size:14px}
  th,td{padding:10px 12px}
}

/* === footer-menu-size-fix start === */

/* menu: only slightly smaller, no moving */
.topnav{
  gap: 10px !important;
}
.topnav .pill{
  min-height: 42px !important;
  padding: 8px 14px !important;
  font-size: 15px !important;
}
.topnav .pill__icon{
  width: 18px !important;
  height: 18px !important;
}
.topnav .ico{
  width: 18px !important;
  height: 18px !important;
}

.inner-nav{
  gap: 12px !important;
}
.inner-nav .subpill{
  padding: 10px 14px !important;
  font-size: 15px !important;
}
.inner-nav .subpill__badge{
  min-width: 24px !important;
  height: 24px !important;
  font-size: 13px !important;
}

/* footer: desktop 5 columns like Molepool */
.footer{
  margin-top: 28px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--line) !important;
}

.footer-grid{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(160px, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;
}

.footer-col{
  min-width: 0 !important;
}

.footer h4{
  margin: 0 0 12px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.footer a,
.footer div{
  display: block !important;
  margin: 7px 0 !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
}

/* tablet */
@media (max-width: 1200px){
  .footer-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* small tablet */
@media (max-width: 860px){
  .footer-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* mobile */
@media (max-width: 560px){
  .footer-grid{
    grid-template-columns: 1fr !important;
  }
}

/* === footer-menu-size-fix end === */

/* === nav-right-icons-fix start === */

/* top header: logo left, controls right */
.topbar__inner{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}

.topnav{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

/* smaller top buttons */
.topnav .pill{
  min-height:36px !important;
  padding:6px 12px !important;
  font-size:14px !important;
  line-height:1 !important;
  border-radius:999px !important;
}
.topnav .pill__icon{
  width:16px !important;
  height:16px !important;
}
.topnav .ico{
  width:16px !important;
  height:16px !important;
}

/* keep inner menu on the right and smaller */
.inner-nav{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

.inner-nav .subpill{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:36px !important;
  padding:6px 12px !important;
  font-size:14px !important;
  line-height:1 !important;
  border-radius:999px !important;
}

.inner-nav .subpill .pill__icon{
  width:15px !important;
  height:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:.92 !important;
}

.inner-nav .subpill .ico{
  width:15px !important;
  height:15px !important;
}

.inner-nav .subpill__badge{
  min-width:22px !important;
  height:22px !important;
  padding:0 7px !important;
  font-size:12px !important;
}

/* footer in real columns */
.footer{
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid var(--line) !important;
}

.footer-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(140px, 1fr)) !important;
  gap:24px !important;
  align-items:start !important;
}

.footer-col{
  min-width:0 !important;
}

.footer h4{
  margin:0 0 12px !important;
  font-size:16px !important;
  line-height:1.2 !important;
}

.footer a,
.footer div{
  display:block !important;
  margin:7px 0 !important;
  line-height:1.35 !important;
  word-break:break-word !important;
}

/* tablet */
@media (max-width: 1200px){
  .footer-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

/* small tablet */
@media (max-width: 860px){
  .topbar__inner{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .topnav{
    margin-left:0 !important;
    justify-content:flex-start !important;
  }

  .inner-nav{
    justify-content:flex-start !important;
  }

  .footer-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* mobile */
@media (max-width: 560px){
  .footer-grid{
    grid-template-columns:1fr !important;
  }
}

/* === nav-right-icons-fix end === */

/* === footer-horizontal-all-pages start === */

.footer{
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid var(--line) !important;
  width:100% !important;
}

.footer-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:24px !important;
  align-items:start !important;
  width:100% !important;
}

.footer-col{
  display:block !important;
  min-width:0 !important;
}

.footer-col h4,
.footer h4{
  margin:0 0 12px !important;
  font-size:16px !important;
  line-height:1.2 !important;
}

.footer-col a,
.footer-col div,
.footer a,
.footer div{
  display:block !important;
  margin:7px 0 !important;
  line-height:1.35 !important;
  word-break:break-word !important;
}

@media (max-width: 1200px){
  .footer-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px){
  .footer-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px){
  .footer-grid{
    grid-template-columns:1fr !important;
  }
}

/* === footer-horizontal-all-pages end === */

/* === account-tabs-row-fix start === */

.tabs{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  width:100% !important;
  margin-bottom:16px !important;
}

.tab-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  min-width:0 !important;
  width:100% !important;
  padding:14px 12px !important;
  font-size:16px !important;
  white-space:nowrap !important;
}

@media (max-width: 860px){
  .tabs{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
  .tab-btn{
    padding:12px 8px !important;
    font-size:14px !important;
  }
}

@media (max-width: 560px){
  .tabs{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
  .tab-btn{
    padding:10px 6px !important;
    font-size:12px !important;
    letter-spacing:0 !important;
  }
}

/* === account-tabs-row-fix end === */

/* === footer-final-horizontal start === */

.footer{
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid var(--line) !important;
  width:100% !important;
}

.footer-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:32px !important;
  align-items:start !important;
  width:100% !important;
}

.footer-col{
  display:block !important;
  min-width:0 !important;
}

.footer-col h4,
.footer h4{
  display:block !important;
  margin:0 0 14px !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.footer-col a,
.footer-col div,
.footer a,
.footer div{
  display:block !important;
  margin:10px 0 !important;
  line-height:1.35 !important;
  word-break:break-word !important;
  white-space:normal !important;
}

@media (max-width: 1200px){
  .footer-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px){
  .footer-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px){
  .footer-grid{
    grid-template-columns:1fr !important;
  }
}

/* === footer-final-horizontal end === */

/* === footer-links-horizontal-fix start === */

.footer{
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid var(--line) !important;
  width:100% !important;
}

.footer-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:32px !important;
  align-items:start !important;
  width:100% !important;
}

.footer-col{
  min-width:0 !important;
}

.footer-col h4,
.footer h4{
  display:block !important;
  margin:0 0 14px !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.footer-col a,
.footer-col span,
.footer-col div,
.footer a,
.footer span,
.footer div{
  display:block !important;
  margin:10px 0 !important;
  line-height:1.35 !important;
  word-break:break-word !important;
  white-space:normal !important;
}

@media (max-width:1200px){
  .footer-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:860px){
  .footer-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:560px){
  .footer-grid{
    grid-template-columns:1fr !important;
  }
}

/* === footer-links-horizontal-fix end === */

/* === footer-hard-fix start === */

.footer{
  display:block !important;
  width:100% !important;
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid var(--line) !important;
}

.footer-grid{
  display:grid !important;
  width:100% !important;
  grid-template-columns:repeat(5, minmax(160px, 1fr)) !important;
  gap:32px !important;
  align-items:start !important;
}

.footer-col{
  display:block !important;
  min-width:0 !important;
}

.footer-col h4{
  display:block !important;
  margin:0 0 14px !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.footer-col a,
.footer-col span,
.footer-col div{
  display:block !important;
  margin:10px 0 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  word-break:break-word !important;
}

/* cancel any old vertical footer styling */
.footer > a,
.footer > span,
.footer > div:not(.footer-grid){
  display:initial !important;
  margin:initial !important;
}

@media (max-width:1200px){
  .footer-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:860px){
  .footer-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:560px){
  .footer-grid{
    grid-template-columns:1fr !important;
  }
}

/* === footer-hard-fix end === */

/* === footer-force-replace start === */

.footer{
  display:block !important;
  width:100% !important;
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid var(--line) !important;
}

.footer-grid{
  display:grid !important;
  width:100% !important;
  grid-template-columns:repeat(5, minmax(160px, 1fr)) !important;
  gap:32px !important;
  align-items:start !important;
}

.footer-col{
  display:block !important;
  min-width:0 !important;
}

.footer-col h4{
  display:block !important;
  margin:0 0 14px !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}

.footer-col a,
.footer-col span,
.footer-col div{
  display:block !important;
  margin:10px 0 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  word-break:break-word !important;
}

@media (max-width:1200px){
  .footer-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:860px){
  .footer-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:560px){
  .footer-grid{
    grid-template-columns:1fr !important;
  }
}

/* === footer-force-replace end === */

/* === footer-only-real-fix start === */
.footer{
  display:block !important;
  width:100% !important;
  margin-top:28px !important;
  padding-top:18px !important;
  border-top:1px solid var(--line) !important;
}
.footer-grid{
  display:grid !important;
  width:100% !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:32px !important;
  align-items:start !important;
}
.footer-col{
  display:block !important;
  min-width:0 !important;
}
.footer-col h4{
  display:block !important;
  margin:0 0 14px !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
.footer-col a,
.footer-col span{
  display:block !important;
  margin:10px 0 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  word-break:break-word !important;
}
@media (max-width:1200px){
  .footer-grid{grid-template-columns:repeat(3, minmax(0, 1fr)) !important;}
}
@media (max-width:860px){
  .footer-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;}
}
@media (max-width:560px){
  .footer-grid{grid-template-columns:1fr !important;}
}
/* === footer-only-real-fix end === */

/* === account-tabs-fullwidth start === */

/* wallet header */
.wallet-head{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:100% !important;
  margin:0 0 18px !important;
  text-align:center !important;
}

.wallet-short{
  display:inline-block !important;
  max-width:calc(100% - 40px) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.wallet-arrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  line-height:1 !important;
  text-decoration:none !important;
}

/* account tabs: full row, 3 equal columns */
.tabs{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:0 !important;
  width:100% !important;
  margin:0 0 16px !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:transparent !important;
}

.tabs .tab-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  width:100% !important;
  padding:18px 14px !important;
  border-right:1px solid var(--line) !important;
  border-radius:0 !important;
  text-align:center !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.tabs .tab-btn:last-child{
  border-right:none !important;
}

.tabs .tab-btn.active{
  background:rgba(255,255,255,.08) !important;
}

@media (max-width: 820px){
  .tabs{
    grid-template-columns:1fr !important;
  }

  .tabs .tab-btn{
    border-right:none !important;
    border-bottom:1px solid var(--line) !important;
  }

  .tabs .tab-btn:last-child{
    border-bottom:none !important;
  }
}

/* === account-tabs-fullwidth end === */


/* === blocks-page patch === */
.blocks-page{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
}

.blocks-page__title{
  margin:0;
  font-size:32px;
  line-height:1.2;
  font-weight:700;
  color:var(--text);
}

.blocks-page__maturity{
  margin:0;
  font-size:22px;
  line-height:1.35;
  font-weight:700;
  color:var(--text);
}

.table-card--summary,
.table-card--full{
  width:100%;
}

.table-card--summary table,
.table-card--full table{
  width:100%;
}

.table-card--summary th,
.table-card--summary td{
  text-align:center;
}

.table-card--summary th,
.table-card--summary td,
.table-card--full th,
.table-card--full td{
  padding:14px 16px;
}

@media (max-width: 900px){
  .blocks-page__title{
    font-size:26px;
  }

  .blocks-page__maturity{
    font-size:18px;
  }
}


/* === COPY_HELP_PATCH === */
.copy-line{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.copy-mini-btn{
  position:relative;
  width:24px;
  height:24px;
  min-width:24px;
  padding:0;
  border:1px solid rgba(255,255,255,.18);
  background:transparent;
  border-radius:6px;
  cursor:pointer;
  opacity:.92;
}
.copy-mini-btn::before,
.copy-mini-btn::after{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:2px;
  background:transparent;
}
.copy-mini-btn::before{
  left:8px;
  top:6px;
}
.copy-mini-btn::after{
  left:5px;
  top:9px;
}
.copy-mini-btn:hover{
  opacity:1;
  border-color:rgba(255,255,255,.35);
}
.copy-mini-btn.is-copied{
  border-color:rgba(74,222,128,.75);
}
.copy-mini-btn.is-copied::before,
.copy-mini-btn.is-copied::after{
  border-color:rgba(74,222,128,.95);
}


/* === SAFE_HELP_COPY_FIX === */
.copy-wallet-btn{
  margin-left: 2px;
}
.copy-btn.is-copied{
  opacity: 1 !important;
}