/* =========================================================
   ZYRODEVV STORE V2.4.49 — CLEAR MINT / NEO-BRUTAL UI
   Visual-only override. Products, orders, APIs and payments untouched.
   ========================================================= */
:root{
  --nb-bg:#65e6a3;
  --nb-bg-soft:#a5f3ca;
  --nb-paper:#fffef8;
  --nb-paper-2:#f5fff9;
  --nb-ink:#101010;
  --nb-muted:#44504a;
  --nb-line:#101010;
  --nb-yellow:#ffd93d;
  --nb-mint:#83efb0;
  --nb-blue:#4d8cff;
  --nb-red:#ff6b62;
  --nb-shadow:7px 7px 0 #101010;
  --nb-shadow-sm:4px 4px 0 #101010;
  --nb-radius:18px;
}

html,
html:not([data-theme='dark']){
  background:var(--nb-bg)!important;
}
body.zyro-gridwave,
html:not([data-theme='dark']) body.zyro-gridwave{
  color:var(--nb-ink)!important;
  background:var(--nb-bg)!important;
  background-image:none!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body.zyro-gridwave .zyro-ambient{display:none!important}
body.zyro-gridwave h1,
body.zyro-gridwave h2,
body.zyro-gridwave h3,
body.zyro-gridwave .gradient-title,
body.zyro-gridwave .section-title h2,
body.zyro-gridwave .center-heading h1,
body.zyro-gridwave .page-hero h1{
  color:var(--nb-ink)!important;
  -webkit-text-fill-color:var(--nb-ink)!important;
  text-shadow:none!important;
  font-family:"Arial Black",Impact,Inter,system-ui,sans-serif!important;
  letter-spacing:-.025em!important;
}
body.zyro-gridwave p,
body.zyro-gridwave small,
body.zyro-gridwave .muted{color:var(--nb-muted)!important}
body.zyro-gridwave a{color:inherit}

/* Header */
body.zyro-gridwave .topbar{
  background:var(--nb-paper)!important;
  border:0!important;
  border-bottom:3px solid var(--nb-line)!important;
  box-shadow:none!important;
}
body.zyro-gridwave .brand{color:var(--nb-ink)!important;font-weight:950!important}
body.zyro-gridwave .brand-image-wrap,
body.zyro-gridwave .brand-orb{
  border:3px solid var(--nb-line)!important;
  border-radius:15px!important;
  box-shadow:3px 3px 0 var(--nb-line)!important;
  overflow:hidden!important;
}
body.zyro-gridwave .icon-button,
body.zyro-gridwave .topbar-action,
body.zyro-gridwave .close-button{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  border:3px solid var(--nb-line)!important;
  border-radius:14px!important;
  box-shadow:var(--nb-shadow-sm)!important;
}
body.zyro-gridwave .icon-button:active,
body.zyro-gridwave .topbar-action:active,
body.zyro-gridwave .close-button:active{transform:translate(3px,3px)!important;box-shadow:none!important}

/* Main sizing */
body.zyro-gridwave .app-shell,
body.zyro-gridwave .contact-strip,
body.zyro-gridwave .site-footer,
body.zyro-gridwave .promo-pin-board{
  position:relative;
}

/* Universal surfaces */
body.zyro-gridwave .card,
body.zyro-gridwave .soft-card,
body.zyro-gridwave .profile,
body.zyro-gridwave .choice-card,
body.zyro-gridwave .package-card,
body.zyro-gridwave .marketplace-card,
body.zyro-gridwave .other-service-card,
body.zyro-gridwave .manual-product-card,
body.zyro-gridwave .premium-product-card,
body.zyro-gridwave .server-live-card,
body.zyro-gridwave .manual-order-form,
body.zyro-gridwave .premium-order-form,
body.zyro-gridwave .addon-panel-card,
body.zyro-gridwave .empty-state,
body.zyro-gridwave .role-card,
body.zyro-gridwave .auth-card,
body.zyro-gridwave .ticket-card,
body.zyro-gridwave .ticket-detail,
body.zyro-gridwave .ticket-form,
body.zyro-gridwave .incident-card,
body.zyro-gridwave .status-service-card,
body.zyro-gridwave .account-storage-note,
body.zyro-gridwave .panel-lifetime-card,
body.zyro-gridwave .desktop-market-hero,
body.zyro-gridwave .promo-showcase-card,
body.zyro-gridwave .desktop-panel-config-grid,
body.zyro-gridwave .panel-checkout-launch,
body.zyro-gridwave .invoice-card,
body.zyro-gridwave .order-box,
body.zyro-gridwave .buyer-box,
body.zyro-gridwave .modal-card,
body.zyro-gridwave .notice,
body.zyro-gridwave .service-switch a,
body.zyro-gridwave .manual-summary,
body.zyro-gridwave .role-summary{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  background-image:none!important;
  border:3px solid var(--nb-line)!important;
  border-radius:var(--nb-radius)!important;
  box-shadow:var(--nb-shadow)!important;
}
body.zyro-gridwave .card::before,
body.zyro-gridwave .soft-card::before,
body.zyro-gridwave .choice-card::before,
body.zyro-gridwave .package-card::before,
body.zyro-gridwave .marketplace-card::before,
body.zyro-gridwave .other-service-card::before{display:none!important}

/* Interactive cards */
body.zyro-gridwave .choice-card,
body.zyro-gridwave .package-card,
body.zyro-gridwave .role-card,
body.zyro-gridwave .marketplace-card,
body.zyro-gridwave .other-service-card{
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease!important;
}
body.zyro-gridwave .choice-card:hover,
body.zyro-gridwave .package-card:hover,
body.zyro-gridwave .role-card:hover,
body.zyro-gridwave .marketplace-card:hover,
body.zyro-gridwave .other-service-card:hover{
  transform:translate(-2px,-2px)!important;
  box-shadow:9px 9px 0 var(--nb-line)!important;
}
body.zyro-gridwave .choice-card.active,
body.zyro-gridwave .package-card.active,
body.zyro-gridwave .role-card.active,
body.zyro-gridwave .nav-item.active{
  color:var(--nb-ink)!important;
  background:var(--nb-mint)!important;
  border-color:var(--nb-line)!important;
}

/* Buttons */
body.zyro-gridwave .primary-button,
body.zyro-gridwave button.primary-button,
body.zyro-gridwave a.primary-button{
  color:var(--nb-ink)!important;
  -webkit-text-fill-color:var(--nb-ink)!important;
  background:var(--nb-yellow)!important;
  background-image:none!important;
  border:3px solid var(--nb-line)!important;
  border-radius:14px!important;
  box-shadow:var(--nb-shadow-sm)!important;
  font-weight:950!important;
  text-shadow:none!important;
}
body.zyro-gridwave .secondary-button{
  color:var(--nb-ink)!important;
  background:var(--nb-mint)!important;
  background-image:none!important;
  border:3px solid var(--nb-line)!important;
  border-radius:14px!important;
  box-shadow:var(--nb-shadow-sm)!important;
  font-weight:950!important;
}
body.zyro-gridwave .outline-button{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  border:3px solid var(--nb-line)!important;
  border-radius:14px!important;
  box-shadow:var(--nb-shadow-sm)!important;
  font-weight:900!important;
}
body.zyro-gridwave .primary-button:hover,
body.zyro-gridwave .secondary-button:hover,
body.zyro-gridwave .outline-button:hover{transform:translate(-1px,-1px)!important}
body.zyro-gridwave .primary-button:active,
body.zyro-gridwave .secondary-button:active,
body.zyro-gridwave .outline-button:active{transform:translate(4px,4px)!important;box-shadow:none!important}

/* Inputs */
body.zyro-gridwave .input,
body.zyro-gridwave input,
body.zyro-gridwave select,
body.zyro-gridwave textarea{
  color:var(--nb-ink)!important;
  background:#fff!important;
  border:3px solid var(--nb-line)!important;
  border-radius:13px!important;
  box-shadow:3px 3px 0 rgba(16,16,16,.18)!important;
}
body.zyro-gridwave input:focus,
body.zyro-gridwave select:focus,
body.zyro-gridwave textarea:focus{
  outline:3px solid var(--nb-yellow)!important;
  outline-offset:2px!important;
}

/* Drawer */
body.zyro-gridwave .drawer{
  color:var(--nb-ink)!important;
  background:var(--nb-bg-soft)!important;
  border-right:3px solid var(--nb-line)!important;
  box-shadow:12px 0 0 rgba(16,16,16,.18)!important;
}
body.zyro-gridwave .drawer-head,
body.zyro-gridwave .drawer-bottom{
  background:var(--nb-paper)!important;
  border-color:var(--nb-line)!important;
}
body.zyro-gridwave .drawer-overlay,
body.zyro-gridwave .drawer-overlay.open{
  background:rgba(16,16,16,.32)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.zyro-gridwave .drawer-account-guest,
body.zyro-gridwave .drawer-account-profile,
body.zyro-gridwave .drawer-nav .nav-item,
body.zyro-gridwave .drawer-bottom .outline-button{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  border:3px solid var(--nb-line)!important;
  border-radius:14px!important;
  box-shadow:var(--nb-shadow-sm)!important;
}
body.zyro-gridwave .drawer-nav .nav-item .nav-icon,
body.zyro-gridwave .drawer-account-avatar{
  color:var(--nb-ink)!important;
  background:var(--nb-mint)!important;
  border:2px solid var(--nb-line)!important;
}

/* Contact and quick links */
body.zyro-gridwave .contact-strip{background:transparent!important}
body.zyro-gridwave .contact-strip .outline-button,
body.zyro-gridwave .server-contact-card{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  border:3px solid var(--nb-line)!important;
  box-shadow:var(--nb-shadow-sm)!important;
}

/* Hero / promo */
body.zyro-gridwave .desktop-market-hero,
body.zyro-gridwave .promo-showcase-card{
  background:var(--nb-paper)!important;
  overflow:hidden!important;
}
body.zyro-gridwave .eyebrow,
body.zyro-gridwave .profile-kicker,
body.zyro-gridwave .hero-kicker,
body.zyro-gridwave .role-hero span,
body.zyro-gridwave .manual-vps-spec-head small{
  display:inline-flex!important;
  align-items:center!important;
  color:var(--nb-ink)!important;
  background:var(--nb-mint)!important;
  border:2px solid var(--nb-line)!important;
  border-radius:999px!important;
  padding:6px 11px!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
body.zyro-gridwave .profile-status,
body.zyro-gridwave .live-status{
  color:var(--nb-ink)!important;
  background:var(--nb-mint)!important;
  border:2px solid var(--nb-line)!important;
  box-shadow:2px 2px 0 var(--nb-line)!important;
}
body.zyro-gridwave .poster-slide-card,
body.zyro-gridwave .poster-slide-media,
body.zyro-gridwave .shirt-poster-card{
  background:#fff!important;
  border:3px solid var(--nb-line)!important;
  border-radius:16px!important;
  box-shadow:var(--nb-shadow-sm)!important;
}
body.zyro-gridwave .poster-slide-media img,
body.zyro-gridwave .shirt-poster-card img{border-radius:12px!important}
body.zyro-gridwave .poster-swiper-dot,
body.zyro-gridwave .carousel-dot{border:2px solid var(--nb-line)!important;background:#fff!important}
body.zyro-gridwave .poster-swiper-dot.active,
body.zyro-gridwave .carousel-dot.active{background:var(--nb-yellow)!important}

/* Server monitor */
body.zyro-gridwave .zyro-mini-terminal,
body.zyro-gridwave .panel-spec-terminal,
body.zyro-gridwave .manual-vps-spec-box{
  color:#bdfed7!important;
  background:#0c1814!important;
  border:3px solid var(--nb-line)!important;
  border-radius:16px!important;
  box-shadow:var(--nb-shadow-sm)!important;
}
body.zyro-gridwave .zyro-terminal-top,
body.zyro-gridwave .panel-spec-terminal-bar,
body.zyro-gridwave .manual-vps-spec-head{
  border-bottom:2px solid #274137!important;
  background:#10221b!important;
}
body.zyro-gridwave .zyro-terminal-output,
body.zyro-gridwave .panel-spec-terminal-lines,
body.zyro-gridwave .manual-vps-spec-grid{
  color:#bdfed7!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
}
body.zyro-gridwave .server-bars,
body.zyro-gridwave .server-meta-grid>div,
body.zyro-gridwave .metric-ring,
body.zyro-gridwave .traffic-grid>div,
body.zyro-gridwave .port-item,
body.zyro-gridwave .latency-list>div,
body.zyro-gridwave .infra-details,
body.zyro-gridwave .infra-section,
body.zyro-gridwave .server-network-card,
body.zyro-gridwave .server-contact-card{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  border:3px solid var(--nb-line)!important;
  border-radius:14px!important;
  box-shadow:var(--nb-shadow-sm)!important;
}
body.zyro-gridwave .server-bar>div,
body.zyro-gridwave .progress-track{
  background:#d8e8df!important;
  border:2px solid var(--nb-line)!important;
  overflow:hidden!important;
}
body.zyro-gridwave .server-bar>div>i,
body.zyro-gridwave .progress-fill{
  background:var(--nb-blue)!important;
  background-image:none!important;
}
body.zyro-gridwave .metric-ring-inner span,
body.zyro-gridwave .metric-ring-inner b,
body.zyro-gridwave .metric-ring-inner small{color:var(--nb-ink)!important}
body.zyro-gridwave .history-monitor-link{
  color:var(--nb-ink)!important;
  background:var(--nb-yellow)!important;
  border:3px solid var(--nb-line)!important;
  box-shadow:var(--nb-shadow-sm)!important;
}

/* Labels, badges, prices */
body.zyro-gridwave .package-card .price,
body.zyro-gridwave .package-price,
body.zyro-gridwave .price,
body.zyro-gridwave .total-row strong,
body.zyro-gridwave .manual-summary strong{
  color:var(--nb-ink)!important;
  -webkit-text-fill-color:var(--nb-ink)!important;
}
body.zyro-gridwave .badge,
body.zyro-gridwave .best-value,
body.zyro-gridwave .role-featured,
body.zyro-gridwave .premium-badge{
  color:var(--nb-ink)!important;
  background:var(--nb-yellow)!important;
  border:2px solid var(--nb-line)!important;
  border-radius:999px!important;
}

/* Tables and lists */
body.zyro-gridwave table,
body.zyro-gridwave .data-table,
body.zyro-gridwave .order-list,
body.zyro-gridwave .product-list{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  border:3px solid var(--nb-line)!important;
  border-radius:14px!important;
  overflow:hidden!important;
}
body.zyro-gridwave th{background:var(--nb-mint)!important;color:var(--nb-ink)!important}
body.zyro-gridwave td,
body.zyro-gridwave th{border-color:var(--nb-line)!important}

/* Toast / banners */
body.zyro-gridwave .toast,
body.zyro-gridwave .site-announcement-inner,
body.zyro-gridwave .maintenance-banner{
  color:var(--nb-ink)!important;
  background:var(--nb-yellow)!important;
  border:3px solid var(--nb-line)!important;
  box-shadow:var(--nb-shadow-sm)!important;
}

/* Footer */
body.zyro-gridwave .site-footer{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  border:3px solid var(--nb-line)!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:0 -5px 0 var(--nb-line)!important;
}

/* Desktop: make the layout feel like a clear dashboard */
@media (min-width:1024px){
  body.zyro-gridwave .app-shell,
  body.zyro-gridwave .contact-strip,
  body.zyro-gridwave .site-footer,
  body.zyro-gridwave .promo-pin-board{
    width:calc(100vw - 56px)!important;
    max-width:1660px!important;
  }
  body.zyro-gridwave .app-shell{padding-top:24px!important}
  body.zyro-gridwave .desktop-market-hero,
  body.zyro-gridwave .promo-showcase-card,
  body.zyro-gridwave .desktop-panel-config-grid,
  body.zyro-gridwave .server-live-card{
    margin-bottom:24px!important;
  }
  body.zyro-gridwave .package-grid{gap:16px!important}
}

/* Mobile: same look, lighter shadows and tighter spacing */
@media (max-width:1023px){
  :root{--nb-shadow:5px 5px 0 #101010;--nb-shadow-sm:3px 3px 0 #101010}
  body.zyro-gridwave .app-shell{padding-inline:14px!important}
  body.zyro-gridwave .card,
  body.zyro-gridwave .soft-card,
  body.zyro-gridwave .profile,
  body.zyro-gridwave .choice-card,
  body.zyro-gridwave .package-card,
  body.zyro-gridwave .marketplace-card,
  body.zyro-gridwave .other-service-card,
  body.zyro-gridwave .manual-product-card,
  body.zyro-gridwave .server-live-card,
  body.zyro-gridwave .promo-showcase-card{
    border-width:3px!important;
    border-radius:18px!important;
  }
  body.zyro-gridwave .topbar{border-bottom-width:3px!important}
  body.zyro-gridwave .drawer{background:var(--nb-bg-soft)!important}
  body.zyro-gridwave .package-grid{gap:12px!important}
  body.zyro-gridwave .primary-button,
  body.zyro-gridwave .secondary-button,
  body.zyro-gridwave .outline-button{min-height:52px!important}
}

/* Dark toggle stays readable while preserving the new identity */
html[data-theme='dark']{
  background:#15281e!important;
}
html[data-theme='dark'] body.zyro-gridwave{
  color:var(--nb-ink)!important;
  background:#244a35!important;
  background-image:none!important;
}
html[data-theme='dark'] body.zyro-gridwave .topbar,
html[data-theme='dark'] body.zyro-gridwave .drawer-head,
html[data-theme='dark'] body.zyro-gridwave .drawer-bottom,
html[data-theme='dark'] body.zyro-gridwave .card,
html[data-theme='dark'] body.zyro-gridwave .soft-card,
html[data-theme='dark'] body.zyro-gridwave .profile,
html[data-theme='dark'] body.zyro-gridwave .choice-card,
html[data-theme='dark'] body.zyro-gridwave .package-card,
html[data-theme='dark'] body.zyro-gridwave .marketplace-card,
html[data-theme='dark'] body.zyro-gridwave .other-service-card,
html[data-theme='dark'] body.zyro-gridwave .manual-product-card,
html[data-theme='dark'] body.zyro-gridwave .server-live-card,
html[data-theme='dark'] body.zyro-gridwave .promo-showcase-card,
html[data-theme='dark'] body.zyro-gridwave .desktop-market-hero,
html[data-theme='dark'] body.zyro-gridwave .modal-card{
  color:var(--nb-ink)!important;
  background:var(--nb-paper)!important;
  background-image:none!important;
}
html[data-theme='dark'] body.zyro-gridwave p,
html[data-theme='dark'] body.zyro-gridwave small{color:var(--nb-muted)!important}
html[data-theme='dark'] body.zyro-gridwave .drawer{background:#73d99f!important}