/* =====================================================================
   app-layout.css  — loaded after theme.css
   1) Global size-down (whole script ~30% smaller)
   2) Logged-in dashboard shell: sidebar + topbar + content + footer
   3) Responsive: desktop / tablet / phone
   ===================================================================== */

/* ---------- 1) Global size ----------
   Bootstrap + theme.css are rem-based, so the root size scales text,
   buttons, inputs, paddings and spacing everywhere in one place.       */
html{font-size:77%;}                                   /* desktop 12.3px (was 70%, +10%) */
@media (max-width:991.98px){html{font-size:82.5%;}}    /* tablet 13.2px  (was 75%, +10%) */
@media (max-width:575.98px){html{font-size:89.375%;}}  /* phone 14.3px   (was 81.25%, +10%) */

/* iPhone zooms the page when an input under 16px is focused — keep fields at 16px on phones */
@media (max-width:767.98px){
  input.form-control,select.form-control,textarea.form-control{font-size:16px !important;}
}

/* the few fixed-px sizes left in custom.css / theme.css */
.balance-text{font-size:1.15rem !important;}
button.close,button.close:focus,button.close:hover{font-size:1.9rem !important;}
.fp-card-icon{width:2.4rem;height:2.4rem;padding:.3rem;}

/* shared icon */
.app-trx-icon{display:block;width:100%;height:100%;}

/* ---------- 2) Shell ---------- */
:root{
  --app-sidebar-w:17.5rem;
  --app-topbar-h:4.6rem;
}
body.app-layout{overflow-x:hidden;}
.app-shell{display:flex;min-height:100vh;position:relative;z-index:1;}

/* Sidebar */
.app-sidebar{
  position:fixed;top:0;left:0;bottom:0;
  width:var(--app-sidebar-w);
  display:flex;flex-direction:column;
  background:#0b0b11;
  border-right:1px solid var(--fp-border);
  z-index:1045;   /* above the floating 300x250 ad (1040), below modals (1050) */
  transition:transform .25s ease, box-shadow .25s ease;
}
.app-brand{
  display:flex;align-items:center;justify-content:space-between;
  height:var(--app-topbar-h);flex-shrink:0;
  padding:0 1.25rem;
  border-bottom:1px solid var(--fp-border);
}
.app-brand-link,.app-topbar-brand{
  display:flex;align-items:center;gap:.55rem;
  font-size:1.9rem;font-weight:800;letter-spacing:-.5px;
  color:#fff !important;text-decoration:none !important;
  min-width:0;
}
.app-brand-link span,.app-topbar-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.app-brand-link i,.app-brand-link svg,
.app-topbar-brand i,.app-topbar-brand svg{
  color:var(--fp-orange-2);flex-shrink:0;
  filter:drop-shadow(0 0 .5rem rgba(255,170,0,.55));
}
.app-brand-logo{width:2.2rem;height:2.2rem;flex-shrink:0;object-fit:contain;border-radius:6px;}
.app-topbar-brand .app-brand-logo{width:1.9rem;height:1.9rem;}
.app-sidebar-close{
  display:none;align-items:center;justify-content:center;
  background:none;border:0;color:var(--fp-text-muted);
  font-size:1.5rem;width:2.6rem;height:2.6rem;border-radius:10px;
}
.app-sidebar-close:hover{color:#fff;background:var(--fp-surface);}
.app-sidebar-scroll{flex:1;overflow-y:auto;padding:1.25rem 1rem 1.5rem;}

.app-dash-btn{
  display:flex;align-items:center;gap:.8rem;
  padding:.85rem 1.1rem;border-radius:12px;
  background:var(--fp-orange-grad);color:#1a0f00 !important;
  font-weight:700;font-size:1.2rem;text-decoration:none !important;
  box-shadow:0 6px 18px rgba(255,138,0,.3);
}
.app-dash-btn i,.app-dash-btn svg{font-size:1.35rem;}
.app-dash-btn:hover{filter:brightness(1.07);}
.app-nav-label{margin:1.4rem .3rem .75rem;color:var(--fp-text);font-weight:600;font-size:1.1rem;}

/* sidebar menu (the old pills list) */
#pills-tab.app-nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.55rem;margin:0;padding:0;}
.app-nav .nav-item{width:100%;}
.app-nav .nav-link.b-b{
  display:flex !important;align-items:center;gap:.85rem;
  width:100%;padding:.75rem 1rem;
  border-radius:12px !important;
  background:var(--fp-surface) !important;
  border:1px solid rgba(255,255,255,.06) !important;
  color:var(--fp-text) !important;
  font-weight:500;font-size:1.1rem;text-align:left;white-space:nowrap;
  box-shadow:none;
}
.app-nav .nav-link.b-b:hover{
  transform:none;
  background:var(--fp-surface-2) !important;
  border-color:var(--fp-border) !important;
}
.app-nav .nav-link.b-b > i,.app-nav .nav-link.b-b > svg{
  width:1.6rem;font-size:1.35rem;text-align:center;flex-shrink:0;
  color:var(--fp-orange-2) !important;
}
.app-nav .nav-link .badge{
  margin-left:auto;
  background:rgba(255,138,0,.14) !important;color:var(--fp-orange-2) !important;
  border:1px solid var(--fp-border-strong);border-radius:999px;
  font-size:.82rem;font-weight:700;padding:.3em .7em;
}
.app-nav .nav-link.active.p-pills{
  background:linear-gradient(90deg,rgba(255,138,0,.24),rgba(255,179,0,.06)) !important;
  border:1px solid var(--fp-orange) !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(255,138,0,.18);
}
.app-nav .nav-link.active.p-pills > i,.app-nav .nav-link.active.p-pills > svg{color:var(--fp-orange-2) !important;}
.app-nav .nav-link.active .badge{background:var(--fp-orange-grad) !important;color:#1a0f00 !important;border-color:transparent;}

/* Sidebar dropdown groups (Offerwall / Wallet / Campaign) */
.app-nav .nav-link.b-b > .app-group-caret{
  width:auto;margin-left:auto;font-size:.85rem;
  color:var(--fp-text-muted) !important;
  transition:transform .2s ease;
}
.app-nav .nav-link.b-b > .badge + .app-group-caret{margin-left:.55rem;}
.app-group.is-open > .app-group-link > .app-group-caret{transform:rotate(180deg);color:var(--fp-orange-2) !important;}
.app-group.is-open > .app-group-link{border-color:var(--fp-border) !important;}
.app-subnav-list{
  display:none;flex-direction:column;flex-wrap:nowrap;gap:.3rem;
  margin:.4rem 0 .15rem 1.35rem;padding:0 0 0 .8rem;
  border-left:1px dashed var(--fp-border-strong);
}
.app-group.is-open > .app-subnav-list{display:flex;}
.app-subnav-list .nav-link{
  display:flex;align-items:center;gap:.6rem;
  padding:.55rem .9rem;border-radius:10px;
  background:transparent !important;
  color:var(--fp-text-muted) !important;
  font-size:1.02rem;font-weight:500;white-space:nowrap;
}
.app-subnav-list .nav-link i,.app-subnav-list .nav-link svg{width:1.1rem;color:var(--fp-orange-2);}
.app-subnav-list .nav-link:hover{color:#fff !important;background:var(--fp-surface) !important;}
.app-subnav-list .nav-link.active{
  background:var(--fp-orange-grad) !important;
  color:#1a0f00 !important;font-weight:700;
  box-shadow:0 4px 12px rgba(255,138,0,.28);
}
.app-subnav-list .nav-link.active i,.app-subnav-list .nav-link.active svg{color:#1a0f00;}

/* Earn More card */
.app-earn-more{
  position:relative;overflow:hidden;
  margin-top:1.6rem;padding:1.2rem 1.1rem 1.4rem;
  border-radius:14px;border:1px solid var(--fp-border-strong);
  background:
    radial-gradient(120% 70% at 50% 115%,rgba(255,138,0,.5),transparent 60%),
    linear-gradient(160deg,#1a1208,#0e0e14 60%);
}
.app-earn-more-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem;color:#fff;}
.app-earn-more-title i,.app-earn-more-title svg{color:var(--fp-orange-2);font-size:1.4rem;}
.app-earn-more p{color:var(--fp-text-muted);font-size:1.05rem;margin:.6rem 0 .9rem;}
.app-earn-more-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;}
.app-earn-more-coin{width:6.5rem;height:6.5rem;margin:1.3rem auto 0;}

/* coin look (hero + earn more) */
.app-hero-coin,.app-earn-more-coin{
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;color:var(--fp-orange-2);
  background:radial-gradient(circle at 35% 30%,#3a2206,#140c02 70%);
  border:.35rem solid #ff9a0a;
  box-shadow:0 0 0 .35rem rgba(255,154,10,.22),0 0 2.4rem rgba(255,138,0,.55),inset 0 0 1.2rem rgba(255,170,0,.35);
}
.app-hero-coin .app-trx-icon,.app-earn-more-coin .app-trx-icon{width:55%;height:55%;}

/* Main column */
.app-main{
  flex:1;min-width:0;
  margin-left:var(--app-sidebar-w);
  display:flex;flex-direction:column;
  transition:margin-left .25s ease;
}
.app-topbar{
  position:sticky;top:0;z-index:1020;
  height:var(--app-topbar-h);
  display:flex;align-items:center;gap:1rem;
  padding:0 1.75rem;
  background:rgba(10,10,15,.92);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--fp-border);
}
.app-topbar-brand{display:none;font-size:1.6rem;}
.app-topbar-right{margin-left:auto;display:flex;align-items:center;gap:1rem;}
.app-icon-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:2.9rem;height:2.9rem;flex-shrink:0;
  background:none;border:0;border-radius:10px;
  color:#fff;font-size:1.6rem;
}
.app-icon-btn:hover,.app-icon-btn:focus{background:var(--fp-surface-2);outline:none;}
.app-bell{background:var(--fp-surface);border:1px solid var(--fp-border);border-radius:50%;font-size:1.35rem;}
.app-bell i,.app-bell svg{color:var(--fp-orange-2);}
.app-bell-dot{
  position:absolute;top:.45rem;right:.5rem;
  width:.6rem;height:.6rem;border-radius:50%;
  background:#ff3b3b;box-shadow:0 0 0 2px #0a0a0f;
}
.app-logout-btn{
  display:inline-flex !important;align-items:center;gap:.5rem;
  padding:.5rem 1.25rem;border-radius:999px !important;
  background:transparent !important;
  border:1px solid var(--fp-orange) !important;
  color:var(--fp-orange-2) !important;font-weight:600;
}
.app-logout-btn:hover{background:rgba(255,138,0,.1) !important;}

.app-content{flex:1;padding:1.75rem;}
.app-content .page-section{padding-top:0;padding-bottom:0;}
.app-content .page-section::before{display:none;}
.app-content .container{max-width:none;padding-left:0;padding-right:0;}
.app-content .col-lg-10{flex:0 0 100%;max-width:100%;}
.app-content .fp-ad-slot{margin:1.25rem 0 .25rem;text-align:left;}
.app-content .fp-ad-content{max-width:100%;overflow-x:auto;}

/* Balance hero */
.app-hero{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:1.5rem;
  min-height:12.5rem;padding:1.8rem 2.4rem;
  border-radius:16px;border:1px solid var(--fp-orange);
  text-align:left;
  background:
    radial-gradient(55% 130% at 64% 50%,rgba(255,138,0,.34),transparent 62%),
    linear-gradient(115deg,#1b1206 0%,#110d08 42%,#1f1305 70%,#3d2404 100%);
  box-shadow:0 12px 34px rgba(255,138,0,.12);
}
.app-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(115deg,transparent 30%,rgba(255,170,0,.14) 38%,transparent 44%),
    linear-gradient(115deg,transparent 82%,rgba(255,170,0,.25) 90%,transparent 96%);
}
.app-hero::after{
  content:"";position:absolute;top:0;right:0;width:40%;height:100%;pointer-events:none;
  background-image:radial-gradient(rgba(255,170,0,.4) 1px,transparent 1.2px);
  background-size:12px 12px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);
  mask-image:linear-gradient(90deg,transparent,#000 70%);
  opacity:.5;
}
.app-hero-info{position:relative;z-index:1;flex:1;min-width:0;}
.app-hero-welcome{color:#e9e6f0;font-size:1.2rem;}
.app-hero-title{color:#fff !important;font-weight:800;font-size:2.1rem;margin:.3rem 0 .8rem;}
.app-hero-balance{
  display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;
  font-size:2.1rem;font-weight:800;color:#fff;line-height:1.2;
}
.app-hero-coin-sm{
  width:2.6rem;height:2.6rem;flex-shrink:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--fp-orange-grad);color:#1a0f00;
}
.app-hero-coin-sm .app-trx-icon{width:60%;height:60%;}
.app-hero #balance{color:var(--fp-orange-2);font-variant-numeric:tabular-nums;word-break:break-all;}
.app-hero-refresh{cursor:pointer;color:var(--fp-text-muted);font-size:1.2rem;}
.app-hero-refresh:hover{color:var(--fp-orange-2);}
.app-hero-usd{color:var(--fp-text-muted);font-size:1.05rem;margin-top:.35rem;}
.app-hero-btn{margin-top:1rem;padding:.55rem 1.7rem;}
.app-hero-art{position:relative;z-index:1;flex:0 0 auto;padding:0 1.5rem 1rem;}
.app-hero-coin{width:9.5rem;height:9.5rem;position:relative;z-index:1;}
.app-hero-art::after{
  content:"";position:absolute;left:50%;bottom:-.4rem;transform:translateX(-50%);
  width:13rem;height:2.8rem;border-radius:50%;
  border:2px solid rgba(255,154,10,.65);
  background:radial-gradient(ellipse at center,rgba(255,138,0,.35),transparent 70%);
  box-shadow:0 0 1.6rem rgba(255,138,0,.55);
}
.app-hero-slogan{
  position:relative;z-index:1;flex:0 0 auto;min-width:11rem;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.app-hero-slogan i,.app-hero-slogan svg{color:var(--fp-orange-2);font-size:2.1rem;margin-bottom:.45rem;}
.app-hero-slogan span{color:#fff;font-weight:700;font-size:1.4rem;}
.app-hero-slogan strong{color:var(--fp-orange-2);font-size:1.4rem;}

/* Tab header bar ("15 PTC Available ... 0.003 TRX") */
.app-content .tab-pane .row.color-1{
  margin:1.25rem 0 1.25rem !important;
  padding:1.1rem 1.4rem;align-items:center;
  background:var(--fp-surface);
  border:1px solid var(--fp-border);border-radius:14px;
  box-shadow:inset 0 -2px 0 rgba(255,138,0,.55);
}
.app-content .tab-pane .row.color-1 > [class*="col-"]{padding:0;}
.app-content .tab-pane .row.color-1 p{margin:0 !important;font-size:1.3rem;line-height:1.35;color:var(--fp-orange-2);}
.app-content .tab-pane > .row > [class*="col-"] > hr{display:none;}
.app-content .tab-pane .row.mt-5{margin-top:0 !important;}

/* Task cards grid: PTC uses col-sm-3 (4 per row), other tabs col-sm-4 (3 per row) */
.app-content .tab-pane .row.mt-5{margin-left:-.75rem;margin-right:-.75rem;}
.app-content .tab-pane .row.mt-5 > .col-sm-3,
.app-content .tab-pane .row.mt-5 > .col-sm-4{padding-left:.75rem;padding-right:.75rem;margin-bottom:1.5rem;}
.app-content .tab-pane .col-sm-3 > br,
.app-content .tab-pane .col-sm-4 > br{display:none;}
.app-content .tab-pane .col-sm-3 > .card,
.app-content .tab-pane .col-sm-4 > .card{height:100%;margin-bottom:0;}

/* existing cards (Bitco PTC, shortlinks, surveys ...) -> same look */
.app-content .tab-pane .card.card-primary.card-body.text-center{
  display:flex;flex-direction:column;
  text-align:left !important;padding:1.3rem;
}
.app-content .tab-pane .card.card-primary.card-body.text-center .card-title{
  justify-content:flex-start;flex-wrap:nowrap;gap:.8rem;
  font-size:1.35rem;font-weight:700;margin-bottom:.3rem;
}
.app-content .tab-pane .card.card-primary.card-body.text-center .fp-card-icon{width:3.2rem;height:3.2rem;flex-shrink:0;}
.app-content .tab-pane .card.card-primary.card-body.text-center .text-reward{padding-left:4rem;font-size:1rem;margin-bottom:1rem;}
.app-content .tab-pane .card.card-primary.card-body.text-center > .btn{margin-top:auto;width:100%;}

/* new PTC card */
.app-task-card{display:flex;flex-direction:column;gap:1.1rem;padding:1.3rem !important;text-align:left;}
.app-task-head{position:relative;display:flex;align-items:center;gap:.9rem;}
.app-task-icon{
  position:relative;flex:0 0 3.6rem;width:3.6rem;height:3.6rem;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#262a42,#10121c);
  border:2px solid rgba(255,154,10,.55);
}
.app-task-icon img{position:absolute;top:18%;left:18%;width:64%;height:64%;object-fit:contain;border-radius:6px;}
.app-task-letter{font-weight:800;font-size:1.5rem;color:var(--fp-orange-2);}
.app-task-meta{flex:1;min-width:0;padding-right:1.8rem;}
.app-task-card .card-title{
  display:block !important;margin:0 0 .25rem;
  font-size:1.4rem;font-weight:700;color:#fff !important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.app-task-card .text-reward{margin:0;font-size:1rem;}
.app-task-ext{position:absolute;top:0;right:0;color:var(--fp-text-muted);font-size:1.1rem;}
.app-task-card .btn{margin-top:auto;}

/* Referral section */
.app-ref-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.25rem 0 1.5rem;}
.app-ref-stat{
  display:flex;align-items:center;gap:1.1rem;
  padding:1.4rem 1.5rem;
  background:var(--fp-surface);
  border:1px solid var(--fp-border);border-radius:14px;
  box-shadow:inset 0 -2px 0 rgba(255,138,0,.55);
}
.app-ref-stat-icon{
  flex:0 0 3.8rem;width:3.8rem;height:3.8rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,138,0,.12);border:1px solid var(--fp-border-strong);
  color:var(--fp-orange-2);font-size:1.6rem;
}
.app-ref-stat-label{color:var(--fp-text-muted);font-size:1rem;text-transform:uppercase;letter-spacing:.5px;}
.app-ref-stat-value{color:#fff;font-size:2rem;font-weight:800;line-height:1.25;word-break:break-all;}
.app-ref-stat-value small{color:var(--fp-orange-2);font-size:1.1rem;font-weight:700;}
.app-ref-stat-sub{color:var(--fp-text-muted);font-size:.95rem;}

.app-ref-link-card{
  margin-bottom:1.5rem;padding:1.4rem 1.5rem;
  background:var(--fp-surface);
  border:1px solid var(--fp-border);border-radius:14px;
}
.app-ref-link-title{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:700;font-size:1.25rem;}
.app-ref-link-title i,.app-ref-link-title svg{color:var(--fp-orange-2);}
.app-ref-link-text{color:var(--fp-text-muted);margin:.4rem 0 1rem;font-size:1.05rem;}
.app-ref-link-row{display:flex;gap:.75rem;}
.app-ref-link-row .form-control{flex:1;min-width:0;color:var(--fp-orange-2) !important;font-weight:600;cursor:pointer;}
.app-ref-copy{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:.45rem;}

.app-ref-table-card{padding:0;overflow:hidden;}
.app-ref-table-head{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;
  padding:1.1rem 1.5rem;border-bottom:1px solid var(--fp-border);
}
.app-ref-table-head h5{margin:0;display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:700;font-size:1.25rem;}
.app-ref-table-head h5 i,.app-ref-table-head h5 svg{color:var(--fp-orange-2);}
.app-ref-table-head span{color:var(--fp-text-muted);font-size:.95rem;}
.app-ref-table{color:var(--fp-text);font-size:1.05rem;}
.app-ref-table th{
  border-top:0 !important;border-bottom:1px solid var(--fp-border) !important;
  color:var(--fp-orange-2);font-weight:700;white-space:nowrap;
  padding:.9rem 1.5rem;
}
.app-ref-table td{border-top:1px solid rgba(255,255,255,.05) !important;padding:.85rem 1.5rem;vertical-align:middle;}
.app-ref-table tbody tr:hover{background:rgba(255,138,0,.05);}
.app-ref-empty{padding:2.5rem 1.5rem;text-align:center;color:var(--fp-text-muted);}
.app-ref-empty i,.app-ref-empty svg{font-size:2.6rem;color:var(--fp-orange-2);margin-bottom:.8rem;opacity:.8;}
.app-ref-empty p{margin:0;font-size:1.1rem;}

/* ---------------- Mining ---------------- */
.mn-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.25rem 0 1.25rem;}
.mn-bal{
  display:flex;align-items:center;gap:1rem;min-width:0;
  padding:1.3rem 1.4rem;border-radius:14px;
  background:var(--fp-surface);border:1px solid var(--fp-border);
  box-shadow:inset 0 -2px 0 rgba(255,138,0,.55);
}
.mn-bal-icon{
  flex:0 0 3.6rem;width:3.6rem;height:3.6rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;
  background:rgba(255,138,0,.13);border:1px solid var(--fp-border-strong);color:var(--fp-orange-2);
}
.mn-bal-icon.is-blue{background:rgba(111,195,255,.12);border-color:rgba(111,195,255,.35);color:#6fc3ff;}
.mn-bal-body{flex:1;min-width:0;}
.mn-bal-label{color:var(--fp-text-muted);font-size:1rem;text-transform:uppercase;letter-spacing:.5px;}
.mn-bal-value{color:#fff;font-size:1.9rem;font-weight:800;line-height:1.25;word-break:break-all;}
.mn-bal-sub{color:var(--fp-text-muted);font-size:.95rem;}
.mn-bal-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;}
.mn-btn-outline{background:transparent !important;border:1.5px solid var(--fp-orange) !important;color:var(--fp-orange-2) !important;border-radius:10px;}
.mn-btn-outline:hover{background:rgba(255,138,0,.1) !important;}

.mn-pills{
  display:inline-flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.25rem;padding:.4rem;max-width:100%;
  background:var(--fp-surface);border:1px solid var(--fp-border);border-radius:14px;
}
.mn-pills .nav-link{
  display:flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;border-radius:10px;
  background:transparent !important;color:var(--fp-text-muted) !important;font-weight:700;font-size:1.1rem;white-space:nowrap;
}
.mn-pills .nav-link i,.mn-pills .nav-link svg{color:var(--fp-orange-2);}
.mn-pills .nav-link:hover{color:#fff !important;background:var(--fp-surface-2) !important;}
.mn-pills .nav-link.active{background:var(--fp-orange-grad) !important;color:#1a0f00 !important;box-shadow:0 4px 14px rgba(255,138,0,.3);}
.mn-pills .nav-link.active i,.mn-pills .nav-link.active svg{color:#1a0f00;}
.mn-pill-count{min-width:1.5rem;padding:.05rem .45rem;border-radius:999px;background:rgba(0,0,0,.25);font-size:.85rem;text-align:center;}

.mn-card{
  height:100%;display:flex;flex-direction:column;gap:.35rem;
  padding:.85rem .85rem .9rem;border-radius:12px;text-align:left;
  background:linear-gradient(180deg,rgba(28,28,38,.97),rgba(15,15,21,.97));
  border:1px solid var(--fp-border);
  transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.mn-card:hover{transform:translateY(-2px);border-color:var(--fp-orange);box-shadow:0 8px 20px rgba(255,138,0,.14);}
.mn-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.4rem;}
.mn-logo{width:3.2rem;height:3.2rem;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));}
.mn-rate{padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:800;color:#2fe39a;background:rgba(47,227,154,.12);border:1px solid rgba(47,227,154,.3);white-space:nowrap;}
.mn-name{margin:.1rem 0 0;color:#fff !important;font-size:1.05rem;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mn-owned{color:var(--fp-orange-2);font-size:.8rem;font-weight:600;}
.mn-row{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:.3rem 0;border-top:1px dashed rgba(255,255,255,.08);font-size:.85rem;}
.mn-row span{color:var(--fp-text-muted);}
.mn-row strong{color:#fff;}
.mn-card .mn-buy{margin-top:auto;padding:.35rem .5rem;font-size:.85rem;border-radius:8px;}
.mn-card .mn-row:last-of-type{margin-bottom:.4rem;}
.is-green{color:#2fe39a !important;}
.is-orange{color:var(--fp-orange-2) !important;}
/* 4 machine cards per row on tablet and up (overrides the 3-per-row rule for other grids) */
@media (min-width:768px){
  .app-content .tab-pane .row.mt-5.mn-grid{margin-left:-.5rem;margin-right:-.5rem;}
  .app-content .tab-pane .row.mt-5.mn-grid > .col-sm-3{flex:0 0 25%;max-width:25%;padding-left:.5rem;padding-right:.5rem;margin-bottom:1rem;}
}

.mn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;}
.mn-stat{padding:1rem 1.2rem;border-radius:12px;background:var(--fp-surface);border:1px solid var(--fp-border);min-width:0;}
.mn-stat small{display:block;color:var(--fp-text-muted);font-size:.95rem;}
.mn-stat strong{display:block;color:#fff;font-size:1.45rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mn-table-card{padding:0;overflow:hidden;}
.mn-table-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--fp-border);}
.mn-table-head h5{margin:0;display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:700;font-size:1.25rem;}
.mn-table-head h5 i,.mn-table-head h5 svg{color:var(--fp-orange-2);}
.mn-table-head span{color:var(--fp-text-muted);font-size:.95rem;}
.mn-table{color:var(--fp-text);font-size:1.02rem;}
.mn-table th{border-top:0 !important;border-bottom:1px solid var(--fp-border) !important;color:var(--fp-orange-2);font-weight:700;white-space:nowrap;padding:.85rem 1rem;}
.mn-table td{border-top:1px solid rgba(255,255,255,.05) !important;padding:.75rem 1rem;vertical-align:middle;}
.mn-table td small{color:var(--fp-text-muted);}
.mn-table tr.is-refunded td{opacity:.55;}
.mn-mach{display:flex;align-items:center;gap:.6rem;font-weight:700;color:#fff;}
.mn-mach img{width:2.4rem;height:2.4rem;object-fit:contain;}
.mn-countdown{font-variant-numeric:tabular-nums;font-weight:700;color:var(--fp-orange-2);}
.mn-countdown.is-due{color:#2fe39a;}
.mn-refund{border:1px solid rgba(255,107,107,.55) !important;color:#ff7b7b !important;background:transparent !important;border-radius:8px;font-weight:700;}
.mn-refund:hover{background:rgba(255,107,107,.1) !important;}
.mn-empty{padding:2.5rem 1.5rem;text-align:center;color:var(--fp-text-muted);}
.mn-empty i,.mn-empty svg{font-size:2.6rem;color:var(--fp-orange-2);margin-bottom:.8rem;opacity:.8;}
.mn-empty p{margin:0;font-size:1.1rem;}
.mn-empty a{color:var(--fp-orange-2);font-weight:700;}

@media (max-width:991.98px){
  .mn-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:767.98px){
  .mn-balances{grid-template-columns:1fr;gap:1rem;}
}
@media (max-width:575.98px){
  /* 2 machine cards per row on phones */
  .app-content .tab-pane .row.mt-5.mn-grid{margin-left:-.4rem;margin-right:-.4rem;}
  .app-content .tab-pane .row.mt-5.mn-grid > .col-sm-3{flex:0 0 50%;max-width:50%;padding-left:.4rem;padding-right:.4rem;margin-bottom:.8rem;}
  .mn-card{padding:.7rem .65rem .75rem;gap:.3rem;}
  .mn-card-top{flex-direction:column;align-items:flex-start;gap:.3rem;}
  .mn-logo{width:2.6rem;height:2.6rem;}
  .mn-rate{font-size:.72rem;padding:.15rem .45rem;}
  .mn-name{font-size:.98rem;}
  .mn-row{font-size:.82rem;padding:.25rem 0;}
  .mn-card .mn-buy{font-size:.82rem;padding:.3rem .4rem;}
  .mn-bal{flex-wrap:wrap;}
  .mn-bal-btn{width:100%;justify-content:center;}
  .mn-pills{display:flex;width:100%;}
  .mn-pills .nav-item{flex:1 1 0;}
  .mn-pills .nav-link{justify-content:center;padding:.6rem .5rem;font-size:1rem;}
  .mn-table th,.mn-table td{padding:.65rem .7rem;}
}

/* Offerwalls: shown at 80% (20% smaller) inside a screen-high frame, so the
   whole offerwall fits on screen. The iframe is laid out 125% big and scaled
   back to 80%, so it still fills the frame exactly. */
.app-ow-frame{
  --ow-scale:.8;
  position:relative;width:100%;overflow:hidden;
  height:calc(100vh - 13rem);min-height:520px;
  border-radius:10px;background:#fff;
}
.app-ow-frame > iframe{
  position:absolute;top:0;left:0;border:0 !important;
  width:calc(100% / var(--ow-scale)) !important;
  height:calc(100% / var(--ow-scale)) !important;
  transform:scale(var(--ow-scale));transform-origin:0 0;
}
.card-body:has(> .app-ow-frame){padding:.6rem;}
@media (max-width:575.98px){
  .app-ow-frame{--ow-scale:.9;height:calc(100vh - 9rem);min-height:460px;}  /* phones: 10% smaller, stays readable */
}

/* ---------------- Navbar (visitors + inner pages) ---------------- */
.lp-nav{padding-top:.9rem;padding-bottom:.9rem;}
.lp-brand{display:flex;align-items:center;gap:.55rem;margin-right:0;}
.lp-brand-logo{width:2.4rem;height:2.4rem;object-fit:contain;filter:drop-shadow(0 0 .45rem rgba(255,170,0,.5));}
.lp-brand-name{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.3px;}
.lp-brand-name em{font-style:normal;color:var(--fp-orange-2);}
.lp-nav .navbar-nav .nav-link{display:flex;align-items:center;gap:.45rem;padding:.55rem 1rem !important;font-size:1.12rem;position:relative;}
.lp-nav .navbar-nav .nav-item.active .nav-link{border-bottom:0 !important;}
@media (min-width:992px){
  .lp-nav .navbar-nav .nav-item.active .nav-link::after{
    content:"";position:absolute;left:.6rem;right:.6rem;bottom:-.95rem;height:3px;border-radius:3px;
    background:var(--fp-orange-grad);
  }
}
.lp-nav-right{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;}
.lp-nav-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.6rem 1.4rem;border-radius:999px !important;
  background:transparent !important;border:1.5px solid var(--fp-orange) !important;
  color:var(--fp-orange-2) !important;font-weight:700;font-size:1.1rem;
}
.lp-nav-btn:hover{background:rgba(255,138,0,.1) !important;}
.footer-logo{width:1.5rem;height:1.5rem;vertical-align:-.3rem;margin-right:.2rem;}

/* wider page on big screens (like the mockup) */
@media (min-width:1400px){ .container{max-width:1320px;} }

/* ---------------- Landing page (visitors) ---------------- */
.lp{
  display:grid;gap:1.5rem;text-align:left;
  grid-template-columns:minmax(0,1fr) minmax(0,30rem);
  grid-template-areas:
    "hero  login"
    "how   payouts"
    "promo payouts"
    "stats payouts"
    "ad    ad";
  align-items:start;
  margin-top:.5rem;
}
.lp-area-hero{grid-area:hero;} .lp-area-login{grid-area:login;} .lp-area-ad{grid-area:ad;}
.lp-area-how{grid-area:how;} .lp-area-promo{grid-area:promo;} .lp-area-stats{grid-area:stats;}
.lp-area-payouts{grid-area:payouts;}
.lp-area-ad{flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem;}   /* display set by d-none d-lg-flex: PC only */
.lp-login-ad{margin:1.2rem auto 0;text-align:center;max-width:100%;overflow:hidden;}
.lp-login-ad .col-sm-12{margin:0 !important;padding:0;}
.lp-ad{width:100%;max-width:100%;overflow-x:auto;text-align:center;}

.lp-card{
  background:linear-gradient(180deg,rgba(21,21,28,.96),rgba(13,13,19,.96));
  border:1px solid var(--fp-border-strong);border-radius:16px;
  padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.lp-card-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem;}
.lp-card-head h2{margin:0;color:#fff;font-size:1.55rem;font-weight:800;}
.lp-card-head p{margin:.15rem 0 0;color:var(--fp-text-muted);font-size:1.02rem;}
.lp-head-icon{
  flex:0 0 2.8rem;width:2.8rem;height:2.8rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,138,0,.14);border:1px solid var(--fp-border-strong);
  color:var(--fp-orange-2);font-size:1.3rem;
}
.lp-chip{
  margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;
  padding:.3rem .8rem;border-radius:999px;border:1px solid var(--fp-border);
  color:var(--fp-text-muted);font-size:.95rem;
}
.lp-live-dot{width:.55rem;height:.55rem;border-radius:50%;background:#1ec773;box-shadow:0 0 0 3px rgba(30,199,115,.2);animation:lpPulse 1.6s ease-in-out infinite;}
@keyframes lpPulse{50%{box-shadow:0 0 0 6px rgba(30,199,115,0);}}

/* hero */
.lp-hero{
  position:relative;display:flex;align-items:center;gap:1rem;
  min-height:19rem;padding:1.5rem 0 1rem;
}
.lp-hero-text{position:relative;z-index:1;flex:1 1 55%;min-width:0;}
.lp-welcome{color:var(--fp-orange-2);font-size:1.5rem;font-weight:600;}
.lp-domain{margin:.1rem 0 .4rem;color:#fff;font-size:4.2rem;font-weight:900;line-height:1.05;letter-spacing:-1px;word-break:break-word;}
.lp-domain span{color:var(--fp-orange-2);}
.lp-tagline{color:#e6e3ee;font-size:1.45rem;margin:0 0 1.6rem;}
.lp-features{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;}
.lp-feature{display:flex;align-items:center;gap:.7rem;}
.lp-feature-icon{
  flex:0 0 3rem;width:3rem;height:3rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  border:2px solid var(--fp-orange);color:var(--fp-orange-2);font-size:1.25rem;
  box-shadow:0 0 .9rem rgba(255,138,0,.35);
}
.lp-feature strong{display:block;color:#fff;font-size:1.12rem;}
.lp-feature small{display:block;color:var(--fp-text-muted);font-size:.95rem;}
.lp-hero-art{position:relative;flex:1 1 45%;min-width:0;display:flex;justify-content:center;}
.lp-art-svg{width:100%;max-width:26rem;height:auto;filter:drop-shadow(0 18px 30px rgba(255,138,0,.18));}

/* login card */
.lp-login{border-width:1.5px;box-shadow:0 0 0 1px rgba(255,138,0,.08),0 14px 40px rgba(255,138,0,.12);}
.lp-label{display:block;color:var(--fp-text-muted) !important;font-size:1rem;margin-bottom:.45rem;}
.lp-input{position:relative;margin-bottom:1rem;}
.lp-input > i,.lp-input > svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--fp-text-muted);font-size:1.1rem;pointer-events:none;z-index:2;}
.lp-input .form-control{padding-left:2.9rem;height:3.6rem;font-size:1.12rem;border-radius:12px !important;}
.lp-login-btn{height:3.5rem;font-size:1.2rem;font-weight:800;border-radius:12px !important;}
.lp-login-note{margin:1rem 0 0;text-align:center;color:var(--fp-text-muted);font-size:.98rem;}
.lp-login-note a{color:var(--fp-orange-2);font-weight:700;}
.lp-captcha{min-height:65px;margin:0 0 1rem;display:flex;justify-content:center;max-width:100%;overflow:hidden;}
.lp-captcha iframe{max-width:100%;}
.modal .lp-captcha{margin:.9rem 0 0;}

/* how it works */
.lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.lp-step{padding:0 1.3rem;}
.lp-step + .lp-step{border-left:1px solid var(--fp-border);}
.lp-step-top{display:flex;align-items:center;gap:1.1rem;margin-bottom:.9rem;}
.lp-step-num{
  flex:0 0 3.2rem;width:3.2rem;height:3.2rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--fp-orange-grad);color:#1a0f00;font-weight:900;font-size:1.4rem;
  box-shadow:0 6px 18px rgba(255,138,0,.35);
}
.lp-step-top > i,.lp-step-top > svg{font-size:2rem;color:var(--fp-orange-2);}
.lp-step h3{color:#fff;font-size:1.25rem;font-weight:800;margin:0 0 .4rem;}
.lp-step p{color:var(--fp-text-muted);font-size:1rem;margin:0;line-height:1.5;}

/* promo banner */
.lp-promo{
  position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;
  padding:1.4rem 1.6rem;border-radius:16px;border:1.5px solid var(--fp-orange);
  background:
    radial-gradient(60% 140% at 72% 50%,rgba(255,138,0,.35),transparent 60%),
    linear-gradient(100deg,#1a1450 0%,#2a1a6e 45%,#3b1f7a 70%,#23124e 100%);
}
.lp-promo-text{position:relative;z-index:1;flex:1 1 auto;}
.lp-promo h2{margin:0 0 .3rem;color:var(--fp-orange-2);font-size:1.75rem;font-weight:900;}
.lp-promo p{margin:0 0 1rem;color:#efeaff;font-size:1.12rem;}
.lp-start{padding:.6rem 1.8rem;border-radius:999px !important;font-weight:800;}
.lp-promo-art{flex:0 0 16rem;max-width:45%;}
.lp-promo-svg{width:100%;height:auto;display:block;}

/* stats */
.lp-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;}
.lp-stat{
  display:flex;align-items:center;gap:.8rem;min-width:0;
  padding:1rem;border-radius:12px;
  background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);
}
.lp-stat > div{min-width:0;}
.lp-stat strong{display:block;color:var(--fp-orange-2);font-size:1.3rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lp-stat strong.is-green{color:#2fe39a;} .lp-stat strong.is-purple{color:#c3a6ff;} .lp-stat strong.is-blue{color:#6fc3ff;}
.lp-stat small{color:var(--fp-text-muted);font-size:.95rem;}
.lp-stat-icon{
  flex:0 0 2.8rem;width:2.8rem;height:2.8rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:1.2rem;
}
.lp-stat-icon.is-orange{background:rgba(255,138,0,.16);color:var(--fp-orange-2);}
.lp-stat-icon.is-green{background:rgba(47,227,154,.14);color:#2fe39a;}
.lp-stat-icon.is-purple{background:rgba(195,166,255,.14);color:#c3a6ff;}
.lp-stat-icon.is-blue{background:rgba(111,195,255,.14);color:#6fc3ff;}

/* latest withdrawals */
.lp-table{color:var(--fp-text);font-size:.98rem;margin:0;}
.lp-payouts .table-responsive{margin:0 -.4rem;}
.lp-table th{border-top:0 !important;border-bottom:1px solid var(--fp-border) !important;color:var(--fp-text-muted);font-weight:600;padding:.6rem .5rem;white-space:nowrap;}
.lp-table td{border-top:1px solid rgba(255,255,255,.05) !important;padding:.65rem .5rem;vertical-align:middle;}
.lp-table th,.lp-table td{padding-left:.4rem;padding-right:.4rem;}
.lp-seq{color:var(--fp-text-muted);font-variant-numeric:tabular-nums;}
.lp-time{font-size:.92rem;color:var(--fp-text-muted);line-height:1.25;}
.lp-payouts .table-responsive{scrollbar-width:thin;scrollbar-color:var(--fp-border-strong) transparent;}
.lp-payouts .table-responsive::-webkit-scrollbar{height:4px;}
.lp-payouts .table-responsive::-webkit-scrollbar-thumb{background:var(--fp-border-strong);border-radius:4px;}
.lp-table tbody tr:hover{background:rgba(255,138,0,.05);}
.lp-amount{color:var(--fp-orange-2);font-weight:700;}
.lp-badge{display:inline-block;padding:.25rem .7rem;border-radius:999px;font-size:.88rem;font-weight:700;}
.lp-badge.is-paid{background:rgba(30,199,115,.16);color:#2fe39a;}
.lp-badge.is-pending{background:rgba(255,179,0,.16);color:var(--fp-orange-2);}
.lp-badge.is-failed{background:rgba(255,90,90,.16);color:#ff7b7b;}
.lp-empty{color:var(--fp-text-muted);margin:0;}

/* landing responsive */
@media (max-width:1199.98px){
  .lp-domain{font-size:3.5rem;}
  .lp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:991.98px){
  .lp{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"hero" "login" "how" "promo" "stats" "payouts" "ad";
  }
  .lp-hero{min-height:0;}
}
@media (max-width:767.98px){
  .lp-hero{flex-direction:column;align-items:stretch;text-align:center;padding-top:.5rem;}
  .lp-features{justify-content:center;}
  .lp-hero-art{order:-1;}
  .lp-art-svg{max-width:19rem;}
  .lp-domain{font-size:2.9rem;}
  .lp-tagline{font-size:1.2rem;}
  .lp-steps{grid-template-columns:1fr;gap:1.2rem;}
  .lp-step{padding:0;}
  .lp-step + .lp-step{border-left:0;border-top:1px solid var(--fp-border);padding-top:1.2rem;}
  .lp-promo{flex-direction:column;align-items:stretch;text-align:center;}
  .lp-promo-art{flex-basis:auto;max-width:14rem;margin:0 auto;order:-1;}
  .lp-card{padding:1.2rem;}
}
@media (max-width:575.98px){
  .lp-payouts{padding:1.1rem .8rem;}
  .lp-table{font-size:.88rem;}
  .lp-table th,.lp-table td{padding-left:.25rem;padding-right:.25rem;}
  .lp-time{font-size:.84rem;}
  .lp-badge{padding:.2rem .5rem;font-size:.78rem;}
}
@media (max-width:399.98px){
  .lp-stat-grid{grid-template-columns:1fr;}
  .lp-feature{flex:1 1 100%;justify-content:center;}
}

/* Footer inside the shell */
.app-footer{margin-top:auto;padding:1.4rem 1.75rem !important;background:transparent !important;border-top:1px solid var(--fp-border);}
.app-footer .container{max-width:none;padding:0;}

/* Desktop: hamburger collapses the sidebar */
body.app-sidebar-collapsed .app-sidebar{transform:translateX(-100%);}
body.app-sidebar-collapsed .app-main{margin-left:0;}
.app-overlay{display:none;}

/* ---------- 3) Responsive ---------- */

/* 4-per-row only where cards have room; 3 per row below 1200px */
@media (max-width:1199.98px){
  .app-content .tab-pane .row.mt-5 > .col-sm-3{flex:0 0 33.3333%;max-width:33.3333%;}
}

/* Tablet & phone: sidebar becomes a slide-in drawer */
@media (max-width:991.98px){
  .app-sidebar{width:min(19rem,84vw);transform:translateX(-100%);}
  body.app-sidebar-open .app-sidebar{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.65);}
  body.app-sidebar-open{overflow:hidden;}
  .app-sidebar-close{display:inline-flex;}
  .app-main,body.app-sidebar-collapsed .app-main{margin-left:0;}
  .app-overlay{
    display:block;position:fixed;inset:0;z-index:1042;
    background:rgba(0,0,0,.55);
    opacity:0;visibility:hidden;transition:opacity .2s ease, visibility .2s ease;
  }
  body.app-sidebar-open .app-overlay{opacity:1;visibility:visible;}
  .app-topbar{padding:0 1rem;gap:.6rem;}
  .app-topbar-brand{display:flex;}
  .app-content{padding:1.25rem 15px;}  /* >= 15px: Bootstrap rows use -15px margins */
  .app-footer{padding:1.2rem 15px !important;}
  .app-hero{padding:1.5rem 1.6rem;}
  .app-hero-slogan{display:none;}
}

/* 2 cards per row on large phones / small tablets */
@media (max-width:767.98px){
  .app-content .tab-pane .row.mt-5 > .col-sm-3,
  .app-content .tab-pane .row.mt-5 > .col-sm-4{flex:0 0 50%;max-width:50%;}
  .app-ref-stats-grid{gap:1rem;}
  .app-hero-coin{width:7rem;height:7rem;}
  .app-hero-art{padding:0 .5rem .8rem;}
  .app-hero-art::after{width:9.5rem;height:2rem;}
}

/* Phones */
@media (max-width:575.98px){
  .app-logout-btn{padding:.5rem .8rem;}
  .app-logout-btn span{display:none;}
  .app-hero{gap:.8rem;padding:1.3rem 1.2rem;min-height:0;}
  .app-hero-title{font-size:1.75rem;margin-bottom:.6rem;}
  .app-hero-balance{font-size:1.6rem;}
  .app-hero-coin-sm{width:2.1rem;height:2.1rem;}
  .app-hero-coin{width:5.2rem;height:5.2rem;border-width:.25rem;}
  .app-hero-art::after{width:7rem;height:1.5rem;}
  .app-content .tab-pane .row.color-1{padding:.9rem 1rem;}
  .app-content .tab-pane .row.color-1 p{font-size:1.1rem;}
  .app-ref-stats-grid{grid-template-columns:1fr;}
  .app-ref-stat{padding:1.1rem 1.2rem;}
  .app-ref-link-row{flex-direction:column;}
  .app-ref-copy{width:100%;justify-content:center;}
  .app-ref-table th,.app-ref-table td{padding:.75rem 1rem;}
}

/* one card per row on small phones */
@media (max-width:479.98px){
  .app-content .tab-pane .row.mt-5 > .col-sm-3,
  .app-content .tab-pane .row.mt-5 > .col-sm-4{flex:0 0 100%;max-width:100%;}
}

/* very small phones: drop the big coin so the balance has room */
@media (max-width:359.98px){
  .app-hero-art{display:none;}
}