/* CP Crypto Market v1.1.28 — whole-site responsive system */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;scroll-behavior:smooth}
body.cb-body{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}
button,a{touch-action:manipulation}
.dashboard,.admin-page-content,.admin-dashboard,.admin-health,.admin-tool-hero,.admin-hero{width:100%;max-width:100%;min-width:0}
.dashboard{padding-left:clamp(14px,2.5vw,34px);padding-right:clamp(14px,2.5vw,34px)}
.card,.form-card,.section-title,.stat-card,.market-card,.promo,.feature-card,.news,.passbook-card,.passbook-filter{min-width:0;max-width:100%}
.grid2,.grid3,.cards3,.stats,.admin-stats,.admin-quick-grid,.admin-tool-grid,.market-grid,.news-grid{width:100%;min-width:0}
.grid2,.grid3,.cards3{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards3{grid-template-columns:repeat(4,minmax(0,1fr))}
.section-title{min-width:0}
.section-title>div{min-width:0}
.section-title h1,.section-title h2,.section-title h3,.section-title p{overflow-wrap:anywhere}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.table-wrap>table{max-width:none}
.form-group,.form-grid>*,.form-actions,.status-form{min-width:0}
.form-group input,.form-group select,.form-group textarea,.form-grid input,.form-grid select,.form-grid textarea,.status-form input,.status-form select{width:100%;max-width:100%;min-width:0}
.topbar.sketch-topbar{width:100%;max-width:100%;padding-left:clamp(12px,2vw,30px)!important;padding-right:clamp(12px,2vw,30px)!important}
.sketch-brand{min-width:0!important;flex:0 1 auto!important}
.sketch-brand .brand-copy{min-width:0}
.main-nav{min-width:0!important}
.mobile-nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;border:1px solid rgba(75,142,255,.35);border-radius:12px;background:linear-gradient(180deg,#0b2148,#071632);color:#dce9ff;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:.2s ease;order:3}
.mobile-nav-toggle:hover{color:#ffc51c;border-color:rgba(255,197,28,.5);transform:translateY(-1px)}
.mobile-nav-toggle i{font-size:15px}
.sketch-actions{flex-shrink:0!important}
.cb-footer,.cb-copyright{max-width:100%;min-width:0;overflow:hidden}
.cb-copyright{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px clamp(15px,3vw,40px);flex-wrap:wrap}
.copyright-links{display:flex;gap:14px;flex-wrap:wrap}

/* Prevent old fixed/min widths from creating page-level horizontal scrolling. */
.dashboard [style*="min-width"],.admin-page-content [style*="min-width"]{max-width:100%}

/* Tablet */
@media(max-width:1100px){
  .sketch-topbar{gap:12px!important}
  .sketch-brand .brand-copy b{font-size:18px!important}
  .main-nav>a{padding:0 9px!important;gap:6px!important;font-size:11px!important}
  .main-nav>a i{font-size:13px!important}
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-stats,.admin-quick-grid,.admin-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-content{min-width:0!important;width:100%!important}
}

/* Mobile navigation + one-column content */
@media(max-width:900px){
  .sketch-topbar{height:auto!important;min-height:64px!important;flex-wrap:wrap!important;row-gap:8px!important;padding-top:8px!important;padding-bottom:8px!important}
  .sketch-brand{flex:1 1 auto!important;min-width:0!important}
  .mobile-nav-toggle{display:inline-flex}
  .main-nav{order:4!important;display:none!important;flex:0 0 100%!important;width:100%!important;height:auto!important;align-self:auto!important;padding:8px!important;border:1px solid rgba(75,142,255,.18);border-radius:14px;background:rgba(5,15,35,.96);box-shadow:0 18px 35px rgba(0,0,0,.25)}
  .main-nav.mobile-nav-open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px!important;animation:cb128-nav-in .22s ease both}
  .main-nav>a{min-height:44px!important;height:44px!important;padding:0 12px!important;border-radius:10px!important;justify-content:flex-start!important}
  .main-nav>a:after{display:none!important}
  .main-nav>a.active{background:linear-gradient(135deg,rgba(31,72,150,.45),rgba(255,197,28,.08))!important}
  .sketch-actions{margin-left:auto!important;min-width:0!important}
  .account-trigger{min-width:46px!important}
  .account-copy,.account-trigger>i{display:none!important}
  .account-trigger{width:46px!important;justify-content:center!important}
  .grid2,.grid3,.cards3{grid-template-columns:1fr!important}
  .section-title{gap:16px!important}
  .form-grid{grid-template-columns:1fr!important}
  .full-field{grid-column:auto!important}
  .admin-shell{display:block!important;min-width:0!important}
  .admin-content{margin-left:0!important;width:100%!important;max-width:100%!important;padding:18px!important}
}

@media(max-width:700px){
  .sketch-topbar{padding-left:10px!important;padding-right:10px!important}
  .sketch-brand .brand-coin{width:38px!important;height:38px!important;min-width:38px!important}
  .sketch-brand .brand-coin-core{font-size:21px!important}
  .sketch-brand .brand-copy b{font-size:16px!important}
  .sketch-brand .brand-copy small{font-size:8px!important}
  .mobile-nav-toggle{width:40px;height:40px;min-width:40px}
  .main-nav.mobile-nav-open{grid-template-columns:1fr!important}
  .main-nav>a{justify-content:flex-start!important}
  .dashboard{padding-left:12px!important;padding-right:12px!important}
  .section-title{padding:18px!important}
  .section-title h1{font-size:clamp(27px,8vw,38px)!important}
  .section-title h2{font-size:21px!important}
  .section-title p{font-size:12px!important}
  .stats,.admin-stats,.admin-quick-grid,.admin-tool-grid{grid-template-columns:1fr!important}
  .table-wrap{margin-left:0!important;margin-right:0!important;border-radius:12px}
  .table-wrap table{font-size:10px}
  .table-wrap th,.table-wrap td{padding:10px!important}
  .form-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .form-actions .btn,.btn.full{width:100%!important}
  .cb-copyright{align-items:flex-start;flex-direction:column;font-size:10px}
  .copyright-links{gap:9px}
  .cb-footer{padding-left:14px!important;padding-right:14px!important}
  .footer-grid{padding-left:0!important;padding-right:0!important}
  .newsletter-field{min-width:0!important}
}

@media(max-width:480px){
  .sketch-brand .brand-copy b{font-size:14px!important}
  .sketch-brand .brand-copy small{display:none!important}
  .account-dropdown{right:8px!important;left:8px!important;width:auto!important;min-width:0!important}
  .guest-actions .btn{padding-left:11px!important;padding-right:11px!important}
  .card,.form-card{border-radius:16px!important}
  .section-title{padding:15px!important}
  .dashboard{padding-left:9px!important;padding-right:9px!important}
  .footer-socials a{width:34px!important;height:34px!important}
}

/* Admin sidebar: keep the control center usable on phones without horizontal page scrolling. */
@media(max-width:900px){
  .admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(300px,86vw)!important;z-index:10000!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;overflow-y:auto!important;overflow-x:hidden!important}
  body.sidebar-open .admin-sidebar{transform:translateX(0)!important}
  .admin-topbar{min-width:0!important;width:100%!important;padding-left:58px!important}
  .mobile-sidebar-toggle{display:grid!important;place-items:center!important;position:fixed!important;left:12px!important;top:12px!important;z-index:10001!important;width:40px!important;height:40px!important}
}

@keyframes cb128-nav-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-nav-toggle,.main-nav.mobile-nav-open{animation:none!important;transition:none!important}}