@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;600;700&display=swap');

:root {
  --bg:#06080d;
  --surface:#10151e;
  --surface2:#171b24;
  --cream:#d9c8aa;
  --muted:#9a8767;
  --dim:#6d5b45;
  --gold:#d8a447;
  --orange:#c9791b;
  --red:#a73523;
  --teal:#2d8384;
  --green:#4ccc40;
  --border:rgba(189,169,130,.22);
}
*{box-sizing:border-box}
body{
  margin:0;color:var(--cream);font-family:"Space Grotesk",Arial,sans-serif;
  background:
    radial-gradient(circle at 15% 12%,rgba(201,121,27,.18),transparent 28%),
    radial-gradient(circle at 82% 28%,rgba(45,131,132,.14),transparent 30%),
    radial-gradient(circle at 75% 85%,rgba(167,53,35,.12),transparent 30%),
    linear-gradient(180deg,#090b11 0%,var(--bg) 50%,#030405 100%);
}
a{color:inherit;text-decoration:none}
.top-stripe{display:flex;height:4px;position:sticky;top:0;z-index:20}
.top-stripe span{flex:1}.top-stripe span:nth-child(1){background:var(--teal)}.top-stripe span:nth-child(2){background:var(--gold)}.top-stripe span:nth-child(3){background:var(--red)}.top-stripe span:nth-child(4){background:var(--cream)}
.site-header{position:sticky;top:4px;z-index:10;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(5,7,11,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}
.brand span{font-family:"Bebas Neue";font-size:3.2rem;line-height:.85;letter-spacing:-.03em}.brand small{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase}
.main-nav{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.main-nav a:hover{color:var(--cream)}.nav-admin{color:var(--gold)!important;border:1px solid rgba(216,164,71,.45);border-radius:8px;padding:11px 14px}
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:72px 5vw}
.eyebrow{color:var(--gold);font-size:.72rem;letter-spacing:.28em;font-weight:700;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h1{max-width:900px;font-family:"Bebas Neue";font-size:clamp(3.3rem,7vw,7.8rem);line-height:.88;letter-spacing:-.035em;margin-bottom:24px}.subtitle{max-width:650px;color:var(--muted);font-size:1.15rem;line-height:1.7}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold),var(--orange),var(--red));color:#080604}.secondary{border:1px solid var(--border);background:rgba(255,255,255,.035);color:var(--cream)}
.notice,.alert{margin:22px 5vw;padding:14px 16px;border:1px solid var(--border);background:rgba(0,0,0,.22);border-radius:12px;color:var(--muted)}.hero .notice{margin-left:0}.success{border-color:rgba(76,204,64,.35);color:#b8ffb3}.error{border-color:rgba(167,53,35,.55);color:#ffb0a6}
.holo-panel{position:relative;padding:26px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(90deg,rgba(45,131,132,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(216,164,71,.05) 1px,transparent 1px),radial-gradient(circle at 50% 18%,rgba(201,121,27,.16),transparent 34%),var(--surface);background-size:28px 28px;box-shadow:0 30px 100px rgba(0,0,0,.55);overflow:hidden}
.panel-head{display:flex;justify-content:space-between;gap:15px}.panel-head h2{font-family:"Bebas Neue";font-size:3.5rem;margin:0}.online-dot{color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-size:.65rem}
.carousel{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:rgba(0,0,0,.22)}.carousel-track{display:flex;animation:slide 13s infinite ease-in-out}@keyframes slide{0%,30%{transform:translateX(0)}38%,68%{transform:translateX(-100%)}76%,100%{transform:translateX(-200%)}}
.holo-card{min-width:100%;padding:30px;min-height:360px;display:flex;flex-direction:column;justify-content:flex-end}.holo-card img{width:190px;height:190px;margin:auto;display:block}.holo-card span{color:var(--gold);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.holo-card h3{font-size:1.7rem;margin:10px 0}.holo-card strong{font-family:"Bebas Neue";font-size:3.2rem}
.section{padding:72px 5vw}.section-head h2,.page-title h1{font-family:"Bebas Neue";font-size:clamp(3rem,6vw,6rem);margin-bottom:0}.page-title{padding:64px 5vw 28px}.page-title p{color:var(--muted)}
.post-grid,.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card,.product-card,.shop-sidebar,.cart-box,.order-box,.pix-box,.reward-info,.reward-game,.chat-panel{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.015)),var(--surface);border-radius:18px;padding:24px}
.post-card span{color:var(--gold);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.post-card p,.product-card p{color:var(--muted);line-height:1.6}.post-card a{color:var(--gold);font-weight:700}
.shop-layout{display:grid;grid-template-columns:260px 1fr;gap:22px;padding:20px 5vw 80px}.shop-sidebar{position:sticky;top:110px;height:max-content}.filter{width:100%;margin-bottom:8px;padding:12px;border:1px solid var(--border);background:rgba(255,255,255,.03);color:var(--cream);border-radius:8px;cursor:pointer;text-align:left}.filter.active,.filter:hover{border-color:var(--gold);color:var(--gold)}.shop-note{margin-top:20px;color:var(--muted);font-size:.9rem;line-height:1.5}
.product-card{position:relative}.tag{display:inline-flex;margin-bottom:14px;padding:7px 10px;border:1px solid rgba(216,164,71,.28);border-radius:999px;color:var(--gold);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.product-card img{width:120px;height:120px;display:block;margin:0 auto 18px}.price small{display:block;color:var(--dim);text-decoration:line-through}.price strong{font-family:"Bebas Neue";font-size:3rem}.stock{display:block;color:var(--green);margin:10px 0 18px}.buy-btn{width:100%;display:block;text-align:center;padding:13px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#080604;border:0;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}
.cart-box{margin:20px 5vw 80px}.cart-total{margin-top:24px;text-align:right}.cart-total strong{display:block;font-family:"Bebas Neue";font-size:4rem}.cart-total small{color:var(--muted)}
.order-layout,.reward-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:20px 5vw 40px}.fake-qr{width:180px;height:180px;display:grid;place-items:center;border:1px solid var(--border);border-radius:18px;background:repeating-linear-gradient(45deg,#111 0 8px,#d8a447 8px 12px);color:#000;font-family:"Bebas Neue";font-size:3rem;margin-bottom:14px}.pix-box textarea{width:100%;min-height:120px;background:#080b10;color:var(--cream);border:1px solid var(--border);border-radius:10px;padding:12px}
.chat-panel{margin:20px 5vw 80px}.chat-head{display:flex;justify-content:space-between;gap:12px}.chat-head h2{font-family:"Bebas Neue";font-size:3rem;margin:0}.chat-messages{min-height:260px;max-height:520px;overflow:auto;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.2)}.msg{max-width:78%;padding:12px 14px;margin:10px 0;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--border)}.msg.mine{margin-left:auto;background:rgba(216,164,71,.12)}.msg.admin-msg{background:rgba(45,131,132,.10)}.msg strong{display:block}.msg small{color:var(--dim);font-weight:400}.msg p{margin:8px 0 0;color:var(--cream)}.chat-form{display:grid;grid-template-columns:1fr 180px;gap:12px;margin-top:14px}.chat-form textarea{min-height:80px;padding:12px;border:1px solid var(--border);border-radius:10px;background:#080b10;color:var(--cream)}.chat-form button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--orange));font-weight:700;color:#080604}
.reward-info strong{font-family:"Bebas Neue";font-size:6rem;color:var(--gold)}.cards-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mystery-card{min-height:280px;border:1px solid rgba(216,164,71,.35);border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(216,164,71,.18),transparent 35%),linear-gradient(180deg,#151b26,#080b10);color:var(--cream);cursor:pointer;transition:.2s}.mystery-card:hover{transform:translateY(-6px);border-color:var(--gold)}.mystery-card span{display:block;color:var(--gold);letter-spacing:.2em}.mystery-card strong{font-family:"Bebas Neue";font-size:8rem}.reward-result h2{font-family:"Bebas Neue";font-size:4rem}.rarity{display:inline-flex;padding:8px 12px;border:1px solid var(--gold);border-radius:999px;color:var(--gold)}
.single-post{max-width:900px;margin:0 auto;padding:70px 24px}.single-post h1{font-size:clamp(3rem,7vw,6.5rem)}.post-content{padding:28px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.025);line-height:1.8}
.footer{padding:34px 5vw;border-top:1px solid var(--border);color:var(--dim);font-size:.78rem;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:15;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#051b0d;font-size:1.8rem;font-weight:900}
.login-screen{min-height:100vh;display:grid;place-items:center}.login-card{width:min(430px,90vw);border:1px solid var(--border);border-radius:22px;background:var(--surface);padding:34px}.login-card h1{font-family:"Bebas Neue";font-size:4rem;margin-bottom:0}.login-card p,.muted{color:var(--muted)}.login-card label,.admin-form label{display:block;margin:14px 0 7px;color:var(--muted);font-size:.85rem}.login-card input,.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:13px;border:1px solid var(--border);border-radius:8px;background:#080b10;color:var(--cream)}.login-card button,.admin-form button,.admin-table button{margin-top:18px;padding:12px 14px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#080604;font-weight:700;cursor:pointer}.login-card a{display:block;margin-top:12px;color:var(--gold)}
.admin-body{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;padding:24px;background:#07090d;border-right:1px solid var(--border)}.admin-logo{font-family:"Bebas Neue";font-size:2.6rem;margin-bottom:26px}.admin-logo small{font-family:"Space Grotesk";color:var(--muted);font-size:.75rem;letter-spacing:.15em}.admin-sidebar a{display:block;padding:13px;margin-bottom:8px;border:1px solid transparent;border-radius:8px;color:var(--muted)}.admin-sidebar a:hover{border-color:var(--border);color:var(--gold);background:rgba(255,255,255,.03)}.admin-sidebar b{float:right;background:var(--red);color:#fff;border-radius:999px;padding:1px 7px}.admin-main{padding:34px}.admin-main h1{font-family:"Bebas Neue";font-size:4.5rem;margin-bottom:18px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-cards div,.admin-panel{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface);margin-bottom:22px}.admin-cards strong{display:block;font-family:"Bebas Neue";font-size:3rem;color:var(--gold)}.admin-cards span{color:var(--muted)}.admin-form{max-width:850px}.check{display:flex!important;align-items:center;gap:10px}.check input{width:auto!important}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);padding:12px;text-align:left;vertical-align:top}.admin-table th{color:var(--gold)}.admin-table a{color:var(--gold);margin-right:10px}.link-danger{background:none!important;border:0;color:#ff7b6b!important;cursor:pointer;margin:0!important;padding:0!important}
@media(max-width:950px){.main-nav{display:none}.hero,.shop-layout,.order-layout,.reward-layout,.admin-body{grid-template-columns:1fr}.post-grid,.shop-grid,.admin-cards,.cards-form{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.site-header{padding:16px 5vw}.chat-form{grid-template-columns:1fr}}


/* =========================
   WeRaiders UI v2 — loja mais compacta/intuitiva
   ========================= */

body {
  background:
    radial-gradient(circle at 16% 10%, rgba(201,121,27,.12), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(45,131,132,.10), transparent 26%),
    linear-gradient(180deg,#07090e 0%,#05070b 55%,#030405 100%);
}

.site-header {
  min-height: 72px;
  padding: 0 4vw;
}

.brand span {
  font-size: 2.25rem;
  line-height: .9;
}

.brand small {
  font-size: .55rem;
  letter-spacing: .18em;
}

.main-nav {
  gap: 10px;
  font-size: .68rem;
  letter-spacing: .10em;
}

.main-nav > a {
  padding: 10px 9px;
  border-radius: 8px;
}

.main-nav > a:hover {
  background: rgba(255,255,255,.04);
}

.nav-admin {
  padding: 10px 12px !important;
}

.logout-link {
  color: #ff9a8f !important;
}

.cart-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(216,164,71,.35);
  background: rgba(216,164,71,.08);
  color: var(--cream) !important;
  padding: 10px 12px !important;
}

.cart-link b {
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg,var(--gold),var(--orange));
  color: #080604;
  font-size: .68rem;
  line-height: 1;
}

.cart-icon {
  font-size: 1rem;
  line-height: 1;
}

.hero {
  min-height: auto;
  grid-template-columns: 1fr .9fr;
  padding: 48px 4vw;
  gap: 28px;
}

.page-title {
  padding: 44px 4vw 18px;
}

h1,
.page-title h1,
.section-head h2 {
  font-size: clamp(2.25rem, 5vw, 4.4rem);
  line-height: .92;
}

.subtitle,
.page-title p {
  font-size: .98rem;
  max-width: 620px;
}

.eyebrow {
  font-size: .62rem;
  letter-spacing: .22em;
}

.btn {
  min-height: 46px;
  padding: 0 18px;
  font-size: .66rem;
  border-radius: 8px;
}

.notice,
.alert {
  margin: 16px 4vw;
  padding: 12px 14px;
  font-size: .88rem;
}

.hero .notice {
  margin-left: 0;
}

.section {
  padding: 42px 4vw;
}

.shop-layout {
  grid-template-columns: 220px 1fr;
  gap: 18px;
  padding: 14px 4vw 54px;
}

.shop-sidebar,
.post-card,
.product-card,
.cart-box,
.order-box,
.pix-box,
.reward-info,
.reward-game,
.chat-panel,
.admin-panel {
  border-radius: 14px;
  padding: 18px;
}

.shop-sidebar h3 {
  margin-bottom: 12px;
}

.filter {
  padding: 10px 11px;
  font-size: .86rem;
}

.shop-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}

.product-card img {
  width: 92px;
  height: 92px;
  margin-bottom: 12px;
}

.product-card h3 {
  font-size: 1.15rem;
  margin-bottom: 8px;
}

.product-card p {
  font-size: .88rem;
  min-height: 58px;
}

.price strong {
  font-size: 2.25rem;
}

.stock {
  margin: 8px 0 12px;
  font-size: .85rem;
}

.buy-btn {
  padding: 12px;
  font-size: .68rem;
}

.tag {
  padding: 5px 8px;
  font-size: .58rem;
  margin-bottom: 10px;
}

.holo-panel {
  padding: 18px;
  border-radius: 18px;
}

.panel-head h2 {
  font-size: 2.6rem;
}

.holo-card {
  min-height: 280px;
  padding: 22px;
}

.holo-card img {
  width: 135px;
  height: 135px;
}

.holo-card h3 {
  font-size: 1.35rem;
}

.holo-card strong {
  font-size: 2.35rem;
}

/* Minha conta mais parecida com painel de e-commerce */
.account-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 12px;
  max-width: 760px;
  margin: 22px 0 0;
}

.account-summary > div {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}

.account-summary span {
  display: block;
  color: var(--muted);
  font-size: .65rem;
  text-transform: uppercase;
  letter-spacing: .16em;
  margin-bottom: 8px;
}

.account-summary strong {
  display: block;
  color: var(--cream);
  font-size: 1.25rem;
}

.compact-actions {
  margin-top: 18px;
}

.admin-table {
  font-size: .9rem;
}

.admin-table th,
.admin-table td {
  padding: 10px;
}

.cart-box {
  margin: 16px 4vw 54px;
}

.cart-total strong {
  font-size: 3rem;
}

.order-layout,
.reward-layout {
  padding: 14px 4vw 30px;
  gap: 16px;
}

.chat-panel {
  margin: 16px 4vw 54px;
}

.chat-head h2 {
  font-size: 2.25rem;
}

.chat-messages {
  min-height: 220px;
}

.footer {
  padding: 24px 4vw;
}

/* Admin mais compacto */
.admin-main {
  padding: 24px;
}

.admin-main h1 {
  font-size: 3.4rem;
}

.admin-cards {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.admin-cards strong {
  font-size: 2.4rem;
}

.admin-sidebar {
  width: 240px;
  padding: 18px;
}

.admin-logo {
  font-size: 2rem;
}

/* Mobile */
@media(max-width: 950px) {
  .site-header {
    min-height: auto;
    padding: 14px 4vw;
  }

  .brand span {
    font-size: 2rem;
  }

  .main-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin-top: 12px;
    gap: 6px;
  }

  .site-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .main-nav > a {
    font-size: .62rem;
    padding: 8px 9px;
  }

  .hero,
  .shop-layout,
  .order-layout,
  .reward-layout {
    grid-template-columns: 1fr;
  }

  .account-summary {
    grid-template-columns: 1fr;
  }

  .shop-sidebar {
    position: relative;
    top: auto;
  }

  .page-title,
  .hero,
  .section {
    padding-left: 18px;
    padding-right: 18px;
  }

  .shop-layout,
  .order-layout,
  .reward-layout {
    padding-left: 18px;
    padding-right: 18px;
  }

  .chat-panel,
  .cart-box,
  .alert,
  .notice {
    margin-left: 18px;
    margin-right: 18px;
  }
}


/* =========================
   WeRaiders UI v3 — mais compacto, intuitivo e e-commerce
   ========================= */

/* barra maior */
.site-header {
  min-height: 86px !important;
  padding: 0 4vw !important;
}

.brand span {
  font-size: 2.65rem !important;
}

.brand small {
  font-size: .62rem !important;
}

/* home e seções menores */
.hero {
  padding: 34px 4vw 36px !important;
  gap: 22px !important;
}

.page-title {
  padding: 34px 4vw 14px !important;
}

h1,
.page-title h1,
.section-head h2 {
  font-size: clamp(2rem, 4.1vw, 3.55rem) !important;
  line-height: .96 !important;
}

.subtitle,
.page-title p {
  font-size: .92rem !important;
  line-height: 1.55 !important;
}

.section {
  padding: 30px 4vw !important;
}

.compact-section {
  padding-top: 20px !important;
  padding-bottom: 24px !important;
}

.post-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
}

.post-card {
  max-width: 360px;
  padding: 16px !important;
}

.post-card h3 {
  font-size: 1rem;
  margin-bottom: 10px;
}

.post-card p {
  font-size: .86rem;
}

.notice {
  max-width: 520px;
  font-size: .82rem !important;
}

/* painel hot drops menor */
.holo-panel {
  max-width: 520px;
  margin-left: auto;
  padding: 14px !important;
}

.panel-head h2 {
  font-size: 2.1rem !important;
}

.holo-card {
  min-height: 240px !important;
  padding: 18px !important;
}

.holo-card img {
  width: 105px !important;
  height: 105px !important;
}

.holo-card strong {
  font-size: 2rem !important;
}

/* marketplace corrigido */
.shop-title h1 {
  font-size: clamp(2rem, 4vw, 3.4rem) !important;
}

.shop-layout {
  grid-template-columns: 205px 1fr !important;
  gap: 14px !important;
  padding-bottom: 44px !important;
}

.shop-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
}

.product-card {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 14px !important;
  overflow: hidden !important;
}

.product-card img {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
  margin: 0 auto 10px !important;
  flex: 0 0 auto !important;
}

.product-card h3 {
  font-size: 1rem !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}

.product-card p {
  min-height: 44px !important;
  max-height: 54px !important;
  overflow: hidden !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
  margin-bottom: 10px !important;
}

.price {
  margin-top: auto !important;
}

.price strong {
  font-size: 1.85rem !important;
}

.stock {
  font-size: .76rem !important;
}

.buy-btn {
  padding: 10px !important;
  font-size: .6rem !important;
}

/* minha conta */
.account-title {
  padding-bottom: 6px !important;
}

.account-summary {
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
  gap: 10px !important;
  max-width: 840px !important;
}

.account-summary > div {
  padding: 12px !important;
}

.account-summary span {
  font-size: .58rem !important;
}

.account-summary strong {
  font-size: 1rem !important;
}

/* emblemas */
.badge-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 10px;
}

.badge-card,
.empty-box {
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
  padding: 14px;
}

.badge-card span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(216,164,71,.13);
  color: var(--gold);
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.badge-card strong {
  display: block;
  font-size: .95rem;
}

.badge-card small,
.empty-box {
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.45;
}

/* cartas: 6 */
.cards-form {
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
}

.mystery-card {
  min-height: 190px !important;
}

.mystery-card strong {
  font-size: 5rem !important;
}

/* housekeeping menor */
.admin-sidebar {
  width: 218px !important;
  padding: 14px !important;
}

.admin-logo {
  font-size: 1.7rem !important;
  margin-bottom: 16px !important;
}

.admin-sidebar a {
  padding: 9px 10px !important;
  margin-bottom: 5px !important;
  font-size: .82rem !important;
}

.admin-main {
  padding: 18px !important;
}

.admin-main h1 {
  font-size: 2.8rem !important;
  margin-bottom: 12px !important;
}

.admin-cards {
  gap: 10px !important;
}

.admin-cards div,
.admin-panel,
.compact-admin-panel {
  padding: 14px !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
}

.admin-cards strong {
  font-size: 1.95rem !important;
}

.admin-form label {
  margin: 9px 0 5px !important;
}

.admin-form input,
.admin-form textarea,
.admin-form select {
  padding: 9px 10px !important;
  font-size: .86rem !important;
}

.admin-form button,
.admin-table button {
  margin-top: 10px !important;
  padding: 9px 10px !important;
  font-size: .75rem !important;
}

.compact-table,
.admin-table {
  font-size: .78rem !important;
}

.compact-table th,
.compact-table td,
.admin-table th,
.admin-table td {
  padding: 7px 8px !important;
}

.inline-form {
  display: flex;
  gap: 5px;
  align-items: center;
}

.inline-form select {
  max-width: 110px;
  padding: 6px;
  border: 1px solid var(--border);
  background: #080b10;
  color: var(--cream);
  border-radius: 6px;
}

.inline-form button {
  margin: 0 !important;
  padding: 6px 8px !important;
}

/* login/cadastro mais limpo */
.compact-login {
  padding: 24px !important;
}

.compact-login h1 {
  font-size: 3rem !important;
}

/* mobile */
@media(max-width: 950px) {
  .site-header {
    min-height: auto !important;
  }

  .hero,
  .shop-layout {
    grid-template-columns: 1fr !important;
  }

  .holo-panel {
    max-width: none !important;
  }

  .shop-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  }

  .cards-form {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .mystery-card {
    min-height: 150px !important;
  }
}





/* =========================
   WeRaiders v5 — logo 30% maior e alinhado na divisória
   ========================= */
.site-header {
  min-height: 126px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(189,169,130,.32) !important;
}

.brand-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 108px !important;
  transform: translateY(6px);
}

.brand-image img {
  display: block !important;
  height: 107px !important;
  width: auto !important;
  max-width: 305px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 18px rgba(216,164,71,.22));
}

.main-nav {
  align-self: center !important;
}

@media(max-width: 950px) {
  .site-header {
    min-height: 116px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .brand-image {
    min-height: 96px !important;
    transform: translateY(5px);
  }

  .brand-image img {
    height: 96px !important;
    max-width: 270px !important;
  }
}


/* =========================
   WeRaiders v6 — logo somente nome + subtítulo
   ========================= */

.site-header {
  min-height: 112px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  align-items: center !important;
}

.brand-wordmark {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 88px !important;
  transform: none !important;
}

.brand-wordmark img {
  display: block !important;
  width: 260px !important;
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 16px rgba(216,164,71,.16));
}

.brand-wordmark small {
  display: block !important;
  color: var(--muted) !important;
  font-size: .72rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin-left: 4px !important;
}

.brand-wordmark span {
  display: none !important;
}

@media(max-width: 950px) {
  .site-header {
    min-height: auto !important;
  }

  .brand-wordmark {
    min-height: 74px !important;
  }

  .brand-wordmark img {
    width: 215px !important;
    max-height: 50px !important;
  }

  .brand-wordmark small {
    font-size: .62rem !important;
  }
}


/* =========================
   WeRaiders v7 — galo pequeno ao lado do nome
   ========================= */
.rooster-brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 88px !important;
  text-decoration: none !important;
}

.rooster-brand .brand-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
}

.rooster-brand .wordmark-img {
  display: block !important;
  width: 260px !important;
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 16px rgba(216,164,71,.16));
}

.rooster-brand small {
  display: block !important;
  color: var(--muted) !important;
  font-size: .72rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin-left: 4px !important;
}

.rooster-mascot {
  display: block !important;
  height: 72px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,.35));
}

@media(max-width: 950px) {
  .rooster-brand {
    gap: 10px !important;
    min-height: 74px !important;
  }

  .rooster-brand .wordmark-img {
    width: 210px !important;
    max-height: 48px !important;
  }

  .rooster-brand small {
    font-size: .60rem !important;
  }

  .rooster-mascot {
    height: 56px !important;
  }
}


/* =========================
   WeRaiders v8 — galo ao lado do nome
   ========================= */

.site-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

.rooster-brand{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-height:76px !important;
  width:auto !important;
  flex:0 0 auto !important;
}

.rooster-brand .brand-stack{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  flex:0 0 auto !important;
}

.rooster-brand .wordmark-img{
  width:260px !important;
  max-width:260px !important;
  max-height:54px !important;
  height:auto !important;
  display:block !important;
}

.rooster-brand small{
  margin-left:3px !important;
  font-size:.70rem !important;
  line-height:1 !important;
}

.rooster-mascot{
  display:block !important;
  height:58px !important;
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
  align-self:center !important;
  position:relative !important;
  top:0 !important;
}

@media(max-width: 950px){
  .site-header{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .rooster-brand{
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:10px !important;
    min-height:64px !important;
  }

  .rooster-brand .wordmark-img{
    width:210px !important;
    max-width:210px !important;
    max-height:46px !important;
  }

  .rooster-brand small{
    font-size:.58rem !important;
  }

  .rooster-mascot{
    height:46px !important;
  }
}


/* =========================
   WeRaiders v9 — galo colado no nome
   ========================= */

.rooster-brand{
  gap: 2px !important;
}

.rooster-brand .brand-stack{
  margin-right: -6px !important;
}

.rooster-mascot{
  height: 56px !important;
  margin-left: -10px !important;
}

@media(max-width: 950px){
  .rooster-brand{
    gap: 1px !important;
  }

  .rooster-brand .brand-stack{
    margin-right: -4px !important;
  }

  .rooster-mascot{
    height: 44px !important;
    margin-left: -8px !important;
  }
}


/* =========================
   WeRaiders v10 — galo preso no "S" do logo
   ========================= */

.rooster-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:78px !important;
  width:auto !important;
}

.rooster-brand .brand-stack{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  margin-right:0 !important;
  position:relative !important;
}

.wordmark-wrap{
  position:relative !important;
  display:inline-block !important;
  line-height:0 !important;
}

.rooster-brand .wordmark-img{
  width:260px !important;
  max-width:260px !important;
  max-height:54px !important;
  height:auto !important;
  display:block !important;
}

.attached-rooster{
  position:absolute !important;
  left:100% !important;
  top:50% !important;
  transform:translate(-18px, -54%) !important;
  height:50px !important;
  width:auto !important;
  margin:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));
}

.rooster-brand small{
  margin-left:3px !important;
  font-size:.70rem !important;
  line-height:1 !important;
}

@media(max-width:950px){
  .rooster-brand{
    min-height:68px !important;
  }

  .rooster-brand .wordmark-img{
    width:210px !important;
    max-width:210px !important;
    max-height:46px !important;
  }

  .attached-rooster{
    height:42px !important;
    transform:translate(-16px, -54%) !important;
  }

  .rooster-brand small{
    font-size:.58rem !important;
  }
}


/* =========================
   WeRaiders v11 — galo mais para a esquerda, bem colado
   ========================= */

.attached-rooster{
  left: 100% !important;
  top: 50% !important;
  transform: translate(-40px, -54%) !important;
  height: 52px !important;
}

@media(max-width:950px){
  .attached-rooster{
    transform: translate(-34px, -54%) !important;
    height: 44px !important;
  }
}


/* =========================
   WeRaiders v12 — galo muito mais para a esquerda
   ========================= */

.attached-rooster{
  left: 100% !important;
  top: 50% !important;
  transform: translate(-108px, -54%) !important;
  height: 54px !important;
}

@media(max-width:950px){
  .attached-rooster{
    transform: translate(-86px, -54%) !important;
    height: 44px !important;
  }
}


/* =========================
   WeRaiders v13 — paleta premium refinada
   ========================= */

:root {
  --bg: #05070B !important;
  --surface: #111722 !important;
  --surface2: #171C26 !important;
  --cream: #D8C7A6 !important;
  --muted: #A98B5F !important;
  --dim: #6E5B41 !important;
  --gold: #D9942E !important;
  --orange: #C77B25 !important;
  --red: #B5482C !important;
  --teal: #2D8384 !important;
  --green: #4CCC40 !important;
  --border: rgba(216, 199, 166, .18) !important;
}

/* fundo mais premium e menos carregado */
body {
  background:
    radial-gradient(circle at 16% 8%, rgba(217, 148, 46, .10), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(45, 131, 132, .10), transparent 26%),
    radial-gradient(circle at 70% 78%, rgba(181, 72, 44, .07), transparent 28%),
    linear-gradient(180deg, #06080D 0%, #05070B 48%, #030405 100%) !important;
}

/* topo com linha mais bonita baseada no logo */
.top-stripe span:nth-child(1) { background: #2D8384 !important; }
.top-stripe span:nth-child(2) { background: #D9942E !important; }
.top-stripe span:nth-child(3) { background: #B5482C !important; }
.top-stripe span:nth-child(4) { background: #D8C7A6 !important; }

.site-header {
  background: rgba(5, 7, 11, .96) !important;
  border-bottom: 1px solid rgba(216,199,166,.20) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.28) !important;
}

/* textos */
h1, h2, h3,
.page-title h1,
.section-head h2 {
  color: var(--cream) !important;
  text-shadow: 0 8px 28px rgba(0,0,0,.45) !important;
}

.subtitle,
.page-title p,
.product-card p,
.post-card p,
.shop-note {
  color: rgba(216,199,166,.72) !important;
}

.eyebrow {
  color: var(--gold) !important;
}

/* botões menos vermelhos, mais dourado/âmbar */
.primary,
.buy-btn,
.login-card button,
.admin-form button,
.admin-table button,
.chat-form button {
  background: linear-gradient(135deg, #D9942E 0%, #C77B25 62%, #B5482C 100%) !important;
  color: #080604 !important;
  box-shadow: 0 12px 28px rgba(217,148,46,.16) !important;
}

.primary:hover,
.buy-btn:hover,
.login-card button:hover,
.admin-form button:hover,
.admin-table button:hover,
.chat-form button:hover {
  filter: brightness(1.08) !important;
  box-shadow: 0 16px 34px rgba(217,148,46,.22) !important;
}

.secondary,
.nav-admin,
.cart-link {
  border-color: rgba(217,148,46,.36) !important;
  background: rgba(217,148,46,.055) !important;
  color: var(--cream) !important;
}

.secondary:hover,
.nav-admin:hover,
.cart-link:hover {
  border-color: rgba(217,148,46,.58) !important;
  background: rgba(217,148,46,.10) !important;
}

/* carrinho com contraste melhor */
.cart-link b {
  background: linear-gradient(135deg, #D9942E, #C77B25) !important;
  color: #080604 !important;
}

/* cards com tom mais profissional */
.holo-panel,
.product-card,
.post-card,
.shop-sidebar,
.cart-box,
.order-box,
.pix-box,
.reward-info,
.reward-game,
.chat-panel,
.admin-panel,
.login-card,
.admin-cards div,
.badge-card,
.empty-box {
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),
    #111722 !important;
  border-color: rgba(216,199,166,.16) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.20) !important;
}

/* detalhes azul petróleo do galo */
.holo-panel {
  background:
    linear-gradient(90deg, rgba(45,131,132,.050) 1px, transparent 1px),
    linear-gradient(0deg, rgba(217,148,46,.035) 1px, transparent 1px),
    radial-gradient(circle at 74% 22%, rgba(45,131,132,.12), transparent 32%),
    radial-gradient(circle at 25% 85%, rgba(217,148,46,.08), transparent 30%),
    #111722 !important;
  background-size: 28px 28px, 28px 28px, auto, auto, auto !important;
}

.product-card:hover,
.post-card:hover,
.badge-card:hover {
  border-color: rgba(45,131,132,.40) !important;
  transform: translateY(-2px) !important;
  transition: .18s ease !important;
}

/* selos e preço */
.tag,
.holo-card span,
.post-card span,
.mini-track small,
.stock {
  color: #D9942E !important;
}

.price strong,
.holo-card strong,
.cart-total strong {
  color: var(--cream) !important;
}

.stock {
  color: #4CCC40 !important;
}

/* filtros */
.filter {
  border-color: rgba(216,199,166,.14) !important;
  background: rgba(255,255,255,.025) !important;
}

.filter.active,
.filter:hover {
  border-color: rgba(45,131,132,.52) !important;
  color: #D8C7A6 !important;
  background: rgba(45,131,132,.10) !important;
}

/* chat */
.msg.mine {
  background: rgba(217,148,46,.12) !important;
  border-color: rgba(217,148,46,.24) !important;
}

.msg.admin-msg {
  background: rgba(45,131,132,.13) !important;
  border-color: rgba(45,131,132,.28) !important;
}

/* recompensas */
.mystery-card {
  border-color: rgba(217,148,46,.26) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(217,148,46,.14), transparent 34%),
    radial-gradient(circle at 50% 90%, rgba(45,131,132,.13), transparent 32%),
    linear-gradient(180deg,#141A24,#070A10) !important;
}

.mystery-card:hover {
  border-color: rgba(217,148,46,.55) !important;
  box-shadow: 0 18px 38px rgba(217,148,46,.12) !important;
}

/* inputs */
input,
textarea,
select,
.login-card input,
.admin-form input,
.admin-form textarea,
.admin-form select,
.pix-box textarea,
.chat-form textarea {
  background: #070A10 !important;
  border-color: rgba(216,199,166,.16) !important;
  color: var(--cream) !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: rgba(45,131,132,.58) !important;
  box-shadow: 0 0 0 3px rgba(45,131,132,.12) !important;
}

/* housekeeping mais limpo nas cores */
.admin-sidebar {
  background: #06080D !important;
  border-right-color: rgba(216,199,166,.14) !important;
}

.admin-sidebar a:hover {
  background: rgba(45,131,132,.08) !important;
  border-color: rgba(45,131,132,.32) !important;
  color: var(--cream) !important;
}

.admin-table th {
  color: var(--gold) !important;
}

.admin-table td,
.admin-table th {
  border-bottom-color: rgba(216,199,166,.12) !important;
}

/* links */
a {
  transition: .18s ease !important;
}

.post-card a,
.admin-table a,
.login-card a {
  color: var(--gold) !important;
}

.logout-link {
  color: #E88B78 !important;
}


/* =========================
   WeRaiders v15 — melhorias de UX, combos e pedidos
   ========================= */

.main-nav a,
.main-nav .logout-link,
.main-nav .nav-admin {
  color: rgba(216, 199, 166, 0.96) !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

.main-nav a:hover,
.main-nav .logout-link:hover,
.main-nav .nav-admin:hover {
  color: #F1D9AA !important;
  text-shadow: 0 0 16px rgba(217,148,46,.18) !important;
}

.main-nav .logout-link {
  color: #f2aa95 !important;
}

.cart-link {
  background: rgba(217,148,46,.09) !important;
  border-color: rgba(217,148,46,.42) !important;
}

.buy-btn,
.buy-btn:visited,
.product-card form,
.product-card .buy-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.buy-btn.disabled,
.buy-btn[disabled] {
  opacity: .56 !important;
  cursor: not-allowed !important;
}

.subtle-btn {
  padding: 10px 14px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(216,199,166,.16) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--cream) !important;
}

.order-page-title,
.combo-title {
  padding-bottom: 18px !important;
}

.cart-layout-structured,
.order-layout-pretty,
.combo-builder-layout {
  display: grid;
  grid-template-columns: 1.55fr .95fr;
  gap: 18px;
  padding: 0 4vw 40px;
}

.combo-builder-layout {
  grid-template-columns: 1fr;
}

.cart-lines-panel,
.cart-summary-panel,
.order-items-panel,
.order-side-panel,
.combo-builder-card,
.cart-empty-state {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)), #111722;
  border: 1px solid rgba(216,199,166,.14);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 18px 44px rgba(0,0,0,.20);
}

.structured-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom: 16px;
}

.structured-head h2 {
  font-size: 1.7rem !important;
}

.cart-line-card,
.order-item-card {
  border: 1px solid rgba(216,199,166,.10);
  background: rgba(255,255,255,.025);
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 12px;
}

.cart-line-top,
.order-item-top {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.cart-line-top h3,
.order-item-top h3 {
  margin: 6px 0 0;
  font-size: 1.1rem;
}

.mini-tag {
  display:inline-flex;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: .68rem;
  letter-spacing: .12em;
  background: rgba(45,131,132,.12);
  color: #A8E2DD;
  text-transform: uppercase;
}

.cart-line-meta {
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin-top: 14px;
}

.cart-line-meta > div,
.summary-row,
.summary-tile {
  border: 1px solid rgba(216,199,166,.10);
  background: rgba(255,255,255,.02);
  border-radius: 14px;
  padding: 12px;
}

.cart-line-meta span,
.summary-row span,
.summary-tile span {
  display:block;
  color: rgba(216,199,166,.66);
  font-size: .74rem;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.cart-line-meta strong,
.summary-row strong,
.summary-tile strong {
  color: var(--cream);
  font-size: 1.08rem;
}

.combo-selection-box {
  margin-top: 14px;
  border: 1px solid rgba(45,131,132,.18);
  background: rgba(45,131,132,.07);
  border-radius: 16px;
  padding: 14px;
}

.combo-selection-box p {
  margin: 0 0 10px;
}

.combo-selection-box ul {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap:8px;
}

.combo-selection-box li {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(0,0,0,.18);
}

.summary-stack {
  display:grid;
  gap:10px;
}

.total-row strong {
  font-size: 2rem;
}

.checkout-steps {
  display:grid;
  gap:8px;
  margin: 16px 0 18px;
}

.checkout-steps div,
.status-card ol li {
  border: 1px solid rgba(216,199,166,.10);
  background: rgba(255,255,255,.025);
  border-radius: 12px;
  padding: 10px 12px;
}

.vertical-actions {
  flex-direction: column;
  align-items: stretch !important;
}

.vertical-actions .btn { width: 100%; text-align:center; justify-content:center; }

.order-summary-grid {
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap:12px;
  padding: 0 4vw 22px;
}

.pretty-box {
  margin-bottom: 14px;
}

.status-card ol {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap: 8px;
}

.order-remove-btn {
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #D9942E 0%, #C77B25 62%, #B5482C 100%) !important;
  color: #070606 !important;
  border: none !important;
}

.combo-builder-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom: 16px;
}

.combo-counter {
  border: 1px solid rgba(217,148,46,.24);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(217,148,46,.06);
  color: var(--cream);
}

.combo-weapon-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
  gap:12px;
}

.combo-weapon-card {
  border: 1px solid rgba(216,199,166,.12);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.02);
}

.combo-weapon-top {
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom: 12px;
}

.combo-weapon-top img {
  width: 52px;
  height: 52px;
}

.combo-weapon-top h3 {
  font-size: 1rem !important;
  margin: 0 0 4px !important;
}

.combo-weapon-card label {
  display:block;
  font-size: .76rem;
  color: rgba(216,199,166,.72);
  margin-bottom: 6px;
}

.combo-weapon-card input {
  width: 100%;
}

.combo-builder-footer { margin-top: 18px; }
.small-notice { margin-bottom: 12px; }

.cart-empty-state {
  text-align:center;
  margin: 0 4vw 40px;
}

@media(max-width: 980px) {
  .cart-layout-structured,
  .order-layout-pretty,
  .combo-builder-layout {
    grid-template-columns: 1fr;
  }
  .order-summary-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  .cart-line-meta {
    grid-template-columns: 1fr;
  }
}

@media(max-width: 640px) {
  .order-summary-grid {
    grid-template-columns: 1fr;
  }
  .combo-selection-box ul {
    grid-template-columns: 1fr;
  }
}


/* =========================
   WeRaiders v17 — quantidade no marketplace e carrinho
   ========================= */

.product-add-form {
  display: grid !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.qty-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(216,199,166,.12) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.025) !important;
}

.qty-row label {
  color: rgba(216,199,166,.72) !important;
  font-size: .72rem !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  margin: 0 !important;
}

.qty-row input {
  width: 74px !important;
  padding: 7px 8px !important;
  text-align: center !important;
  border-radius: 10px !important;
}

.cart-qty-form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 4px !important;
}

.cart-qty-form input {
  width: 82px !important;
  padding: 8px 10px !important;
  text-align: center !important;
  border-radius: 10px !important;
}

.cart-qty-form button {
  padding: 8px 11px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #D9942E 0%, #C77B25 62%, #B5482C 100%) !important;
  color: #080604 !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.cart-line-meta small.muted {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(216,199,166,.58) !important;
  font-size: .74rem !important;
}


/* =========================
   WeRaiders v18 — área de quantidade mais compacta e bonita
   ========================= */

.product-card {
  display: flex !important;
  flex-direction: column !important;
}

.product-card .product-add-form {
  display: grid !important;
  grid-template-columns: 86px 1fr !important;
  gap: 10px !important;
  align-items: end !important;
  margin-top: auto !important;
}

.product-card .qty-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 58px !important;
  padding: 8px 10px !important;
  border-radius: 14px !important;
  background: rgba(8, 12, 18, .72) !important;
  border: 1px solid rgba(216,199,166,.12) !important;
}

.product-card .qty-row label {
  font-size: .62rem !important;
  letter-spacing: .14em !important;
  color: rgba(216,199,166,.76) !important;
}

.product-card .qty-row input {
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 34px !important;
  padding: 4px 6px !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  border-radius: 10px !important;
  background: #070A10 !important;
  border: 1px solid rgba(216,199,166,.16) !important;
}

.product-card .buy-btn {
  width: 100% !important;
  min-height: 58px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  font-size: .72rem !important;
  line-height: 1.05 !important;
  letter-spacing: .10em !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

.product-card .buy-btn.disabled,
.product-card .buy-btn[disabled] {
  min-height: 58px !important;
}

@media(max-width: 1100px) {
  .product-card .product-add-form {
    grid-template-columns: 78px 1fr !important;
    gap: 8px !important;
  }

  .product-card .qty-row {
    min-height: 54px !important;
    padding: 8px !important;
  }

  .product-card .qty-row input {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 32px !important;
  }

  .product-card .buy-btn {
    min-height: 54px !important;
    font-size: .68rem !important;
    padding: 9px 10px !important;
  }
}

@media(max-width: 640px) {
  .product-card .product-add-form {
    grid-template-columns: 1fr !important;
  }

  .product-card .qty-row {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .product-card .qty-row input {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
  }
}


/* =========================
   WeRaiders v19 — sem quantidade na loja e botão mais elegante
   ========================= */

.product-card .product-add-form.simple-add-form {
  display: block !important;
  margin-top: auto !important;
}

.product-card .product-add-form.simple-add-form .buy-btn {
  width: 100% !important;
  min-height: 52px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  font-size: .74rem !important;
  line-height: 1.08 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
}

.product-card .softer-cart-btn {
  background: linear-gradient(135deg, #b88a38 0%, #a8752f 55%, #8d5f2a 100%) !important;
  color: #0b0907 !important;
  box-shadow: 0 10px 22px rgba(168,117,47,.14) !important;
}

.product-card .softer-cart-btn:hover {
  filter: brightness(1.04) !important;
  box-shadow: 0 14px 28px rgba(168,117,47,.18) !important;
}

.product-card .softer-cart-btn.disabled,
.product-card .softer-cart-btn[disabled] {
  opacity: .56 !important;
  box-shadow: none !important;
}


/* =========================
   WeRaiders v20 — controle de quantidade com setas bonitas
   ========================= */

/* remove spinner padrão */
.cart-qty-form input[type="number"]::-webkit-outer-spin-button,
.cart-qty-form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.cart-qty-form input[type="number"] {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.quantity-stepper-form {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 4px !important;
  flex-wrap: wrap !important;
}

.qty-stepper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 8px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(216,199,166,.14) !important;
  background: rgba(255,255,255,.03) !important;
}

.qty-stepper input {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 40px !important;
  padding: 6px 8px !important;
  text-align: center !important;
  border-radius: 12px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  background: #070A10 !important;
  border: 1px solid rgba(216,199,166,.16) !important;
  color: var(--cream) !important;
}

.qty-arrow {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(184,138,56,.34) !important;
  background: linear-gradient(135deg, #b88a38 0%, #a8752f 55%, #8d5f2a 100%) !important;
  color: #0b0907 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(168,117,47,.16) !important;
}

.qty-arrow:hover {
  filter: brightness(1.05) !important;
  box-shadow: 0 12px 24px rgba(168,117,47,.20) !important;
}

.qty-save-btn {
  padding: 10px 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.06) !important;
  color: var(--cream) !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  font-size: .7rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  border: 1px solid rgba(216,199,166,.14) !important;
}

.qty-save-btn:hover {
  background: rgba(255,255,255,.09) !important;
}


/* =========================
   WeRaiders v21 — quantidade dos combos igual ao carrinho
   ========================= */

.combo-weapon-card input[type="number"]::-webkit-outer-spin-button,
.combo-weapon-card input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.combo-weapon-card input[type="number"] {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.combo-qty-stepper {
  width: 100% !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 6px 8px !important;
}

.combo-qty-stepper .combo-qty-input {
  width: 64px !important;
  min-width: 64px !important;
  max-width: 64px !important;
  height: 40px !important;
  padding: 6px 8px !important;
  text-align: center !important;
  border-radius: 12px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  background: #070A10 !important;
  border: 1px solid rgba(216,199,166,.16) !important;
  color: var(--cream) !important;
}

.combo-weapon-card .qty-arrow {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
}


/* =========================
   WeRaiders v22 — trava máxima no combo
   ========================= */

.combo-counter strong {
  transition: color .15s ease !important;
}


/* =========================
   WeRaiders v25 — recompensas, expiração e chat bloqueado
   ========================= */

.chat-locked {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(217,148,46,.28);
  border-radius: 14px;
  background: rgba(217,148,46,.07);
  color: var(--cream);
}

.chat-locked p {
  margin: 6px 0 0;
  color: var(--muted);
}

.reward-history-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}

.reward-history-card {
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 16px;
  background: rgba(255,255,255,.035);
}

.reward-history-card span {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .72rem;
}

.reward-history-card h3 {
  margin: 8px 0 10px;
}

.reward-history-card p {
  color: var(--muted);
  margin: 6px 0;
}

.status-pill {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(216,199,166,.18);
  background: rgba(255,255,255,.04);
  color: var(--cream);
  font-size: .78rem;
}

.expired-row {
  opacity: .66;
}

.mystery-card[disabled] {
  opacity: .45;
  cursor: not-allowed;
  transform: none !important;
}


/* =========================
   WeRaiders v26 — botões de compra iguais ao combo
   ========================= */

.product-card .buy-btn,
.product-card .softer-cart-btn,
.product-card button.buy-btn,
.product-card a.buy-btn {
  background: linear-gradient(135deg, #D9942E 0%, #C77B25 58%, #B5482C 100%) !important;
  color: #080604 !important;
  border: 0 !important;
  box-shadow: 0 12px 26px rgba(217, 148, 46, .18) !important;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

.product-card .buy-btn:hover,
.product-card .softer-cart-btn:hover,
.product-card button.buy-btn:hover,
.product-card a.buy-btn:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.08) saturate(1.08) !important;
  box-shadow: 0 18px 36px rgba(217, 148, 46, .28) !important;
}

.product-card .buy-btn:active,
.product-card .softer-cart-btn:active,
.product-card button.buy-btn:active,
.product-card a.buy-btn:active {
  transform: translateY(0) scale(.99) !important;
}

.product-card .buy-btn.disabled,
.product-card .buy-btn[disabled],
.product-card .softer-cart-btn.disabled,
.product-card .softer-cart-btn[disabled] {
  opacity: .55 !important;
  filter: grayscale(.25) !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: not-allowed !important;
}


/* =========================
   WeRaiders v27 — stepper mais refinado
   ========================= */

.qty-stepper,
.combo-qty-stepper {
  gap: 8px !important;
  padding: 5px 7px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(216,199,166,.12) !important;
  background: rgba(255,255,255,.025) !important;
  align-items: center !important;
}

.qty-stepper input,
.combo-qty-stepper .combo-qty-input {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 36px !important;
  padding: 4px 6px !important;
  text-align: center !important;
  border-radius: 11px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  background: #030507 !important;
  border: 1px solid rgba(216,199,166,.10) !important;
  color: var(--cream) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), inset 0 8px 14px rgba(0,0,0,.22) !important;
}

.qty-arrow,
.combo-weapon-card .qty-arrow {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 1.22rem !important;
  font-weight: 900 !important;
  text-align: center !important;
  transform: none !important;
}

.qty-arrow:hover,
.combo-weapon-card .qty-arrow:hover {
  transform: translateY(-1px) !important;
}

.qty-arrow:active,
.combo-weapon-card .qty-arrow:active {
  transform: translateY(0) scale(.98) !important;
}

.quantity-stepper-form {
  gap: 8px !important;
}

.qty-save-btn {
  border-radius: 10px !important;
}


/* =========================
   WeRaiders v28 — Notícias + Mapas e Eventos
   ========================= */

.maps-preview-card,
.maps-events-panel {
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)), #111722;
  box-shadow: 0 18px 44px rgba(0,0,0,.20);
}

.maps-preview-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 22px;
}

.maps-preview-card h3 {
  margin: 0 0 8px;
  font-size: 1.35rem;
}

.maps-preview-card p {
  margin: 0;
  color: var(--muted);
}

.maps-events-title p {
  max-width: 760px;
}

.maps-events-panel {
  margin: 0 4vw 30px;
  padding: 20px;
}

.map-clock {
  padding: 12px 14px;
  border: 1px solid rgba(217,148,46,.24);
  border-radius: 14px;
  background: rgba(217,148,46,.06);
  text-align: right;
}

.map-clock span {
  display: block;
  color: var(--muted);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.map-clock strong {
  display: block;
  color: var(--cream);
  font-size: 1.25rem;
}

.map-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}

.map-event-card {
  border: 1px solid rgba(216,199,166,.13);
  background: rgba(255,255,255,.025);
  border-radius: 18px;
  padding: 16px;
}

.map-card-head span {
  color: var(--gold);
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.map-card-head h3 {
  margin: 6px 0 3px;
  font-size: 1.25rem;
}

.map-card-head small {
  color: var(--muted);
}

.event-pair {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.event-pill {
  border: 1px solid rgba(45,131,132,.22);
  background: rgba(45,131,132,.075);
  border-radius: 14px;
  padding: 12px;
}

.major-event {
  border-color: rgba(217,148,46,.28);
  background: rgba(217,148,46,.075);
}

.event-pill span {
  display: block;
  color: var(--muted);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  margin-bottom: 6px;
}

.event-pill strong {
  color: var(--cream);
}

.event-pill small {
  display: block;
  margin-top: 4px;
  color: var(--green);
}

.disabled-event {
  opacity: .58;
  filter: grayscale(.25);
}

.event-schedule-table-wrap {
  overflow-x: auto;
}

.hour-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.hour-chip {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(216,199,166,.14);
  background: rgba(255,255,255,.035);
  color: var(--cream);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: .78rem;
}

@media(max-width: 760px) {
  .maps-preview-card {
    flex-direction: column;
    align-items: flex-start;
  }
  .maps-preview-card .btn {
    width: 100%;
  }
}


/* =========================
   WeRaiders v29 — Mapas e Eventos em tempo real
   ========================= */

.live-events-hero {
  padding-bottom: 22px !important;
}

.live-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.live-clock-card {
  min-width: 160px;
  border: 1px solid rgba(216,199,166,.14);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  padding: 14px 16px;
}

.live-clock-card span,
.map-clock span {
  display: block;
  color: var(--muted);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  margin-bottom: 6px;
}

.live-clock-card strong {
  color: var(--cream);
  font-size: 1.25rem;
}

.status-live {
  border-color: rgba(76,204,64,.34);
  background: rgba(76,204,64,.07);
}

.status-live strong {
  color: var(--green);
}

.live-events-shell {
  margin: 0 4vw 30px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)), #111722;
  box-shadow: 0 18px 44px rgba(0,0,0,.20);
}

.live-map-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 14px;
}

.live-map-card,
.upcoming-event-card {
  border: 1px solid rgba(216,199,166,.13);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
  padding: 16px;
}

.live-map-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.live-map-top span {
  color: var(--gold);
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.live-map-top h3 {
  margin: 6px 0 3px;
  font-size: 1.35rem;
}

.live-map-top small,
.live-event small,
.upcoming-event-card small {
  color: var(--muted);
}

.live-badge {
  border: 1px solid rgba(76,204,64,.38);
  color: var(--green);
  background: rgba(76,204,64,.08);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .68rem;
  letter-spacing: .16em;
  font-weight: 800;
}

.live-event-stack {
  display: grid;
  gap: 10px;
}

.live-event,
.upcoming-event-card {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  border-radius: 16px;
  padding: 14px;
}

.live-event span,
.upcoming-event-card span {
  color: var(--muted);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.live-event strong,
.upcoming-event-card strong {
  display: block;
  color: var(--cream);
  margin-top: 5px;
}

.event-major {
  border: 1px solid rgba(217,148,46,.34);
  background: linear-gradient(135deg, rgba(217,148,46,.12), rgba(181,72,44,.08));
}

.event-minor {
  border: 1px solid rgba(45,131,132,.34);
  background: rgba(45,131,132,.10);
}

.event-neutral {
  border: 1px solid rgba(216,199,166,.16);
  background: rgba(255,255,255,.035);
}

.event-off {
  border: 1px solid rgba(216,199,166,.10);
  background: rgba(255,255,255,.018);
  opacity: .58;
}

.countdown-box {
  min-width: 104px;
  text-align: right;
  border: 1px solid rgba(216,199,166,.12);
  border-radius: 14px;
  background: rgba(0,0,0,.18);
  padding: 10px 12px;
}

.countdown-box span {
  display: block;
  font-size: .62rem;
  margin-bottom: 4px;
}

.countdown-box b {
  color: var(--cream);
  font-size: 1.05rem;
}

.next-line {
  display: grid;
  gap: 7px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(216,199,166,.10);
  color: var(--muted);
  font-size: .82rem;
}

.next-line b {
  color: var(--cream);
}

.upcoming-events-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 12px;
}

.loading-box {
  border: 1px solid rgba(216,199,166,.12);
  border-radius: 16px;
  padding: 18px;
  color: var(--muted);
  background: rgba(255,255,255,.025);
}

@media(max-width: 760px) {
  .live-map-grid,
  .upcoming-events-list {
    grid-template-columns: 1fr;
  }

  .live-event,
  .upcoming-event-card {
    align-items: stretch;
    flex-direction: column;
  }

  .countdown-box {
    text-align: left;
  }
}


/* =========================
   WeRaiders v30 — Página Itens / Crafting
   ========================= */

.items-db-tools {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 220px 220px;
  gap: 12px;
  margin-top: 22px;
  max-width: 980px;
}

.items-db-tools input,
.items-db-tools select {
  height: 48px;
  border: 1px solid rgba(216,199,166,.16);
  border-radius: 14px;
  background: #070A10;
  color: var(--cream);
  padding: 0 14px;
}

.items-db-shell {
  margin: 0 4vw 40px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)), #111722;
  box-shadow: 0 18px 44px rgba(0,0,0,.20);
}

.items-db-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 14px;
}

.game-item-card {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 14px;
  border: 1px solid rgba(216,199,166,.12);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,.025);
}

.game-item-img {
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(216,199,166,.08);
}

.game-item-img img {
  max-width: 70px;
  max-height: 70px;
  object-fit: contain;
}

.game-item-top {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.game-item-top span,
.game-item-top b {
  display: inline-flex;
  border: 1px solid rgba(217,148,46,.22);
  border-radius: 999px;
  padding: 4px 8px;
  background: rgba(217,148,46,.06);
  color: var(--gold);
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.game-item-top b {
  border-color: rgba(45,131,132,.28);
  background: rgba(45,131,132,.08);
  color: #a8e2dd;
}

.game-item-card h3 {
  margin: 8px 0 6px;
  font-size: 1.15rem;
}

.game-item-card p {
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.45;
}

.craft-box {
  margin-top: 12px;
  border: 1px solid rgba(216,199,166,.10);
  border-radius: 14px;
  background: rgba(0,0,0,.16);
  padding: 12px;
}

.craft-box strong {
  display: block;
  margin-bottom: 8px;
  color: var(--cream);
}

.craft-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 7px;
}

.craft-box li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-radius: 10px;
  padding: 7px 9px;
  background: rgba(255,255,255,.035);
}

.craft-box li span {
  color: var(--muted);
}

.craft-box li b {
  color: var(--gold);
}

.craft-box small {
  color: var(--muted);
}

@media(max-width: 850px) {
  .items-db-tools {
    grid-template-columns: 1fr;
  }
}

@media(max-width: 520px) {
  .game-item-card {
    grid-template-columns: 1fr;
  }
}


/* =========================
   WeRaiders v31 — Correção página Itens carregando cards
   ========================= */

.visible-items-grid {
  margin-top: 18px !important;
}

.items-db-shell .structured-head {
  margin-bottom: 8px !important;
}

.items-db-shell .muted {
  color: var(--muted);
  margin: 6px 0 0;
}

.game-item-card {
  min-height: 220px;
}

.game-item-card h3 {
  color: var(--cream);
}

.game-item-card:hover {
  border-color: rgba(217,148,46,.34);
  transform: translateY(-2px);
  transition: .18s ease;
}

.items-db-grid:empty::before {
  content: "Nenhum item encontrado.";
  color: var(--muted);
  padding: 16px;
}


/* =========================
   WeRaiders v32 — Itens via base ARCTracker/RaidTheory
   ========================= */

.refresh-items-btn {
  min-height: 48px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
}

.original-name {
  display: block;
  color: rgba(216,199,166,.58);
  margin-top: -2px;
  margin-bottom: 8px;
  font-size: .78rem;
}

.items-db-tools {
  grid-template-columns: minmax(220px, 1fr) 210px 190px 170px !important;
}

.game-item-card .craft-box {
  margin-top: 14px;
}

@media(max-width: 1050px) {
  .items-db-tools {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media(max-width: 640px) {
  .items-db-tools {
    grid-template-columns: 1fr !important;
  }
}


/* =========================
   WeRaiders v33 — Housekeeping de páginas
   ========================= */

.cms-page-content {
  margin: 0 4vw 60px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)), #111722;
  color: var(--cream);
  line-height: 1.7;
}

.cms-page-content h2,
.cms-page-content h3 {
  margin-top: 22px;
}

.cms-page-content p {
  color: rgba(216,199,166,.82);
}

.pages-admin-form textarea[name="content"] {
  font-family: Consolas, monospace;
  min-height: 220px;
}

.status-pill {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(216,199,166,.18);
  background: rgba(255,255,255,.04);
  color: var(--cream);
  font-size: .78rem;
}

.admin-table small {
  color: var(--muted);
}

.admin-table .link-danger {
  margin-left: 8px !important;
}


/* =========================
   WeRaiders v34 — aviso de prêmios + cards da loja ajustados
   ========================= */

.shop-note,
.hero-note,
.notice-box {
  line-height: 1.55;
}

.shop-note strong,
.hero-note strong,
.notice-box strong {
  color: var(--gold);
}

.shop-grid .product-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 100%;
  padding: 20px 18px 18px;
}

.shop-grid .product-card .tag {
  margin-bottom: 12px;
}

.shop-grid .product-card img {
  width: 112px !important;
  height: 112px !important;
  object-fit: contain;
  align-self: center;
  margin: 2px auto 18px !important;
  filter: drop-shadow(0 12px 20px rgba(0,0,0,.18));
}

.shop-grid .product-card h3 {
  margin-top: 4px !important;
  margin-bottom: 10px !important;
  font-size: 1.28rem !important;
  line-height: 1.12;
}

.shop-grid .product-card p {
  margin-top: 2px !important;
  margin-bottom: 14px !important;
  min-height: 64px;
  line-height: 1.45;
}

.shop-grid .product-card .price {
  margin-top: auto;
  width: 100%;
}

.shop-grid .product-card .price strong {
  line-height: 1;
}

.shop-grid .product-card .stock {
  margin: 10px 0 14px !important;
}

.shop-grid .product-card .buy-btn,
.shop-grid .product-card .product-add-form {
  width: 100%;
}

@media (max-width: 700px) {
  .shop-grid .product-card img {
    width: 100px !important;
    height: 100px !important;
  }

  .shop-grid .product-card h3 {
    font-size: 1.18rem !important;
  }
}


/* =========================
   WeRaiders v35 — status aberto/fechado da loja
   ========================= */

.shop-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 9px 12px;
  border: 1px solid rgba(216,199,166,.15);
  background: rgba(255,255,255,.035);
  color: var(--cream);
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .10em;
  white-space: nowrap;
}

.shop-status-pill i {
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 999px;
  background: currentColor;
}

.shop-status-pill.open {
  color: #55ff73;
  border-color: rgba(76,204,64,.34);
  background: rgba(76,204,64,.08);
}

.shop-status-pill.open i {
  animation: shopPulse 1.15s infinite ease-in-out;
  box-shadow: 0 0 0 0 rgba(76,204,64,.45);
}

.shop-status-pill.closed {
  color: #ff8b73;
  border-color: rgba(181,72,44,.36);
  background: rgba(181,72,44,.10);
}

@keyframes shopPulse {
  0% { transform: scale(.92); box-shadow: 0 0 0 0 rgba(76,204,64,.45); }
  70% { transform: scale(1.08); box-shadow: 0 0 0 8px rgba(76,204,64,0); }
  100% { transform: scale(.92); box-shadow: 0 0 0 0 rgba(76,204,64,0); }
}

.main-nav .shop-status-pill {
  margin-right: 2px;
}

@media(max-width: 950px) {
  .main-nav .shop-status-pill {
    order: -1;
  }
}


/* =========================
   WeRaiders v36 — reservas fora do horário + WhatsApp opcional
   ========================= */

.reservation-alert {
  border-color: rgba(217,148,46,.36) !important;
  background: rgba(217,148,46,.08) !important;
  color: var(--cream) !important;
}

.reserve-btn {
  background: linear-gradient(135deg, #D9942E 0%, #C77B25 58%, #B5482C 100%) !important;
}

.admin-mini-items {
  display: grid;
  gap: 4px;
  margin-top: 8px;
}

.admin-mini-items span {
  display: inline-flex;
  width: fit-content;
  border: 1px solid rgba(216,199,166,.12);
  background: rgba(255,255,255,.035);
  border-radius: 999px;
  padding: 4px 8px;
  color: var(--muted);
  font-size: .74rem;
}

.inline-form {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.inline-form button {
  margin: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
}


/* =========================
   WeRaiders v38 — Mercado Pago Pix automático
   ========================= */

.mp-qr-img {
  width: 210px;
  height: 210px;
  display: block;
  object-fit: contain;
  border-radius: 18px;
  border: 1px solid rgba(216,199,166,.16);
  background: #fff;
  padding: 10px;
  margin: 12px 0;
}

.pix-box .btn.secondary {
  margin-top: 12px;
  display: inline-flex;
}

.admin-form input[readonly] {
  opacity: .82;
  cursor: pointer;
}


/* =========================
   WeRaiders v39 — Home: Mais vendidos + Discord rotativo
   ========================= */

.featured-rotator .panel-head h2 {
  font-size: 2.15rem !important;
}

.featured-carousel {
  position: relative;
  overflow: hidden;
}

.featured-slides {
  position: relative;
  min-height: 250px;
}

.featured-slide {
  display: none;
  min-height: 250px;
  animation: featuredFade .35s ease;
}

.featured-slide.active {
  display: block;
}

@keyframes featuredFade {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

.featured-items-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  min-height: 250px;
}

.featured-mini-card {
  border: 1px solid rgba(216,199,166,.12);
  border-radius: 18px;
  background: rgba(0,0,0,.18);
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.featured-mini-card img {
  width: 78px;
  height: 78px;
  object-fit: contain;
  display: block;
  margin: 0 auto 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.28);
  padding: 8px;
}

.featured-mini-card span {
  color: var(--gold);
  font-size: .66rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.featured-mini-card h3 {
  margin: 7px 0 8px;
  font-size: 1rem;
  line-height: 1.15;
}

.featured-mini-card strong {
  color: var(--cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: 2rem;
}

.discord-slide {
  border: 1px solid rgba(88,101,242,.30);
  border-radius: 18px;
  background:
    radial-gradient(circle at 80% 35%, rgba(88,101,242,.20), transparent 34%),
    linear-gradient(135deg, rgba(88,101,242,.12), rgba(45,131,132,.08)),
    rgba(0,0,0,.18);
  padding: 18px;
}

.discord-card-content {
  display: grid;
  grid-template-columns: 1fr 160px;
  align-items: center;
  gap: 18px;
  min-height: 214px;
}

.discord-card-content h3 {
  margin: 8px 0 10px;
  font-size: 1.55rem;
  color: var(--cream);
}

.discord-card-content p {
  color: var(--muted);
  line-height: 1.45;
  margin-bottom: 16px;
}

.discord-qr-box {
  display: block;
  border-radius: 18px;
  padding: 8px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(0,0,0,.28);
  transition: transform .18s ease, box-shadow .18s ease;
}

.discord-qr-box:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 24px 42px rgba(0,0,0,.34);
}

.discord-qr-box img {
  width: 100%;
  display: block;
  border-radius: 12px;
}

.featured-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.featured-dots button {
  width: 28px;
  height: 7px;
  border: 0;
  border-radius: 999px;
  background: rgba(216,199,166,.22);
  cursor: pointer;
  transition: .18s ease;
}

.featured-dots button.active {
  width: 42px;
  background: linear-gradient(135deg, #D9942E 0%, #C77B25 58%, #B5482C 100%);
}

@media(max-width: 900px) {
  .featured-items-grid {
    grid-template-columns: 1fr;
  }

  .featured-mini-card {
    min-height: 140px;
  }

  .discord-card-content {
    grid-template-columns: 1fr;
  }

  .discord-qr-box {
    max-width: 210px;
    margin: 0 auto;
  }
}


/* =========================
   WeRaiders v40 — carrossel automático 1 por vez
   ========================= */

.featured-rotator {
  overflow: hidden;
}

.featured-rotator .panel-head {
  margin-bottom: 14px;
}

.featured-rotator .panel-head h2 {
  font-size: 2.3rem !important;
  margin-top: 4px;
}

.featured-carousel {
  position: relative;
  overflow: hidden;
  min-height: 290px;
}

.featured-slides {
  position: relative;
  min-height: 290px;
}

.featured-slide {
  display: none;
  min-height: 290px;
  animation: featuredFadeV40 .45s ease;
}

.featured-slide.active {
  display: block;
}

@keyframes featuredFadeV40 {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.featured-sale-slide,
.discord-slide {
  padding: 2px;
}

.featured-single-shell {
  min-height: 250px;
  display: grid;
  grid-template-columns: 210px 1fr;
  align-items: center;
  gap: 24px;
  border: 1px solid rgba(216,199,166,.14);
  border-radius: 24px;
  padding: 22px 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    radial-gradient(circle at top right, rgba(217,148,46,.08), transparent 30%),
    rgba(0,0,0,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 18px 40px rgba(0,0,0,.18);
}

.featured-single-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.featured-single-visual img {
  width: 160px;
  height: 160px;
  object-fit: contain;
  display: block;
  border-radius: 22px;
  background: rgba(0,0,0,.34);
  padding: 16px;
  border: 1px solid rgba(216,199,166,.10);
  box-shadow: 0 16px 30px rgba(0,0,0,.22);
}

.featured-single-meta {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.featured-kicker {
  color: var(--gold);
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.featured-single-meta h3 {
  margin: 0 0 10px;
  font-size: 2.2rem;
  line-height: .96;
  color: var(--cream);
}

.featured-single-meta p {
  margin: 0 0 14px;
  max-width: 440px;
  color: var(--muted);
  line-height: 1.45;
}

.featured-single-meta strong {
  color: var(--cream);
  font-family: "Bebas Neue", sans-serif;
  font-size: 3.1rem;
  line-height: 1;
  margin-bottom: 16px;
}

.featured-buy-btn {
  width: fit-content;
}

.discord-slide {
  border: none;
  background: transparent;
  padding: 2px;
}

.discord-shell {
  grid-template-columns: 1fr 190px;
  background:
    radial-gradient(circle at 80% 35%, rgba(88,101,242,.18), transparent 34%),
    linear-gradient(135deg, rgba(88,101,242,.10), rgba(45,131,132,.08)),
    rgba(0,0,0,.18);
}

.discord-shell .featured-single-meta h3 {
  font-size: 2rem;
  line-height: 1;
}

.discord-qr-box {
  display: block;
  border-radius: 20px;
  padding: 8px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(0,0,0,.28);
  transition: transform .18s ease, box-shadow .18s ease;
}

.discord-qr-box:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 24px 42px rgba(0,0,0,.34);
}

.discord-qr-box img {
  width: 100%;
  display: block;
  border-radius: 14px;
}

/* remove controles anteriores se existirem */
.featured-dots {
  display: none !important;
}

@media (max-width: 920px) {
  .featured-single-shell,
  .discord-shell {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 18px;
  }

  .featured-single-meta {
    align-items: center;
  }

  .featured-single-meta p {
    max-width: 100%;
  }

  .featured-buy-btn {
    margin: 0 auto;
  }

  .featured-single-visual img {
    width: 130px;
    height: 130px;
  }

  .discord-qr-box {
    max-width: 210px;
    margin: 0 auto;
  }
}


/* =========================
   WeRaiders v43 — housekeeping/configurações organizado
   ========================= */

.hk-settings-layout {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.hk-settings-sidebar {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 10px;
  border: 1px solid rgba(216,199,166,.13);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)), #111722;
  padding: 12px;
}

.hk-settings-sidebar a {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 2px 12px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 12px;
  color: var(--cream);
  text-decoration: none;
  background: rgba(255,255,255,.02);
  transition: .16s ease;
}

.hk-settings-sidebar a span {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(217,148,46,.10);
  color: var(--gold);
  font-weight: 800;
  font-size: .75rem;
}

.hk-settings-sidebar a strong {
  font-size: .98rem;
}

.hk-settings-sidebar a small {
  color: var(--muted);
  line-height: 1.25;
}

.hk-settings-sidebar a:hover,
.hk-settings-sidebar a.active {
  border-color: rgba(217,148,46,.35);
  background: rgba(217,148,46,.08);
  transform: translateX(2px);
}

.hk-settings-content {
  min-width: 0;
}

.hk-panel {
  margin-top: 0 !important;
}

.hk-panel .admin-form {
  max-width: 880px;
}

.hk-panel .admin-form label {
  margin-top: 14px;
}

.hk-panel input[readonly] {
  cursor: pointer;
  opacity: .82;
}

@media(max-width: 950px) {
  .hk-settings-layout {
    grid-template-columns: 1fr;
  }

  .hk-settings-sidebar {
    position: static;
  }
}


/* =========================
   WeRaiders v45 — pedido mínimo
   ========================= */

.minimum-order-alert {
  border-color: rgba(181,72,44,.38) !important;
  background: rgba(181,72,44,.10) !important;
}

.btn.disabled,
button.btn[disabled] {
  opacity: .55 !important;
  cursor: not-allowed !important;
  filter: grayscale(.25) !important;
}


/* =========================
   WeRaiders v47 — disponível / indisponível visual
   ========================= */

.product-card.product-unavailable {
  opacity: .72;
  filter: grayscale(.58);
  border-color: rgba(160,160,160,.18) !important;
  background: linear-gradient(180deg, rgba(170,170,170,.03), rgba(130,130,130,.02)), rgba(255,255,255,.02) !important;
}

.product-card.product-unavailable img {
  filter: grayscale(.9);
}

.stock.available {
  color: #7be495 !important;
  background: rgba(123,228,149,.10);
  border: 1px solid rgba(123,228,149,.20);
  padding: 6px 10px;
  border-radius: 999px;
  display: inline-flex;
  width: fit-content;
  font-weight: 700;
}

.stock.unavailable {
  color: #d7d7d7 !important;
  background: rgba(180,180,180,.10);
  border: 1px solid rgba(180,180,180,.18);
  padding: 6px 10px;
  border-radius: 999px;
  display: inline-flex;
  width: fit-content;
  font-weight: 700;
}

.available-text {
  color: #7be495;
}

.product-card.product-unavailable .buy-btn.disabled {
  background: rgba(150,150,150,.18) !important;
  border-color: rgba(190,190,190,.12) !important;
  color: #d9d9d9 !important;
}


/* =========================
   WeRaiders v52 — Atualização Online
   ========================= */
#refresh-state{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color: var(--green);
  text-transform: uppercase;
}
#refresh-state .blink-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background: var(--green);
  box-shadow: 0 0 8px rgba(76,204,64,.75), 0 0 14px rgba(76,204,64,.35);
  animation: wrBlinkDot 1.1s ease-in-out infinite;
  flex: 0 0 10px;
}
@keyframes wrBlinkDot{
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .25; transform: scale(.82); }
}


/* =========================
   WeRaiders v54 — categorias, cargos e B2B
   ========================= */

.empty-box {
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 24px;
  background: rgba(255,255,255,.025);
  color: var(--muted);
}

.admin-sidebar a[href="/seller/dashboard.php"],
.admin-sidebar a[href="/seller/items.php"],
.admin-sidebar a[href="/seller/sales.php"] {
  color: var(--cream);
}


/* =========================
   WeRaiders v55 — fix PHP 8.4 + status da loja refinado
   ========================= */

.shop-status-pill{
  padding: 10px 16px !important;
  border-radius: 999px !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  border-width: 1px !important;
  transition: all .22s ease;
}

.shop-status-pill i{
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px;
}

.shop-status-pill.open{
  color: #7dff8c !important;
  border-color: rgba(73, 212, 92, .48) !important;
  background:
    linear-gradient(180deg, rgba(55, 165, 73, .14), rgba(25, 105, 36, .10)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(92, 255, 120, .04),
    0 0 14px rgba(55, 165, 73, .14) !important;
}

.shop-status-pill.open i{
  background: #56ff68 !important;
  animation: shopPulseGlow 1.05s infinite ease-in-out;
  box-shadow:
    0 0 0 0 rgba(76,204,64,.45),
    0 0 10px rgba(86,255,104,.75),
    0 0 18px rgba(86,255,104,.35);
}

.shop-status-pill.closed{
  color: #ffad8e !important;
  border-color: rgba(181,72,44,.36) !important;
  background:
    linear-gradient(180deg, rgba(181,72,44,.12), rgba(110,38,24,.09)) !important;
}

@keyframes shopPulseGlow {
  0%   { transform: scale(.92); opacity: 1; box-shadow: 0 0 0 0 rgba(76,204,64,.45), 0 0 8px rgba(86,255,104,.65), 0 0 16px rgba(86,255,104,.28); }
  70%  { transform: scale(1.08); opacity: .9; box-shadow: 0 0 0 8px rgba(76,204,64,0), 0 0 14px rgba(86,255,104,.9), 0 0 26px rgba(86,255,104,.45); }
  100% { transform: scale(.92); opacity: 1; box-shadow: 0 0 0 0 rgba(76,204,64,0), 0 0 8px rgba(86,255,104,.65), 0 0 16px rgba(86,255,104,.28); }
}


/* =========================
   WeRaiders v56 — B2B profissional
   ========================= */

.seller-tag {
  width: fit-content;
}

.compact-filter-form {
  max-width: 360px !important;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: end;
}

.compact-filter-form label {
  grid-column: 1 / -1;
}

.status-pill {
  text-transform: uppercase;
}

.inline-form {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}


/* =========================
   WeRaiders v57 — pagamentos semanais B2B
   ========================= */

.b2b-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.b2b-summary-grid > div {
  border: 1px solid rgba(216,199,166,.13);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
  padding: 16px;
}

.b2b-summary-grid span {
  display: block;
  color: var(--muted);
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.b2b-summary-grid strong {
  display: block;
  margin-top: 8px;
  color: var(--cream);
  font-size: 1.35rem;
}

.weekly-filter {
  max-width: 430px !important;
}

@media(max-width: 900px) {
  .b2b-summary-grid {
    grid-template-columns: 1fr;
  }
}


/* =========================
   WeRaiders v59 — B2B visível no admin
   ========================= */

.role-form {
  display: grid !important;
  grid-template-columns: minmax(140px, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.role-form select {
  width: 100%;
}

.role-form button {
  margin-top: 0 !important;
  white-space: nowrap;
}

.b2b-summary-grid + .b2b-summary-grid {
  margin-top: 12px;
}

@media(max-width: 800px) {
  .role-form {
    grid-template-columns: 1fr;
  }
}


/* =========================
   WeRaiders v62 — categoria vazia
   ========================= */

.empty-category-message {
  grid-column: 1 / -1;
  text-align: center;
  padding: 42px 24px !important;
  font-size: 1.15rem;
  color: var(--muted);
}


/* =========================
   WeRaiders v63 — filtro por PHP
   ========================= */

.shop-sidebar a.filter {
  display: block;
  text-decoration: none;
}

.empty-category-message {
  grid-column: 1 / -1;
  text-align: center;
  padding: 42px 24px !important;
  font-size: 1.15rem;
  color: var(--muted);
}


/* =========================
   WeRaiders v64 — filtro sem esticar card e sem voltar ao topo
   ========================= */

html {
  scroll-behavior: smooth;
}

#loja {
  scroll-margin-top: 105px;
}

.shop-grid {
  align-items: start !important;
  grid-auto-rows: auto !important;
}

.shop-grid .product-card {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 320px;
}

.shop-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 320px)) !important;
}

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

  .shop-grid .product-card {
    max-width: none;
  }
}


/* =========================
   WeRaiders v65 — cards da loja alinhados
   ========================= */

.shop-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

.shop-grid .product-card {
  max-width: none !important;
  width: 100% !important;
  min-height: 350px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  padding: 24px !important;
}

.shop-grid .product-card .tag {
  min-height: 28px !important;
  width: fit-content !important;
  margin-bottom: 14px !important;
}

.shop-grid .product-card img {
  width: 112px !important;
  height: 112px !important;
  object-fit: contain !important;
  margin: 0 auto 18px !important;
  flex: 0 0 auto !important;
}

.shop-grid .product-card h3 {
  min-height: 52px !important;
  margin: 0 0 10px !important;
  line-height: 1.15 !important;
  display: flex !important;
  align-items: flex-start !important;
}

.shop-grid .product-card p {
  min-height: 48px !important;
  margin: 0 0 16px !important;
  line-height: 1.4 !important;
}

.shop-grid .product-card .price {
  margin-top: auto !important;
  min-height: 55px !important;
}

.shop-grid .product-card .price strong {
  line-height: 1 !important;
}

.shop-grid .product-card .stock {
  margin: 8px 0 16px !important;
  min-height: 34px !important;
}

.shop-grid .product-card .product-add-form,
.shop-grid .product-card .simple-add-form {
  margin-top: 0 !important;
}

.shop-grid .product-card .buy-btn {
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media(max-width: 900px) {
  .shop-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }

  .shop-grid .product-card {
    min-height: auto !important;
    height: auto !important;
  }
}


/* =========================
   WeRaiders v66 — cards menores e sem esticar com 1 item
   ========================= */

.shop-grid {
  grid-template-columns: repeat(auto-fill, 230px) !important;
  justify-content: start !important;
  align-items: start !important;
  grid-auto-rows: auto !important;
  gap: 16px !important;
}

.shop-grid .product-card {
  width: 230px !important;
  max-width: 230px !important;
  min-height: 330px !important;
  height: auto !important;
  align-self: start !important;
  padding: 18px !important;
}

.shop-grid .product-card .tag {
  min-height: 24px !important;
  padding: 6px 9px !important;
  font-size: .58rem !important;
  margin-bottom: 10px !important;
}

.shop-grid .product-card img {
  width: 96px !important;
  height: 96px !important;
  margin: 0 auto 14px !important;
  object-fit: contain !important;
}

.shop-grid .product-card h3 {
  min-height: 44px !important;
  font-size: 1.16rem !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

.shop-grid .product-card p {
  min-height: 44px !important;
  font-size: .82rem !important;
  line-height: 1.35 !important;
  margin-bottom: 12px !important;
}

.shop-grid .product-card .price {
  min-height: 42px !important;
  margin-top: auto !important;
}

.shop-grid .product-card .price small {
  font-size: .78rem !important;
}

.shop-grid .product-card .price strong {
  font-size: 2.35rem !important;
  line-height: .95 !important;
}

.shop-grid .product-card .stock {
  min-height: 28px !important;
  margin: 8px 0 12px !important;
  padding: 6px 10px !important;
  font-size: .78rem !important;
}

.shop-grid .product-card .buy-btn {
  min-height: 48px !important;
  padding: 10px 12px !important;
  font-size: .68rem !important;
  letter-spacing: .12em !important;
}

@media(max-width: 900px) {
  .shop-grid {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  }

  .shop-grid .product-card {
    width: 100% !important;
    max-width: none !important;
  }
}


/* =========================
   WeRaiders v67 — cards compactos e alinhados
   ========================= */

.shop-layout {
  align-items: start !important;
}

.shop-sidebar {
  position: sticky;
  top: 92px;
  align-self: start;
}

.shop-sidebar .sidebar-note,
.shop-sidebar .shop-note,
.shop-sidebar .sidebar-box,
.shop-sidebar .side-note,
.shop-sidebar p {
  font-size: .84rem !important;
  line-height: 1.42 !important;
}

.shop-grid {
  grid-template-columns: repeat(auto-fill, 230px) !important;
  justify-content: start !important;
  align-items: stretch !important;
  gap: 16px !important;
}

.shop-grid .product-card {
  width: 230px !important;
  max-width: 230px !important;
  min-height: 362px !important;
  height: 362px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-self: stretch !important;
  padding: 16px !important;
  overflow: hidden !important;
}

.shop-grid .product-card .tag {
  min-height: 24px !important;
  max-width: max-content !important;
  padding: 5px 10px !important;
  font-size: .56rem !important;
  letter-spacing: .13em !important;
  margin-bottom: 10px !important;
}

.shop-grid .product-card img {
  width: 92px !important;
  height: 92px !important;
  object-fit: contain !important;
  margin: 0 auto 12px !important;
  flex: 0 0 auto !important;
}

.shop-grid .product-card h3 {
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 0 8px !important;
  font-size: 1rem !important;
  line-height: 1.12 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.shop-grid .product-card p {
  min-height: 54px !important;
  max-height: 54px !important;
  margin: 0 0 10px !important;
  font-size: .78rem !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

.shop-grid .product-card .price {
  min-height: 58px !important;
  max-height: 58px !important;
  margin-top: auto !important;
  margin-bottom: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

.shop-grid .product-card .price small {
  min-height: 16px !important;
  font-size: .76rem !important;
  line-height: 1 !important;
}

.shop-grid .product-card .price strong {
  font-size: 2rem !important;
  line-height: .95 !important;
}

.shop-grid .product-card .stock {
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 0 12px !important;
  padding: 5px 10px !important;
  font-size: .75rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.shop-grid .product-card form,
.shop-grid .product-card .product-add-form,
.shop-grid .product-card .simple-add-form {
  margin-top: 0 !important;
}

.shop-grid .product-card .buy-btn,
.shop-grid .product-card button[type="submit"] {
  height: 44px !important;
  min-height: 44px !important;
  width: 100% !important;
  margin-top: 0 !important;
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.05 !important;
  font-size: .64rem !important;
  letter-spacing: .12em !important;
  white-space: normal !important;
}

.shop-grid .product-card .buy-btn span,
.shop-grid .product-card button[type="submit"] span {
  display: block !important;
}

.empty-category-message {
  width: 230px !important;
  max-width: 230px !important;
  min-height: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 24px !important;
}

@media (max-width: 900px) {
  .shop-sidebar {
    position: static;
  }

  .shop-grid {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  }

  .shop-grid .product-card,
  .empty-category-message {
    width: 100% !important;
    max-width: none !important;
  }
}


/* =========================
   WeRaiders v68 — corrige botão cortado nos cards
   ========================= */

.shop-grid .product-card {
  min-height: 405px !important;
  height: 405px !important;
  padding-bottom: 18px !important;
}

.shop-grid .product-card p {
  min-height: 44px !important;
  max-height: 44px !important;
  margin-bottom: 10px !important;
  -webkit-line-clamp: 2 !important;
}

.shop-grid .product-card .price {
  min-height: 54px !important;
  max-height: 54px !important;
  margin-bottom: 8px !important;
}

.shop-grid .product-card .stock {
  min-height: 26px !important;
  max-height: 26px !important;
  margin: 0 0 10px !important;
}

.shop-grid .product-card form,
.shop-grid .product-card .product-add-form,
.shop-grid .product-card .simple-add-form {
  margin-top: auto !important;
}

.shop-grid .product-card .buy-btn,
.shop-grid .product-card button[type="submit"] {
  position: relative !important;
  bottom: auto !important;
  margin-top: auto !important;
  flex-shrink: 0 !important;
  min-height: 46px !important;
  height: 46px !important;
  overflow: visible !important;
}

@media (max-width: 900px) {
  .shop-grid .product-card {
    min-height: auto !important;
    height: auto !important;
  }
}


/* =========================
   WeRaiders v69 — compacta espaços e garante botão visível
   ========================= */

.shop-grid .product-card {
  min-height: 418px !important;
  height: 418px !important;
  padding: 15px !important;
}

.shop-grid .product-card .tag {
  margin-bottom: 8px !important;
}

.shop-grid .product-card img {
  width: 88px !important;
  height: 88px !important;
  margin: 0 auto 10px !important;
}

.shop-grid .product-card h3 {
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 0 6px !important;
  font-size: 0.96rem !important;
  line-height: 1.08 !important;
  -webkit-line-clamp: 2 !important;
}

.shop-grid .product-card p {
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0 0 8px !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
  -webkit-line-clamp: 2 !important;
}

.shop-grid .product-card .price {
  min-height: 50px !important;
  max-height: 50px !important;
  margin-bottom: 6px !important;
}

.shop-grid .product-card .price strong {
  font-size: 1.95rem !important;
}

.shop-grid .product-card .stock {
  min-height: 24px !important;
  max-height: 24px !important;
  margin: 0 0 10px !important;
  padding: 4px 10px !important;
  font-size: 0.73rem !important;
}

.shop-grid .product-card form,
.shop-grid .product-card .product-add-form,
.shop-grid .product-card .simple-add-form {
  margin-top: auto !important;
}

.shop-grid .product-card .buy-btn,
.shop-grid .product-card button[type="submit"] {
  min-height: 42px !important;
  height: 42px !important;
  padding: 7px 10px !important;
  font-size: 0.63rem !important;
  line-height: 1.02 !important;
  border-radius: 14px !important;
}

@media (max-width: 900px) {
  .shop-grid .product-card {
    min-height: auto !important;
    height: auto !important;
  }
}


/* =========================
   WeRaiders v70 — menu compacto com dropdown de conta
   ========================= */

.compact-main-nav {
  gap: 10px !important;
}

.compact-main-nav > a {
  white-space: nowrap;
}

.compact-cart-link {
  margin-left: 6px;
}

.account-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.account-menu-btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(216,164,71,.45);
  background: rgba(216,164,71,.06);
  color: var(--cream);
  font-family: inherit;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
}

.account-menu-btn em {
  color: var(--gold);
  font-style: normal;
  font-size: .78rem;
}

.account-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 190px;
  display: none;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid rgba(216,164,71,.28);
  background: rgba(10,13,19,.98);
  box-shadow: 0 18px 45px rgba(0,0,0,.42);
  z-index: 90;
}

.account-menu:hover .account-dropdown,
.account-menu:focus-within .account-dropdown {
  display: grid;
  gap: 4px;
}

.account-dropdown a {
  display: block;
  padding: 11px 12px;
  border-radius: 10px;
  color: var(--cream);
  text-decoration: none;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: none;
}

.account-dropdown a:hover {
  background: rgba(216,164,71,.10);
  color: var(--gold);
}

.account-dropdown .dropdown-danger {
  color: #ff9a8f;
}

.account-dropdown .dropdown-danger:hover {
  background: rgba(181,72,44,.12);
  color: #ffb2a6;
}

@media(max-width: 1050px) {
  .compact-main-nav {
    gap: 6px !important;
  }

  .compact-main-nav > a,
  .account-menu-btn,
  .cart-link {
    font-size: .66rem !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}


/* ======================================================
   WeRaiders v71 — refino de loja, conta e revisão visual
   ====================================================== */

.account-title,
.compact-section,
.reward-layout,
.reward-result {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}

.account-title {
  padding-bottom: 8px;
}

.account-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(170px, 1fr));
  gap: 14px;
  margin: 20px 0 18px;
}

.account-summary > div {
  min-height: 96px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid rgba(216,164,71,.18);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)), var(--surface);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.account-summary span {
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.account-summary strong {
  font-size: 1.05rem;
  line-height: 1.2;
}

.compact-actions {
  gap: 12px;
  margin-top: 10px;
}

.compact-section {
  padding-top: 10px;
}

.badge-grid,
.reward-history-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.badge-card,
.reward-history-card,
.badge-grid .empty-box,
.reward-history-grid .empty-box {
  min-height: 142px;
  width: 100%;
}

.reward-history-card {
  padding: 18px 18px 16px;
}

.reward-history-card p {
  margin: 6px 0;
}

.admin-table.compact-table {
  overflow: hidden;
  border-radius: 16px;
}

.admin-table.compact-table td,
.admin-table.compact-table th {
  vertical-align: middle;
}

.shop-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(248px, 248px));
  justify-content: flex-start;
  align-items: stretch;
  gap: 18px;
}

.shop-grid .product-card,
.shop-grid .product-card.shop-product-card {
  width: 248px;
  min-height: 462px;
  padding: 16px 16px 18px;
  display: flex;
  flex-direction: column;
  align-self: start;
}

.shop-grid .product-card .tag {
  margin-bottom: 10px;
}

.shop-grid .product-card img {
  width: 142px;
  height: 142px;
  object-fit: contain;
  display: block;
  margin: 6px auto 14px;
  flex: 0 0 auto;
}

.shop-grid .product-card h3 {
  min-height: 2.35em;
  margin: 0 0 8px;
  font-size: 1.02rem;
  line-height: 1.18;
}

.shop-grid .product-card p {
  min-height: 4.25em;
  margin: 0 0 10px;
  color: var(--muted);
  font-size: .95rem;
  line-height: 1.42;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.shop-grid .product-card .price {
  min-height: 86px;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.shop-grid .product-card .price small {
  min-height: 18px;
}

.shop-grid .product-card .price strong {
  font-size: 2.25rem;
  line-height: .95;
}

.shop-grid .product-card .stock {
  display: inline-flex;
  align-self: flex-start;
  margin: 10px 0 12px;
}

.shop-grid .product-card .product-add-form,
.shop-grid .product-card .buy-btn,
.shop-grid .product-card a.buy-btn {
  width: 100%;
  margin-top: 0;
}

.shop-grid .product-card .buy-btn,
.shop-grid .product-card a.buy-btn {
  min-height: 52px;
  padding: 11px 12px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.14;
  font-size: .76rem;
}

.empty-category-message {
  width: 248px;
  max-width: 248px;
  min-height: 180px;
}

@media (max-width: 1300px) {
  .shop-grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 230px));
  }

  .shop-grid .product-card,
  .shop-grid .product-card.shop-product-card,
  .empty-category-message {
    width: 230px;
    max-width: 230px;
  }
}

@media (max-width: 980px) {
  .account-summary {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 768px) {
  .shop-grid {
    grid-template-columns: repeat(auto-fill, minmax(210px, 210px));
    justify-content: center;
  }

  .shop-grid .product-card,
  .shop-grid .product-card.shop-product-card,
  .empty-category-message {
    width: 210px;
    max-width: 210px;
    min-height: 438px;
  }

  .shop-grid .product-card img {
    width: 128px;
    height: 128px;
  }

  .account-summary {
    grid-template-columns: 1fr;
  }
}


/* ======================================================
   WeRaiders v72 — Housekeeping organizado
   ====================================================== */
.admin-body {
  grid-template-columns: 285px 1fr;
}

.admin-sidebar-v2 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 18px 16px;
  background: linear-gradient(180deg, rgba(7,9,13,.98), rgba(9,13,19,.96));
  border-right: 1px solid rgba(216,164,71,.14);
}

.admin-brand-card {
  padding: 16px 16px 14px;
  border-radius: 18px;
  border: 1px solid rgba(216,164,71,.16);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}

.admin-brand-card small {
  display: block;
  margin-top: -6px;
}

.admin-role-pill {
  display: inline-flex;
  margin-top: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(75,226,135,.25);
  background: rgba(75,226,135,.08);
  color: #9ff1b9;
  font-size: .73rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.admin-nav-groups {
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: auto;
  padding-right: 4px;
}

.admin-nav-group {
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(216,164,71,.09);
  background: rgba(255,255,255,.018);
}

.admin-nav-title {
  margin: 2px 4px 10px;
  color: var(--gold);
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .92;
}

.admin-sidebar-v2 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  margin-bottom: 6px;
  border-radius: 12px;
  border: 1px solid transparent;
  color: #d5cfbe;
  transition: .18s ease;
}

.admin-sidebar-v2 a:last-child {
  margin-bottom: 0;
}

.admin-sidebar-v2 a:hover {
  color: #fff2d4;
  background: rgba(255,255,255,.035);
  border-color: rgba(216,164,71,.18);
  transform: translateX(2px);
}

.admin-sidebar-v2 a.active {
  color: #fff4d8;
  border-color: rgba(216,164,71,.30);
  background: linear-gradient(90deg, rgba(216,164,71,.18), rgba(216,164,71,.05));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
}

.admin-sidebar-v2 a b {
  float: none;
  min-width: 22px;
  text-align: center;
}

.admin-sidebar-footer {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.admin-user-box {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(216,164,71,.12);
  background: rgba(255,255,255,.02);
}

.admin-user-box strong {
  display: block;
}

.admin-user-box span {
  color: var(--muted);
  font-size: .92rem;
  word-break: break-word;
}

.admin-sidebar-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.admin-sidebar-actions a {
  justify-content: center;
  margin-bottom: 0;
}

.admin-main-v2 {
  padding: 24px 28px 34px;
}

.admin-shell-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}

.admin-shell-subtitle {
  color: var(--muted);
  max-width: 760px;
}

.admin-main-v2 h1 {
  font-size: 4rem;
  margin-bottom: 16px;
}

.admin-cards-v2 div {
  min-height: 134px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.admin-dashboard-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 20px;
  margin-bottom: 22px;
}

.admin-quick-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.admin-quick-links a {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(216,164,71,.16);
  color: #e6dfce;
  background: rgba(255,255,255,.022);
}

.admin-quick-links a:hover {
  color: #fff1cf;
  border-color: rgba(216,164,71,.28);
  background: rgba(255,255,255,.038);
}

.admin-status-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.admin-status-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(216,164,71,.10);
  background: rgba(255,255,255,.02);
}

.admin-status-list span {
  color: var(--muted);
}

.admin-status-list strong {
  color: #b8f3c8;
  font-size: .92rem;
}

.admin-guide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.admin-guide-grid > div {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid rgba(216,164,71,.12);
  background: rgba(255,255,255,.018);
}

.admin-guide-grid h3 {
  margin: 0 0 8px;
  font-size: 1.04rem;
}

.admin-guide-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .admin-dashboard-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 950px) {
  .admin-body {
    grid-template-columns: 1fr;
  }

  .admin-sidebar-v2 {
    position: relative;
    height: auto;
  }

  .admin-sidebar-actions {
    grid-template-columns: 1fr 1fr;
  }

  .admin-main-v2 {
    padding: 18px 16px 30px;
  }
}


/* ======================================================
   WeRaiders v73 — bulk delete + sidebar refinada
   ====================================================== */
.admin-body {
  grid-template-columns: 332px 1fr;
}

.admin-sidebar-v2 {
  width: 332px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 18px 18px 20px;
  scrollbar-width: thin;
  scrollbar-color: rgba(216,164,71,.55) rgba(255,255,255,.04);
}

.admin-sidebar-v2::-webkit-scrollbar,
.admin-main-v2::-webkit-scrollbar,
.admin-nav-groups::-webkit-scrollbar,
.admin-table-wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.admin-sidebar-v2::-webkit-scrollbar-track,
.admin-main-v2::-webkit-scrollbar-track,
.admin-nav-groups::-webkit-scrollbar-track,
.admin-table-wrap::-webkit-scrollbar-track {
  background: rgba(255,255,255,.035);
  border-radius: 999px;
}

.admin-sidebar-v2::-webkit-scrollbar-thumb,
.admin-main-v2::-webkit-scrollbar-thumb,
.admin-nav-groups::-webkit-scrollbar-thumb,
.admin-table-wrap::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(216,164,71,.92), rgba(212,88,53,.92));
  border-radius: 999px;
  border: 2px solid rgba(8,11,15,.9);
}

.admin-sidebar-v2::-webkit-scrollbar-thumb:hover,
.admin-main-v2::-webkit-scrollbar-thumb:hover,
.admin-nav-groups::-webkit-scrollbar-thumb:hover,
.admin-table-wrap::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(234,182,84,.98), rgba(223,97,61,.98));
}

.admin-nav-groups {
  overflow: visible;
  padding-right: 0;
}

.admin-sidebar-footer {
  padding-bottom: 8px;
}

.admin-user-box span {
  word-break: break-all;
}

.admin-main-v2 {
  min-width: 0;
}

.bulk-items-head {
  align-items: center;
}

.bulk-items-actions-text {
  color: var(--muted);
  font-size: .94rem;
}

.bulk-items-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(216,164,71,.12);
  border-radius: 14px;
  background: rgba(255,255,255,.02);
}

.bulk-select-all {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  color: var(--cream);
}

.bulk-select-all input,
.checkbox-col input {
  width: 18px !important;
  height: 18px;
  accent-color: #d8a447;
}

.checkbox-col {
  width: 42px;
  text-align: center !important;
}

.danger-soft {
  margin-top: 0 !important;
  padding: 11px 14px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(216,164,71,.96), rgba(212,88,53,.96)) !important;
  color: #120d08 !important;
}

.admin-table-wrap {
  overflow-x: auto;
  border-radius: 16px;
}

.selectable-table tr:hover td {
  background: rgba(255,255,255,.012);
}

.table-actions-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.table-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.table-actions-row a,
.table-actions-stack .link-danger {
  white-space: nowrap;
}

@media (max-width: 950px) {
  .admin-body {
    grid-template-columns: 1fr;
  }

  .admin-sidebar-v2 {
    width: auto;
    max-height: none;
  }

  .bulk-items-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
}

.delete-inline-btn{margin-top:0 !important;padding:0 !important;background:none !important;border:none !important;color:#ff8e79 !important;cursor:pointer;font-weight:700;}


/* =========================
   WeRaiders v76 — pedido concluído + chat com emoji/anexos
   ========================= */
.order-admin-actions-panel .structured-head {
  align-items: center;
}

.success-action-btn {
  border: 1px solid rgba(77, 226, 135, .28) !important;
  background: linear-gradient(135deg, #3bd66e, #1fae58) !important;
  color: #031009 !important;
  border-radius: 14px !important;
  padding: 13px 16px !important;
  font-weight: 900 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}

.done-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(77, 226, 135, .10);
  border: 1px solid rgba(77, 226, 135, .28);
  color: #9ff1b9;
  font-weight: 800;
}

.chat-form-attachments {
  grid-template-columns: 1fr auto auto !important;
  align-items: end;
  gap: 12px;
}

.chat-form-attachments .emoji-row {
  grid-column: 1 / -1;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: -2px;
}

.emoji-row button {
  width: 38px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(216,164,71,.20);
  background: rgba(255,255,255,.035);
  cursor: pointer;
  font-size: 1.05rem;
  transition: .15s ease;
}

.emoji-row button:hover {
  transform: translateY(-2px);
  background: rgba(216,164,71,.12);
  border-color: rgba(216,164,71,.36);
}

.chat-file-input,
.chat-send-btn {
  min-height: 48px;
  min-width: 170px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 12px;
  white-space: nowrap;
  margin: 0 !important;
  font-weight: 800;
}

.chat-file-input {
  border: 1px solid rgba(216,164,71,.22);
  background: rgba(255,255,255,.035);
  color: var(--cream) !important;
  cursor: pointer;
}

.chat-send-btn {
  border: 1px solid rgba(216,164,71,.30) !important;
  background: linear-gradient(135deg,var(--gold),var(--orange)) !important;
  color: #080604 !important;
  box-shadow: 0 10px 24px rgba(216,164,71,.16);
}

.chat-send-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.chat-file-input input {
  display: none;
}

.chat-attachment {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  margin-top: 8px;
  padding: 9px 11px;
  border-radius: 12px;
  border: 1px solid rgba(216,164,71,.20);
  background: rgba(216,164,71,.08);
  color: var(--gold);
  text-decoration: none;
  word-break: break-word;
}

.chat-attachment-preview {
  display: block;
  max-width: min(280px, 100%);
  max-height: 220px;
  margin-top: 10px;
  border-radius: 14px;
  border: 1px solid rgba(216,199,166,.14);
  object-fit: contain;
  background: rgba(0,0,0,.22);
}

@media(max-width: 850px) {
  .chat-form-attachments {
    grid-template-columns: 1fr !important;
  }

  .chat-file-input,
  .chat-form-attachments button[type="submit"] {
    width: 100%;
  }
}


/* =========================
   WeRaiders v78 — chat refinado, anexo visível e status do pedido
   ========================= */

.chat-form textarea,
.chat-form-attachments textarea {
  resize: none !important;
}

.chat-form-attachments {
  grid-template-columns: 1fr auto auto !important;
  align-items: end !important;
}

.chat-upload-control {
  display: flex;
  flex-direction: column;
  gap: 7px;
  align-items: stretch;
  min-width: 190px;
}

.chat-file-status {
  display: block;
  max-width: 230px;
  min-height: 20px;
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-file-status.has-file {
  color: #9ff1b9;
}

.chat-send-btn,
.chat-file-input {
  height: 50px !important;
  min-height: 50px !important;
}

.chat-send-btn {
  min-width: 190px !important;
  font-size: .84rem !important;
}

.payment-chat-banner {
  width: min(1120px, 90vw);
  margin: 0 auto 22px;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(77,226,135,.28);
  background:
    radial-gradient(circle at 12% 20%, rgba(77,226,135,.16), transparent 34%),
    linear-gradient(180deg, rgba(77,226,135,.085), rgba(255,255,255,.02)),
    var(--surface);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  box-shadow: 0 18px 45px rgba(0,0,0,.16);
}

.payment-chat-banner.pending {
  border-color: rgba(216,164,71,.25);
  background:
    radial-gradient(circle at 12% 20%, rgba(216,164,71,.15), transparent 34%),
    linear-gradient(180deg, rgba(216,164,71,.07), rgba(255,255,255,.02)),
    var(--surface);
}

.payment-chat-banner > div {
  display: flex;
  align-items: center;
  gap: 14px;
}

.payment-chat-icon {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 1.35rem;
  flex: 0 0 46px;
}

.payment-chat-banner strong {
  display: block;
  color: var(--cream);
  font-size: 1.15rem;
  margin-bottom: 3px;
}

.payment-chat-banner p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.payment-chat-banner a {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 12px;
  background: linear-gradient(135deg,var(--gold),var(--orange));
  color: #080604;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

@media(max-width: 850px) {
  .chat-form-attachments {
    grid-template-columns: 1fr !important;
  }

  .chat-upload-control,
  .chat-send-btn,
  .chat-file-input {
    width: 100% !important;
    min-width: 0 !important;
  }

  .chat-file-status {
    max-width: 100%;
  }

  .payment-chat-banner {
    flex-direction: column;
    align-items: stretch;
  }

  .payment-chat-banner a {
    width: 100%;
  }
}


/* =========================
   WeRaiders v79 — chat fechado e histórico
   ========================= */

.admin-chat-history-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(216,164,71,.14);
  background: rgba(255,255,255,.02);
}

.admin-chat-history-actions form {
  margin: 0;
}

.admin-chat-history-actions .danger-soft {
  margin-top: 0 !important;
}

.chat-locked {
  margin-top: 14px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid rgba(216,164,71,.18);
  background: rgba(255,255,255,.025);
}

.chat-locked strong {
  display: block;
  color: var(--cream);
  margin-bottom: 6px;
}

.chat-locked p {
  margin: 0;
  color: var(--muted);
}

@media(max-width: 850px) {
  .admin-chat-history-actions {
    flex-direction: column;
    align-items: stretch;
  }
}


/* =========================
   WeRaiders v80 — histórico do cliente por 24h
   ========================= */

.history-hidden-client {
  max-width: none !important;
  margin: 10px 0 !important;
  border-color: rgba(216,164,71,.18) !important;
  background: rgba(216,164,71,.06) !important;
}

.history-hidden-client strong {
  color: var(--cream);
}

.history-hidden-client p {
  color: var(--muted);
}


/* =========================
   WeRaiders v81 — chat ao vivo
   ========================= */

.chat-live-status {
  display: block;
  max-width: 230px;
  color: #9ff1b9;
  font-size: .74rem;
  line-height: 1.2;
  white-space: nowrap;
}

.chat-live-status::before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 999px;
  margin-right: 6px;
  background: #54ff6a;
  box-shadow: 0 0 8px rgba(84,255,106,.7);
  vertical-align: middle;
}

.chat-live-status.is-error {
  color: #ffb29b;
}

.chat-live-status.is-error::before {
  background: #ff7b5c;
  box-shadow: 0 0 8px rgba(255,123,92,.7);
}

.chat-send-btn:disabled {
  opacity: .62;
  cursor: wait;
  filter: grayscale(.15);
}


/* =========================
   WeRaiders v82 — botão atualizar pedido
   ========================= */

.order-hero-actions {
  display: flex;
  justify-content: flex-end;
  margin: -8px 0 18px;
}

.btn-refresh-order {
  min-width: 210px;
  height: 54px;
  border-radius: 16px;
  font-weight: 800;
  letter-spacing: .04em;
  box-shadow: 0 10px 28px rgba(0,0,0,.26);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.btn-refresh-order:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(0,0,0,.34);
}

.btn-refresh-order:active {
  transform: translateY(0);
}

@media (max-width: 900px) {
  .order-hero-actions {
    justify-content: flex-start;
    margin-top: 6px;
  }

  .btn-refresh-order {
    min-width: 100%;
  }
}


/* v83 chat buttons layout */
.chat-compose-actions, .chat-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:nowrap;
}
.chat-compose-actions .btn, .chat-actions .btn, .chat-compose-actions button, .chat-actions button {
  min-width:170px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#chat-file-name, .chat-upload-hint {
  display:none !important;
}
@media (max-width: 900px) {
  .chat-compose-actions, .chat-actions {
    justify-content:stretch;
    flex-wrap:wrap;
  }
  .chat-compose-actions .btn, .chat-actions .btn, .chat-compose-actions button, .chat-actions button {
    min-width:unset;
    width:100%;
  }
}


/* =========================
   WeRaiders v83 — chat attach beside send
   ========================= */

.chat-form-attachments {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-areas:
    "textarea actions"
    "status   actions";
  align-items: end !important;
  gap: 14px 14px !important;
}

.chat-form-attachments textarea {
  grid-area: textarea;
  min-height: 76px;
}

.chat-compose-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: end;
}

.chat-live-status {
  grid-area: status;
  margin-top: -2px;
}

.chat-upload-control,
.chat-file-status {
  display: none !important;
}

.chat-send-btn,
.chat-file-input {
  min-width: 170px !important;
  height: 48px !important;
  min-height: 48px !important;
}

.chat-file-input {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.chat-file-label-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

@media (max-width: 900px) {
  .chat-form-attachments {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "textarea"
      "actions"
      "status";
  }

  .chat-compose-actions {
    width: 100%;
    justify-content: stretch;
    flex-wrap: wrap;
  }

  .chat-send-btn,
  .chat-file-input {
    width: 100%;
    min-width: 100% !important;
  }
}


/* =========================
   WeRaiders v84 — order refresh and chat alignment
   ========================= */

.payment-chat-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.payment-chat-banner a,
.refresh-order-btn {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 12px;
  text-decoration: none;
  white-space: nowrap;
  font-weight: 900;
}

.refresh-order-btn {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(216,164,71,.28);
  color: var(--cream);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.refresh-order-btn:hover {
  background: rgba(216,164,71,.10);
  transform: translateY(-1px);
}

.payment-chat-banner.pending .payment-chat-actions {
  margin-left: auto;
}

.chat-form-attachments {
  grid-template-columns: 1fr auto !important;
  grid-template-areas:
    "textarea actions"
    "status   actions";
  align-items: stretch !important;
}

.chat-form-attachments textarea {
  min-height: 76px;
  height: 76px;
}

.chat-compose-actions {
  align-self: stretch;
  display: flex;
  align-items: stretch;
  gap: 12px;
}

.chat-send-btn,
.chat-file-input {
  min-width: 170px !important;
  height: 76px !important;
  min-height: 76px !important;
}

.chat-file-input,
.chat-send-btn {
  align-self: stretch;
}

@media (max-width: 900px) {
  .payment-chat-actions {
    width: 100%;
    justify-content: stretch;
  }

  .payment-chat-actions a,
  .refresh-order-btn {
    width: 100%;
  }

  .chat-form-attachments {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "textarea"
      "actions"
      "status";
  }

  .chat-send-btn,
  .chat-file-input {
    height: 48px !important;
    min-height: 48px !important;
  }
}


/* =========================
   WeRaiders v86 — order history
   ========================= */

.admin-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
}

.admin-title-row h1 {
  margin-bottom: 0 !important;
}

.order-complete-inline {
  width: min(1120px, 90vw);
  margin: 0 auto 18px;
  display: flex;
  justify-content: flex-end;
}

.order-complete-inline .btn {
  min-height: 48px;
  border: 0;
  cursor: pointer;
}

.order-done-note {
  width: fit-content;
  margin: 0 auto 18px;
}

@media(max-width: 850px) {
  .admin-title-row {
    flex-direction: column;
    align-items: stretch;
  }

  .order-complete-inline {
    justify-content: stretch;
  }

  .order-complete-inline .btn {
    width: 100%;
  }
}


/* =========================
   WeRaiders v88 — cadastro e email opcional
   ========================= */

.admin-form input::placeholder {
  opacity: .55;
}

.notice.small-notice {
  margin-bottom: 16px;
}


/* =========================
   WeRaiders v89 — mobile responsiveness
   ========================= */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img, video, iframe {
  max-width: 100%;
  height: auto;
}

/* Header / menu mobile */
@media (max-width: 980px) {
  .site-header {
    min-height: auto !important;
    padding: 14px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  .brand,
  .brand-wordmark,
  .rooster-brand {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .wordmark-wrap {
    justify-content: center !important;
  }

  .wordmark-img {
    max-width: min(280px, 78vw) !important;
    height: auto !important;
  }

  .attached-rooster,
  .rooster-mascot {
    max-width: 54px !important;
    height: auto !important;
  }

  .brand-stack small {
    text-align: center !important;
    display: block !important;
    margin-top: 2px !important;
  }

  .main-nav,
  .compact-main-nav {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 4px 2px 8px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .main-nav > a,
  .compact-main-nav > a,
  .cart-link,
  .compact-cart-link,
  .account-menu-btn,
  .shop-status-pill,
  .nav-admin {
    flex: 0 0 auto !important;
    min-height: 42px !important;
    white-space: nowrap !important;
    font-size: .68rem !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  .account-menu {
    flex: 0 0 auto !important;
  }

  .account-dropdown {
    position: fixed !important;
    top: 120px !important;
    right: 12px !important;
    left: auto !important;
    width: min(230px, calc(100vw - 24px)) !important;
    z-index: 200 !important;
  }
}

@media (max-width: 520px) {
  .site-header {
    padding: 12px 10px !important;
  }

  .wordmark-img {
    max-width: min(230px, 74vw) !important;
  }

  .attached-rooster,
  .rooster-mascot {
    max-width: 42px !important;
  }

  .main-nav > a,
  .compact-main-nav > a,
  .cart-link,
  .compact-cart-link,
  .account-menu-btn,
  .shop-status-pill,
  .nav-admin {
    min-height: 40px !important;
    font-size: .62rem !important;
  }
}

/* Conteúdo geral */
@media (max-width: 900px) {
  .container,
  .page,
  .content,
  .hero,
  .section,
  .admin-main,
  .admin-main-v2,
  main {
    max-width: 100% !important;
  }

  h1 {
    font-size: clamp(2.4rem, 12vw, 4rem) !important;
    line-height: .9 !important;
    word-break: normal !important;
  }

  h2 {
    font-size: clamp(1.45rem, 7vw, 2.2rem) !important;
  }

  .hero,
  .home-hero,
  .page-hero {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .btn,
  button,
  input,
  select,
  textarea {
    max-width: 100% !important;
  }
}

/* Loja mobile */
@media (max-width: 980px) {
  .shop-layout,
  .market-layout,
  .store-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .shop-sidebar {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
  }

  .shop-sidebar nav,
  .shop-sidebar .category-list,
  .categories-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .shop-sidebar a,
  .shop-sidebar button,
  .categories-list a {
    width: 100% !important;
    text-align: center !important;
  }

  .shop-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    justify-content: stretch !important;
  }

  .shop-grid .product-card,
  .shop-grid .product-card.shop-product-card,
  .product-card {
    width: 100% !important;
    max-width: none !important;
    min-height: 390px !important;
    height: auto !important;
    padding: 14px !important;
  }

  .shop-grid .product-card img,
  .product-card img {
    width: 110px !important;
    height: 110px !important;
  }

  .shop-grid .product-card .price strong,
  .product-card .price strong {
    font-size: 1.9rem !important;
  }

  .shop-grid .product-card .buy-btn,
  .shop-grid .product-card button[type="submit"],
  .product-card .buy-btn {
    min-height: 46px !important;
    font-size: .62rem !important;
  }
}

@media (max-width: 560px) {
  .shop-sidebar nav,
  .shop-sidebar .category-list,
  .categories-list {
    grid-template-columns: 1fr !important;
  }

  .shop-grid {
    grid-template-columns: 1fr !important;
  }

  .shop-grid .product-card,
  .shop-grid .product-card.shop-product-card,
  .product-card {
    min-height: auto !important;
  }

  .shop-grid .product-card img,
  .product-card img {
    width: 128px !important;
    height: 128px !important;
  }
}

/* Carrinho, checkout e pedido */
@media (max-width: 900px) {
  .cart-layout,
  .checkout-layout,
  .order-layout-pretty,
  .reward-layout,
  .account-summary,
  .admin-dashboard-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .cart-panel,
  .checkout-panel,
  .order-items-panel,
  .order-side-panel,
  .pretty-box,
  .chat-panel,
  .payment-chat-banner {
    width: 100% !important;
    max-width: 100% !important;
  }

  .order-summary-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .summary-tile {
    min-width: 0 !important;
    padding: 14px !important;
  }

  .payment-chat-banner {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

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

  .payment-chat-banner {
    padding: 14px !important;
  }

  .payment-chat-banner > div {
    align-items: flex-start !important;
  }

  .payment-chat-icon {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
}

/* Chat mobile */
@media (max-width: 900px) {
  .chat-form-attachments {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "textarea"
      "actions"
      "status" !important;
    gap: 12px !important;
  }

  .chat-form-attachments textarea {
    grid-area: textarea !important;
    width: 100% !important;
    min-height: 92px !important;
    height: 92px !important;
  }

  .chat-compose-actions {
    grid-area: actions !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
  }

  .chat-send-btn,
  .chat-file-input {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
  }

  .chat-live-status {
    grid-area: status !important;
  }

  .chat-messages {
    max-height: 420px !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 520px) {
  .chat-compose-actions {
    grid-template-columns: 1fr !important;
  }

  .emoji-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
}

/* Formulários: login, cadastro, admin */
@media (max-width: 760px) {
  .auth-card,
  .login-card,
  .register-card,
  .admin-panel,
  .panel,
  .card {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 18px !important;
  }

  .admin-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .admin-form input,
  .admin-form select,
  .admin-form textarea,
  .auth-card input,
  .register-card input,
  .login-card input {
    width: 100% !important;
    min-height: 44px !important;
  }

  .admin-form button,
  .auth-card button,
  .register-card button,
  .login-card button {
    width: 100% !important;
    min-height: 46px !important;
  }
}

/* Admin mobile */
@media (max-width: 950px) {
  .admin-body {
    display: block !important;
  }

  .admin-sidebar,
  .admin-sidebar-v2 {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(216,164,71,.14) !important;
  }

  .admin-nav-groups {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .admin-sidebar-actions {
    grid-template-columns: 1fr 1fr !important;
  }

  .admin-main,
  .admin-main-v2 {
    padding: 16px 12px 28px !important;
  }

  .admin-main-v2 h1,
  .admin-main h1 {
    font-size: clamp(2.3rem, 13vw, 4rem) !important;
  }

  .admin-cards,
  .admin-cards-v2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .admin-title-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .admin-title-row .btn,
  .admin-title-row a {
    width: 100% !important;
    justify-content: center !important;
  }

  .admin-table-wrap,
  .admin-panel {
    overflow-x: auto !important;
  }

  .admin-table {
    min-width: 720px !important;
  }
}

/* Tabelas mobile horizontais */
@media (max-width: 760px) {
  table {
    font-size: .86rem !important;
  }

  .admin-table,
  .cart-table,
  .orders-table {
    display: table !important;
  }
}

/* =========================
   PATCH v104 — alinha cards com e sem "Mais vendido"
   Mantém todos os cards da loja na mesma altura visual,
   reservando a mesma faixa superior para a tag.
   ========================= */

.shop-grid .product-card {
  position: relative !important;
  padding: 46px 15px 15px !important;
}

.shop-grid .product-card .tag {
  position: absolute !important;
  top: 15px !important;
  left: 15px !important;
  margin: 0 !important;
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.shop-grid .product-card img {
  margin: 0 auto 10px !important;
}

@media (max-width: 900px) {
  .shop-grid .product-card {
    padding: 42px 15px 15px !important;
  }

  .shop-grid .product-card .tag {
    top: 14px !important;
    left: 15px !important;
  }
}