*{box-sizing:border-box}body{margin:0;background:#070b12;color:#f7f9fc;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92%);margin:auto}.topbar{border-bottom:1px solid #1f2a3a;background:#0b111c}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px}.nav nav{display:flex;gap:20px}.brand{font-weight:800;letter-spacing:.3px}
.hero{padding:80px 0 48px}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.05;margin:.25em 0;max-width:850px}.hero p{color:#aeb7c3;font-size:18px}
.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#8fb8ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#0d1522;border:1px solid #1e2c40;border-radius:16px;padding:22px}.link-card{transition:.18s transform,.18s border-color}.link-card:hover{transform:translateY(-2px);border-color:#3b82f6}
.narrow{max-width:520px;margin:60px auto}.form-card{max-width:720px;margin:42px auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:50px 0 24px}
.page-head h1,.form-card h1{margin:.1em 0}.btn,button{display:inline-block;border:0;border-radius:10px;padding:12px 16px;background:#2563eb;color:#fff;font-weight:750;cursor:pointer}
label{display:block;margin:14px 0;color:#c9d1dc}input,textarea,select{display:block;width:100%;padding:13px;margin-top:6px;border-radius:10px;border:1px solid #2b3a50;background:#09111d;color:white}
textarea{resize:vertical}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.form-actions{display:flex;gap:14px;align-items:center;margin-top:20px}
.alert{padding:12px 14px;border:1px solid #343b46;border-radius:10px;margin:16px 0}.error{border-color:#7f1d1d;background:#2a0f13}.success{border-color:#166534;background:#092317}
.table-wrap{overflow:auto;border:1px solid #1e2c40;border-radius:14px}table{width:100%;border-collapse:collapse;background:#0d1522}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid #1e2c40;white-space:nowrap}th{color:#9fb0c7;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
small{color:#8390a3}.actions{display:flex;gap:12px;align-items:center}.actions form{margin:0}.link{background:none;padding:0}.danger{color:#ff7d7d}.price{display:block;margin-top:16px;font-size:22px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.inventory-list{display:grid;gap:8px}.inventory-row{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #1e2c40}
.credential-grid{display:grid;gap:14px;margin-top:22px}.credential-row{background:#09111d;border:1px solid #22324a;border-radius:14px;padding:14px}
.credential-label{display:block;color:#8fa2bd;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}
.credential-value-line{display:flex;gap:10px;align-items:center}.credential-value{flex:1;overflow:auto;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.copy-btn{flex:0 0 auto;background:#1d4ed8;padding:9px 12px;font-size:13px}
.note{color:#9fb0c7;font-size:14px}
@media(max-width:760px){.split{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.nav{gap:12px}.nav nav{gap:12px}.credential-value-line{align-items:stretch;flex-direction:column}.copy-btn{width:100%}}

.stock-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}
.stock-stat strong{display:block;font-size:36px;line-height:1;margin:10px 0 5px}
.stock-stat>span{color:#c5cfdd}.stock-meta{margin-top:12px;color:#7f8fa5;font-size:13px}
.stock-split{align-items:start}.saved-stock-list{display:grid;gap:12px;max-height:760px;overflow:auto;padding-right:3px}
.saved-stock-item{border:1px solid #22324a;background:#09111d;border-radius:14px;padding:14px}
.saved-stock-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.saved-stock-top div{display:grid}.saved-stock-top small{margin-top:2px}.saved-stock-info{display:grid;gap:4px;margin-top:12px;color:#c6d0de;font-size:14px}
.status-pill{border-radius:999px;padding:5px 9px;font-size:12px;text-transform:capitalize}
.status-available{background:#103922;color:#86efac}.status-sold{background:#3d2014;color:#fdba74}.status-reserved{background:#3b3210;color:#fde68a}
.stock-actions{display:flex;gap:8px;margin-top:14px}.stock-actions form{margin:0}.btn.secondary{background:#243247}.danger-btn{background:#7f1d1d}

.buy-btn{margin-top:18px;width:100%;text-align:center}
.checkout-shell{display:grid;place-items:center;padding:48px 0}
.checkout-card{width:min(620px,100%)}
.checkout-price{font-size:34px;font-weight:850;margin:18px 0 4px}
.stock-note{color:#86efac;margin-bottom:22px}
.payment-options{display:grid;gap:10px;margin:20px 0}
.payment-option{display:flex;align-items:center;gap:12px;border:1px solid #253650;border-radius:14px;padding:14px;background:#09111d;cursor:pointer}
.payment-option input{width:auto;margin:0}
.payment-option span{display:grid}.payment-option small{margin-top:2px}
.checkout-button,.wide-btn{width:100%;text-align:center;margin-top:10px}
.payment-card{display:grid;gap:12px}.qr-wrap{text-align:center}
.pix-qr{max-width:280px;width:100%;border-radius:14px;background:#fff;padding:10px}
.wrap-code{white-space:normal;word-break:break-all}


main.wrap{padding-bottom:64px}
.store-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:32px;align-items:center;padding:56px 0 30px}
.store-hero-copy h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:.15em 0 .22em;max-width:12ch}
.store-hero-copy p{max-width:62ch;color:#aab7c8;font-size:18px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.hero-badges span{padding:9px 14px;border-radius:999px;border:1px solid #22324a;background:rgba(10,16,27,.88);color:#c7d3e1;font-size:14px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}.hero-stat{padding:18px;border:1px solid #22324a;border-radius:18px;background:linear-gradient(180deg,rgba(13,21,34,.96),rgba(8,14,25,.96))}.hero-stat strong{display:block;font-size:32px;line-height:1}.hero-stat span{display:block;color:#93a4bb;margin-top:8px;font-size:14px}
.store-hero-visual{display:flex;justify-content:center}.hero-photo-card{position:relative;max-width:500px;width:100%;min-height:640px;border-radius:28px;overflow:hidden;border:1px solid #24344d;background:#0b1220;box-shadow:0 20px 60px rgba(0,0,0,.35)}.hero-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,15,.12) 0%,rgba(4,8,15,.22) 35%,rgba(4,8,15,.72) 100%)}
.hero-floating-card{position:absolute;left:20px;right:20px;bottom:20px;padding:18px 18px 16px;border-radius:20px;background:rgba(6,11,20,.72);backdrop-filter:blur(12px);border:1px solid rgba(143,184,255,.16)}.hero-floating-card strong{display:block;font-size:22px;margin-top:8px}.hero-floating-card small{display:block;color:#bac6d6;margin-top:8px;font-size:14px;line-height:1.5}.hero-floating-label{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(37,99,235,.18);border:1px solid rgba(96,165,250,.34);color:#cfe0ff;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.store-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0 18px}.benefit-card h3{margin:.45em 0 .35em;font-size:22px}.benefit-card p{color:#aab7c8;margin:0}
.store-catalog{padding-top:18px}.store-catalog h2{margin:.15em 0 .2em;font-size:clamp(28px,4vw,42px)}.store-grid{gap:20px}.store-product-card{display:flex;flex-direction:column;justify-content:space-between;min-height:280px;background:linear-gradient(180deg,#0d1522 0%,#0a101b 100%)}.product-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.product-slug{font-size:13px;color:#8ea0b8;white-space:nowrap}.store-product-card h3{font-size:24px;margin:0 0 10px}.store-product-card p{margin:0;color:#afbac9}.product-footer{display:grid;gap:12px;margin-top:20px}.disabled-btn{opacity:.72;pointer-events:none}.empty-store{padding:28px}

@media(max-width:980px){.store-hero{grid-template-columns:1fr;gap:24px;padding-top:40px}.store-hero-copy h1{max-width:none}.hero-photo-card{max-width:540px;min-height:560px}.store-benefits{grid-template-columns:1fr}.hero-stats{max-width:none}}
@media(max-width:760px){.hero-stats{grid-template-columns:1fr}.hero-photo-card{min-height:500px}.hero-actions .btn{width:100%;text-align:center}.store-product-card{min-height:auto}}


/* v1.7 — cadastro no checkout, confirmação automática e painel do cliente */
.checkout-register-head{margin:24px 0 8px;padding-top:20px;border-top:1px solid #1e2c40}
.checkout-register-head h2{margin:.25em 0 .3em;font-size:24px}
.checkout-login-link a{color:#9fc0ff;text-decoration:underline}
.checkout-account-ready{margin:24px 0;padding:18px;border:1px solid #26405e;border-radius:16px;background:linear-gradient(135deg,rgba(37,99,235,.13),rgba(13,21,34,.96))}
.checkout-account-ready strong{display:block;font-size:20px;margin-top:5px}
.checkout-account-ready small{display:block;margin-top:3px;color:#99a9bd}

.payment-auto-watch{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid #24415e;background:rgba(12,28,44,.78)}
.payment-auto-watch>div{display:grid;gap:2px}
.payment-auto-watch small{color:#94a5ba}
.payment-live-dot{width:11px;height:11px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 0 rgba(96,165,250,.5);animation:paymentPulse 1.7s infinite}
.payment-auto-watch.approved{border-color:#1f6a43;background:rgba(16,57,34,.58)}
.payment-auto-watch.approved .payment-live-dot{background:#4ade80;animation:none}
@keyframes paymentPulse{0%{box-shadow:0 0 0 0 rgba(96,165,250,.52)}70%{box-shadow:0 0 0 10px rgba(96,165,250,0)}100%{box-shadow:0 0 0 0 rgba(96,165,250,0)}}

.login-card-modern{margin-top:70px;background:linear-gradient(180deg,#0e1725,#0a101a);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.login-card-modern h1{font-size:38px;margin:.15em 0 .2em}.login-help{margin-top:18px}

.account-shell{padding:46px 0 40px}
.account-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:30px;border:1px solid #22344d;border-radius:24px;background:
radial-gradient(circle at 85% 10%,rgba(37,99,235,.2),transparent 34%),
linear-gradient(135deg,#0e1726,#09101b)}
.account-hero h1{font-size:clamp(34px,5vw,56px);margin:.15em 0}.account-hero p{color:#aeb9c8;margin:0}
.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.account-stat-card{padding:20px;border:1px solid #1f3047;border-radius:18px;background:#0d1522}
.account-stat-card span{display:block;color:#91a3b9;font-size:14px}.account-stat-card strong{display:block;font-size:30px;margin:9px 0 2px}
.account-stat-card small{color:#7f90a6}.account-stat-accent{background:linear-gradient(145deg,rgba(37,99,235,.18),#0d1522);border-color:#2d4b72}
.account-orders-section{margin-top:24px}.account-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.account-section-head h2{font-size:32px;margin:.12em 0}
.order-filters{display:flex;flex-wrap:wrap;gap:8px}.order-filter{background:#121d2d;color:#aab8ca;border:1px solid #233650;padding:9px 13px}
.order-filter.active{background:#2563eb;color:white;border-color:#2563eb}
.account-orders-list{display:grid;gap:12px}.account-order-card{padding:18px 20px;border-radius:18px;border:1px solid #21324a;background:linear-gradient(180deg,#0d1624,#0a111c)}
.account-order-main{display:flex;justify-content:space-between;gap:20px}.account-order-id{color:#8294ab;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.account-order-card h3{margin:5px 0;font-size:20px}.account-order-meta{display:flex;flex-wrap:wrap;gap:12px;color:#8798ae;font-size:13px}
.account-order-side{display:grid;justify-items:end;align-content:start;gap:10px}.account-order-side>strong{font-size:20px}
.account-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750}
.account-status.status-pending{background:#3b3210;color:#fde68a}.account-status.status-paid{background:#122f52;color:#93c5fd}.account-status.status-fulfilled{background:#103922;color:#86efac}.account-status.status-cancelled{background:#44191d;color:#fca5a5}
.account-order-actions{display:flex;align-items:center;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid #1c2a3e}
.account-empty{text-align:center;padding:42px}.account-empty .btn{margin-top:10px}

@media(max-width:900px){.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .account-hero{align-items:flex-start;flex-direction:column}.account-hero .btn{width:100%;text-align:center}
  .account-stats{grid-template-columns:1fr 1fr}
  .account-section-head{align-items:flex-start;flex-direction:column}
  .account-order-main{flex-direction:column}.account-order-side{justify-items:start}
}
@media(max-width:430px){.account-stats{grid-template-columns:1fr}}


/* v1.8 — registration CTA + multilingual public/client UI */
.site-nav{align-items:center;flex-wrap:wrap}
.nav-register{padding:8px 12px;border:1px solid #31578a;border-radius:10px;background:rgba(37,99,235,.11);color:#d9e8ff}
.language-picker{display:flex;align-items:center;gap:6px;margin:0;padding:0;border:0}
.language-picker select{width:auto;min-width:118px;margin:0;padding:8px 30px 8px 10px;border-radius:10px;background:#0a1220;color:#dbe7f6;border:1px solid #263a56;font-size:13px}
.language-icon{font-size:15px}
.register-card-modern{margin-top:70px;background:linear-gradient(180deg,#0e1725,#0a101a);box-shadow:0 24px 70px rgba(0,0,0,.24)}
.register-card-modern h1{font-size:38px;margin:.15em 0 .2em}
.login-help a{color:#9fc0ff;text-decoration:underline}

@media(max-width:760px){
  .site-nav{gap:8px}
  .language-picker{order:-1;width:100%;justify-content:flex-end}
  .language-picker select{min-width:130px}
}


/* v1.9 — mobile header, product logos and WhatsApp alerts */
.brand{white-space:nowrap;flex:0 0 auto}
.site-nav{min-width:0}
.language-picker{flex:0 0 auto}
.language-picker select{max-width:150px}

.admin-product-cell{display:flex;align-items:center;gap:11px}
.admin-product-logo,.store-product-logo{width:46px;height:46px;border-radius:12px;object-fit:contain;background:#fff;padding:5px;border:1px solid #283a52}
.product-logo-placeholder{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#17243a,#0a111c);color:#cfe0ff;font-weight:850;padding:0}
.product-logo-preview{display:flex;width:90px;height:90px;margin:10px 0;border:1px solid #273a54;border-radius:16px;background:#fff;padding:10px}
.product-logo-preview img{width:100%;height:100%;object-fit:contain}
.compact-check{margin-top:8px}
.store-product-logo-wrap{display:flex;justify-content:flex-start;margin-bottom:18px}
.store-product-logo{width:64px;height:64px;border-radius:16px;padding:8px}
.checkout-product-logo{width:82px;height:82px;border-radius:18px;padding:10px;background:#fff;border:1px solid #2a3d57;margin-bottom:18px}
.checkout-product-logo img{width:100%;height:100%;object-fit:contain}

.whatsapp-consent{align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #24374f;border-radius:12px;background:#0a1320}
.whatsapp-consent input{margin-top:4px}
.whatsapp-consent span{color:#c6d1df}
.account-preferences{margin:18px 0 24px;background:linear-gradient(145deg,rgba(18,48,37,.22),#0d1522)}
.preferences-head{margin:0 0 8px;padding:0}.preferences-form{display:grid;gap:4px}.preferences-form button{justify-self:start}

.inventory-notify-box{margin:18px 0;padding:16px;border:1px solid #24465a;border-radius:14px;background:linear-gradient(145deg,rgba(24,80,62,.18),rgba(9,17,29,.92))}
.inventory-notify-box .check{margin-top:0}
.whatsapp-log-card{margin-top:18px}
.compact-page-head{padding:0 0 14px}
.compact-page-head h2{margin:.2em 0}
.whatsapp-log-list{display:grid;gap:9px}
.whatsapp-log-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #21324a;border-radius:12px;background:#09111d}
.whatsapp-log-row>div{display:grid}.whatsapp-log-row small{margin-top:3px}
.notification-status{font-size:12px;border-radius:999px;padding:6px 9px;text-transform:capitalize}
.notification-sent{background:#103922;color:#86efac}
.notification-pending{background:#3b3210;color:#fde68a}
.notification-failed{background:#44191d;color:#fca5a5}

@media(max-width:760px){
  .topbar .nav{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:12px 0;
    min-height:auto;
  }

  .brand{
    display:block;
    font-size:22px;
    line-height:1.1;
    white-space:nowrap;
    margin:0;
  }

  .site-nav{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));
    gap:6px;
    align-items:center;
  }

  .language-picker{
    order:initial;
    width:auto;
    min-width:0;
    justify-content:flex-start;
    grid-column:auto;
  }

  .language-picker select{
    width:100%;
    min-width:0;
    max-width:none;
    padding:9px 26px 9px 8px;
    font-size:12px;
  }

  .language-icon{display:none}

  .site-nav>a{
    min-width:0;
    white-space:nowrap;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:9px 6px;
    border-radius:9px;
    background:#0d1624;
    border:1px solid #1f3048;
    font-size:13px;
  }

  .nav-register{background:rgba(37,99,235,.15)!important;border-color:#31578a!important}

  .store-hero{padding-top:34px}
  .store-hero-copy h1{font-size:clamp(36px,11vw,54px)}

  .admin-product-logo{width:40px;height:40px}
  .store-product-logo{width:58px;height:58px}
}

@media(max-width:390px){
  .site-nav{
    grid-template-columns:1fr 1fr;
  }
  .language-picker{
    grid-column:1/-1;
  }
}


/* v2.0 — complete support center */
.account-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.support-center-shell,.staff-support-shell,.staff-management-shell,.support-conversation-shell,.staff-conversation-shell{padding:42px 0 50px}
.support-center-hero,.staff-support-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px;border:1px solid #22344d;border-radius:24px;background:radial-gradient(circle at 85% 10%,rgba(37,99,235,.19),transparent 35%),linear-gradient(135deg,#0e1726,#09101b);margin-bottom:18px}
.support-center-hero h1,.staff-support-hero h1{font-size:clamp(34px,5vw,54px);margin:.15em 0}.support-center-hero p,.staff-support-hero p{color:#aeb9c8;margin:0}
.support-center-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}.support-new-ticket-card h2,.support-ticket-list-card h2{font-size:28px;margin:.2em 0 12px}.support-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.support-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.support-section-head h2{margin:.15em 0}.support-count{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border-radius:999px;background:#15243a;color:#cfe0ff;font-weight:800}
.support-ticket-list,.staff-ticket-list{display:grid;gap:9px}.support-ticket-item,.staff-ticket-row{display:block;padding:14px;border:1px solid #22334b;border-radius:14px;background:#09111d;transition:.15s transform,.15s border-color}.support-ticket-item:hover,.staff-ticket-row:hover{transform:translateY(-1px);border-color:#3a5e8b}.support-ticket-item-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.support-ticket-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;color:#8597ad;font-size:13px}.support-empty{padding:30px 10px;color:#94a4b8}
.support-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}.support-status-open{background:#172d4b;color:#93c5fd}.support-status-awaiting_staff{background:#463b10;color:#fde68a}.support-status-awaiting_customer{background:#143924;color:#86efac}.support-status-closed{background:#282f3b;color:#a9b3c2}
.support-conversation-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}.support-back-link{display:inline-block;color:#8fb8ff;margin-bottom:9px}.support-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.support-title-line h1{margin:0;font-size:clamp(24px,4vw,38px)}.support-conversation-head p{color:#9eacbe;margin:8px 0 0}
.support-chat-card{border:1px solid #23364f;border-radius:20px;background:#0b1320;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.18)}.support-chat-live{display:flex;align-items:center;gap:9px;padding:10px 16px;border-bottom:1px solid #1f3046;color:#92a4ba;font-size:13px}.support-chat-live>span{width:9px;height:9px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.1)}
.support-messages{height:min(58vh,620px);min-height:380px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:11px;background:radial-gradient(circle at 15% 0%,rgba(37,99,235,.07),transparent 34%),#08101b}.support-message-row{display:flex;justify-content:flex-start}.support-message-row.is-self{justify-content:flex-end}.support-message-bubble{max-width:min(76%,720px);padding:11px 13px;border-radius:15px;border:1px solid #26384f;background:#111c2b}.support-message-row.is-self .support-message-bubble{background:#163d76;border-color:#24589e}.support-message-bubble.is-staff:not(.support-message-row.is-self *){border-color:#295e49}.support-message-author{font-size:12px;font-weight:800;color:#9fc0ff;margin-bottom:5px}.support-message-text{white-space:pre-wrap;word-break:break-word;color:#f2f6fb}.support-message-bubble time{display:block;margin-top:6px;color:#8292a7;font-size:11px;text-align:right}
.support-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;border-top:1px solid #1f3046;background:#0d1725}.support-composer textarea{margin:0;min-height:54px;max-height:140px}.support-composer button{align-self:stretch;min-width:110px}.support-chat-closed{padding:18px;text-align:center;color:#a0adbd;border-top:1px solid #1f3046}
.staff-support-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.staff-support-stats article{padding:18px;border:1px solid #22344d;border-radius:17px;background:#0d1624}.staff-support-stats span{display:block;color:#8ea0b6;font-size:13px}.staff-support-stats strong{display:block;font-size:30px;margin-top:7px}.staff-ticket-inbox{padding:20px}.staff-ticket-filters{display:flex;flex-wrap:wrap;gap:7px}.staff-ticket-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(230px,1fr) auto;align-items:center;gap:14px}.staff-ticket-customer{display:grid}.staff-ticket-customer small{margin-top:4px}.staff-ticket-summary{display:flex;gap:9px;flex-wrap:wrap;color:#8798ac;font-size:12px}
.staff-conversation-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.staff-chat-header{display:flex;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid #1f3046}.staff-chat-header h1{font-size:25px;margin:4px 0}.staff-ticket-sidebar{display:grid;gap:12px}.staff-ticket-sidebar h3{font-size:22px;margin:.3em 0}.staff-customer-data{display:grid;gap:5px;color:#9cabbf}.support-detail-list{display:grid;gap:10px;margin:14px 0}.support-detail-list>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #1e2d41}.support-detail-list span{color:#8ea0b6}.support-sidebar-form{display:grid;gap:10px}.support-sidebar-form label{margin:0}
.staff-management-grid{align-items:start}.staff-management-list{display:grid;gap:10px}.staff-management-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #22344d;border-radius:13px;background:#09111d}.staff-management-row>div{display:grid}.staff-management-row small{margin-top:3px}.staff-management-row form{display:flex;align-items:center;gap:8px;margin:0}.staff-management-row select{width:auto;min-width:140px;margin:0}.promotable-users-card{margin-top:18px}

@media(max-width:900px){.support-center-grid,.staff-conversation-grid{grid-template-columns:1fr}.staff-ticket-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-support-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-ticket-row{grid-template-columns:1fr auto}.staff-ticket-summary{grid-column:1/-1}}
@media(max-width:700px){.support-center-hero,.staff-support-hero,.support-conversation-head{align-items:flex-start;flex-direction:column}.support-form-row{grid-template-columns:1fr}.support-messages{height:54vh;min-height:330px;padding:13px}.support-message-bubble{max-width:88%}.support-composer{grid-template-columns:1fr}.support-composer button{width:100%}.staff-support-stats{grid-template-columns:1fr 1fr}.staff-ticket-row{grid-template-columns:1fr}.staff-ticket-summary{grid-column:auto}.staff-ticket-row>.support-status{justify-self:start}.staff-ticket-sidebar{grid-template-columns:1fr}.staff-management-row{align-items:stretch;flex-direction:column}.staff-management-row form{align-items:stretch;flex-direction:column}.staff-management-row select{width:100%}.account-hero-actions{width:100%}.account-hero-actions .btn{flex:1;text-align:center}}
@media(max-width:430px){.staff-support-stats{grid-template-columns:1fr}.support-message-bubble{max-width:94%}}


/* v2.1 — organized admin panel and live sales metrics */
.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start;width:min(1420px,96%);padding-top:22px}.admin-sidebar{position:sticky;top:18px;min-height:calc(100vh - 36px);padding:18px 12px;border:1px solid #20314a;border-radius:22px;background:linear-gradient(180deg,#0c1421,#08101a);display:flex;flex-direction:column}.admin-sidebar-head{padding:8px 10px 18px;border-bottom:1px solid #1d2b40;display:grid;gap:4px}.admin-sidebar-head strong{font-size:20px}.admin-sidebar-nav{display:grid;gap:6px;padding:14px 0}.admin-sidebar-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;color:#aab8ca;border:1px solid transparent}.admin-sidebar-nav a:hover{background:#111e30;color:white}.admin-sidebar-nav a.active{background:rgba(37,99,235,.16);border-color:#2c4f7d;color:#e6efff}.admin-sidebar-nav a span{width:22px;text-align:center;color:#8fb8ff}.admin-sidebar-store{margin-top:auto;padding:11px 12px;border:1px solid #29415f;border-radius:11px;text-align:center;color:#bed2ed;background:#0c1725}.admin-content{min-width:0;padding-bottom:50px}.admin-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 0 22px}.admin-dashboard-head h1{font-size:clamp(34px,5vw,56px);margin:.08em 0}.admin-dashboard-head p{color:#91a1b6;margin:0}.admin-live-badge{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #254c3c;border-radius:999px;background:#0c221a;color:#8fe0b0;font-size:13px;white-space:nowrap}.admin-live-badge span{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:paymentPulse 1.8s infinite}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-metric-card{padding:18px;border:1px solid #203149;border-radius:18px;background:linear-gradient(180deg,#0d1624,#09111c);min-width:0}.admin-metric-card>span{display:block;color:#8ea0b7;font-size:13px}.admin-metric-card>strong{display:block;font-size:clamp(25px,3vw,35px);line-height:1.05;margin:10px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-metric-card small{display:block;color:#788ba3}.admin-metric-primary{background:radial-gradient(circle at 90% 5%,rgba(37,99,235,.22),transparent 42%),linear-gradient(180deg,#0d1624,#09111c);border-color:#2c4c74}.admin-metric-profit{background:radial-gradient(circle at 90% 5%,rgba(34,197,94,.13),transparent 42%),linear-gradient(180deg,#0d1624,#09111c);border-color:#244a3c}.admin-metric-profit>strong{color:#93e8b5}.admin-dashboard-two-col{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:14px;margin-top:14px}.admin-dashboard-lower{grid-template-columns:1fr 1fr}.admin-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.admin-section-title h2{margin:.1em 0;font-size:25px}.admin-section-title>a{font-size:13px;color:#9ab8e5;white-space:nowrap}.admin-sales-chart{height:250px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;align-items:end;padding:18px 2px 0}.admin-chart-day{height:100%;display:grid;grid-template-rows:28px 1fr 22px;gap:6px;text-align:center;min-width:0}.admin-chart-value{font-size:11px;color:#8fa0b7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-chart-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center;background:#09101a;border-radius:10px;overflow:hidden}.admin-chart-bar-track span{display:block;width:58%;min-height:5px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#4d8cff,#235bd6);transition:height .35s ease}.admin-chart-day small{color:#8797ac}.admin-chart-legend{display:flex;justify-content:space-between;gap:10px;margin-top:14px;color:#77899f;font-size:12px}.admin-chart-legend span:first-child{display:flex;align-items:center;gap:6px}.admin-chart-legend i{width:9px;height:9px;background:#3775ed;border-radius:3px}.admin-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-quick-grid a{display:grid;gap:4px;padding:15px;border:1px solid #21344e;border-radius:14px;background:#09121e}.admin-quick-grid a:hover{border-color:#3a6598;transform:translateY(-1px)}.admin-quick-grid small{color:#8091a7}.admin-recent-list,.admin-stock-watch-list{display:grid;gap:7px}.admin-recent-row,.admin-stock-watch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #1c2a3d}.admin-recent-row:last-child,.admin-stock-watch-row:last-child{border-bottom:0}.admin-recent-row>div{display:grid;gap:4px}.admin-recent-row>div:last-child{justify-items:end}.admin-recent-row small{color:#7f91a8}.admin-stock-product{display:flex;align-items:center;gap:9px}.admin-stock-product img,.admin-stock-product span{width:34px;height:34px;border-radius:9px;object-fit:contain;background:#fff;padding:4px}.admin-stock-product span{display:flex;align-items:center;justify-content:center;background:#142238;color:#b9d3ff;font-weight:800}.admin-stock-watch-row>b{font-size:20px}.stock-critical{color:#fca5a5}.admin-finance-page .page-head{padding-top:10px}.finance-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px}.finance-table-card{margin-top:15px}.finance-profit-value{color:#8ee1ad}.form-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:1180px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-two-col,.admin-dashboard-lower{grid-template-columns:1fr}.finance-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.admin-layout{display:block;width:min(1120px,94%);padding-top:10px}.admin-sidebar{position:static;min-height:auto;margin-bottom:12px;padding:10px;border-radius:16px}.admin-sidebar-head{display:none}.admin-sidebar-nav{display:flex;overflow-x:auto;gap:7px;padding:0 0 8px}.admin-sidebar-nav a{flex:0 0 auto;padding:9px 11px}.admin-sidebar-store{display:none}.admin-dashboard-head{align-items:flex-start;flex-direction:column}.admin-sales-chart{height:210px;gap:5px}.admin-chart-value{display:none}}@media(max-width:560px){.admin-metric-grid,.finance-metric-grid{grid-template-columns:1fr}.admin-quick-grid{grid-template-columns:1fr 1fr}.form-two-cols{grid-template-columns:1fr}.admin-chart-legend{flex-direction:column}.admin-metric-card>strong{font-size:29px}}


/* v2.3 — Binance individual/manual now, API-ready later */
.binance-payment-card{max-width:760px}
.binance-manual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.binance-manual-item{position:relative;padding:15px;border:1px solid #2c3850;border-radius:14px;background:#0a111c}
.binance-manual-item>span{display:block;color:#95a5ba;font-size:13px;margin-bottom:6px}
.binance-manual-item>strong{display:block;word-break:break-all}
.binance-manual-item .copy-btn{margin-top:10px}
.binance-open-btn{background:#f0b90b;color:#111827}
.binance-submitted{display:grid;gap:4px;padding:14px;border:1px solid #2d455f;border-radius:13px;background:#0a1320}
.binance-submitted span{color:#94a5ba}
.binance-tx-form{display:grid;gap:8px}
.binance-admin-list{display:grid;gap:14px}
.binance-admin-card{display:grid;gap:16px}
.binance-admin-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.binance-admin-head h3{margin:.2em 0}
.binance-admin-head p{margin:0;color:#93a4b8}
.binance-review-status{padding:6px 10px;border-radius:999px;font-size:12px;text-transform:capitalize}
.binance-review-status.status-pending_review{background:#3b3210;color:#fde68a}
.binance-review-status.status-awaiting_payment{background:#162d4a;color:#93c5fd}
.binance-review-status.status-approved{background:#103922;color:#86efac}
.binance-review-status.status-rejected{background:#44191d;color:#fca5a5}
.binance-admin-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.binance-admin-data span{padding:12px;border-radius:12px;border:1px solid #21324a;background:#09111d;min-width:0}
.binance-admin-data small{display:block;color:#8293aa;margin-bottom:5px}
.binance-admin-data strong{display:block;overflow-wrap:anywhere}
.binance-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.binance-review-actions form{padding:14px;border:1px solid #21324a;border-radius:14px;background:#09111d}
.binance-review-actions label{margin-top:0}
@media(max-width:800px){
  .binance-manual-grid,.binance-admin-data,.binance-review-actions{grid-template-columns:1fr}
}


/* v2.4 — public storefront refresh, mobile menu, staff entrypoint, cloud/product carousels */
:root{
  --premium-blue:#2563eb;
  --premium-indigo:#4f46e5;
  --premium-purple:#6d28d9;
  --premium-surface:#0a1020;
  --premium-line:#263655;
}

.topbar{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(7,11,18,.88);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(91,112,151,.22);
}
.topbar .brand{
  font-size:19px;
  letter-spacing:.2px;
}
.staff-nav-link{
  color:#d8d8ff!important;
}
.mobile-menu-toggle{
  display:none;
  width:43px;
  height:43px;
  padding:0;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  border-radius:13px;
  border:1px solid #2c3d5f;
  background:linear-gradient(145deg,#111b2d,#0a1120);
  box-shadow:none;
}
.mobile-menu-toggle span{
  width:19px;
  height:2px;
  border-radius:999px;
  background:#f5f7ff;
  transition:transform .2s ease,opacity .2s ease;
}
.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.store-hero{
  position:relative;
}
.store-hero:before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  left:-260px;
  top:-100px;
  background:radial-gradient(circle,rgba(99,102,241,.17),transparent 68%);
  pointer-events:none;
}
.store-hero-copy h1{
  max-width:13ch;
  letter-spacing:-.035em;
}
.store-hero .btn:not(.secondary),
.store-product-card .buy-btn{
  background:linear-gradient(135deg,var(--premium-purple),var(--premium-blue));
  border:1px solid rgba(151,150,255,.35);
  box-shadow:0 12px 28px rgba(55,48,190,.24);
}
.store-hero .btn:not(.secondary):hover,
.store-product-card .buy-btn:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.store-hero .btn.secondary{
  color:#e5e7ff;
  border:1px solid #3a4675;
  background:linear-gradient(135deg,rgba(67,56,202,.20),rgba(30,64,175,.16));
}
.hero-badges span{
  border-color:rgba(111,104,226,.34);
  background:linear-gradient(135deg,rgba(77,58,166,.18),rgba(25,55,112,.20));
}
.hero-stat{
  border-color:rgba(77,90,140,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hero-photo-card{
  border-color:rgba(102,91,196,.34);
  box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 70px rgba(58,55,160,.11);
}
.hero-floating-label{
  background:rgba(79,70,229,.20);
  border-color:rgba(129,140,248,.34);
  color:#dedfff;
}

/* Cloud provider marquee */
.cloud-platform-section{
  margin:26px 0 22px;
  padding:26px 0 20px;
  border-top:1px solid rgba(61,78,113,.32);
  border-bottom:1px solid rgba(61,78,113,.32);
}
.cloud-platform-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:17px;
}
.cloud-platform-heading h2{
  margin:.2em 0 .15em;
  font-size:clamp(25px,4vw,38px);
}
.cloud-platform-heading p{
  color:#92a2b8;
  margin:0;
}
.cloud-brand-marquee{
  overflow:hidden;
  padding:5px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.cloud-brand-track{
  display:flex;
  width:max-content;
  gap:12px;
  animation:cloudBrandsMove 34s linear infinite;
}
.cloud-brand-marquee:hover .cloud-brand-track{
  animation-play-state:paused;
}
.cloud-brand-card{
  width:210px;
  min-height:82px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 17px;
  border:1px solid #263756;
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(92,74,210,.13),transparent 42%),
    linear-gradient(145deg,#0d1626,#09101b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.cloud-brand-card strong{
  font-size:15px;
  white-space:nowrap;
}
.cloud-brand-logo{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:14px;
  overflow:hidden;
  background:#f7f9ff;
  border:1px solid rgba(255,255,255,.7);
}
.cloud-brand-logo img{
  position:relative;
  z-index:2;
  width:32px;
  height:32px;
  object-fit:contain;
}
.cloud-brand-logo b{
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  color:#28344d;
  font-size:15px;
  letter-spacing:-.04em;
}
.cloud-brand-note{
  margin:11px 0 0;
  color:#66768e;
  font-size:11px;
}
@keyframes cloudBrandsMove{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 6px))}
}

/* More useful benefit cards */
.store-benefits .benefit-card{
  border-color:#253754;
  background:
    radial-gradient(circle at 100% 0,rgba(75,61,188,.13),transparent 44%),
    linear-gradient(180deg,#0d1624,#09111c);
}

/* Product horizontal carousel */
.store-products-carousel-shell{
  position:relative;
}
.store-product-carousel{
  display:flex!important;
  grid-template-columns:none!important;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 4px 16px;
  margin:0 -4px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  cursor:grab;
  user-select:none;
  -webkit-overflow-scrolling:touch;
}
.store-product-carousel::-webkit-scrollbar{display:none}
.store-product-carousel.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto;
}
.store-product-carousel .store-product-card{
  flex:0 0 clamp(285px,31vw,355px);
  scroll-snap-align:start;
  user-select:none;
  border-color:#253754;
  background:
    radial-gradient(circle at 95% 5%,rgba(79,70,229,.12),transparent 40%),
    linear-gradient(180deg,#0d1624,#09111c);
}
.store-product-carousel .empty-store{
  flex:1 0 100%;
}
.store-carousel-arrow{
  position:absolute;
  z-index:5;
  top:50%;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #3a4770;
  border-radius:50%;
  background:rgba(10,16,31,.92);
  box-shadow:0 12px 35px rgba(0,0,0,.35);
  transform:translateY(-50%);
  font-size:28px;
  line-height:1;
}
.store-carousel-prev{left:-22px}
.store-carousel-next{right:-22px}
.store-carousel-hint{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:4px;
  color:#72839a;
  font-size:12px;
}

/* Staff role inside customer area */
.staff-account-banner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  padding:20px;
  margin:18px 0;
  border:1px solid rgba(112,98,223,.42);
  border-radius:20px;
  background:
    radial-gradient(circle at 92% 8%,rgba(99,102,241,.20),transparent 38%),
    linear-gradient(135deg,#111629,#0a1220);
}
.staff-account-banner h2{
  margin:.15em 0 .15em;
  font-size:22px;
}
.staff-account-banner p{
  margin:0;
  color:#9facbe;
}
.staff-account-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#6d28d9,#2563eb);
  box-shadow:0 12px 30px rgba(61,50,170,.25);
  font-size:22px;
}
.staff-workspace-btn{
  background:linear-gradient(135deg,#6d28d9,#2563eb)!important;
}

/* Footer */
.site-footer{
  margin-top:22px;
  border-top:1px solid #1c2a40;
  background:
    radial-gradient(circle at 15% 0,rgba(91,70,210,.12),transparent 34%),
    #070b12;
}
.site-footer-grid{
  display:grid;
  grid-template-columns:1.25fr .9fr 1.2fr;
  gap:34px;
  padding:42px 0 32px;
}
.site-footer-brand strong{
  display:block;
  font-size:24px;
  letter-spacing:-.02em;
}
.site-footer-brand p{
  color:#8e9db1;
  max-width:46ch;
  margin:10px 0 0;
}
.site-footer-column{
  display:grid;
  align-content:start;
  gap:8px;
}
.site-footer-column>span{
  color:#71839b;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:5px;
}
.site-footer-column>a{
  color:#c7d4e6;
}
.site-footer-column>a:hover{
  color:#dcd9ff;
}
.footer-payment-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.footer-payment-chips b{
  padding:7px 10px;
  border:1px solid #2b3d5c;
  border-radius:10px;
  background:#0c1422;
  color:#b8c6da;
  font-size:12px;
  font-weight:700;
}
.site-footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:16px 0 24px;
  border-top:1px solid #172438;
  color:#64758c;
  font-size:12px;
}

@media(max-width:900px){
  .site-footer-grid{grid-template-columns:1fr 1fr}
  .site-footer-brand{grid-column:1/-1}
  .staff-account-banner{grid-template-columns:auto 1fr}
  .staff-account-banner .btn{grid-column:1/-1;text-align:center}
}

@media(max-width:760px){
  .topbar .nav{
    position:relative;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:64px;
    padding:9px 0;
  }
  .topbar .brand{
    font-size:20px;
  }
  .mobile-menu-toggle{
    display:flex;
    flex:0 0 43px;
  }
  .site-nav{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    z-index:1001;
    width:100%;
    display:none!important;
    grid-template-columns:1fr!important;
    gap:7px;
    padding:10px;
    border:1px solid #283b5e;
    border-radius:17px;
    background:rgba(8,14,26,.98);
    box-shadow:0 24px 65px rgba(0,0,0,.48);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .site-nav.is-open{
    display:grid!important;
  }
  .language-picker{
    order:initial;
    width:100%;
    grid-column:1/-1!important;
    justify-content:stretch;
  }
  .language-picker select{
    width:100%;
    max-width:none;
    min-width:0;
    font-size:13px;
    padding:11px 32px 11px 11px;
  }
  .site-nav>a{
    width:100%;
    text-align:left;
    padding:11px 12px;
    background:#0d1625;
    border:1px solid #20324e;
    border-radius:11px;
    font-size:14px;
    white-space:normal;
  }
  .nav-register{
    background:linear-gradient(135deg,rgba(109,40,217,.25),rgba(37,99,235,.24))!important;
    border-color:#4c4fa3!important;
  }

  .store-hero{padding-top:30px}
  .store-hero-copy h1{font-size:clamp(34px,10.5vw,52px)}
  .hero-actions .btn{width:100%;text-align:center}
  .cloud-brand-card{width:185px}
  .cloud-brand-marquee{
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  }
  .store-product-carousel .store-product-card{
    flex-basis:min(86vw,330px);
  }
  .store-carousel-arrow{display:none}
  .store-carousel-hint{justify-content:flex-start}
  .staff-account-banner{
    grid-template-columns:1fr;
  }
  .staff-account-icon{display:none}
  .staff-account-banner .btn{grid-column:auto;width:100%}
  .site-footer-grid{grid-template-columns:1fr;gap:24px;padding-top:34px}
  .site-footer-brand{grid-column:auto}
  .site-footer-bottom{flex-direction:column}
}

@media(prefers-reduced-motion:reduce){
  .cloud-brand-track{animation:none}
  .store-product-carousel{scroll-behavior:auto}
}


/* v2.5 — catalog route, staff notifications, profiles, Google login, reliable logos */
.topbar .nav{position:relative}
.topbar-utilities{display:flex;align-items:center;gap:8px;order:3}
.site-nav{order:2;margin-left:auto}
.brand{order:1}

.staff-notification-center{position:relative}
.notification-bell{
  position:relative;width:42px;height:42px;padding:0;border-radius:13px;
  display:grid;place-items:center;border:1px solid #2c3f62;
  background:linear-gradient(145deg,#111b2e,#09111f);box-shadow:none
}
.notification-bell-icon{font-size:18px;display:block;filter:saturate(.7)}
.notification-count{
  position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;
  display:grid;place-items:center;border-radius:999px;background:#7c3aed;color:#fff;
  border:2px solid #070b12;font-size:10px;font-weight:800
}
.notification-panel{
  position:absolute;right:0;top:calc(100% + 10px);width:min(390px,90vw);max-height:520px;overflow:hidden;
  border:1px solid #2a3b5d;border-radius:18px;background:rgba(8,14,25,.98);
  box-shadow:0 28px 80px rgba(0,0,0,.48);z-index:1500;backdrop-filter:blur(18px)
}
.notification-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px;border-bottom:1px solid #1c2b43}
.notification-panel-head strong,.notification-panel-head small{display:block}
.notification-panel-head small{color:#718198;margin-top:3px}
.notification-enable{padding:7px 9px;font-size:11px;background:#151f37;border:1px solid #36466c}
.notification-list{max-height:410px;overflow:auto}
.notification-item{display:block;padding:13px 15px;border-bottom:1px solid #17243a;color:#dce4ef;background:#09111d}
.notification-item.unread{background:linear-gradient(90deg,rgba(91,55,210,.16),#09111d 60%)}
.notification-item strong{display:block;font-size:13px;margin-bottom:4px}
.notification-item p{margin:0;color:#9aabc0;font-size:12px;line-height:1.45}
.notification-item time{display:block;color:#607187;font-size:10px;margin-top:7px}
.notification-empty{padding:22px;text-align:center;color:#74869d}
.staff-toast-stack{position:fixed;right:18px;top:82px;z-index:2200;display:grid;gap:10px;width:min(360px,calc(100vw - 36px))}
.staff-toast{padding:14px 15px;border:1px solid #4b4b91;border-radius:15px;background:rgba(14,18,35,.97);box-shadow:0 18px 50px rgba(0,0,0,.4);animation:toastIn .2s ease}
.staff-toast strong{display:block;margin-bottom:3px}.staff-toast p{margin:0;color:#a9b5c8;font-size:12px}
@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.google-login-btn{
  display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 14px;
  border:1px solid #31415f;border-radius:12px;background:#f7f9fc;color:#202736;font-weight:800;text-decoration:none
}
.google-login-btn:hover{filter:brightness(.97);transform:translateY(-1px)}
.google-g{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:900;color:#4285f4;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;background-clip:text}
.oauth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#63758d;font-size:12px}
.oauth-divider:before,.oauth-divider:after{content:"";height:1px;flex:1;background:#26364f}

.account-hero-with-profile{gap:24px}
.account-profile-intro{display:flex;align-items:center;gap:16px}
.account-avatar,.profile-avatar-xl{
  flex:0 0 auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(135deg,#6d28d9,#2563eb);border:2px solid rgba(160,162,255,.45);box-shadow:0 12px 35px rgba(39,45,140,.25)
}
.account-avatar{width:70px;height:70px}
.profile-avatar-xl{width:112px;height:112px}
.account-avatar img,.profile-avatar-xl img{width:100%;height:100%;object-fit:cover}
.account-avatar span,.profile-avatar-xl span{font-size:30px;font-weight:900;color:#fff}
.profile-avatar-xl span{font-size:44px}
.profile-page-shell{max-width:900px;margin:0 auto}
.profile-form-card{display:grid;gap:18px}
.profile-photo-editor{display:flex;align-items:center;gap:20px;padding:16px;border:1px solid #233652;border-radius:16px;background:#09121f}
.profile-photo-editor input[type=file]{max-width:100%;margin-top:8px}
.profile-remove-photo{margin-top:10px}
.profile-google-linked{display:flex;align-items:center;gap:11px;padding:13px;border-radius:14px;border:1px solid #273a57;background:#0a1321}
.profile-google-linked strong,.profile-google-linked small{display:block}.profile-google-linked small{color:#8fa0b7;margin-top:2px}
.account-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}

.catalog-page-shell{padding:34px 0 44px}
.catalog-page-hero{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:25px;margin-bottom:22px;border:1px solid #263958;border-radius:22px;background:radial-gradient(circle at 92% 0,rgba(93,65,215,.18),transparent 34%),linear-gradient(145deg,#0d1627,#09111d)}
.catalog-page-hero h1{margin:.18em 0 .18em;font-size:clamp(32px,6vw,50px)}
.catalog-page-hero p{color:#9aabc0;max-width:68ch;margin:0}
.catalog-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

/* Local cloud logos — no dependency on third-party favicons. */
.cloud-brand-logo img{width:38px;height:38px;object-fit:contain}

/* Existing hero photo receives a dark indigo/blue studio treatment so its background blends with the storefront. */
.hero-photo-card{isolation:isolate;background:radial-gradient(circle at 70% 20%,#28336a,#0a1120 55%,#060a11)}
.hero-photo-card img{filter:saturate(.82) contrast(1.06) brightness(.91)}
.hero-photo-overlay{
  z-index:2;
  background:
    radial-gradient(circle at 76% 18%,rgba(78,67,180,.22),transparent 34%),
    linear-gradient(90deg,rgba(5,9,17,.22),rgba(31,35,92,.13) 55%,rgba(6,10,19,.34)),
    linear-gradient(180deg,rgba(5,8,15,.05) 0%,rgba(8,10,24,.20) 44%,rgba(5,8,15,.80) 100%)
}
.hero-photo-card:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 85px rgba(15,19,54,.45)}
.hero-floating-card{z-index:3}

.footer-payment-logos{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.footer-payment-logos img{height:34px;width:auto;max-width:76px;padding:6px 9px;border-radius:9px;border:1px solid #2c3d5b;background:#f8fafc;object-fit:contain}

.support-launcher{position:fixed;right:20px;bottom:20px;z-index:1700}
.support-launcher-button{display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,#6d28d9,#2563eb);border:1px solid rgba(160,162,255,.45);box-shadow:0 18px 45px rgba(34,41,140,.38);font-weight:800}
.support-launcher-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.13);font-size:18px}
.support-launcher-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(330px,calc(100vw - 36px));padding:18px;border-radius:18px;border:1px solid #34456b;background:rgba(8,14,26,.98);box-shadow:0 25px 75px rgba(0,0,0,.5);backdrop-filter:blur(18px)}
.support-launcher-panel>strong{display:block;font-size:20px;margin:.25em 0}.support-launcher-panel p{color:#9aaac0;margin:0 0 14px}.support-launcher-panel .btn+.btn{margin-top:8px}

@media(max-width:1000px){
  .catalog-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .topbar-utilities{margin-left:auto;order:2}
  .site-nav{order:3}
  .notification-panel{position:fixed;left:12px;right:12px;top:72px;width:auto}
  .catalog-page-hero{align-items:flex-start;flex-direction:column}
  .catalog-page-hero .btn{width:100%;text-align:center}
  .catalog-page-grid{grid-template-columns:1fr}
  .account-stats{grid-template-columns:1fr!important}
  .account-profile-intro{align-items:flex-start}
  .account-avatar{width:58px;height:58px}
  .profile-photo-editor{align-items:flex-start;flex-direction:column}
  .support-launcher{right:14px;bottom:14px}
  .support-launcher-button span:last-child{display:none}
  .support-launcher-button{width:52px;height:52px;padding:0;justify-content:center}
  .support-launcher-icon{background:transparent}
}


/* v2.6 — Neon Cloud UI: visual implementation based on the approved concept */
:root{
  --v26-bg:#050814;
  --v26-panel:#091124;
  --v26-panel-2:#0c1730;
  --v26-line:rgba(87,114,190,.30);
  --v26-blue:#235dff;
  --v26-cyan:#24dce8;
  --v26-purple:#8b2cff;
  --v26-magenta:#c53cff;
  --v26-text:#f7f7ff;
  --v26-muted:#94a2bd;
  --v26-glow:0 18px 48px rgba(63,39,210,.20);
}
html{scrollbar-color:#4d38bc #070b17}
body{
  background:
    radial-gradient(circle at 11% 5%,rgba(42,86,255,.16),transparent 23rem),
    radial-gradient(circle at 88% 14%,rgba(137,35,255,.14),transparent 26rem),
    linear-gradient(180deg,#060916 0%,#050814 55%,#060916 100%);
  color:var(--v26-text);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;
  background-image:linear-gradient(rgba(93,115,175,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(93,115,175,.04) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 88%);
}
.wrap{width:min(1320px,94%)}
.card{border-color:var(--v26-line);background:linear-gradient(145deg,rgba(13,24,49,.94),rgba(7,14,30,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.eyebrow{color:#b7a1ff;font-weight:800;letter-spacing:.11em}
.btn,button{border-radius:12px;min-height:44px}
.btn:not(.secondary),button:not(.secondary):not(.link):not(.danger-btn):not(.copy-btn):not(.notification-bell):not(.mobile-menu-toggle):not(.store-carousel-arrow):not(.order-filter){
  background:linear-gradient(135deg,var(--v26-purple),var(--v26-blue));
  box-shadow:0 10px 28px rgba(81,40,218,.23);
}
.btn.secondary{background:rgba(11,20,40,.76);border:1px solid rgba(108,99,215,.48);color:#f0edff}
.btn:hover,button:hover{filter:brightness(1.08)}

/* Header */
.topbar{
  background:rgba(5,9,20,.84);border-bottom:1px solid rgba(76,95,154,.35);
  box-shadow:0 8px 34px rgba(1,3,12,.28);
}
.topbar .nav{min-height:72px;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:900;white-space:nowrap}
.brand-mark{width:42px;height:34px;display:grid;place-items:center;filter:drop-shadow(0 0 12px rgba(88,72,255,.35))}
.brand-mark svg{width:42px;height:31px;overflow:visible}
.brand-mark path{fill:none;stroke:url(#none);stroke:#635cff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.brand-mark path:last-child{stroke:#00a8ff}
.site-nav{display:flex!important;align-items:center;justify-content:flex-end;gap:9px;flex:1;flex-wrap:nowrap}
.public-nav-links{display:flex;align-items:center;gap:4px;margin-right:auto}
.public-nav-links a,.site-nav>a{padding:9px 10px;border-radius:10px;color:#bec7da;font-size:13px;white-space:nowrap;border:1px solid transparent}
.public-nav-links a:hover,.site-nav>a:hover{color:white;background:rgba(31,52,95,.34)}
.public-nav-links a.active{color:#62b4ff;border-bottom-color:#2f8dff;border-radius:8px 8px 3px 3px}
.nav-dashboard-cta,.nav-register{background:linear-gradient(135deg,#942eff,#3d49ff)!important;color:#fff!important;border-color:rgba(154,125,255,.45)!important;padding-inline:16px!important;box-shadow:0 10px 28px rgba(91,43,211,.25)}
.language-picker select{background:#081224;border-color:#263960}
.topbar-utilities{margin-left:0}
.notification-bell{border-color:#30446f;background:#0b1730}

/* Home hero */
.store-hero{grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr);gap:18px;padding:46px 0 22px;min-height:650px;position:relative}
.store-hero:after{content:"";position:absolute;inset:7% -4% 5% 42%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 60% 30%,rgba(120,42,255,.18),transparent 42%),radial-gradient(circle at 30% 60%,rgba(35,93,255,.18),transparent 44%);filter:blur(18px)}
.store-hero-copy{position:relative;z-index:5;padding:20px 8px 20px 10px}
.store-hero-copy h1{font-size:clamp(46px,5.6vw,76px);max-width:11.2ch;letter-spacing:-.045em;line-height:.99;margin:.16em 0 .22em;text-shadow:0 0 45px rgba(103,64,255,.13)}
.store-hero-copy h1::first-line{color:#fff}
.store-hero-copy p{font-size:18px;color:#c4ccdc;max-width:52ch}
.hero-actions{gap:12px;margin:25px 0 22px;flex-wrap:nowrap;max-width:540px}
.hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 23px;min-width:190px}
.hero-primary-cta{flex:1;background:linear-gradient(135deg,#b22cff,#2f55ff)!important;box-shadow:0 12px 34px rgba(105,43,231,.30)!important}
.hero-support-cta{flex:1;border-color:#6f55cb!important;background:rgba(7,14,31,.82)!important}
.hero-service-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 18px;max-width:640px}
.hero-service-points span{display:grid!important;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;border:0!important;background:transparent!important;padding:9px!important;border-radius:12px!important}
.hero-service-points i{grid-row:1/3;font-style:normal;font-size:22px;color:#c86dff;text-shadow:0 0 16px rgba(170,68,255,.45)}
.hero-service-points b{font-size:12px;color:#eef0f8;line-height:1.2}
.hero-service-points small{font-size:10px;color:#7f8da7;margin-top:3px}
.hero-stats{display:none}
.store-hero-visual{align-self:stretch;align-items:center;justify-content:flex-end}
.hero-photo-card{max-width:690px;min-height:610px;border-radius:28px 28px 18px 18px;border:1px solid rgba(82,87,213,.42);background:#060b1b;box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 80px rgba(78,40,220,.13)}
.hero-photo-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#050a17 0%,rgba(5,10,23,.18) 28%,rgba(7,10,25,.08) 66%,rgba(7,8,22,.25) 100%)}
.hero-photo-card img{filter:saturate(1.05) contrast(1.07) brightness(.93);object-position:center 18%}
.hero-photo-overlay{background:radial-gradient(circle at 68% 25%,rgba(151,38,255,.20),transparent 35%),linear-gradient(180deg,rgba(5,7,17,.04),rgba(7,8,25,.04) 44%,rgba(4,8,19,.78));mix-blend-mode:screen;opacity:.8}
.hero-photo-card:after{box-shadow:inset 90px 0 100px rgba(4,8,18,.66),inset 0 -100px 120px rgba(4,7,17,.60),inset 0 0 90px rgba(46,31,126,.22)}
.hero-floating-card{left:auto;right:18px;bottom:18px;width:min(280px,66%);padding:15px 16px;border-color:rgba(140,106,255,.48);background:linear-gradient(135deg,rgba(17,21,54,.90),rgba(7,14,31,.88));box-shadow:0 15px 42px rgba(0,0,0,.35),0 0 28px rgba(105,54,232,.13)}
.hero-floating-card strong{font-size:18px}.hero-floating-card small{font-size:12px}.hero-floating-label{background:rgba(132,45,255,.18);border-color:rgba(184,93,255,.42);color:#dcbcff}

/* Provider carousel */
.cloud-platform-section{margin:4px 0 28px;padding:13px;border:1px solid rgba(66,88,145,.30);border-radius:19px;background:linear-gradient(180deg,rgba(8,16,34,.72),rgba(6,12,27,.88));box-shadow:var(--v26-glow)}
.cloud-platform-heading{display:none}
.cloud-brand-note{display:none}
.cloud-brand-card{width:176px;min-height:86px;justify-content:center;flex-direction:column;text-align:center;gap:7px;border-color:rgba(65,91,153,.28);background:linear-gradient(145deg,#0b1730,#081124);border-radius:14px;padding:11px}
.cloud-brand-card strong{font-size:12px}
.cloud-brand-logo{width:43px;height:40px;background:transparent;border:0;border-radius:0}
.cloud-brand-logo img{width:42px;height:34px}
.cloud-brand-marquee{padding:0}

/* Benefits and products */
.store-benefits{margin:28px 0 16px}
.store-benefits .benefit-card{min-height:150px;border-color:rgba(64,85,140,.30);background:radial-gradient(circle at 100% 0,rgba(124,46,241,.12),transparent 40%),linear-gradient(145deg,#0b1630,#08101f)}
.store-catalog{padding-top:14px}
.store-catalog .page-head{padding:24px 4px 14px}
.store-catalog h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.03em}
.store-product-carousel .store-product-card{flex-basis:clamp(245px,23vw,300px);min-height:330px;border-radius:17px;border-color:rgba(65,91,153,.34);background:radial-gradient(circle at 80% 0,rgba(91,47,209,.15),transparent 42%),linear-gradient(180deg,#0c1730,#08101f);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.store-product-card h3{font-size:19px}.store-product-card p{font-size:13px;color:#a3aec3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.store-product-logo-wrap{height:70px;display:flex;align-items:center}.store-product-logo{max-height:54px;max-width:110px;object-fit:contain}
.product-footer{grid-template-columns:1fr auto;align-items:end;gap:10px}.product-footer .price{font-size:22px;color:#42e3df;margin:0}.product-footer .buy-btn{width:46px;height:46px;padding:0;display:grid;place-items:center;font-size:0;border-radius:12px;margin:0}.product-footer .buy-btn:after{content:"▣";font-size:19px;color:white}
.store-carousel-arrow{background:linear-gradient(145deg,#0d1a36,#0a1125);border-color:#44588e;color:#c8d5ff;box-shadow:0 10px 35px rgba(0,0,0,.4)}
.home-payment-showcase{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.6fr);align-items:center;gap:22px;padding:18px 22px;margin:26px 0;border:1px solid rgba(59,83,141,.34);border-radius:17px;background:linear-gradient(145deg,#0a152c,#070f20)}
.home-payment-showcase>div:first-child{display:grid;gap:4px}.home-payment-showcase>div:first-child strong{font-size:16px}
.home-payment-logos{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.home-payment-logos img{height:38px;width:auto;max-width:86px;padding:6px 10px;border-radius:10px;background:#f7f9fe;border:1px solid rgba(255,255,255,.5);object-fit:contain}

/* Client dashboard */
.account-shell{padding-top:28px}
.account-hero{align-items:center;border-color:rgba(73,95,159,.36);background:radial-gradient(circle at 88% 12%,rgba(129,47,246,.20),transparent 31%),linear-gradient(135deg,#0d1831,#08101f);box-shadow:var(--v26-glow)}
.account-hero h1{font-size:clamp(30px,4vw,45px);letter-spacing:-.03em}
.account-hero-actions-compact{flex:0 0 auto;width:auto!important}.account-hero-actions-compact .btn{width:auto!important;min-width:126px;padding:10px 14px}
.account-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
.account-stat-card{position:relative;overflow:hidden;border-color:rgba(62,87,149,.32);background:linear-gradient(145deg,#0b1730,#08101f);padding:17px}.account-stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-32px;top:-38px;background:rgba(111,53,237,.10);filter:blur(4px)}
.account-stat-card strong{font-size:26px}.account-stat-accent strong{color:#48e4e0}
.compact-head{margin:0 0 11px}.compact-head h2{font-size:24px}
.account-quick-section{margin:20px 0}
.account-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.account-quick-grid>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-width:0;padding:16px;border:1px solid rgba(67,92,157,.34);border-radius:15px;background:linear-gradient(145deg,#0b1730,#08101f);transition:.18s ease}
.account-quick-grid>a:hover{transform:translateY(-2px);border-color:#6658c7;box-shadow:0 12px 30px rgba(41,29,126,.18)}
.quick-action-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(139,44,255,.26),rgba(35,93,255,.22));color:#d8c6ff;font-size:18px}.account-quick-grid>a div{min-width:0}.account-quick-grid>a strong,.account-quick-grid>a small{display:block}.account-quick-grid>a small{margin-top:3px;color:#7f90aa;white-space:normal}.account-quick-grid>a>b{color:#a77aff}.quick-action-staff{border-color:rgba(151,68,237,.46)!important;background:linear-gradient(145deg,rgba(48,20,87,.54),#08101f)!important}
.account-preferences,.account-order-card{border-color:rgba(60,84,145,.30)}

/* Admin dashboard */
.admin-layout{grid-template-columns:245px minmax(0,1fr);gap:18px;width:min(1500px,97%)}
.admin-sidebar{border-color:rgba(66,91,153,.35);background:linear-gradient(180deg,#09152c,#070e1e);box-shadow:0 18px 55px rgba(0,0,0,.22)}
.admin-sidebar-head strong{font-size:21px}.admin-sidebar-nav a.active{background:linear-gradient(90deg,rgba(132,44,255,.28),rgba(36,86,255,.18));border-color:#584ca7;color:#fff}.admin-sidebar-nav a.active span{color:#cf9fff}.admin-sidebar-nav a:hover{background:#0e1c39}.admin-sidebar-store{border-color:#3b477d;background:#0b1730}
.admin-dashboard-head h1{font-size:clamp(34px,4vw,48px)}
.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.admin-metric-card{padding:16px;border-color:rgba(62,87,149,.32);background:linear-gradient(145deg,#0b1730,#08101f);min-height:125px}.admin-metric-card>strong{font-size:clamp(23px,2.3vw,32px)}.admin-metric-primary{background:radial-gradient(circle at 95% 0,rgba(40,99,255,.24),transparent 43%),linear-gradient(145deg,#0b1730,#08101f)}.admin-metric-profit{background:radial-gradient(circle at 95% 0,rgba(45,218,195,.13),transparent 43%),linear-gradient(145deg,#0b1730,#08101f)}
.admin-dashboard-two-col{gap:12px}.admin-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-quick-grid a{min-height:78px;padding:14px;border-color:rgba(68,93,158,.32);background:linear-gradient(145deg,#0b1730,#08101f)}
.admin-chart-bar-track span{background:linear-gradient(180deg,#9a45ff,#2e61ff)}

/* Support launcher */
.support-launcher-button{background:linear-gradient(135deg,#aa37ff,#3a52ff);box-shadow:0 0 0 1px rgba(181,119,255,.28),0 18px 48px rgba(77,37,218,.38)}
.support-launcher-panel{border-color:#4a4b9f;background:rgba(6,11,25,.98)}

/* Footer */
.site-footer{border-top-color:rgba(58,83,143,.34);background:radial-gradient(circle at 10% 0,rgba(91,49,213,.13),transparent 33%),#050914}
.site-footer-grid{grid-template-columns:1.25fr .8fr 1.25fr;padding-top:34px}.footer-brand-lockup{display:flex!important;align-items:center;gap:9px}.footer-cloud-mark{display:grid;place-items:center;width:34px;height:28px;border-radius:10px;background:linear-gradient(135deg,#8b2cff,#235dff);font-size:17px}.footer-payment-logos img{height:36px;border-color:rgba(255,255,255,.42)}

/* Mobile */
@media(max-width:1060px){
  .public-nav-links{display:none}
  .site-nav{margin-left:auto}
  .store-hero{grid-template-columns:1fr 1fr;min-height:0}
  .hero-photo-card{min-height:550px}
  .account-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .admin-layout{width:min(1120px,94%)}
  .admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-sidebar-nav a{min-height:43px}
}
@media(max-width:760px){
  .topbar .nav{min-height:62px;padding:8px 0}
  .brand{font-size:18px}.brand-mark{width:36px}.brand-mark svg{width:36px}
  .site-nav{display:none!important}.site-nav.is-open{display:grid!important}
  .public-nav-links{display:grid;grid-template-columns:1fr;gap:7px;padding-bottom:4px;border-bottom:1px solid #1c2d49;margin:0 0 3px}
  .public-nav-links a{display:block;width:100%;padding:11px 12px;background:#0b162b;border:1px solid #203354}
  .store-hero{grid-template-columns:1fr;padding:26px 0 14px;gap:12px}
  .store-hero-copy{padding:8px 1px}.store-hero-copy h1{font-size:clamp(38px,12vw,55px);max-width:10.6ch}.store-hero-copy p{font-size:15px}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;max-width:none;margin:18px 0 15px}.hero-actions .btn{width:100%!important;min-width:0!important;padding:12px 10px;font-size:13px;min-height:48px}
  .hero-service-points{grid-template-columns:1fr 1fr 1fr;gap:2px}.hero-service-points span{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;text-align:center;padding:7px 3px!important}.hero-service-points i{grid-row:auto!important}.hero-service-points b{font-size:10px}.hero-service-points small{font-size:8px}
  .hero-photo-card{min-height:430px;max-width:none;border-radius:22px}.hero-floating-card{width:min(250px,75%);right:12px;bottom:12px}
  .cloud-platform-section{margin-top:4px;padding:9px}.cloud-brand-card{width:138px;min-height:72px}.cloud-brand-logo img{width:36px;height:30px}.cloud-brand-card strong{font-size:10px}
  .store-benefits{grid-template-columns:1fr;gap:10px}.store-benefits .benefit-card{min-height:auto;padding:16px}.benefit-card h3{font-size:18px}
  .store-product-carousel .store-product-card{flex-basis:min(78vw,280px);padding:16px;min-height:300px}
  .home-payment-showcase{grid-template-columns:1fr;padding:16px}.home-payment-logos{justify-content:flex-start;gap:8px}.home-payment-logos img{height:34px;max-width:72px}
  .account-hero{padding:19px;gap:14px}.account-profile-intro{gap:12px}.account-hero-actions-compact{width:100%!important}.account-hero-actions-compact .btn{width:100%!important;min-width:0}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.account-stat-card{padding:14px}.account-stat-card strong{font-size:23px}.account-stat-card span{font-size:12px}.account-stat-card small{font-size:10px}
  .account-quick-grid{grid-template-columns:1fr}.account-quick-grid>a{min-height:72px;padding:13px}
  .admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metric-card{min-height:112px;padding:14px}.admin-metric-card>strong{font-size:22px;white-space:normal}.admin-metric-card small{font-size:10px}.admin-quick-grid{grid-template-columns:1fr 1fr}.admin-quick-grid a{min-height:72px;padding:12px}.admin-quick-grid small{font-size:10px}
  .site-footer-grid{grid-template-columns:1fr}.site-footer-column{min-width:0}
}
@media(max-width:420px){
  .hero-actions{grid-template-columns:1fr}.hero-service-points{grid-template-columns:1fr 1fr 1fr}
  .account-stats{grid-template-columns:1fr 1fr!important}
  .admin-metric-grid{grid-template-columns:1fr 1fr}.admin-quick-grid{grid-template-columns:1fr}.admin-metric-card>strong{font-size:20px}
}


/* ================================================================
   v2.6.1 — HERO PHOTO POSITION ONLY
   Keeps the existing content/functions and changes only the hero
   artwork + placement to match the approved reference.
   ================================================================ */

.hero-photo-picture{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}
.hero-photo-picture img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Desktop: woman embedded into the right side instead of looking like
   a separate portrait card. */
@media(min-width:761px){
  .store-hero{
    overflow:hidden;
    isolation:isolate;
    min-height:580px;
    grid-template-columns:minmax(0,.91fr) minmax(470px,1.09fr);
  }

  .store-hero-copy{
    position:relative;
    z-index:4;
  }

  .store-hero-visual{
    position:relative;
    z-index:1;
    min-height:580px;
    overflow:visible;
  }

  .hero-photo-card{
    position:absolute;
    inset:0 -6% 0 -12%;
    width:auto;
    max-width:none;
    min-height:0;
    border:0;
    border-radius:0;
    overflow:hidden;
    background:transparent;
    box-shadow:none;
  }

  .hero-photo-picture img{
    object-position:62% center;
    filter:saturate(1.05) contrast(1.04) brightness(.95);
  }

  .hero-photo-card:before{
    z-index:2;
    background:
      linear-gradient(90deg,
        #050a17 0%,
        rgba(5,10,23,.92) 10%,
        rgba(5,10,23,.46) 25%,
        rgba(5,10,23,.08) 48%,
        rgba(5,10,23,.02) 100%);
  }

  .hero-photo-overlay{
    z-index:2;
    opacity:1;
    mix-blend-mode:normal;
    background:
      radial-gradient(circle at 72% 28%,rgba(159,53,255,.15),transparent 30%),
      linear-gradient(180deg,rgba(4,7,18,.03),rgba(4,7,18,.05) 62%,rgba(4,8,19,.58) 100%);
  }

  .hero-photo-card:after{
    z-index:2;
    box-shadow:
      inset 50px 0 80px rgba(4,8,18,.28),
      inset 0 -85px 110px rgba(4,7,17,.48);
  }

  .hero-floating-card{
    z-index:4;
    right:20px;
    bottom:18px;
  }
}

/* Mobile: the woman becomes the hero background and the copy is layered
   over the lower part of the image, like the approved reference. */
@media(max-width:760px){
  .store-hero{
    display:block;
    position:relative;
    min-height:680px;
    padding:0 0 16px;
    overflow:hidden;
    isolation:isolate;
  }

  .store-hero:after{
    display:none;
  }

  .store-hero-visual{
    position:absolute;
    inset:0;
    z-index:0;
    display:block;
    min-height:0;
  }

  .hero-photo-card{
    position:absolute;
    inset:0;
    width:100%;
    max-width:none;
    min-height:0;
    border:0;
    border-radius:0;
    overflow:hidden;
    background:#050914;
    box-shadow:none;
  }

  .hero-photo-picture img{
    object-position:center top;
    filter:saturate(1.04) contrast(1.04) brightness(.92);
  }

  .hero-photo-card:before{
    z-index:2;
    background:
      linear-gradient(90deg,rgba(4,7,18,.34),rgba(4,7,18,.03) 45%,rgba(4,7,18,.08)),
      linear-gradient(180deg,
        rgba(4,7,18,.03) 0%,
        rgba(4,7,18,.05) 28%,
        rgba(4,7,18,.20) 43%,
        rgba(4,8,19,.70) 61%,
        #050914 88%,
        #050914 100%);
  }

  .hero-photo-overlay{
    z-index:2;
    opacity:1;
    mix-blend-mode:normal;
    background:
      radial-gradient(circle at 72% 20%,rgba(151,38,255,.12),transparent 27%);
  }

  .hero-photo-card:after{
    z-index:2;
    box-shadow:
      inset 0 -150px 130px rgba(5,9,20,.72),
      inset 0 0 65px rgba(18,20,72,.16);
  }

  .store-hero-copy{
    position:relative;
    z-index:4;
    min-height:680px;
    padding:255px 2px 8px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
  }

  .store-hero-copy .eyebrow{
    align-self:flex-start;
    background:rgba(91,36,185,.46);
    border-color:rgba(193,115,255,.38);
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
  }

  .store-hero-copy h1{
    max-width:10.5ch;
    text-shadow:0 3px 30px rgba(0,0,0,.75);
  }

  .store-hero-copy p{
    color:#eef1f8;
    max-width:31ch;
    text-shadow:0 2px 18px rgba(0,0,0,.82);
  }

  .hero-floating-card{
    display:none;
  }

  .hero-actions{
    position:relative;
    z-index:5;
  }

  .hero-service-points{
    position:relative;
    z-index:5;
  }
}

@media(max-width:420px){
  .store-hero{
    min-height:650px;
  }
  .store-hero-copy{
    min-height:650px;
    padding-top:230px;
  }
}


/* v2.7 */
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22e687;box-shadow:0 0 0 0 rgba(34,230,135,.5);animation:cospamLivePulse 1.55s infinite;flex:0 0 8px}
@keyframes cospamLivePulse{0%{box-shadow:0 0 0 0 rgba(34,230,135,.5)}65%{box-shadow:0 0 0 8px rgba(34,230,135,0)}100%{box-shadow:0 0 0 0 rgba(34,230,135,0)}}
.live-stock-pill,.offline-stock-pill{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:6px 10px;border:1px solid rgba(255,255,255,.08);text-transform:none;white-space:nowrap}
.live-stock-pill{color:#bafbd8;background:linear-gradient(135deg,rgba(11,89,59,.74),rgba(8,48,41,.78));border-color:rgba(44,225,139,.25)}
.live-stock-pill b{color:#52efa4;font-size:10px;letter-spacing:.09em}.live-stock-pill span{font-size:11px;color:#d4f6e5}
.offline-stock-pill{background:#2c1520;color:#ffb5c2;border-color:#643044}.offline-stock-pill i{width:7px;height:7px;border-radius:50%;background:#f35f76}.offline-stock-pill b{font-size:10px}.offline-stock-pill span{font-size:11px}
.product-region-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:27px;margin-top:13px}
.product-region-row span,.product-region-row em{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(113,108,229,.24);border-radius:9px;background:rgba(73,58,167,.10);color:#aeb9d0;font-size:10px;font-style:normal}
.product-region-row span:before{content:"";width:5px;height:5px;border-radius:50%;background:#55e5c9;box-shadow:0 0 9px rgba(85,229,201,.5)}.product-region-row b{color:#edf2ff;font-size:10px}
.product-footer{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
.product-footer .buy-btn.buy-btn-pro{width:auto!important;min-width:122px;height:45px;padding:0 15px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:12px;border-radius:13px;font-size:13px!important;font-weight:800;color:#fff;background:linear-gradient(135deg,#8a2cff,#5a32f5 46%,#2779ff);border:1px solid rgba(177,119,255,.42);box-shadow:0 10px 28px rgba(89,49,232,.26),inset 0 1px 0 rgba(255,255,255,.16)}
.product-footer .buy-btn.buy-btn-pro:after{display:none!important;content:none!important}.product-footer .buy-btn.buy-btn-pro b{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:15px}
.checkout-region-card{margin:18px 0;padding:17px;border:1px solid rgba(107,94,225,.34);border-radius:17px;background:radial-gradient(circle at 100% 0,rgba(99,61,220,.15),transparent 42%),linear-gradient(145deg,#0d1729,#09111f)}
.checkout-region-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px}.checkout-region-head h3{margin:.2em 0 0}.region-live{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;color:#8ee7c1;font-size:11px}.region-live i{width:7px;height:7px;border-radius:50%;background:#2ae18d;box-shadow:0 0 11px rgba(42,225,141,.65)}
.checkout-region-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 8px}.checkout-region-chips span{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #293d62;border-radius:10px;background:#0b1424;color:#bac6d8;font-size:11px}.checkout-region-chips i{width:6px;height:6px;border-radius:50%;background:#51e8a0}.checkout-region-chips b{min-width:20px;text-align:center;color:#fff;background:#3f2e9b;border-radius:6px;padding:2px 5px}.stock-note{display:inline-flex;align-items:center;gap:8px}
.home-payment-showcase.payment-trust-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.7fr);align-items:center;gap:24px;margin:30px 0 18px;padding:22px 24px;border:1px solid rgba(78,106,173,.42);border-radius:21px;background:radial-gradient(circle at 82% -20%,rgba(92,59,220,.20),transparent 42%),linear-gradient(145deg,#0c172b,#07101f);box-shadow:0 20px 55px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025)}
.payment-trust-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#8737ff,#377dff,#35dfd2)}
.payment-showcase-copy{display:grid;gap:4px}.payment-showcase-copy strong{font-size:20px}.payment-showcase-copy small{color:#8294ac;line-height:1.45}
.payment-trust-card .home-payment-logos{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr));gap:9px}.payment-trust-card .home-payment-logos span{height:54px;display:grid;place-items:center;padding:8px 12px;border:1px solid rgba(67,84,124,.38);border-radius:13px;background:#f8faff}.payment-trust-card .home-payment-logos img{width:100%;height:31px;max-width:94px;object-fit:contain}
.site-footer{margin-top:0}.site-footer-grid{padding-top:34px}
.whatsapp-health{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;margin-bottom:10px;border:1px solid rgba(58,79,119,.44);border-radius:13px;background:#091321}.whatsapp-health>div{display:grid;gap:4px}.whatsapp-health>span{padding:5px 8px;border-radius:8px;background:#111e31;color:#9cafc6;font-size:11px}.wa-health-ok{color:#55eaa2}.wa-health-warn{color:#ffd277}
.wa-config-warning{padding:11px 12px;margin:0 0 12px;border-left:3px solid #e7a93d;border-radius:9px;background:rgba(116,76,13,.16);color:#d6c7a8;font-size:12px;line-height:1.55}.wa-config-warning code{color:#fff}
@media(max-width:760px){.product-footer{grid-template-columns:1fr!important;align-items:stretch!important}.product-footer .buy-btn.buy-btn-pro{width:100%!important}.product-top{align-items:flex-start}.checkout-region-head{display:grid}.home-payment-showcase.payment-trust-card{grid-template-columns:1fr;padding:18px}.payment-trust-card .home-payment-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.whatsapp-health{align-items:flex-start;flex-direction:column}}


/* ================================================================
   v2.8 — WhatsApp Commerce
   ================================================================ */
.product-purchase-actions{
  display:flex;
  align-items:stretch;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.whatsapp-buy-btn{
  min-height:45px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  border:1px solid rgba(57,220,135,.30);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(13,113,69,.88),rgba(8,72,55,.92));
  color:#eafff3;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 10px 26px rgba(20,160,91,.15),inset 0 1px 0 rgba(255,255,255,.08);
}
.whatsapp-buy-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
.whatsapp-buy-btn>span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#27d77b;
  color:#062d1e;
  font-size:12px;
}
.checkout-whatsapp-origin{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:0 0 15px;
  padding:13px 14px;
  border:1px solid rgba(50,219,133,.24);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(7,87,54,.18),rgba(18,45,67,.18));
}
.checkout-whatsapp-origin>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  border-radius:50%;
  background:#1ed37a;
  color:#052f20;
  font-weight:900;
}
.checkout-whatsapp-origin>div{
  display:grid;
  gap:3px;
}
.checkout-whatsapp-origin strong{
  color:#dffdec;
}
.checkout-whatsapp-origin small{
  color:#8fb4a1;
  line-height:1.45;
}
@media(max-width:760px){
  .product-purchase-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
  }
  .product-purchase-actions .buy-btn,
  .whatsapp-buy-btn{
    width:100%!important;
  }
}


/* ================================================================
   v2.9 — Ativação assistida
   ================================================================ */
.activation-shell{max-width:880px;margin:0 auto;display:grid;gap:14px}
.activation-hero{padding:26px}
.activation-hero h1{margin:.2rem 0 .35rem}
.activation-status-pill{
  display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 11px;
  border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(128,164,196,.25)
}
.status-ready_to_start{background:rgba(77,143,255,.12);color:#acd0ff}
.status-waiting_owner{background:rgba(255,183,77,.12);color:#ffd18f}
.status-confirmed{background:rgba(42,213,130,.12);color:#9bf2c6}
.status-completed{background:rgba(42,213,130,.16);color:#b4f8d5}
.status-cancelled{background:rgba(255,91,106,.12);color:#ffb3bd}
.activation-step-card{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:start}
.activation-step-number{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;
  border:1px solid rgba(105,184,255,.25);background:rgba(44,116,184,.16);color:#a9d5ff
}
.activation-step-card h2{margin:0 0 6px}
.activation-step-card p{margin:0 0 14px;line-height:1.55}
.activation-done{display:inline-flex;padding:8px 11px;border-radius:10px;background:rgba(42,213,130,.10);color:#a9efca}
.activation-wait{display:flex;gap:6px;padding-top:5px}
.activation-wait span{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.35;animation:activationPulse 1.2s infinite}
.activation-wait span:nth-child(2){animation-delay:.15s}.activation-wait span:nth-child(3){animation-delay:.3s}
@keyframes activationPulse{0%,80%,100%{transform:scale(.8);opacity:.25}40%{transform:scale(1.15);opacity:1}}
.activation-security-note{font-size:12px;color:#839aaf;text-align:center;margin:2px 0 0}
.activation-admin-list{display:grid;gap:14px}
.activation-admin-card{display:grid;gap:16px}
.activation-admin-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.activation-admin-head h2{margin:.2rem 0}.activation-admin-head p{margin:0;color:#90a7ba}
.activation-admin-meta{display:flex;gap:10px;flex-wrap:wrap}
.activation-admin-meta span{display:grid;gap:2px;min-width:130px;padding:10px 12px;border:1px solid rgba(120,158,190,.14);border-radius:12px;background:rgba(255,255,255,.02)}
.activation-admin-meta b{font-size:11px;color:#7f96aa;text-transform:uppercase;letter-spacing:.06em}
.activation-admin-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.activation-admin-actions form{margin:0}
.activation-code-box{
  display:grid;gap:8px;margin:14px 0;padding:16px;border-radius:14px;
  border:1px solid rgba(42,213,130,.30);background:rgba(42,213,130,.08)
}
.activation-code-box>span{font-size:12px;color:#8fa9bc;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.activation-code-box>strong{font-size:32px;letter-spacing:.16em;line-height:1.1;word-break:break-all;color:#d9ffeb}
.activation-code-box>small{color:#8fa9bc;line-height:1.45}
.activation-sms-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.activation-sms-form input{
  width:150px;min-height:42px;padding:9px 11px;border-radius:10px;
  border:1px solid rgba(105,184,255,.25);background:rgba(255,255,255,.04);color:inherit;
  font-size:18px;font-weight:800;letter-spacing:.08em
}
.activation-admin-waiting{font-size:12px;color:#ffd18f;padding:9px 11px;border-radius:10px;background:rgba(255,183,77,.09)}
@media(max-width:700px){
  .activation-step-card{grid-template-columns:1fr}
  .activation-admin-head{display:grid}
  .activation-admin-actions,.activation-admin-actions form,.activation-admin-actions .btn{width:100%}
  .activation-sms-form input{width:100%}
}


/* v2.9.1 — estoque por quantidade para ativação assistida */
.stock-fields-grid{display:grid;gap:12px}
.activation-stock-box{
  display:grid;
  gap:10px;
  padding:15px;
  margin:6px 0 14px;
  border:1px solid rgba(74,171,255,.22);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(23,83,139,.13),rgba(29,136,95,.08));
}
.activation-stock-box[hidden],
[data-credential-stock-fields][hidden]{display:none!important}
.activation-stock-box strong{font-size:16px;color:#eef8ff}
.activation-stock-box p{margin:0;color:#91aabe;line-height:1.5}


/* v2.10 — ranking, prêmios e saldo */
.ranking-shell,.rewards-shell,.admin-ranking-shell{padding:34px 0 54px}.ranking-hero,.rewards-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;margin-bottom:18px;background:radial-gradient(circle at 86% 10%,rgba(245,158,11,.15),transparent 34%),linear-gradient(145deg,#0d1726,#09111d)}.ranking-hero h1,.rewards-hero h1{font-size:clamp(34px,6vw,58px);margin:.12em 0}.ranking-hero p,.rewards-hero p{color:#9dacbf;max-width:720px}.ranking-countdown,.wallet-balance-card{min-width:240px;padding:18px;border:1px solid #293b55;border-radius:18px;background:#09121f;display:grid;gap:5px}.ranking-countdown strong,.wallet-balance-card strong{font-size:26px}.ranking-countdown small,.wallet-balance-card small{color:#95a6bb}.ranking-countdown span{font-size:12px;color:#7f91a7}.ranking-grid,.rewards-grid,.admin-ranking-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px;align-items:start}.ranking-board,.ranking-side{padding:20px}.ranking-board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ranking-board-head h2{margin:0}.ranking-board-head span{color:#93a4b9;font-size:13px}.ranking-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 12px;border-bottom:1px solid #1c2a3d}.ranking-row:last-child{border-bottom:0}.ranking-row strong{font-size:16px}.ranking-row>b{font-size:13px;color:#9fb2c8}.ranking-pos{font-weight:900;font-size:18px}.ranking-podium{background:linear-gradient(90deg,rgba(245,158,11,.08),transparent);border-radius:12px}.ranking-empty{padding:30px 10px;color:#8fa0b5;text-align:center}.ranking-side h3{font-size:24px;margin:.3em 0}.reward-item{padding:16px 0;border-bottom:1px solid #1e2d41;display:flex;justify-content:space-between;gap:16px;align-items:center}.reward-item>div:first-child{display:grid;gap:4px}.reward-item>div:first-child>strong{font-size:25px}.reward-item small{color:#8ea0b5}.reward-actions{display:grid;gap:8px;min-width:250px}.reward-actions form{margin:0}.reward-withdraw-form{display:grid;grid-template-columns:1fr auto;gap:8px}.reward-withdraw-form input{margin:0}.reward-status{padding:8px 10px;border-radius:999px;background:#15243a;color:#b9c9db;font-size:12px}.wallet-tx-list{display:grid}.wallet-tx-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #1e2d41}.wallet-tx-list span{display:grid}.wallet-tx-list small{color:#8395aa;margin-top:3px}.wallet-plus{color:#86efac}.wallet-minus{color:#fca5a5}.ranking-settings-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ranking-settings-form label{margin:0}.ranking-settings-form button{grid-column:1/-1;justify-self:start}.ranking-mini-list{display:grid;gap:7px}.ranking-mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #203149;border-radius:11px}.ranking-mini-list span{color:#91a4ba}.admin-withdrawals{margin-top:18px}.admin-withdraw-list{display:grid;gap:9px}.admin-withdraw-list article{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:14px;align-items:center;padding:12px;border:1px solid #213149;border-radius:12px}.admin-withdraw-list article>div:first-child{display:grid}.admin-withdraw-list small{color:#8497ad}.admin-withdraw-list form{display:flex;gap:7px;margin:0}.wallet-payment-option input:disabled+span{opacity:.55}.wallet-balance-card a{font-size:13px}.account-hero-actions .btn{white-space:nowrap}
@media(max-width:800px){.ranking-hero,.rewards-hero{align-items:stretch;flex-direction:column}.ranking-countdown,.wallet-balance-card{min-width:0}.ranking-grid,.rewards-grid,.admin-ranking-grid{grid-template-columns:1fr}.ranking-row{grid-template-columns:46px minmax(0,1fr);}.ranking-row>b{grid-column:2}.reward-item{align-items:stretch;flex-direction:column}.reward-actions{min-width:0}.reward-withdraw-form{grid-template-columns:1fr}.ranking-settings-form{grid-template-columns:1fr}.admin-withdraw-list article{grid-template-columns:1fr}.admin-withdraw-list form{flex-wrap:wrap}}


/* v2.10.2 — mensalidades, carteira e VPS */
.activation-confirm-actions{display:grid;gap:12px;margin-top:14px}.activation-confirm-warning{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:rgba(255,177,64,.08);border:1px solid rgba(255,177,64,.22)}.activation-confirm-warning span{color:#9fb0bf;font-size:13px}.activation-confirm-actions form{display:grid;gap:10px}.subscription-grid,.vps-client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.subscription-card,.vps-client-card{display:grid;gap:14px}.subscription-due{display:flex;justify-content:space-between;align-items:end;padding:12px;border-radius:12px;background:rgba(255,255,255,.035)}.subscription-due strong{font-size:20px}.vps-mini-specs{display:flex;gap:8px;flex-wrap:wrap}.vps-mini-specs span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.045);font-size:12px}.account-subscriptions-section,.account-vps-section{display:grid;gap:12px;margin:24px 0}.vps-detail-shell{display:grid;gap:16px}.vps-detail-hero{display:flex;justify-content:space-between;gap:18px;align-items:center}.vps-detail-hero>div:last-child{display:grid;gap:6px;text-align:right}.vps-detail-grid,.vps-admin-grid,.wallet-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vps-credentials{display:grid;gap:10px}.vps-credentials label{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.035)}.vps-credentials strong{word-break:break-all}.vps-spec-grid,.vps-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vps-spec-grid>div,.vps-metrics-grid>div{display:grid;gap:4px;padding:14px;border-radius:12px;background:rgba(255,255,255,.035)}.vps-spec-grid small,.vps-metrics-grid small{color:#8fa9bc}.vps-spec-grid strong,.vps-metrics-grid strong{font-size:20px}.vps-monitor-card{display:grid;gap:16px}.vps-admin-form,.wallet-admin-form{display:grid;gap:12px}.form-three-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vps-admin-list,.admin-renewal-list,.wallet-user-list{display:grid;gap:10px}.vps-admin-list article,.admin-renewal-card,.wallet-user-list>div{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:rgba(255,255,255,.03)}.vps-admin-list article>div,.admin-renewal-card>div,.wallet-user-list>div>span{display:grid;gap:3px}.vps-admin-list small,.admin-renewal-card small,.wallet-user-list small{color:#8fa9bc}.status-assigned{border-color:rgba(255,177,64,.35)!important}.status-released{border-color:rgba(42,213,130,.35)!important}.status-expired{opacity:.78}.secret-field{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wallet-admin-grid{margin-bottom:16px}
@media(max-width:800px){.vps-detail-grid,.vps-admin-grid,.wallet-admin-grid{grid-template-columns:1fr}.vps-detail-hero{align-items:flex-start;flex-direction:column}.vps-detail-hero>div:last-child{text-align:left}.vps-spec-grid,.vps-metrics-grid,.form-three-cols{grid-template-columns:1fr 1fr}.vps-admin-list article,.admin-renewal-card{align-items:flex-start;flex-direction:column}}

/* v2.10.2.1 — VPS separado do estoque comum e da vitrine de contas cloud */
.vps-stock-routing-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:18px 20px;border-color:rgba(106,156,255,.28);background:linear-gradient(135deg,rgba(52,79,154,.15),rgba(76,47,153,.08))}.vps-stock-routing-card h2{margin:.15rem 0 .35rem}.vps-stock-routing-card p{margin:0;color:#93a9bb}.catalog-section-heading{display:grid;gap:6px;margin:26px 0 14px}.catalog-section-heading h2,.vps-home-head h2{margin:0}.catalog-section-heading p,.vps-home-head p{margin:0;color:#91a6b9}.vps-market-section,.vps-home-section{display:grid;gap:16px;margin:34px 0}.vps-section-heading{padding-top:22px;border-top:1px solid rgba(126,155,190,.14)}.vps-home-section{padding:26px;border:1px solid rgba(120,123,255,.18);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(93,68,255,.13),transparent 34%),linear-gradient(145deg,rgba(11,20,35,.92),rgba(7,13,24,.96))}.vps-home-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.vps-market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.vps-market-card{position:relative;display:grid;gap:17px;padding:20px;overflow:hidden;border-color:rgba(106,156,255,.19)}.vps-market-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#6a6cff,#33b8ff,#7d4dff)}.vps-market-card h3{margin:.25rem 0 .35rem;font-size:22px}.vps-market-card p{margin:0;color:#91a6b9;line-height:1.5}.vps-market-top,.vps-market-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.vps-market-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,rgba(86,93,255,.22),rgba(49,176,255,.16));border:1px solid rgba(111,135,255,.28);font-size:22px}.vps-duration-badge{padding:7px 10px;border-radius:999px;background:rgba(124,91,255,.11);border:1px solid rgba(124,91,255,.24);font-size:12px;font-weight:800;color:#c9c1ff}.vps-market-features{display:flex;gap:7px;flex-wrap:wrap}.vps-market-features span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.035);font-size:12px;color:#b2c2d3}.vps-market-stock{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);font-size:12px}.vps-market-stock i{width:8px;height:8px;border-radius:50%;background:#768598}.vps-market-stock.is-online{color:#aaf4ce;background:rgba(42,213,130,.065)}.vps-market-stock.is-online i{background:#2ad582;box-shadow:0 0 0 4px rgba(42,213,130,.10)}.vps-market-stock.is-offline{color:#a7b2bd}.vps-market-footer .price{font-size:24px}.vps-market-footer .btn{white-space:nowrap}
@media(max-width:760px){.vps-stock-routing-card,.vps-home-head,.vps-market-footer{align-items:stretch;flex-direction:column}.vps-stock-routing-card .btn,.vps-home-head .btn,.vps-market-footer .btn{width:100%;justify-content:center}.vps-home-section{padding:18px}.vps-market-grid{grid-template-columns:1fr}}

/* v2.10.2.2 — VPS catalog/admin refinements */
.vps-admin-grid-main{align-items:start}.vps-create-card{overflow:hidden}.vps-admin-side{display:grid;gap:16px}.vps-step-badge{padding:7px 10px;border:1px solid rgba(139,92,246,.3);border-radius:999px;background:rgba(139,92,246,.08);font-size:12px;color:#c9b8ff}.vps-plan-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vps-new-plan-fields,.vps-form-section{display:grid;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.vps-form-section-head{display:flex;gap:10px;align-items:center}.vps-form-section-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(124,58,237,.3),rgba(37,99,235,.25));font-weight:800}.vps-form-section-head>div{display:grid;gap:2px}.vps-form-section-head small{color:#8498aa}.vps-os-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vps-os-option{cursor:pointer}.vps-os-option input{position:absolute;opacity:0;pointer-events:none}.vps-os-option>span{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025);transition:.18s ease}.vps-os-option img{width:28px;height:28px;object-fit:contain}.vps-os-option input:checked+span{border-color:rgba(124,92,255,.7);box-shadow:0 0 0 2px rgba(124,92,255,.13);background:rgba(124,92,255,.09)}.vps-oracle-details{padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:14px}.vps-oracle-details[open]{display:grid;gap:10px}.vps-save-btn{min-height:48px}.vps-plan-list{display:grid;gap:10px}.vps-plan-list>div{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.03)}.vps-plan-list>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.05);overflow:hidden}.vps-plan-list img{width:100%;height:100%;object-fit:contain}.vps-plan-list>div>div{display:grid;gap:2px}.vps-plan-list small{color:#8fa9bc}.vps-admin-list-rich article{display:grid;grid-template-columns:minmax(210px,1.15fr) minmax(230px,1fr) auto auto;gap:14px;align-items:center}.vps-admin-os{display:flex!important;align-items:center;gap:10px}.vps-admin-os img{width:42px;height:42px;object-fit:contain;border-radius:10px;background:rgba(255,255,255,.04);padding:6px}.vps-admin-os span,.vps-admin-server-meta{display:grid;gap:3px}.vps-admin-server-meta span{font-size:12px;color:#9bb0c0}.vps-home-section,.vps-market-section{position:relative;padding:22px;border:1px solid rgba(124,92,255,.18);border-radius:24px;background:radial-gradient(circle at 10% 0%,rgba(124,58,237,.11),transparent 38%),linear-gradient(180deg,rgba(10,19,37,.86),rgba(7,13,26,.72));overflow:hidden}.vps-home-section:before,.vps-market-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent,rgba(59,130,246,.025),transparent)}.vps-market-card-rich{display:grid;gap:14px;min-height:100%;overflow:hidden}.vps-card-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:112px;border-radius:16px;background:radial-gradient(circle at 50% 35%,rgba(124,58,237,.18),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.06)}.vps-plan-image{max-width:150px;max-height:72px;object-fit:contain}.vps-os-main-image{width:64px;height:64px}.vps-card-visual .vps-duration-badge{position:absolute;right:10px;top:10px}.vps-card-copy{display:grid;gap:6px}.vps-card-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.vps-card-specs span{display:grid;gap:2px;padding:10px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.045)}.vps-card-specs small{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7790a5}.vps-card-specs b{font-size:12px}.vps-os-row{display:flex;gap:8px;flex-wrap:wrap}.vps-os-row>span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}.vps-os-row img{width:20px;height:20px}.vps-os-row small{color:#8195a8}.vps-market-footer>div{display:grid;gap:1px}.vps-market-footer>div small{color:#8195a8;font-size:11px}.vps-os-detail{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.035)}.vps-os-detail img{width:42px;height:42px}.vps-os-detail>div{display:grid;gap:2px}
@media(max-width:900px){.vps-plan-choice{grid-template-columns:1fr}.vps-os-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.vps-admin-list-rich article{grid-template-columns:1fr;align-items:flex-start}.vps-card-specs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.vps-os-picker{grid-template-columns:1fr 1fr}.vps-home-section,.vps-market-section{padding:14px}.vps-card-specs{grid-template-columns:1fr 1fr}}

/* v2.10.2.3 — VPS cards: sistema operacional como identidade visual principal */
.vps-card-visual{flex-direction:column;gap:8px}
.vps-card-visual .vps-os-main-image{width:72px;height:72px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.vps-os-visual-label{font-size:12px;font-weight:800;color:#d8e4ef;letter-spacing:.01em;text-align:center}
@media(max-width:640px){.vps-card-visual{min-height:138px}.vps-card-visual .vps-os-main-image{width:68px;height:68px}}

/* Cospam v2.10.2.4 — preparação VPS, troca de imagem e SLA de 30 min */
.vps-checkout-notice{display:grid;gap:9px;margin:14px 0;padding:14px;border:1px solid rgba(124,92,255,.22);border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(37,99,235,.055))}.vps-checkout-notice>div{display:grid;gap:2px}.vps-checkout-notice strong{font-size:13px;color:#e7eaff}.vps-checkout-notice span{font-size:12px;color:#91a6b9;line-height:1.45}.vps-preparation-card{display:grid;gap:16px}.vps-preparation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.vps-preparation-head h2{margin:.2rem 0 .35rem}.vps-preparation-head p{margin:0;color:#91a6b9}.vps-delivery-clock{min-width:170px;display:grid;gap:3px;padding:14px;border:1px solid rgba(42,213,130,.22);border-radius:14px;background:rgba(42,213,130,.055);text-align:right}.vps-delivery-clock small,.vps-delivery-clock span{color:#8fb7a4;font-size:11px}.vps-delivery-clock strong{font-size:21px;color:#b8f7d9}.vps-preparation-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.vps-default-image,.vps-term-note{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.vps-default-image img{width:46px;height:46px;object-fit:contain}.vps-default-image>div,.vps-term-note{display:grid;gap:3px}.vps-default-image small{color:#8195a8}.vps-default-image span,.vps-term-note span{font-size:12px;color:#91a6b9}.vps-image-request-box{padding:14px;border:1px dashed rgba(124,92,255,.28);border-radius:14px;background:rgba(124,92,255,.035)}.vps-image-request-box summary{cursor:pointer;font-weight:800;color:#d9d6ff}.vps-image-request-box form{display:grid;gap:10px;margin-top:14px}.vps-image-request-status{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(255,177,64,.24);background:rgba(255,177,64,.06)}.vps-image-request-status.is-ready{border-color:rgba(42,213,130,.24);background:rgba(42,213,130,.06)}.vps-image-request-status img{width:40px;height:40px;object-fit:contain}.vps-image-request-status>div{display:grid;gap:3px}.vps-image-request-status span{font-size:12px;color:#9db0bf}.vps-admin-actions{display:grid;gap:8px;justify-items:end}.vps-admin-image-request{display:grid;gap:8px;min-width:250px;padding:10px;border-radius:12px;background:rgba(255,177,64,.065);border:1px solid rgba(255,177,64,.2)}.vps-admin-image-request>span{display:grid;gap:2px}.vps-admin-image-request small{color:#aab7c5}.vps-admin-image-request form{margin:0}.vps-admin-deadline{color:#ffcb7a!important}.vps-image-prepared-note{color:#8ee9bb!important}.vps-market-features span:first-child{border-color:rgba(42,213,130,.14);background:rgba(42,213,130,.055);color:#a9efd0}
@media(max-width:850px){.vps-preparation-head{display:grid}.vps-delivery-clock{text-align:left;min-width:0}.vps-preparation-grid{grid-template-columns:1fr}.vps-admin-actions{justify-items:stretch}.vps-admin-image-request{min-width:0}.vps-admin-list-rich article{grid-template-columns:1fr}.vps-admin-image-request .btn{width:100%}}

/* v2.10.3 — OCI Instance Principal, imagem no checkout e energia da VPS */
.vps-checkout-image-card{display:grid;gap:10px;margin:14px 0;padding:15px;border:1px solid rgba(42,213,130,.18);border-radius:15px;background:linear-gradient(135deg,rgba(42,213,130,.055),rgba(37,99,235,.05))}
.vps-checkout-image-card>div{display:grid;gap:3px}.vps-checkout-image-card strong{font-size:14px}.vps-checkout-image-card small{color:#91a6b9;line-height:1.45}.vps-checkout-image-card select{margin:0}
.vps-power-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}
.vps-power-status span{font-size:12px;color:#8ea3b6}.vps-power-status strong{font-size:13px;color:#cde9ff}
.vps-power-actions{display:flex;gap:8px;flex-wrap:wrap}.vps-power-actions form{margin:0}.vps-power-actions button:disabled{opacity:.45;cursor:not-allowed}
.vps-access-update{width:100%;padding:10px 12px;border:1px dashed rgba(124,92,255,.24);border-radius:12px;background:rgba(124,92,255,.03)}
.vps-access-update summary{cursor:pointer;font-size:12px;font-weight:800;color:#cfc8ff}.vps-access-update-form{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px!important}.vps-access-update-form label{display:grid;gap:5px;font-size:11px;color:#8fa3b6}.vps-access-update-form label:nth-child(4){grid-column:1/-1}.vps-access-update-form .btn{grid-column:1/-1;justify-self:start}
.vps-oci-health{display:grid;gap:4px}.vps-oci-health code{font-size:11px;color:#9eb4c9;word-break:break-all}
@media(max-width:700px){.vps-power-actions,.vps-power-actions form,.vps-power-actions .btn{width:100%}.vps-access-update-form{grid-template-columns:1fr}.vps-access-update-form label:nth-child(4),.vps-access-update-form .btn{grid-column:auto}.vps-access-update-form .btn{width:100%}}

/* Cospam v2.10.4 — importação automática, Oracle Wizard, tema claro/escuro e VPS live */
html{color-scheme:dark;scroll-behavior:smooth}
html[data-theme="light"]{color-scheme:light}
body,.topbar,.card,input,textarea,select,table,.admin-sidebar,.account-hero,.account-stat-card,.account-order-card,.store-product-card,.vps-auto-import-card{transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
.theme-toggle{display:inline-flex!important;align-items:center;gap:7px;min-height:38px;padding:8px 11px!important;border:1px solid rgba(126,149,190,.26)!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;color:#dbe8f8!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}
.theme-toggle:hover{background:rgba(255,255,255,.085)!important}.theme-toggle [data-theme-icon]{font-size:16px;line-height:1}.theme-toggle-label{white-space:nowrap}

.live-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(42,213,130,.24);border-radius:999px;background:rgba(42,213,130,.065);color:#9ce9bd;font-size:12px;font-weight:800;white-space:nowrap}.live-chip i,.vps-live-updated i{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.42);animation:cospamLivePulse 1.8s infinite}@keyframes cospamLivePulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.42)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

.vps-auto-import-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:24px;align-items:center;margin-bottom:18px;padding:24px;border-color:rgba(85,111,255,.32);background:radial-gradient(circle at 0 0,rgba(111,70,255,.18),transparent 44%),radial-gradient(circle at 100% 100%,rgba(24,172,255,.09),transparent 44%),linear-gradient(135deg,#0b1427,#09111d)}
.vps-auto-import-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-90px;top:-100px;background:rgba(111,70,255,.12);filter:blur(4px);pointer-events:none}.vps-auto-import-copy,.vps-auto-import-form{position:relative;z-index:1}.vps-auto-import-copy h2{font-size:clamp(25px,3vw,36px);margin:.18em 0 .35em}.vps-auto-import-copy p{margin:0;color:#9fb0c4;max-width:52ch}.vps-auto-import-form{display:grid;gap:12px}.vps-auto-import-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.vps-auto-import-fields label{margin:0;font-size:12px;color:#a8b7c9}.vps-auto-import-fields input{margin-top:5px;background:rgba(4,11,24,.72);border-color:rgba(108,129,177,.32)}.vps-detect-button{min-height:49px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#6f46ff,#2768ff)!important;box-shadow:0 10px 28px rgba(65,78,255,.25)}.vps-detect-button:disabled{opacity:.72;cursor:wait}.vps-detect-dot{width:9px;height:9px;border-radius:50%;background:#a9f2ca;box-shadow:0 0 0 0 rgba(169,242,202,.55);animation:cospamLivePulse 1.55s infinite}.vps-auto-import-note{font-size:11px;color:#7f94ab;line-height:1.45}.vps-manual-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:24px 2px 10px;padding-top:12px;border-top:1px solid rgba(135,153,187,.13)}.vps-manual-heading span{font-weight:850;color:#c9d6e5}.vps-manual-heading small{color:#7f92a8}

.oracle-wizard-card{position:relative;overflow:hidden;background:radial-gradient(circle at 95% 5%,rgba(255,94,38,.09),transparent 36%),linear-gradient(180deg,#0d1624,#0a111d)}.oracle-wizard-form{margin-top:12px}.oracle-wizard-button{min-height:48px;background:linear-gradient(135deg,#f26a2e,#8d4fff)!important}.oracle-manual-profile{margin-top:14px}.oracle-key-result{grid-column:1/-1;border-color:rgba(42,213,130,.25);background:radial-gradient(circle at 90% 10%,rgba(42,213,130,.09),transparent 40%),#0d1522}.oracle-key-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px}.oracle-key-steps>span{display:flex;gap:9px;align-items:flex-start;padding:12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);font-size:12px;color:#9eafc1}.oracle-key-steps>span>b:first-child{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:rgba(111,70,255,.18);color:#cabdff}.oracle-key-result textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;white-space:pre}

.vps-admin-state{display:flex;align-items:center;gap:9px;min-width:145px;padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025)}.vps-admin-state>div{display:grid;gap:1px;min-width:64px}.vps-admin-state small{font-size:9px!important;text-transform:uppercase;letter-spacing:.08em;color:#70849c!important}.vps-admin-state strong{font-size:12px;white-space:nowrap}.vps-admin-state .status-pill{margin-left:auto}.vps-live-indicator{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#64748b}.vps-live-indicator.is-running{background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.45);animation:cospamLivePulse 1.8s infinite}.vps-live-indicator.is-stopped{background:#fb7185}.vps-live-indicator.is-unknown{background:#fbbf24}.vps-admin-power{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.vps-admin-power form{margin:0}.btn.mini{padding:8px 10px;font-size:11px;min-height:34px}.vps-admin-power button:disabled{opacity:.38;cursor:not-allowed}.vps-admin-list-rich article{grid-template-columns:minmax(190px,1.05fr) minmax(220px,1fr) minmax(145px,.55fr) minmax(230px,.9fr)}

.vps-monitor-card{position:relative;overflow:hidden;border-color:rgba(69,105,255,.21);background:radial-gradient(circle at 100% 0,rgba(74,104,255,.11),transparent 38%),linear-gradient(180deg,#0d1625,#0a111d)}.vps-live-updated{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid rgba(42,213,130,.2);background:rgba(42,213,130,.055);color:#8fdcaf;font-size:11px;font-weight:800;white-space:nowrap}.vps-live-updated i.is-off{background:#f59e0b;animation:none}.vps-power-status{background:linear-gradient(90deg,rgba(111,70,255,.08),rgba(35,94,255,.05))}.vps-metrics-grid>div{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}.vps-metrics-grid>div:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#6f46ff,#2bb8ff);opacity:.55}.vps-metrics-grid strong{letter-spacing:-.02em}.vps-power-actions .btn{min-width:110px}.vps-detail-hero{border-color:rgba(111,70,255,.22);background:radial-gradient(circle at 90% 0,rgba(111,70,255,.13),transparent 40%),linear-gradient(135deg,#0e1727,#09111d)}

/* Tema claro */
html[data-theme="light"] body{background:#f4f7fb;color:#172033}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.94);border-bottom-color:#dbe4ef;box-shadow:0 6px 24px rgba(31,51,79,.06);backdrop-filter:blur(14px)}
html[data-theme="light"] .brand,html[data-theme="light"] .site-nav>a{color:#19243a}
html[data-theme="light"] .theme-toggle{background:#f2f5fa!important;border-color:#d6e0ec!important;color:#24324a!important}
html[data-theme="light"] .card,html[data-theme="light"] table,html[data-theme="light"] .account-stat-card,html[data-theme="light"] .account-order-card,html[data-theme="light"] .store-product-card{background:#fff;border-color:#dce5ef;box-shadow:0 10px 30px rgba(36,56,83,.055)}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:#f8fafc;border-color:#d6e0eb;color:#172033}
html[data-theme="light"] label,html[data-theme="light"] .vps-auto-import-fields label{color:#35445c}
html[data-theme="light"] small,html[data-theme="light"] .note,html[data-theme="light"] .hero p,html[data-theme="light"] .store-hero-copy p,html[data-theme="light"] .benefit-card p,html[data-theme="light"] .store-product-card p,html[data-theme="light"] .account-hero p{color:#66758b}
html[data-theme="light"] .eyebrow{color:#5b55df}
html[data-theme="light"] .btn.secondary{background:#e9eef5;color:#24324a;border:1px solid #d5dfeb}
html[data-theme="light"] .table-wrap{border-color:#dce5ef}html[data-theme="light"] th,html[data-theme="light"] td{border-bottom-color:#e4ebf2}html[data-theme="light"] th{color:#64748b}
html[data-theme="light"] .credential-row,html[data-theme="light"] .saved-stock-item,html[data-theme="light"] .payment-option,html[data-theme="light"] .admin-quick-grid a,html[data-theme="light"] .whatsapp-log-row{background:#f8fafc;border-color:#dce5ef;color:#25334a}
html[data-theme="light"] .admin-sidebar{background:linear-gradient(180deg,#fff,#f7f9fc);border-color:#d9e3ee;box-shadow:0 18px 50px rgba(50,70,95,.08)}
html[data-theme="light"] .admin-sidebar-head{border-bottom-color:#e3eaf2}html[data-theme="light"] .admin-sidebar-nav a{color:#607087}html[data-theme="light"] .admin-sidebar-nav a:hover{background:#eef3f8;color:#172033}html[data-theme="light"] .admin-sidebar-nav a.active{background:linear-gradient(90deg,#ece8ff,#e9f0ff);border-color:#c9c2ff;color:#4338ca}html[data-theme="light"] .admin-sidebar-store{background:#f3f6fa;border-color:#d7e0eb;color:#40516b}
html[data-theme="light"] .admin-metric-card{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#dce5ef;box-shadow:0 10px 28px rgba(36,56,83,.05)}html[data-theme="light"] .admin-metric-card>span,html[data-theme="light"] .admin-metric-card small{color:#718096}html[data-theme="light"] .admin-metric-primary{background:radial-gradient(circle at 90% 5%,rgba(92,88,255,.12),transparent 42%),#fff;border-color:#cbc7ff}html[data-theme="light"] .admin-metric-profit{background:radial-gradient(circle at 90% 5%,rgba(34,197,94,.1),transparent 42%),#fff;border-color:#c8ead5}html[data-theme="light"] .admin-metric-profit>strong{color:#168548}
html[data-theme="light"] .admin-chart-bar-track{background:#edf2f7}html[data-theme="light"] .admin-recent-row,html[data-theme="light"] .admin-stock-watch-row{border-bottom-color:#e5ebf2}
html[data-theme="light"] .account-hero{background:radial-gradient(circle at 85% 10%,rgba(69,91,255,.1),transparent 34%),linear-gradient(135deg,#fff,#f4f7fb);border-color:#dbe4ef;box-shadow:0 12px 34px rgba(36,56,83,.06)}
html[data-theme="light"] .account-stat-card,html[data-theme="light"] .account-order-card{background:#fff;border-color:#dce5ef}html[data-theme="light"] .account-stat-accent{background:linear-gradient(145deg,#f0efff,#fff);border-color:#d2ccff}
html[data-theme="light"] .order-filter{background:#eef2f7;color:#5b697d;border-color:#d9e2ec}html[data-theme="light"] .order-filter.active{background:#5b55df;color:#fff;border-color:#5b55df}
html[data-theme="light"] .vps-auto-import-card{background:radial-gradient(circle at 0 0,rgba(111,70,255,.12),transparent 44%),radial-gradient(circle at 100% 100%,rgba(24,172,255,.07),transparent 44%),#fff;border-color:#d3cdfd;box-shadow:0 16px 45px rgba(60,58,130,.08)}html[data-theme="light"] .vps-auto-import-copy p{color:#65758b}html[data-theme="light"] .vps-auto-import-fields input{background:#f8fafc;border-color:#d6e0eb}html[data-theme="light"] .vps-manual-heading{border-top-color:#dfe7f0}html[data-theme="light"] .vps-manual-heading span{color:#344157}
html[data-theme="light"] .oracle-wizard-card,html[data-theme="light"] .oracle-key-result{background:#fff;border-color:#dce5ef}html[data-theme="light"] .oracle-key-steps>span{background:#f7f9fc;border-color:#e0e7ef;color:#627188}
html[data-theme="light"] .vps-form-section,html[data-theme="light"] .vps-oracle-details,html[data-theme="light"] .vps-access-update{background:#f8fafc;border-color:#d8e2ed}html[data-theme="light"] .vps-form-section-head small,html[data-theme="light"] .vps-plan-list small,html[data-theme="light"] .vps-admin-server-meta span{color:#65758a}
html[data-theme="light"] .vps-os-option>span,html[data-theme="light"] .vps-plan-list>div,html[data-theme="light"] .vps-admin-list article,html[data-theme="light"] .admin-renewal-card,html[data-theme="light"] .wallet-user-list>div{background:#f8fafc;border-color:#e0e7ef}
html[data-theme="light"] .vps-admin-state{background:#f8fafc;border-color:#dce5ef}html[data-theme="light"] .vps-admin-state small{color:#77859a!important}
html[data-theme="light"] .vps-detail-hero,html[data-theme="light"] .vps-monitor-card{background:radial-gradient(circle at 90% 0,rgba(111,70,255,.08),transparent 40%),#fff;border-color:#d9e1ef;box-shadow:0 12px 36px rgba(37,51,79,.055)}
html[data-theme="light"] .vps-credentials label,html[data-theme="light"] .vps-spec-grid>div,html[data-theme="light"] .vps-metrics-grid>div,html[data-theme="light"] .vps-power-status,html[data-theme="light"] .subscription-due,html[data-theme="light"] .vps-mini-specs span{background:#f6f8fb;border-color:#e1e8f0;color:#223047}
html[data-theme="light"] .vps-spec-grid small,html[data-theme="light"] .vps-metrics-grid small{color:#697a90}
html[data-theme="light"] .vps-home-section,html[data-theme="light"] .vps-market-section{background:radial-gradient(circle at 10% 0%,rgba(111,70,255,.07),transparent 38%),#fff;border-color:#ddd8ff}html[data-theme="light"] .vps-card-visual{background:linear-gradient(180deg,#f8f7ff,#f4f7fb);border-color:#e2e7ef}html[data-theme="light"] .vps-os-visual-label{color:#334155}html[data-theme="light"] .vps-card-specs span,html[data-theme="light"] .vps-os-row>span{background:#f6f8fb;border-color:#e2e8f0}
html[data-theme="light"] .language-picker select{background:#f5f7fa;color:#26344b;border-color:#d6e0eb}html[data-theme="light"] .nav-register{background:#eef2ff;color:#4338ca;border-color:#cbc7ff}
html[data-theme="light"] .status-available{background:#dcfce7;color:#166534}html[data-theme="light"] .status-sold{background:#ffedd5;color:#9a3412}html[data-theme="light"] .status-reserved{background:#fef3c7;color:#92400e}
html[data-theme="light"] .alert.success{background:#ecfdf5;border-color:#a7f3d0;color:#166534}html[data-theme="light"] .alert.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}

@media(max-width:1050px){.vps-auto-import-card{grid-template-columns:1fr}.oracle-key-steps{grid-template-columns:1fr}.vps-admin-list-rich article{grid-template-columns:1fr 1fr}.vps-admin-actions{grid-column:1/-1;justify-items:stretch}.vps-admin-power{justify-content:flex-start}}
@media(max-width:700px){.theme-toggle-label{display:none}.theme-toggle{width:38px!important;justify-content:center;padding:7px!important}.vps-auto-import-card{padding:18px}.vps-auto-import-fields{grid-template-columns:1fr}.vps-manual-heading{align-items:flex-start;flex-direction:column}.vps-admin-list-rich article{grid-template-columns:1fr}.vps-admin-state{width:100%}.vps-admin-power,.vps-admin-power form,.vps-admin-power button{width:100%}.vps-admin-power{display:grid;grid-template-columns:1fr}.live-chip{align-self:flex-start}.vps-live-updated{align-self:flex-start}.oracle-key-result textarea{font-size:10px}}

/* v2.10.4.1 — responsive admin/VPS polish + light-theme contrast pass */

/* Keep every admin/VPS child shrinkable. Prevents a wide child from forcing
   the whole page into a desktop-like half-width column on mobile/tablet. */
.admin-content,
.vps-admin-shell,
.vps-admin-shell > *,
.vps-admin-grid,
.vps-admin-grid-main,
.vps-admin-side,
.vps-admin-list,
.vps-admin-list-rich,
.vps-admin-list-rich article,
.vps-admin-os,
.vps-admin-server-meta,
.vps-admin-state,
.vps-admin-actions{min-width:0;max-width:100%}
.vps-admin-shell{width:100%}
.vps-admin-list-rich{width:100%}
.vps-admin-list-rich article{width:100%;overflow:hidden}
.vps-admin-os span,.vps-admin-server-meta{overflow-wrap:anywhere;word-break:break-word}
.vps-admin-server-meta span{white-space:normal}
.vps-admin-state{overflow:hidden}
.vps-admin-state strong{overflow:hidden;text-overflow:ellipsis;max-width:100%}
.vps-access-update{max-width:100%}
.vps-access-update summary{cursor:pointer}

/* The old layout only collapsed at ~800px. On some Android/zoom combinations
   the browser viewport is wider, so the Admin still rendered as two columns.
   Collapse the Admin and VPS work area sooner. */
@media(max-width:1120px){
  .admin-layout{display:block!important;width:min(1120px,94%)!important;padding-top:10px!important}
  .admin-sidebar{position:static!important;min-height:auto!important;margin-bottom:12px!important;padding:10px!important;border-radius:16px!important}
  .admin-sidebar-head{display:none!important}
  .admin-sidebar-nav{display:flex!important;overflow-x:auto!important;gap:7px!important;padding:0 0 8px!important;scrollbar-width:thin}
  .admin-sidebar-nav a{flex:0 0 auto!important;padding:9px 11px!important;white-space:nowrap}
  .admin-sidebar-store{display:none!important}
  .admin-content{width:100%!important}

  .vps-admin-grid,.vps-admin-grid-main{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .vps-admin-side{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  .vps-admin-list-rich article{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}
  .vps-admin-os,.vps-admin-server-meta,.vps-admin-state,.vps-admin-actions{width:100%!important}
  .vps-admin-state{justify-content:flex-start!important}
  .vps-admin-state .status-pill{margin-left:auto}
  .vps-admin-power{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;justify-content:stretch!important;width:100%!important}
  .vps-admin-power form,.vps-admin-power button{width:100%!important}
  .vps-admin-actions{display:grid!important;gap:10px!important}
  .vps-admin-actions>form,.vps-admin-actions>form .btn,.vps-admin-actions>details{width:100%}
  .vps-access-update-form{width:100%}
}

@media(max-width:620px){
  .admin-layout{width:calc(100% - 24px)!important}
  .vps-admin-shell .page-head{padding-top:24px}
  .vps-admin-shell>.card,.vps-auto-import-card{border-radius:18px}
  .vps-admin-list-rich article{padding:14px!important;gap:12px!important}
  .vps-admin-power{grid-template-columns:1fr!important}
  .vps-admin-state{flex-wrap:wrap}
  .vps-admin-state .status-pill{margin-left:0}
  .admin-section-title{align-items:flex-start;flex-direction:column;gap:4px}
  .admin-section-title small{align-self:flex-start}
}

/* Light theme: stronger semantic colors and complete coverage for legacy cards. */
html[data-theme="light"] body{background:#f3f6fb;color:#172033}
html[data-theme="light"] :where(h1,h2,h3,h4,h5,h6,strong,b,summary){color:#172033}
html[data-theme="light"] :where(p,.note,small,.stock-meta,.credential-label,.vps-admin-server-meta span,.vps-form-section-head small,.vps-plan-list small,.vps-os-row small,.vps-market-footer small,.vps-card-specs small,.support-ticket-meta,.staff-customer-data,.wallet-tx-list small){color:#596b82!important}
html[data-theme="light"] :where(.eyebrow,.support-back-link,.admin-section-title>a){color:#5146d8!important}
html[data-theme="light"] a:not(.btn):not(.admin-sidebar-nav a):not(.nav-dashboard-cta):not(.nav-register){text-decoration-color:rgba(81,70,216,.35)}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#8a98aa!important;opacity:1}
html[data-theme="light"] input:disabled,
html[data-theme="light"] textarea:disabled,
html[data-theme="light"] select:disabled{background:#eef2f6!important;color:#6b7788!important;opacity:1}

html[data-theme="light"] :where(.card,.vps-form-section,.vps-oracle-details,.vps-access-update,.credential-row,.saved-stock-item,.payment-option,.support-ticket-item,.staff-ticket-row,.staff-management-row,.ranking-mini-list>div,.vps-admin-list article,.admin-renewal-card,.wallet-user-list>div){color:#223047}
html[data-theme="light"] :where(.vps-form-section,.vps-oracle-details,.vps-access-update,.credential-row,.saved-stock-item,.payment-option,.support-ticket-item,.staff-ticket-row,.staff-management-row,.ranking-mini-list>div){background:#f8fafc!important;border-color:#d9e2ec!important}
html[data-theme="light"] details>summary{color:#2d3b52}
html[data-theme="light"] code{background:#eef2f7;color:#334155;border-radius:6px;padding:2px 5px}

html[data-theme="light"] .vps-admin-state{background:#f7f9fc!important;border-color:#d6e0eb!important;color:#24324a}
html[data-theme="light"] .vps-admin-state small{color:#66768b!important}
html[data-theme="light"] .vps-admin-state strong{color:#1f2d42!important}
html[data-theme="light"] .vps-live-indicator.is-running{background:#16a34a}
html[data-theme="light"] .vps-live-indicator.is-stopped{background:#e11d48}
html[data-theme="light"] .vps-live-indicator.is-unknown{background:#d97706}
html[data-theme="light"] .live-chip{background:#ecfdf3;border-color:#bbf7d0;color:#166534}

html[data-theme="light"] .vps-auto-import-note,
html[data-theme="light"] .vps-manual-heading small,
html[data-theme="light"] .vps-auto-import-copy p{color:#596b82!important}
html[data-theme="light"] .vps-manual-heading span{color:#24324a!important}
html[data-theme="light"] .vps-step-badge{background:#f1edff;border-color:#d8ccff;color:#5b36c9}
html[data-theme="light"] .vps-os-option>span{background:#f8fafc!important;border-color:#dce4ee!important;color:#25334a}
html[data-theme="light"] .vps-os-option input:checked+span{background:#eeeaff!important;border-color:#8b75ee!important;box-shadow:0 0 0 2px rgba(91,70,216,.10)}
html[data-theme="light"] .vps-plan-list>div{background:#f8fafc!important;border:1px solid #e0e7ef;color:#25334a}

html[data-theme="light"] .support-center-hero,
html[data-theme="light"] .staff-support-hero,
html[data-theme="light"] .ranking-hero,
html[data-theme="light"] .rewards-hero{background:radial-gradient(circle at 85% 10%,rgba(91,70,216,.08),transparent 35%),#fff;border-color:#dce5ef;box-shadow:0 10px 30px rgba(36,56,83,.05)}
html[data-theme="light"] .support-chat-card{background:#fff;border-color:#dce5ef;box-shadow:0 14px 38px rgba(36,56,83,.07)}
html[data-theme="light"] .support-chat-live{border-bottom-color:#e1e8f0;color:#65758a}
html[data-theme="light"] .support-messages{background:radial-gradient(circle at 15% 0%,rgba(91,70,216,.05),transparent 34%),#f7f9fc}
html[data-theme="light"] .support-message-bubble{background:#fff;border-color:#d8e2ed;color:#1f2d42}
html[data-theme="light"] .support-message-row.is-self .support-message-bubble{background:#eaf0ff;border-color:#b9c9f7}
html[data-theme="light"] .support-message-text{color:#1f2d42}
html[data-theme="light"] .support-composer{background:#fff;border-top-color:#e1e8f0}

html[data-theme="light"] .ranking-countdown,
html[data-theme="light"] .wallet-balance-card{background:#f8fafc;border-color:#dce5ef;color:#223047}
html[data-theme="light"] .ranking-row,
html[data-theme="light"] .reward-item,
html[data-theme="light"] .wallet-tx-list>div{border-bottom-color:#e3e9f0}
html[data-theme="light"] .ranking-podium{background:linear-gradient(90deg,rgba(245,158,11,.10),transparent)}
html[data-theme="light"] .reward-status{background:#eef2f7;color:#4d5e73}

html[data-theme="light"] .btn:disabled,
html[data-theme="light"] button:disabled{opacity:.58!important;color:#657187!important;filter:saturate(.7)}
html[data-theme="light"] .btn.secondary:disabled{background:#edf1f5!important;border-color:#dce3eb!important}

html[data-theme="light"] .admin-chart-value,
html[data-theme="light"] .admin-chart-day small,
html[data-theme="light"] .admin-chart-legend,
html[data-theme="light"] .admin-quick-grid small,
html[data-theme="light"] .admin-recent-row small{color:#64758a!important}
html[data-theme="light"] .admin-quick-grid a{background:#f8fafc!important;border-color:#dce5ef!important;color:#223047}
html[data-theme="light"] .admin-quick-grid a:hover{background:#f1f5f9!important;border-color:#b9c8da!important}

/* Keep the selected theme legible during transitions. */
html[data-theme="light"] *{text-shadow:none}

/* ===== v2.10.5 — ciclo VPS + saúde Oracle ===== */
.vps-lifecycle-tag{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.01em;border:1px solid rgba(148,163,184,.2);background:rgba(148,163,184,.08);color:var(--text)}
.vps-lifecycle-tag.is-persistent{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.10);color:#86efac}
.vps-lifecycle-tag.is-temporary{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.10);color:#fcd34d}
.vps-plan-mode-form{display:flex;gap:7px;align-items:center;margin-top:8px}.vps-plan-mode-form select{min-width:120px}.vps-plan-mode-form .btn{padding:7px 10px}
.vps-replacement-alert{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:9px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-weight:800;font-size:.74rem}
.oracle-health-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.oracle-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oracle-account-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));display:grid;gap:13px}.oracle-account-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.oracle-account-top>div{display:grid;gap:3px;min-width:0}.oracle-account-top strong{font-size:1rem}.oracle-account-top small{color:var(--muted);word-break:break-word}.oracle-health-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:.72rem;font-weight:900;white-space:nowrap;border:1px solid var(--border)}.oracle-health-pill.is-healthy{color:#86efac;background:rgba(16,185,129,.11);border-color:rgba(16,185,129,.28)}.oracle-health-pill.is-degraded{color:#fde68a;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.28)}.oracle-health-pill.is-offline{color:#fca5a5;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.28)}.oracle-health-pill.is-unknown{color:var(--muted);background:rgba(148,163,184,.08)}.oracle-capacity{display:grid;gap:7px}.oracle-capacity>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:.82rem}.oracle-capacity>div:first-child span{color:var(--muted)}.oracle-capacity-bar{height:7px;border-radius:999px;overflow:hidden;background:rgba(148,163,184,.12)}.oracle-capacity-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#3b82f6);min-width:3px}.oracle-capacity small{color:var(--muted)}.oracle-health-error{margin:0;padding:9px 11px;border-radius:11px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.18);color:#fca5a5;font-size:.78rem;line-height:1.45}.oracle-last-check{color:var(--muted)}.oracle-replacement-center{margin-top:16px}.oracle-replacement-list{display:grid;gap:10px}.oracle-replacement-list article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--border);border-radius:14px;background:rgba(239,68,68,.035)}.oracle-replacement-list article>div{display:grid;gap:3px;min-width:0}.oracle-replacement-list small,.oracle-replacement-list span{color:var(--muted);font-size:.78rem}.vps-duration-badge.is-persistent{background:linear-gradient(135deg,#059669,#0ea5e9)!important}.vps-auto-import-fields{align-items:end}
[data-theme="light"] .vps-lifecycle-tag.is-persistent{color:#047857;background:#ecfdf5;border-color:#a7f3d0}[data-theme="light"] .vps-lifecycle-tag.is-temporary{color:#92400e;background:#fffbeb;border-color:#fde68a}[data-theme="light"] .vps-replacement-alert{color:#b91c1c;background:#fef2f2;border-color:#fecaca}[data-theme="light"] .oracle-health-pill.is-healthy{color:#047857;background:#ecfdf5;border-color:#a7f3d0}[data-theme="light"] .oracle-health-pill.is-degraded{color:#92400e;background:#fffbeb;border-color:#fde68a}[data-theme="light"] .oracle-health-pill.is-offline{color:#b91c1c;background:#fef2f2;border-color:#fecaca}[data-theme="light"] .oracle-health-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}[data-theme="light"] .oracle-account-card{background:#fff}
@media(max-width:900px){.oracle-account-grid{grid-template-columns:1fr}.oracle-replacement-list article{align-items:flex-start;flex-direction:column}.oracle-replacement-list article form,.oracle-replacement-list article button{width:100%}.vps-plan-mode-form{align-items:stretch;flex-direction:column}.vps-plan-mode-form select,.vps-plan-mode-form .btn{width:100%}}

/* COSPAM_LAYOUT_CLEAN_FIX_START */

@media (max-width:760px) {

    /*
     * RESTAURA A TOPBAR AO COMPORTAMENTO
     * ORIGINAL VALIDADO DA COSPAM.
     *
     * O wrapper do header volta a ter
     * exatamente a mesma largura do conteúdo.
     */

    .topbar {
        padding-left: 0 !important;
        padding-right: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: block !important;

        transform: none !important;
    }

    /*
     * Header = mesmo wrap de 94% usado
     * pelo restante do site.
     */
    .topbar .wrap.nav {
        width: min(1320px, 94%) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        min-height: 62px !important;
        height: auto !important;

        padding: 8px 0 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 12px !important;

        transform: none !important;
    }

    /*
     * Marca da Cospam.
     */
    .topbar .brand {
        flex: 0 1 auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 18px !important;

        transform: none !important;
    }

    .topbar .brand-mark,
    .topbar .brand-mark svg {
        width: 36px !important;
    }

    /*
     * Lua + sino + hambúrguer.
     * Não crescem, não encolhem e
     * não empurram a barra.
     */
    .topbar-utilities {
        display: flex !important;
        align-items: center !important;

        gap: 8px !important;

        flex: 0 0 auto !important;

        margin-left: auto !important;

        transform: none !important;
    }

    .topbar-utilities > * {
        flex-shrink: 0 !important;
    }

    .mobile-menu-toggle {
        width: 43px !important;
        height: 43px !important;

        flex: 0 0 43px !important;
    }

    /*
     * HOME:
     * somente o HERO/foto principal fica
     * de ponta a ponta da tela.
     *
     * O restante do site continua usando
     * o espaçamento original.
     */
    main.wrap > .store-hero {
        width: 100vw !important;
        max-width: none !important;

        margin-left:
            calc(50% - 50vw) !important;

        margin-right:
            calc(50% - 50vw) !important;
    }

    /*
     * A foto encosta nas laterais,
     * mas o texto continua respirando.
     */
    main.wrap > .store-hero
    .store-hero-copy {
        padding-left:
            max(14px, 3vw) !important;

        padding-right:
            max(14px, 3vw) !important;
    }
}

/* COSPAM_LAYOUT_CLEAN_FIX_END */

/* COSPAM_ADMIN_VPS_MOBILE_CLEAN_START */

/*
 * Correção restrita ao conteúdo de
 * Admin -> Servidores VPS.
 *
 * O layout externo continua usando
 * o comportamento responsivo original
 * da própria Cospam.
 */

@media (max-width: 860px) {

    /*
     * Nenhum componente interno do VPS
     * pode aumentar a largura da página.
     */
    .vps-admin-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }

    .vps-admin-shell > * {
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /*
     * Cadastro principal e coluna lateral
     * ficam um embaixo do outro.
     */
    .vps-admin-grid,
    .vps-admin-grid.vps-admin-grid-main {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        gap: 16px !important;

        box-sizing: border-box !important;
    }

    .vps-admin-grid > *,
    .vps-admin-grid-main > *,
    .vps-create-card,
    .vps-admin-side {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        grid-column: auto !important;

        box-sizing: border-box !important;
    }


    /*
     * Forms e labels precisam poder encolher.
     * Isso é especialmente importante para
     * inputs nativos de arquivo no Android.
     */
    .vps-admin-shell form,
    .vps-admin-shell label,
    .vps-admin-shell fieldset,
    .vps-admin-shell .vps-form-section,
    .vps-admin-shell .vps-new-plan-fields,
    .vps-admin-shell .vps-auto-import-form,
    .vps-admin-shell .vps-auto-import-copy {
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    .vps-admin-shell input,
    .vps-admin-shell textarea,
    .vps-admin-shell select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    /*
     * Input "Escolher arquivo" pode possuir
     * largura intrínseca grande no navegador.
     */
    .vps-admin-shell input[type="file"] {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

}


/*
 * Celular pequeno:
 * grids internos também ficam em uma coluna.
 */
@media (max-width: 700px) {

    .vps-admin-shell .vps-plan-choice,
    .vps-admin-shell .form-two-cols,
    .vps-admin-shell .form-three-cols,
    .vps-admin-shell .vps-os-picker,
    .vps-admin-shell .vps-auto-import-fields {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }


    .vps-admin-shell .vps-admin-list-rich article {
        grid-template-columns:
            minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }


    .vps-admin-shell .vps-admin-state,
    .vps-admin-shell .vps-admin-actions,
    .vps-admin-shell .vps-admin-power {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

}

/* COSPAM_ADMIN_VPS_MOBILE_CLEAN_END */

/* COSPAM VPS AUTO / TERMINAL UI v2.10.6.2 */
.vps-legacy-tools{margin-bottom:18px}.vps-legacy-tools>summary{cursor:pointer;font-weight:800;padding:4px 0}.vps-legacy-tools:not([open]){padding:18px 20px}.vps-legacy-tools:not([open])>summary{margin:0}.vps-terminate-form .btn{border-color:rgba(239,68,68,.35)}
.vps-status-pulse{position:relative;padding-left:28px!important}.vps-status-pulse:before{content:"";position:absolute;left:11px;top:50%;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.65);animation:cospamVpsPulse 1.7s infinite}@keyframes cospamVpsPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.vps-terminal-card{overflow:hidden}.vps-terminal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.vps-terminal-head h2{margin:3px 0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:20px}.vps-terminal-head p{margin:0;color:var(--muted)}.vps-terminal-live{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--muted)}.vps-terminal-live i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 14px rgba(52,211,153,.8)}.vps-terminal-window{min-height:180px;max-height:340px;overflow:auto;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:#050814;padding:14px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#d1fae5;box-shadow:inset 0 0 28px rgba(15,23,42,.65)}.vps-terminal-line{white-space:pre-wrap;overflow-wrap:anywhere}.vps-terminal-line.is-system{color:#94a3b8;margin-bottom:6px}.vps-terminal-line.is-command{color:#86efac;margin-top:10px}.vps-terminal-result{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#e2e8f0;font:inherit}.vps-terminal-result.is-error{color:#fca5a5}.vps-terminal-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:10px}.vps-terminal-form>span{font-family:ui-monospace,monospace;color:#86efac}.vps-terminal-form input{min-width:0;background:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.22);border-radius:12px;padding:12px 13px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.vps-terminal-card>small{display:block;margin-top:8px;color:var(--muted)}
.vps-traffic-card{position:relative}.vps-traffic-card em{display:block;margin-top:3px;font-size:10px;font-style:normal;color:var(--muted)}
@media(max-width:700px){.vps-terminal-head{flex-direction:column}.vps-terminal-form{grid-template-columns:auto minmax(0,1fr)}.vps-terminal-form button{grid-column:1/-1;width:100%}.vps-legacy-tools{padding:14px}.vps-legacy-tools .vps-admin-grid-main{grid-template-columns:minmax(0,1fr)!important}}

/* COSPAM VPS STUDIO v2.11.0 */
.vps-control-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.vps-control-card{display:grid;gap:14px;overflow:hidden}.vps-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.vps-control-head h3{margin:7px 0 4px;font-size:24px}.vps-control-head p{margin:0;color:var(--muted)}.vps-live-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.vps-live-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.vps-live-dot.is-running{background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.55);animation:cospamVpsPulse 1.7s infinite}.vps-live-dot.is-stopped{background:#fb7185}.vps-live-dot.is-starting,.vps-live-dot.is-stopping{background:#fbbf24}.vps-control-identity,.vps-live-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vps-control-identity>span,.vps-live-metrics>span{display:grid;gap:3px;padding:11px 12px;border:1px solid rgba(148,163,184,.12);border-radius:13px;background:rgba(255,255,255,.035)}.vps-control-identity small,.vps-live-metrics small{color:var(--muted);font-size:11px}.vps-control-identity b,.vps-live-metrics b{font-size:15px;overflow-wrap:anywhere}.vps-live-metrics em{color:var(--muted);font-size:10px;font-style:normal}.vps-live-metrics .is-wide{grid-column:1/-1}.vps-card-power-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.vps-card-power-actions form{margin:0}.vps-card-power-actions .mini{min-height:40px;padding:9px 13px}.danger-btn{border-color:rgba(239,68,68,.45)!important;background:rgba(239,68,68,.09)!important;color:#fecaca!important}.vps-format-box{flex:1 1 100%;border:1px solid rgba(239,68,68,.20);border-radius:13px;padding:0 12px;background:rgba(127,29,29,.05)}.vps-format-box>summary{cursor:pointer;padding:11px 0;font-weight:800;color:#fca5a5}.vps-format-box form{display:grid;gap:10px;padding:2px 0 13px}.vps-format-box form p{margin:0;color:var(--muted);font-size:12px}.vps-format-box label{display:grid;gap:5px}.vps-format-progress{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid rgba(245,158,11,.25);border-radius:13px;background:rgba(245,158,11,.07)}.vps-format-progress i{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 0 rgba(251,191,36,.5);animation:cospamVpsPulse 1.6s infinite}.vps-format-progress div{display:grid;gap:3px}.vps-format-progress small{color:var(--muted)}.vps-terminal-inline{display:grid;gap:10px;padding-top:4px}.vps-terminal-inline .vps-terminal-window{min-height:210px;max-height:360px}.vps-full-panel-link{font-weight:800;color:#a78bfa;justify-self:start}.vps-custom-admin-config{border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.025)}.vps-custom-admin-config>summary{cursor:pointer;font-weight:800}.vps-custom-admin-config .form-three-cols{margin-top:12px}.vps-builder-section{margin:22px 0}.vps-builder-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:22px;align-items:start;padding:24px;border:1px solid rgba(124,92,255,.28);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(124,58,237,.16),transparent 44%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.12),transparent 46%),#08111f}.vps-builder-copy h2{margin:8px 0 10px;font-size:34px}.vps-builder-copy p{margin:0;color:var(--muted);max-width:520px}.vps-builder-form{display:grid;gap:15px}.vps-builder-range{display:grid;gap:8px;padding:14px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:rgba(255,255,255,.035)}.vps-builder-range>div{display:flex;justify-content:space-between;gap:12px;align-items:center}.vps-builder-range strong{font-size:18px}.vps-builder-range input[type=range]{width:100%;accent-color:#7657ff}.vps-builder-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vps-builder-summary>span{display:grid;gap:3px;padding:11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.12)}.vps-builder-summary small{color:var(--muted)}.vps-builder-summary .is-price{grid-column:1/-1;background:linear-gradient(135deg,rgba(124,58,237,.16),rgba(37,99,235,.12))}.vps-builder-summary .is-price b{font-size:23px}.vps-builder-form .btn{width:100%;justify-content:center}.vps-builder-safe-note{font-size:11px;color:var(--muted);text-align:center}

/* Light mode refinado: cards claros reais, sem blocos dark herdados. */
html[data-theme="light"] .account-quick-grid>a{background:#fff!important;border:1px solid #dce5ef!important;color:#172033!important;box-shadow:0 8px 24px rgba(31,51,79,.055)!important}html[data-theme="light"] .account-quick-grid>a:hover{background:#fbfcff!important;border-color:#b8c4f3!important;box-shadow:0 14px 34px rgba(65,75,130,.10)!important}html[data-theme="light"] .account-quick-grid>a strong{color:#172033!important}html[data-theme="light"] .account-quick-grid>a small{color:#66758b!important}html[data-theme="light"] .quick-action-icon{background:linear-gradient(135deg,#f1edff,#eaf1ff)!important;color:#5146d8!important;border:1px solid #ddd6fe}html[data-theme="light"] .account-quick-grid>a>b{color:#6155df!important}html[data-theme="light"] .quick-action-staff{background:#fff!important;border-color:#ddd6fe!important}html[data-theme="light"] .account-vps-section .vps-control-card,html[data-theme="light"] .vps-client-card{background:#fff!important;border-color:#dce5ef!important;color:#172033!important;box-shadow:0 12px 32px rgba(31,51,79,.06)!important}html[data-theme="light"] .vps-control-head h3,html[data-theme="light"] .vps-control-identity b,html[data-theme="light"] .vps-live-metrics b{color:#172033!important}html[data-theme="light"] .vps-control-identity>span,html[data-theme="light"] .vps-live-metrics>span{background:#f7f9fc!important;border-color:#e0e7ef!important}html[data-theme="light"] .vps-format-box{background:#fff7f7!important;border-color:#fecaca!important}html[data-theme="light"] .vps-format-box>summary{color:#b91c1c!important}html[data-theme="light"] .vps-format-progress{background:#fffbeb!important;border-color:#fde68a!important}html[data-theme="light"] .vps-full-panel-link{color:#5146d8!important}html[data-theme="light"] .vps-builder-card{background:radial-gradient(circle at 0 0,rgba(124,58,237,.08),transparent 42%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.07),transparent 44%),#fff!important;border-color:#d7d2fb!important;box-shadow:0 14px 38px rgba(47,56,98,.07)!important;color:#172033}html[data-theme="light"] .vps-builder-range,html[data-theme="light"] .vps-builder-summary>span,html[data-theme="light"] .vps-custom-admin-config{background:#f8fafc!important;border-color:#dce5ef!important;color:#25334a}html[data-theme="light"] .vps-builder-summary .is-price{background:linear-gradient(135deg,#f1edff,#edf4ff)!important}html[data-theme="light"] .vps-terminal-inline .vps-terminal-head h4,html[data-theme="light"] .vps-terminal-card .vps-terminal-head h2{color:#d1fae5!important}html[data-theme="light"] .vps-terminal-inline small{color:#64748b!important}html[data-theme="light"] .vps-terminal-form input{background:#0b1220!important;color:#e5e7eb!important;border-color:#26354c!important}

@media(max-width:760px){.vps-builder-card{grid-template-columns:1fr;padding:18px}.vps-builder-copy h2{font-size:28px}.vps-control-grid{grid-template-columns:1fr}.vps-card-power-actions>*{flex:1 1 calc(50% - 8px)}.vps-card-power-actions form .btn{width:100%}.vps-format-box{flex-basis:100%}.vps-terminal-inline .vps-terminal-window{min-height:180px}.vps-control-head{flex-direction:column}.vps-lifecycle-tag{align-self:flex-start}}
@media(max-width:420px){.vps-control-identity,.vps-live-metrics,.vps-builder-summary{grid-template-columns:1fr}.vps-live-metrics .is-wide,.vps-builder-summary .is-price{grid-column:auto}.vps-card-power-actions>*{flex-basis:100%}}
.vps-builder-control{display:grid;gap:8px;padding:14px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:rgba(255,255,255,.035)}.vps-builder-control label{display:flex;justify-content:space-between;gap:12px;align-items:center}.vps-builder-control strong{font-size:18px}.vps-builder-control input[type=range]{width:100%;accent-color:#7657ff}html[data-theme="light"] .vps-builder-control{background:#f8fafc!important;border-color:#dce5ef!important;color:#25334a}

/* ==========================================================
   Cospam v2.11.1 — UI polish / light mode / clean topbar
   ========================================================== */

/* Cleaner topbar: theme control lives inside the menu, not the header. */
.topbar .topbar-utilities{gap:10px}
.nav-theme-toggle{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:46px;padding:11px 14px;border:1px solid rgba(126,149,190,.20);border-radius:13px;background:rgba(255,255,255,.035);color:inherit;font:inherit;font-weight:700;cursor:pointer}
.nav-theme-toggle [data-theme-icon]{font-size:16px;line-height:1}
.notification-bell-icon{display:grid;place-items:center;width:22px;height:22px;color:currentColor}
.notification-bell-icon svg{display:block;width:22px;height:22px}
.notification-bell{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;padding:0!important;border-radius:15px!important}
.mobile-menu-toggle{width:48px!important;height:48px!important;border-radius:15px!important}
@media(max-width:760px){.topbar .nav{min-height:72px!important}.brand{font-size:22px!important}.brand-mark{width:48px!important}.topbar-utilities{flex:0 0 auto!important}}

/* Light mode: fix surfaces that were still inheriting dark-mode text/backgrounds. */
html[data-theme="light"] .site-nav{background:rgba(255,255,255,.985)!important;border-color:#dbe4ef!important;box-shadow:0 20px 50px rgba(30,51,80,.14)!important;color:#172033!important}
html[data-theme="light"] .site-nav a,html[data-theme="light"] .site-nav .nav-theme-toggle{color:#223047!important;background:#fff!important;border-color:#dce5ef!important}
html[data-theme="light"] .site-nav a:hover,html[data-theme="light"] .site-nav .nav-theme-toggle:hover{background:#f5f7fb!important}
html[data-theme="light"] .site-nav .nav-dashboard-cta{color:#fff!important;background:linear-gradient(135deg,#8b2cff,#5b3cff 52%,#2f6cff)!important;border-color:transparent!important}
html[data-theme="light"] .language-picker select{background:#fff!important;color:#223047!important;border-color:#dce5ef!important}

html[data-theme="light"] .account-quick-grid>a{background:#fff!important;color:#172033!important;border-color:#dce5ef!important;box-shadow:0 8px 22px rgba(31,51,79,.055)!important}
html[data-theme="light"] .account-quick-grid>a strong{color:#172033!important}
html[data-theme="light"] .account-quick-grid>a small{color:#66758b!important}
html[data-theme="light"] .account-quick-grid>a>b{color:#6657e7!important}
html[data-theme="light"] .quick-action-icon{background:linear-gradient(135deg,#f2edff,#edf3ff)!important;color:#5545da!important;border:1px solid #dfd8ff!important}

/* Hero intentionally remains cinematic/dark even when the rest of the page is light. */
html[data-theme="light"] .store-hero-copy h1,html[data-theme="light"] .store-hero-copy h1 *{color:#fff!important}
html[data-theme="light"] .store-hero-copy p{color:#d6deec!important}
html[data-theme="light"] .store-hero .hero-support-cta{color:#f8fbff!important;border-color:rgba(139,92,246,.72)!important;background:rgba(4,10,24,.32)!important}
html[data-theme="light"] .hero-service-points b{color:#f5f7ff!important}
html[data-theme="light"] .hero-service-points small{color:#aebbd0!important}

html[data-theme="light"] .cloud-platform-section{background:#fff!important;border-color:#dce5ef!important;box-shadow:0 10px 28px rgba(31,51,79,.055)!important}
html[data-theme="light"] .cloud-brand-card{background:#f8fafc!important;border-color:#e1e8f0!important;color:#172033!important;box-shadow:none!important}
html[data-theme="light"] .cloud-brand-card strong{color:#25334a!important}

html[data-theme="light"] .home-payment-showcase.payment-trust-card{background:#fff!important;border-color:#dce5ef!important;box-shadow:0 14px 36px rgba(31,51,79,.07)!important}
html[data-theme="light"] .home-payment-showcase.payment-trust-card strong,html[data-theme="light"] .home-payment-showcase.payment-trust-card h2,html[data-theme="light"] .home-payment-showcase.payment-trust-card h3{color:#172033!important}
html[data-theme="light"] .home-payment-showcase.payment-trust-card small,html[data-theme="light"] .home-payment-showcase.payment-trust-card p{color:#66758b!important}

/* Footer stays dark by design, but text is always readable. */
html[data-theme="light"] .site-footer{background:radial-gradient(circle at 10% 0,rgba(91,49,213,.13),transparent 33%),#050914!important;border-top-color:rgba(58,83,143,.34)!important}
html[data-theme="light"] .site-footer strong,html[data-theme="light"] .site-footer a{color:#e8eef9!important}
html[data-theme="light"] .site-footer p,html[data-theme="light"] .site-footer span,html[data-theme="light"] .site-footer small{color:#93a4bc!important}
html[data-theme="light"] .site-footer .site-footer-brand strong{color:#eef3ff!important}

/* Notification panel in light mode. */
html[data-theme="light"] .notification-panel{background:#fff!important;border-color:#dbe4ef!important;box-shadow:0 22px 55px rgba(30,51,80,.18)!important;color:#172033!important}
html[data-theme="light"] .notification-panel-head{border-bottom-color:#e2e8f0!important}
html[data-theme="light"] .notification-panel-head strong{color:#172033!important}
html[data-theme="light"] .notification-panel-head small,html[data-theme="light"] .notification-list small{color:#66758b!important}
html[data-theme="light"] .notification-item{background:#fff!important;border-color:#e5ebf2!important;color:#25334a!important}
html[data-theme="light"] .notification-item:hover{background:#f8fafc!important}

/* Explicit custom VPS admin section. */
.vps-custom-admin-overview{display:grid;gap:8px;border-color:rgba(124,92,255,.28)!important;background:radial-gradient(circle at 100% 0,rgba(124,58,237,.10),transparent 42%),rgba(255,255,255,.025)!important}
.vps-custom-admin-overview h2{margin:0}.vps-custom-admin-overview p{margin:0;color:#91a6b9;line-height:1.55}
.vps-custom-admin-callout{display:grid;gap:4px;margin:8px 0 12px;padding:12px 13px;border-radius:12px;border:1px solid rgba(124,92,255,.20);background:rgba(124,92,255,.07)}
.vps-custom-admin-callout span{font-size:12px;color:#8fa1b8;line-height:1.45}
html[data-theme="light"] .vps-custom-admin-overview{background:linear-gradient(145deg,#fbfaff,#f6f8ff)!important;border-color:#d8d1ff!important}
html[data-theme="light"] .vps-custom-admin-overview p,html[data-theme="light"] .vps-custom-admin-callout span{color:#5e6e84!important}
html[data-theme="light"] .vps-custom-admin-callout{background:#f5f2ff!important;border-color:#dcd4ff!important;color:#25334a!important}
html[data-theme="light"] .vps-custom-admin-config{background:#f8fafc!important;border-color:#dce5ef!important;color:#223047!important}
html[data-theme="light"] .vps-custom-admin-config summary{color:#352b8e!important;font-weight:800!important}

/* Keep public VPS builder crisp in light mode once enabled. */
html[data-theme="light"] .vps-builder-card{background:linear-gradient(145deg,#fff,#fafbff)!important;border-color:#d8d1ff!important;color:#172033!important}
html[data-theme="light"] .vps-builder-copy h2,html[data-theme="light"] .vps-builder-control strong,html[data-theme="light"] .vps-builder-summary b{color:#172033!important}
html[data-theme="light"] .vps-builder-copy p,html[data-theme="light"] .vps-builder-summary small{color:#66758b!important}


/* COSPAM_VPS_BUILDER_ADDONS_V2120 */
.vps-simple-plan-grid{display:grid;gap:16px}.vps-simple-plan-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--panel)}.vps-simple-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.vps-simple-plan-head>div{display:grid;gap:4px}.vps-simple-plan-head small{color:var(--muted)}.vps-simple-plan-form{display:grid;gap:14px}.vps-simple-plan-form label small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.vps-oracle-preview{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:12px;border-radius:14px;background:rgba(111,70,255,.07);border:1px solid rgba(111,70,255,.16)}.vps-oracle-preview span{color:var(--muted);font-size:12px}.vps-addon-config{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px}.vps-addon-config>div:first-child{display:grid;gap:3px}.vps-addon-config.is-disabled{opacity:.72}.vps-addon-link{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:10px 12px;border:1px dashed rgba(111,70,255,.4);border-radius:12px;text-decoration:none;font-weight:700}.vps-builder-zone{margin-top:28px}.vps-builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vps-builder-control small{display:block;margin-top:5px;color:var(--muted);font-size:12px}
html[data-theme="light"] .vps-simple-plan-card,html[data-theme="light"] .vps-addon-config,html[data-theme="light"] .vps-builder-card{background:#fff;color:#172033;border-color:#dbe3ee}.vps-simple-config .status-pill{white-space:nowrap}
@media(max-width:900px){.vps-builder-grid{grid-template-columns:1fr}.vps-simple-plan-head{align-items:flex-start}.vps-oracle-preview{grid-template-columns:1fr}.vps-simple-plan-grid{grid-template-columns:1fr}}
\n\n/* COSPAM_VPS_CATALOG_FIX_V2121 */\n.vps-builder-entry{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:18px 20px}\n.vps-builder-entry>div{display:flex;flex-direction:column;gap:5px}\n.vps-builder-entry strong{font-size:1.2rem}\n.vps-builder-entry small{color:var(--muted,#64748b)}\n.vps-addon-link{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;font-weight:800;text-decoration:none}\n@media(max-width:720px){.vps-builder-entry{align-items:stretch;flex-direction:column}.vps-builder-entry .btn{width:100%;text-align:center}}\n
/* COSPAM_VPS_HOME_BUILDER_V2122 */
.vps-home-builder-cta{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:22px;align-items:center;padding:24px;border:1px solid rgba(124,92,255,.34);border-radius:22px;background:radial-gradient(circle at 0 0,rgba(124,58,237,.20),transparent 45%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.16),transparent 45%),rgba(255,255,255,.025);box-shadow:0 18px 48px rgba(0,0,0,.14)}
.vps-home-builder-copy{display:grid;gap:8px}.vps-home-builder-copy h3{margin:0;font-size:30px}.vps-home-builder-copy p{margin:0;max-width:720px;color:var(--muted);line-height:1.55}.vps-home-builder-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.vps-home-builder-pills span{padding:7px 10px;border-radius:999px;background:rgba(124,92,255,.10);border:1px solid rgba(124,92,255,.18);font-size:12px;font-weight:750}.vps-home-builder-action{display:grid;justify-items:start;gap:3px;padding:18px;border-radius:17px;background:rgba(5,12,24,.52);border:1px solid rgba(148,163,184,.12)}.vps-home-builder-action>span,.vps-home-builder-action>small{color:var(--muted);font-size:12px}.vps-home-builder-action>strong{font-size:30px;line-height:1.05}.vps-home-builder-action .btn{width:100%;justify-content:center;margin-top:10px}
html[data-theme="light"] .vps-home-builder-cta{background:radial-gradient(circle at 0 0,rgba(124,58,237,.10),transparent 42%),linear-gradient(135deg,#fff,#f7f8ff);border-color:#d8d2ff;box-shadow:0 18px 44px rgba(53,63,104,.08)}html[data-theme="light"] .vps-home-builder-action{background:#fff;border-color:#e2e8f0}
@media(max-width:760px){.vps-home-builder-cta{grid-template-columns:1fr;padding:18px}.vps-home-builder-copy h3{font-size:26px}.vps-home-builder-action{justify-items:stretch}.vps-home-builder-action>strong{font-size:28px}}


/* COSPAM_ORACLE_CARD_INTERACTIVE_V2134_CSS */

.oracle-metric-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
}

.oracle-metric{
    position:relative;
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border:1px solid var(--border);
    border-radius:15px;
    background:linear-gradient(
        145deg,
        rgba(124,58,237,.07),
        rgba(59,130,246,.025)
    );
    overflow:hidden;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease
}

.oracle-metric-icon{
    position:relative;
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(129,140,248,.2);
    border-radius:12px;
    background:rgba(99,102,241,.1);
    color:#a78bfa
}

.oracle-metric-icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}

.oracle-metric-copy{
    display:grid;
    gap:2px;
    min-width:0
}

.oracle-metric-copy small{
    color:var(--muted);
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.035em;
    text-transform:uppercase
}

.oracle-metric-copy strong{
    font-size:.92rem;
    line-height:1.18;
    overflow-wrap:anywhere
}

.oracle-metric-credit{
    border-color:rgba(124,58,237,.3);
    box-shadow:0 8px 28px rgba(59,130,246,.06)
}

.oracle-metric-credit .oracle-metric-icon{
    color:#60a5fa;
    background:rgba(59,130,246,.1)
}

.oracle-metric-credit .oracle-metric-copy strong{
    font-size:1.02rem;
    background:linear-gradient(
        90deg,
        #c4b5fd,
        #60a5fa
    );
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent
}

.oracle-metric-date .oracle-metric-icon{
    color:#fbbf24;
    background:rgba(245,158,11,.08);
    border-color:rgba(245,158,11,.18)
}

.oracle-metric-monitor .oracle-metric-icon{
    color:#34d399;
    background:rgba(16,185,129,.09);
    border-color:rgba(16,185,129,.2)
}

.oracle-metric-monitor .oracle-metric-copy strong{
    color:#86efac
}

.oracle-live-dot{
    position:absolute;
    right:4px;
    top:4px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 0 rgba(34,197,94,.55);
    animation:oracleLivePulse 1.8s ease-out infinite
}

.oracle-resource-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px
}

.oracle-resource-strip>span{
    display:grid;
    gap:2px;
    padding:9px 6px;
    text-align:center;
    border:1px solid var(--border);
    border-radius:11px;
    background:rgba(148,163,184,.035)
}

.oracle-resource-strip small{
    color:var(--muted);
    font-size:.64rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.03em
}

.oracle-resource-strip strong{
    font-size:.88rem
}

.oracle-account-card .oracle-capacity-bar i{
    position:relative;
    overflow:hidden;
    transition:width .45s ease
}

.oracle-account-card .oracle-capacity-bar i::after{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-140%);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    animation:oracleCapacitySweep 3.2s ease-in-out infinite
}

@keyframes oracleLivePulse{
    0%{
        box-shadow:0 0 0 0 rgba(34,197,94,.5)
    }

    70%{
        box-shadow:0 0 0 8px rgba(34,197,94,0)
    }

    100%{
        box-shadow:0 0 0 0 rgba(34,197,94,0)
    }
}

@keyframes oracleCapacitySweep{
    0%,55%{
        transform:translateX(-140%)
    }

    85%,100%{
        transform:translateX(140%)
    }
}

@media(hover:hover){
    .oracle-metric:hover{
        transform:translateY(-2px);
        border-color:rgba(129,140,248,.34);
        box-shadow:0 10px 30px rgba(15,23,42,.15)
    }
}

@media(max-width:520px){

    .oracle-metric-grid{
        gap:8px
    }

    .oracle-metric{
        padding:10px 9px;
        gap:8px;
        border-radius:13px
    }

    .oracle-metric-icon{
        flex-basis:34px;
        width:34px;
        height:34px;
        border-radius:10px
    }

    .oracle-metric-icon svg{
        width:18px;
        height:18px
    }

    .oracle-metric-copy small{
        font-size:.59rem
    }

    .oracle-metric-copy strong{
        font-size:.8rem
    }

    .oracle-metric-credit .oracle-metric-copy strong{
        font-size:.88rem
    }

    .oracle-resource-strip{
        gap:5px
    }

    .oracle-resource-strip>span{
        padding:8px 3px
    }
}

@media(max-width:380px){

    .oracle-metric-grid{
        grid-template-columns:1fr
    }

    .oracle-resource-strip{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media(prefers-reduced-motion:reduce){

    .oracle-live-dot,
    .oracle-account-card .oracle-capacity-bar i::after{
        animation:none
    }

    .oracle-metric{
        transition:none
    }
}


/* COSPAM-DESKTOP-HOME-V1-20261010 */
@media screen and (min-width: 1100px) {

  /* Header: impede que o tema ocupe toda a barra */
  .topbar .site-nav > .nav-theme-toggle {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 92px !important;
    max-width: 126px !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    border-radius: 11px !important;
    background: rgba(96, 67, 177, .15) !important;
    border-color: rgba(143, 123, 255, .30) !important;
    box-shadow: none !important;
  }

  .topbar .site-nav {
    gap: 6px;
  }

  /* Home: distribui melhor texto e imagem */
  main.wrap > .store-hero {
    grid-template-columns:
      minmax(0, 1.10fr) minmax(0, .90fr) !important;
    gap: clamp(18px, 2.4vw, 36px) !important;
    align-items: center;
  }

  main.wrap > .store-hero .store-hero-copy {
    min-width: 0;
  }

  main.wrap > .store-hero .store-hero-copy h1 {
    font-size: clamp(44px, 4vw, 62px) !important;
    max-width: 14.8ch !important;
    line-height: 1.045 !important;
    letter-spacing: -.035em !important;
  }

  main.wrap > .store-hero .store-hero-copy p {
    max-width: 55ch !important;
    font-size: clamp(15px, 1.1vw, 17px) !important;
    line-height: 1.55;
  }

  main.wrap > .store-hero .hero-actions {
    flex-wrap: wrap !important;
  }

  main.wrap > .store-hero .hero-actions .btn {
    min-width: 170px !important;
    max-width: none;
  }

  /* Mantem os cards das marcas sem esmagar as logos */
  .cloud-platform-section .cloud-brand-card {
    flex-shrink: 0 !important;
  }
}
/* FIM COSPAM-DESKTOP-HOME-V1-20261010 */



/* COSPAM-HOME-DESKTOP-WIDTH-V2-20261010 */
@media screen and (min-width: 1100px) {

  /* Largura ampliada exclusivamente na home */
  main.wrap:has(> section.store-hero) {
    width: min(1900px, calc(100% - 64px)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Header alinhado com o conteudo da home */
  body:has(main.wrap > section.store-hero)
  .topbar .wrap.nav {
    width: min(1900px, calc(100% - 64px)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Hero contido dentro da largura corrigida */
  main.wrap > section.store-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

}
/* FIM COSPAM-HOME-DESKTOP-WIDTH-V2-20261010 */



/* COSPAM-HOME-VPS-GRID-V3-20261010 */
@media screen and (min-width: 1100px) {

  /* Tres planos ocupando a largura da home */
  .vps-home-section
  .cospam-vps-home-carousel-v21811 {
    display: grid !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    gap: clamp(14px, 1.4vw, 22px) !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    align-items: stretch !important;
  }

  /* Os cards deixam de usar largura fixa */
  .vps-home-section
  .cospam-vps-home-carousel-v21811
  > .vps-market-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    justify-self: stretch !important;
    scroll-snap-align: none !important;
  }
}
/* FIM COSPAM-HOME-VPS-GRID-V3-20261010 */



/* COSPAM-HOME-VPS-WIDTH-V4-20261010 */
@media screen and (min-width:1100px) {
  .vps-home-section
  .cospam-vps-home-carousel-v21811 {
    --cv4-layout:grid;
    --cv4-columns:repeat(3,minmax(0,1fr));
    --cv4-overflow:visible;
    --cv4-card-flex:none;
    --cv4-card-width:100%;
  }
}
/* FIM COSPAM-HOME-VPS-WIDTH-V4-20261010 */