/*
 * Start Layout System 2.0
 * Camada final e isolada para impedir colisões entre componentes antigos.
 */

:root{
  --layout-gap-xs:8px;
  --layout-gap-sm:12px;
  --layout-gap-md:18px;
  --layout-gap-lg:24px;
  --layout-radius:16px;
}

*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
html body,
html body.home-page,
html body.start-public-page,
html body.start-inner-page,
html body.validation-page,
html body.admin-page{
  margin-top:0!important;
  padding-top:0!important;
}
img,svg,video,canvas{max-width:100%}
main,section,article,aside,header,footer,nav,form,div,span{min-width:0}
button,input,select,textarea{max-width:100%;font:inherit}
h1,h2,h3,h4,p,small,strong,a,label,td,th{
  overflow-wrap:anywhere;
  word-break:normal;
}
.page-shell{min-width:0}
.container{width:min(100% - 40px,1420px)!important;margin-inline:auto}
.panel{min-width:0}
.table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.panel-head,.page-head,.admin-head-row{min-width:0}
.panel-title{display:flex;align-items:center;gap:10px;min-width:0}
.panel-title h1,.panel-title h2{margin:0;min-width:0}
.btn{gap:8px!important;line-height:1.25!important}
.hero-alert{display:flex;align-items:flex-start;gap:10px;min-width:0;line-height:1.5}
.hero-alert>.icon{margin-top:2px}

/* Navegação: uma linha em telas largas, duas linhas antes de ficar apertada. */
.topbar,
body.home-page .topbar,
body.start-inner-page .topbar,
body.start-public-page .topbar,
body.validation-page .topbar{
  position:sticky!important;
  inset:0 0 auto!important;
  z-index:1000!important;
  width:100%!important;
  overflow:visible!important;
  background:linear-gradient(90deg,#ff8700 0%,#ff7200 52%,#ff6500 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.24)!important;
  backdrop-filter:none!important;
}
.topbar .container.nav-wrap,
body.home-page .topbar .container.nav-wrap,
body.start-inner-page .topbar .container.nav-wrap,
body.start-public-page .topbar .container.nav-wrap{
  width:min(100% - 32px,1580px)!important;
  min-height:78px!important;
  height:auto!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:110px minmax(500px,1fr) minmax(230px,280px) max-content!important;
  grid-template-areas:"brand navigation search actions"!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:0!important;
  padding-block:8px!important;
}
.topbar .brand{
  grid-area:brand!important;
  width:auto!important;
  min-width:0!important;
  max-width:110px!important;
  height:auto!important;
  min-height:48px!important;
}
.topbar .brand-logo{max-width:82px!important;height:54px!important;object-fit:contain!important}
.topbar .brand-text{font-size:27px!important;white-space:nowrap!important}
.topbar .nav-links{
  grid-area:navigation!important;
  position:static!important;
  display:flex!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.topbar .nav-links a{
  flex:0 1 auto!important;
  min-width:0!important;
  min-height:42px!important;
  padding:0 8px!important;
  gap:6px!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
.topbar .nav-links .nav-item-icon{display:flex;flex:0 0 auto}
.topbar .nav-links .nav-item-label{display:block;min-width:0}
.topbar .nav-player-search{
  grid-area:search!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
}
.topbar .nav-player-search input{min-width:0!important;height:40px!important;padding-left:15px!important;font-size:14px!important}
.topbar .nav-player-search button{width:42px!important;height:42px!important;flex:0 0 42px!important}
.topbar .nav-actions{
  grid-area:actions!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  min-width:0!important;
  margin:0!important;
}
.topbar .nav-actions>*{flex:0 0 auto!important;margin:0!important}
.topbar .orders-pill,.topbar .cart-pill,.topbar .nav-actions .btn{
  min-width:42px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 11px!important;
  white-space:nowrap!important;
}
.topbar .user-pill{max-width:170px!important}
.topbar .user-pill span{display:block;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .mobile-toggle{grid-area:toggle!important}

@media (max-width:1650px) and (min-width:1081px){
  .topbar .container.nav-wrap,
  body.home-page .topbar .container.nav-wrap,
  body.start-inner-page .topbar .container.nav-wrap,
  body.start-public-page .topbar .container.nav-wrap{
    grid-template-columns:92px minmax(0,1fr) minmax(180px,240px) max-content!important;
    grid-template-areas:"brand navigation search actions"!important;
    row-gap:0!important;
    padding-block:8px!important;
  }
  .topbar .nav-links{
    justify-content:flex-start!important;
    gap:1px!important;
    padding-top:0!important;
    border-top:0!important;
  }
  .topbar .nav-links a{font-size:12px!important;padding-inline:6px!important}
}

@media (max-width:1450px) and (min-width:1081px){
  .topbar .container.nav-wrap,
  body.home-page .topbar .container.nav-wrap,
  body.start-inner-page .topbar .container.nav-wrap,
  body.start-public-page .topbar .container.nav-wrap{
    grid-template-columns:82px minmax(0,1fr) max-content!important;
    grid-template-areas:"brand navigation actions"!important;
  }
  .topbar .nav-player-search{display:none!important}
}

@media (max-width:1080px){
  .topbar .container.nav-wrap,
  body.home-page .topbar .container.nav-wrap,
  body.start-inner-page .topbar .container.nav-wrap,
  body.start-public-page .topbar .container.nav-wrap{
    grid-template-columns:auto minmax(0,1fr) auto auto!important;
    grid-template-areas:"brand . actions toggle"!important;
    min-height:68px!important;
    padding-block:7px!important;
    gap:8px!important;
  }
  .topbar .brand{min-height:46px!important;max-width:92px!important}
  .topbar .brand-logo{width:72px!important;height:48px!important}
  .topbar .brand-text{font-size:24px!important}
  .topbar .nav-player-search{display:none!important}
  .topbar .mobile-toggle{display:grid!important;position:static!important;justify-self:end!important}
  .topbar .nav-links{
    position:absolute!important;
    top:100%!important;
    left:16px!important;
    right:16px!important;
    width:auto!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
    padding:12px!important;
    background:#222726!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    box-shadow:0 18px 45px rgba(0,0,0,.38)!important;
  }
  .topbar .nav-links.open{display:flex!important}
  .topbar .nav-links a{width:100%!important;justify-content:flex-start!important;font-size:14px!important;padding-inline:13px!important}
}

@media (max-width:760px){
  .container{width:min(100% - 24px,1420px)!important}
  .topbar .container.nav-wrap,
  body.home-page .topbar .container.nav-wrap,
  body.start-inner-page .topbar .container.nav-wrap,
  body.start-public-page .topbar .container.nav-wrap{width:calc(100% - 20px)!important}
  .topbar .brand-text{display:none!important}
  .topbar .brand{max-width:66px!important}
  .topbar .nav-actions{gap:5px!important}
  .topbar .nav-actions .btn{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;font-size:0!important}
  .topbar .nav-actions .btn span{display:none!important}
  .topbar .orders-pill,.topbar .cart-pill{width:40px!important;min-width:40px!important;height:40px!important;padding:0 7px!important}
  .topbar .user-pill{max-width:40px!important}
}

@media (max-width:470px){
  .topbar .brand{display:none!important}
  .topbar .container.nav-wrap,
  body.home-page .topbar .container.nav-wrap,
  body.start-inner-page .topbar .container.nav-wrap,
  body.start-public-page .topbar .container.nav-wrap{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"actions toggle"!important;
  }
  .topbar .nav-actions{justify-content:flex-start!important}
}

/* Cabeçalhos e barras de filtro */
.forum-head-search{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  width:min(650px,100%)!important;
  min-width:0!important;
  min-height:50px!important;
  padding:4px!important;
  overflow:hidden!important;
}
.forum-head-search input{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding-inline:14px!important;
}
.forum-head-search .btn{
  width:auto!important;
  min-width:112px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0 18px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
}
.forum-head-search .btn span{white-space:nowrap!important;overflow-wrap:normal!important}
.store-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-block:0 18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.08);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.store-trust-strip>span{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;padding:13px 15px;background:#242927}
.store-trust-strip .icon{grid-row:1/3;align-self:center;color:#ffb326}
.store-trust-strip b{font-size:13px}
.store-trust-strip small{color:var(--muted);font-size:11px}
body.start-inner-page .page-head,
body.start-public-page .page-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:22px!important;
  align-items:center!important;
}
.page-head>div:first-child{min-width:0}
.page-head h1{display:flex;align-items:center;gap:12px;margin-block:5px 10px!important}
.page-head h1>.icon{flex:0 0 auto}
.store-player-badge{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  max-width:100%;
  padding:11px 13px!important;
}
.store-player-identity{display:grid!important;gap:1px!important;line-height:1.2!important}
.store-player-identity b{display:block!important;white-space:nowrap}
.store-player-identity small{display:block!important;color:var(--muted);font-size:10px;white-space:nowrap}
.store-player-badge>a{white-space:nowrap}
.shop-tools-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px)!important;
  gap:18px!important;
  align-items:center!important;
}
.category-row{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;min-width:0!important}
.shop-tools-row .head-search{width:100%!important;min-width:0!important}

/* Catálogo */
body.shop-page .start-featured-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(285px,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
body.shop-page .start-product-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  overflow:hidden!important;
}
.product-card-badges{
  position:absolute;
  z-index:4;
  inset:14px 14px auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
  pointer-events:none;
}
.product-card-badges:has(.product-lock-badge:only-child){justify-content:flex-end}
.product-card-badges .product-badge,
.product-card-badges .product-lock-badge{
  position:static!important;
  inset:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  max-width:100%!important;
  margin:0!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.product-card-badges .product-lock-badge{margin-left:auto!important}
body.shop-page .start-product-card .product-image{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-height:270px!important;
  padding:58px 18px 18px!important;
  overflow:hidden!important;
}
body.shop-page .start-product-card .product-image img{
  display:block!important;
  width:100%!important;
  height:210px!important;
  max-height:210px!important;
  margin:0!important;
  object-fit:contain!important;
}
body.shop-page .start-product-card .product-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:18px!important;
}
body.shop-page .start-product-card .product-body>small{margin:0!important;line-height:1.35!important}
body.shop-page .start-product-card .product-body h3{margin:0!important;font-size:22px!important;line-height:1.18!important}
body.shop-page .start-product-card .product-body p{
  display:-webkit-box;
  min-height:0!important;
  margin:0!important;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  line-clamp:4;
  line-height:1.52!important;
}
body.shop-page .start-product-card .product-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:end!important;
  margin-top:auto!important;
  padding-top:8px!important;
}
.product-footer>strong{font-size:22px!important;line-height:1.15!important;white-space:nowrap}
.product-footer form{min-width:0;margin:0!important}
.product-footer .btn{max-width:100%!important}

/* Carrinho e checkout */
.cart-page>.panel{overflow:visible!important}
.cart-page .panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important}
.cart-list{gap:14px!important}
.cart-item{
  display:grid!important;
  grid-template-columns:84px minmax(190px,1fr) auto auto minmax(100px,auto)!important;
  gap:16px!important;
  align-items:center!important;
  padding:14px!important;
}
.cart-item-image{display:block;width:84px!important;height:84px!important;object-fit:contain!important}
.cart-item-info{display:grid;gap:7px;min-width:0}
.cart-item-info>strong{font-size:17px;line-height:1.25}
.cart-item-meta{display:flex;flex-wrap:wrap;gap:6px 8px;color:var(--muted);font-size:12px}
.cart-item-meta span{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--border);border-radius:999px;line-height:1.2}
.qty-form{display:grid!important;grid-template-columns:72px auto!important;gap:8px!important;align-items:center!important}
.qty-form input{width:72px!important;min-width:0!important}
.cart-remove-form{margin:0!important}
.cart-item-total{justify-self:end;font-size:17px;white-space:nowrap}
.cart-total{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important}
.cart-total strong{white-space:nowrap}
.checkout-guest-form{width:100%!important;max-width:none!important;margin:18px 0 0!important}
.checkout-player-confirm{overflow-wrap:anywhere}
.payment-method-picker{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.payment-method-picker legend{grid-column:1/-1;margin-bottom:2px;color:#fff;font-weight:900}
.payment-method-option{
  position:relative;
  display:grid!important;
  grid-template-columns:auto 42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-width:0;
  padding:13px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  cursor:pointer;
}
.payment-method-option:has(input:checked){border-color:#ffa41e;background:rgba(255,153,24,.11);box-shadow:inset 0 0 0 1px rgba(255,164,30,.18)}
.payment-method-option input{width:17px!important;height:17px;margin:0;accent-color:#ff9b18}
.payment-method-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:rgba(255,159,24,.14);color:#ffbd52}
.payment-method-option>span:last-child{display:grid;gap:2px;line-height:1.25}
.payment-method-option b{color:#fff}
.payment-method-option small{color:var(--muted);font-size:11px}
.payment-expiry-note{grid-column:1/-1;display:flex;align-items:center;gap:6px;color:var(--muted);line-height:1.35}

/* Pedido / Pix */
.payment-page{max-width:1420px}
.payment-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important}
.payment-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;
  gap:22px!important;
  align-items:start!important;
}
.payment-grid>.panel{min-width:0!important}
.payment-order-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important}
.payment-player{white-space:nowrap}
.order-summary-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important}
.order-summary-row>b{white-space:nowrap}
.payment-status-box{
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:start!important;
  gap:14px!important;
}
.payment-status-box>span{width:52px!important;height:52px!important}
.payment-status-box strong,.payment-status-box small{overflow-wrap:anywhere}
.pix-panel{width:100%;max-width:430px;justify-self:end;overflow:visible!important}
.qr-wrap{width:100%;padding:18px!important}
.qr-wrap img{display:block;width:100%!important;height:auto!important;max-width:330px!important;margin:auto}
.pix-copy-input{display:block;width:100%!important;min-height:130px!important;resize:vertical;overflow-wrap:anywhere!important;word-break:break-all!important;white-space:pre-wrap!important}
.card-checkout-box{display:grid;gap:14px;text-align:center;justify-items:center;padding:12px 0}
.card-checkout-box h2,.card-checkout-box p{margin:0}
.card-checkout-box p{color:var(--muted);line-height:1.6}
.card-checkout-icon{display:grid;width:78px;height:78px;place-items:center;border-radius:22px;background:linear-gradient(145deg,rgba(255,190,70,.2),rgba(255,130,0,.08));color:#ffbd52;border:1px solid rgba(255,180,50,.24)}

/* Pedidos da loja e páginas públicas */
.store-orders-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;flex-wrap:wrap!important}
.order-stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.professional-order-card,.order-card,.discussion-row,.suggestion-row,.reply-row{min-width:0!important}
.professional-order-card *,.order-card *,.discussion-row *,.suggestion-row *,.reply-row *{min-width:0}
.reviews-page-grid,.player-profile-grid,.game-stat-grid,.community-layout,.suggestions-layout{min-width:0}
.form-stack{min-width:0}
.form-stack label{min-width:0}
.form-stack input,.form-stack select,.form-stack textarea{width:100%}

/* Administração: qualquer conteúdo grande rola dentro da sua própria área. */
body.admin-page{padding-top:0!important}
body.admin-page .page-shell{overflow:visible!important}
.admin-layout{
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
}
.admin-content{min-width:0!important;max-width:100%!important;overflow:visible!important}
.admin-head-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important}
.admin-head-help{min-width:0;max-width:100%}
.admin-grid-2{grid-template-columns:minmax(280px,390px) minmax(0,1fr)!important;gap:20px!important}
.admin-split{grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;gap:20px!important}
.form-grid,.product-admin-grid{gap:16px!important}
.form-grid>*,.product-admin-grid>*{min-width:0!important}
.form-grid input,.form-grid select,.form-grid textarea,
.product-admin-grid input,.product-admin-grid select,.product-admin-grid textarea{width:100%!important;min-width:0!important}
.stats-grid,.dashboard-clean .stats-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important}
.stat-card{min-height:132px!important;overflow:hidden!important}
.stat-card strong{max-width:100%;font-size:clamp(22px,2.2vw,34px)!important;white-space:normal!important;overflow-wrap:anywhere!important}
.finance-summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
.finance-policy{overflow:hidden}
.finance-filters{flex-wrap:wrap!important}
.finance-filters label{min-width:180px}
.finance-table-panel{max-width:100%}
.owner-finance-section{display:grid;gap:14px;min-width:0}
.owner-finance-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;min-width:0}
.owner-finance-heading h2{margin:3px 0 0;font-size:clamp(25px,3vw,36px)}
.owner-finance-heading>p{max-width:560px;margin:0;color:var(--muted);line-height:1.55}
.owner-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.owner-finance-card{--owner-accent:#7da8ff;position:relative;min-width:0;overflow:hidden;padding:20px;border:1px solid color-mix(in srgb,var(--owner-accent) 32%,transparent);border-radius:22px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--owner-accent) 13%,transparent),transparent 32%),linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.025));box-shadow:0 18px 45px rgba(0,0,0,.22)}
.owner-finance-card.owner-julyo{--owner-accent:#d38aff}
.owner-finance-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.09)}
.owner-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--owner-accent) 18%,#15191c);border:1px solid color-mix(in srgb,var(--owner-accent) 42%,transparent);color:#fff;font-weight:950}
.owner-role{display:block;color:var(--owner-accent);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.owner-finance-profile h3{margin:3px 0 0;font-size:22px;line-height:1.05}
.owner-finance-profile small{display:block;margin-top:4px;color:var(--muted)}
.owner-share{display:grid;min-width:62px;height:40px;place-items:center;padding-inline:10px;border-radius:999px;background:color-mix(in srgb,var(--owner-accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--owner-accent) 30%,transparent);color:#fff;font-weight:950}
.owner-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.owner-kpi{min-height:88px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(0,0,0,.13)}
.owner-kpi span{display:block;color:var(--muted);font-size:11px;font-weight:850;line-height:1.3}
.owner-kpi strong{display:block;margin-top:8px;font-size:clamp(21px,2.4vw,30px);line-height:1;overflow-wrap:anywhere}
.owner-kpi-primary{background:color-mix(in srgb,var(--owner-accent) 9%,rgba(0,0,0,.16));border-color:color-mix(in srgb,var(--owner-accent) 22%,transparent)}
.owner-product-details{margin-top:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(0,0,0,.12);overflow:hidden}
.owner-product-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;cursor:pointer;list-style:none;font-weight:900}
.owner-product-details>summary::-webkit-details-marker{display:none}
.owner-product-details>summary>span:first-child{display:flex;align-items:center;gap:8px}
.owner-details-toggle{color:var(--owner-accent);font-size:12px}
.owner-product-details[open] .owner-details-toggle{font-size:0}
.owner-product-details[open] .owner-details-toggle:after{content:"Fechar";font-size:12px}
.owner-detail-meta{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 13px}
.owner-detail-meta span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:10px}
.owner-detail-meta b{color:#fff}
.owner-product-list{border-top:1px solid rgba(255,255,255,.08)}
.owner-product-row{display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(90px,.75fr));gap:12px;align-items:center;padding:12px 14px;border-top:1px solid rgba(255,255,255,.06);font-size:12px}
.owner-product-row:first-child{border-top:0}
.owner-product-row>span{min-width:0}
.owner-product-row small{display:block;margin-top:2px;color:var(--muted)}
.owner-product-head{color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;background:rgba(255,255,255,.025)}
.owner-product-value{color:var(--owner-accent);font-weight:950}
.owner-products-empty{display:grid;place-items:center;gap:5px;padding:24px 14px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);text-align:center}
.owner-products-empty p{margin:0}
.admin-order-card,.product-admin-card,.product-editor{max-width:100%;min-width:0;overflow:hidden}
.order-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.order-actions-row,.admin-order-form-v2{min-width:0!important}
.order-actions-row .btn{white-space:normal!important}
.admin-list-item{min-width:0;flex-wrap:wrap}
.admin-list-item>*{min-width:0}
.admin-sidebar nav a[href="/admin/financeiro"]{border-color:rgba(65,218,148,.30)!important;background:linear-gradient(135deg,rgba(39,202,127,.16),rgba(255,255,255,.035))!important}
.admin-sidebar nav a[href="/admin/financeiro"] .icon{color:#67f0ae}
body.admin-page .btn-primary{color:#17120a!important}
.dashboard-admin-head{margin-bottom:20px}
.dashboard-admin-head h1{margin-bottom:0!important}
.finance-dashboard-button{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:2px 10px!important;min-width:min(100%,360px);padding:12px 16px!important;text-align:left!important}
.finance-dashboard-button>.icon{grid-row:1/3;align-self:center}
.finance-dashboard-button>span{font-weight:950}
.finance-dashboard-button>small{color:rgba(20,15,7,.72);font-size:10px;font-weight:800}
.dashboard-main-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
.dashboard-order{
  display:grid!important;
  grid-template-columns:130px minmax(330px,1fr) minmax(170px,auto) auto!important;
  gap:16px!important;
  align-items:center!important;
  min-width:0!important;
}
.dash-order-left,.dash-order-middle,.dash-order-statuses{min-width:0!important}
.dash-order-middle{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.dash-order-middle>div{display:grid!important;gap:3px!important;min-width:0!important}
.dash-order-middle span{font-size:10px!important;line-height:1.2!important}
.dash-order-middle b{display:block;overflow-wrap:anywhere;line-height:1.3!important}
.dash-order-statuses{display:grid!important;gap:7px!important;justify-items:stretch!important}
.dash-order-statuses .mini-status{max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.2!important}

@media (max-width:1180px){
  body.start-inner-page .page-head,
  body.start-public-page .page-head{grid-template-columns:1fr!important}
  .shop-tools-row{grid-template-columns:1fr!important}
  .shop-tools-row .head-search{max-width:none!important}
  .payment-grid{grid-template-columns:1fr!important}
  .pix-panel{position:static!important;max-width:620px!important;justify-self:center!important}
  .cart-item{grid-template-columns:78px minmax(180px,1fr) minmax(0,auto) auto!important}
  .cart-item-total{grid-column:2;justify-self:start}
  .cart-remove-form{justify-self:end}
  .admin-grid-2,.admin-split{grid-template-columns:1fr!important}
  .dashboard-order{grid-template-columns:120px minmax(0,1fr) auto!important}
  .dash-order-statuses{grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-order>.btn{grid-column:3;grid-row:1/3}
}

@media (max-width:920px){
  .admin-layout{grid-template-columns:1fr!important}
  .admin-sidebar{position:static!important}
  .cart-item{grid-template-columns:72px minmax(0,1fr) auto!important}
  .cart-item-image{width:72px!important;height:72px!important}
  .qty-form{grid-column:2;justify-self:start}
  .cart-remove-form{grid-column:3;grid-row:2;justify-self:end}
  .cart-item-total{grid-column:3;grid-row:1;justify-self:end}
  .order-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-order{grid-template-columns:1fr auto!important}
  .dash-order-middle{grid-column:1/-1;grid-row:auto!important}
  .dash-order-statuses{grid-column:1!important;grid-row:auto!important}
  .dashboard-order>.btn{grid-column:2!important;grid-row:3!important}
  .owner-finance-heading{display:grid}
  .owner-finance-grid{grid-template-columns:1fr}
}

@media (max-width:680px){
  .panel{padding:18px!important}
  .store-trust-strip{grid-template-columns:1fr}
  body.start-public-page .panel-head{margin:-18px -18px 16px!important}
  body.start-inner-page .page-head,
  body.start-public-page .page-head{padding:20px!important;gap:16px!important}
  .page-head h1{font-size:clamp(30px,10vw,42px)!important;align-items:flex-start!important}
  .store-player-badge{grid-template-columns:auto minmax(0,1fr)!important}
  .store-player-badge>a{grid-column:1/-1;width:100%;padding-top:8px;border-top:1px solid var(--border);text-align:center}
  .shop-tools-row{padding:12px!important}
  .head-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  .head-search .btn{padding-inline:12px!important}
  body.shop-page .start-featured-grid{grid-template-columns:1fr!important;gap:16px!important}
  body.shop-page .start-product-card .product-image{min-height:245px!important}
  .product-card-badges{inset:12px}
  .cart-item{grid-template-columns:64px minmax(0,1fr)!important;gap:12px!important}
  .cart-item-image{width:64px!important;height:64px!important}
  .qty-form{grid-column:1/-1!important;grid-row:auto!important;width:100%;grid-template-columns:80px minmax(0,1fr)!important}
  .qty-form input{width:80px!important}
  .qty-form .btn{width:100%}
  .cart-remove-form{grid-column:1!important;grid-row:auto!important;justify-self:stretch!important}
  .cart-remove-form .btn{width:100%}
  .cart-item-total{grid-column:2!important;grid-row:auto!important;justify-self:end!important;align-self:center}
  .cart-total{font-size:clamp(30px,10vw,44px)!important}
  .checkout-guest-form{padding:14px!important}
  .payment-method-picker{grid-template-columns:1fr}
  .payment-page>.payment-grid>.panel{padding:18px!important}
  .payment-status-box{grid-template-columns:44px minmax(0,1fr)!important;padding:12px!important}
  .payment-status-box>span{width:44px!important;height:44px!important}
  .order-stats-grid{grid-template-columns:1fr!important}
  .admin-sidebar nav{grid-template-columns:1fr!important}
  .admin-head-row{display:grid!important}
  .finance-policy{grid-template-columns:1fr!important}
  .finance-lock{grid-column:auto!important;white-space:normal!important}
  .finance-dashboard-button{width:100%;min-width:0}
  .owner-kpi-grid{grid-template-columns:1fr}
  .owner-product-row{grid-template-columns:1fr 1fr}
  .owner-product-head{display:none}
  .dashboard-order{grid-template-columns:1fr!important}
  .dash-order-middle{grid-template-columns:1fr!important}
  .dash-order-statuses{grid-template-columns:1fr!important}
  .dashboard-order>.btn{grid-column:1!important;grid-row:auto!important;width:100%}
}

@media (max-width:430px){
  .category-row{display:grid!important;grid-template-columns:1fr 1fr!important}
  .category-chip{justify-content:center!important}
  .head-search{grid-template-columns:1fr!important}
  .head-search .btn{width:100%}
  .product-card-badges{position:relative;inset:auto;padding:12px 12px 0;background:transparent}
  .product-card-badges .product-lock-badge{margin-left:0!important}
  body.shop-page .start-product-card .product-image{min-height:210px!important;padding-top:18px!important}
  body.shop-page .start-product-card .product-image img{height:180px!important}
  body.shop-page .start-product-card .product-footer{grid-template-columns:1fr!important}
  .product-footer form,.product-footer .btn{width:100%!important}
  .order-summary-row{grid-template-columns:1fr!important}
  .order-summary-row>b{justify-self:start}
}