/* P.O.B. Redesign Pack 10 - acabamento final */
:root{
  --pob-ink:#eafff6;
  --pob-muted:#8facaa;
  --pob-bg:#020609;
  --pob-card:rgba(5,18,20,.78);
  --pob-card-strong:rgba(8,28,31,.92);
  --pob-line:rgba(97,255,190,.18);
  --pob-line-strong:rgba(97,255,190,.38);
  --pob-green:#39ff9f;
  --pob-cyan:#26d9ff;
  --pob-gold:#ffd166;
  --pob-red:#ff617a;
  --pob-radius-xl:28px;
  --pob-radius-lg:20px;
  --pob-shadow:0 24px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
}

html{scroll-behavior:smooth;}
body.pob-body{background-color:var(--pob-bg);}
body.pob-body::selection{background:rgba(57,255,159,.28);color:#fff;}

/* acabamento de foco/acessibilidade */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid var(--pob-gold)!important;
  outline-offset:4px;
  box-shadow:0 0 0 6px rgba(255,209,102,.14)!important;
}

/* camada cinematográfica final */
.pob-public-shell main,.pob-app-shell main{position:relative;z-index:1;}
.pob-public-shell::before,.pob-app-shell::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(57,255,159,.13),transparent 28%),
    radial-gradient(circle at 82% 7%,rgba(38,217,255,.12),transparent 30%),
    radial-gradient(circle at 55% 96%,rgba(255,209,102,.09),transparent 28%),
    linear-gradient(180deg,rgba(2,6,9,.18),rgba(2,6,9,.72));
}
.pob-public-shell::after,.pob-app-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(57,255,159,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(38,217,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at center,#000 0,transparent 74%);
}

/* cards, tabelas e formulários mais consistentes */
:is(.feature-panel,.pob-module-card,.pob-stat-card,.pob-widget-card,.panel-card,.admin-card,.shop-card,.inventory-card,.market-card,.card-pack,.daily-card,.notice,.table-card){
  border-color:var(--pob-line)!important;
  box-shadow:var(--pob-shadow);
  backdrop-filter:blur(18px) saturate(125%);
}
:is(.feature-panel,.pob-module-card,.pob-stat-card,.pob-widget-card,.panel-card,.admin-card,.shop-card,.inventory-card,.market-card,.card-pack,.daily-card,.table-card):hover{
  border-color:var(--pob-line-strong)!important;
  transform:translateY(-2px);
}

:is(.btn,.button,.panel-btn,.admin-btn,.pob-action,.btn-primary,.btn-secondary){
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,filter .18s ease;
}
:is(.btn,.button,.panel-btn,.admin-btn,.pob-action,.btn-primary,.btn-secondary):hover{transform:translateY(-1px);filter:saturate(1.08);}
:is(.btn-primary,.pob-primary,.btn-play-now){
  box-shadow:0 16px 42px rgba(255,209,102,.18),0 0 0 1px rgba(255,255,255,.08) inset!important;
}
:is(.btn-discord-dark,.btn-secondary,.btn-ghost-dark){
  box-shadow:0 14px 36px rgba(38,217,255,.09),0 0 0 1px rgba(255,255,255,.06) inset!important;
}

/* textos longos mais legíveis */
:is(.section,.panel-content,.pob-public-footer,.hero-copy) p{line-height:1.68;}
:is(.section-head,.panel-heading,.admin-heading) h1,
:is(.section-head,.panel-heading,.admin-heading) h2,
.hero-copy h1{
  text-wrap:balance;
}

/* tabelas responsivas premium */
.table-responsive,.panel-table-wrap,.admin-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:18px;}
table{border-collapse:separate;border-spacing:0;}
table th{position:sticky;top:0;z-index:2;background:rgba(4,14,17,.92);backdrop-filter:blur(12px);}
table tr:hover td{background:rgba(57,255,159,.035);}

/* inputs */
input,select,textarea{
  color:var(--pob-ink);
  caret-color:var(--pob-green);
}
input::placeholder,textarea::placeholder{color:rgba(143,172,170,.64);}

/* empty states e mensagens */
.pob-empty-state,.empty-state,.panel-empty,.admin-empty{
  border:1px dashed rgba(97,255,190,.28)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(57,255,159,.06),rgba(38,217,255,.045))!important;
  padding:clamp(22px,4vw,42px)!important;
  text-align:center;
  color:var(--pob-muted);
}
.pob-empty-state::before,.empty-state::before,.panel-empty::before,.admin-empty::before{
  content:"◆";
  display:block;
  margin:0 auto 10px;
  color:var(--pob-gold);
  text-shadow:0 0 18px rgba(255,209,102,.4);
}

/* badges */
.pob-badge,.badge,.chip,.panel-chip,.server-category-pill,.nav-badge{
  border:1px solid rgba(97,255,190,.2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18);
}
.nav-badge{animation:pobBadgePulse 2.6s ease-in-out infinite;}
@keyframes pobBadgePulse{0%,100%{box-shadow:0 0 0 0 rgba(255,209,102,.0)}50%{box-shadow:0 0 0 6px rgba(255,209,102,.11)}}

/* loader final do Pack 10 */
.pob-final-loader{
  position:fixed;inset:0;z-index:99998;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(7,28,24,.96),rgba(2,6,9,.98));transition:opacity .45s ease,visibility .45s ease;
}
.pob-final-loader.is-hidden{opacity:0;visibility:hidden;}
.pob-final-loader-card{width:min(340px,calc(100vw - 36px));border:1px solid rgba(97,255,190,.25);border-radius:28px;background:rgba(3,14,16,.7);box-shadow:0 32px 90px rgba(0,0,0,.5);padding:30px;text-align:center;}
.pob-final-loader-orb{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;background:conic-gradient(from 90deg,var(--pob-green),var(--pob-cyan),var(--pob-gold),var(--pob-green));filter:drop-shadow(0 0 22px rgba(57,255,159,.34));animation:pobSpin 1.1s linear infinite;position:relative;}
.pob-final-loader-orb::after{content:"";position:absolute;inset:10px;border-radius:inherit;background:#041013 url('/assets/img/logo.png') center/70% auto no-repeat;}
.pob-final-loader-card strong{display:block;color:var(--pob-ink);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;}
.pob-final-loader-card span{display:block;margin-top:8px;color:var(--pob-muted);font-size:.9rem;}
@keyframes pobSpin{to{transform:rotate(360deg)}}

/* botão de voltar ao topo */
.pob-back-top{
  position:fixed;right:18px;bottom:18px;z-index:90;width:46px;height:46px;border-radius:16px;border:1px solid rgba(97,255,190,.24);background:rgba(3,15,17,.82);color:var(--pob-green);display:grid;place-items:center;box-shadow:0 18px 50px rgba(0,0,0,.32);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s ease;backdrop-filter:blur(16px);cursor:pointer;
}
.pob-back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
.pob-back-top:hover{border-color:rgba(255,209,102,.5);color:var(--pob-gold);}

/* indicador de qualidade visual */
.pob-quality-chip{
  position:fixed;left:18px;bottom:18px;z-index:80;display:none;gap:8px;align-items:center;padding:10px 12px;border-radius:999px;background:rgba(3,15,17,.72);border:1px solid rgba(97,255,190,.2);color:var(--pob-muted);font-size:.78rem;backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.28);
}
.pob-quality-chip i{width:8px;height:8px;border-radius:50%;background:var(--pob-green);box-shadow:0 0 14px rgba(57,255,159,.6);}
body.pob-debug-ui .pob-quality-chip{display:flex;}

/* mobile refinado */
@media (max-width: 860px){
  :root{--pob-radius-xl:22px;--pob-radius-lg:16px;}
  .pob-back-top{right:12px;bottom:12px;width:42px;height:42px;border-radius:14px;}
  .pob-quality-chip{left:12px;bottom:12px;}
  .hero-copy h1{font-size:clamp(2.15rem,13vw,4.25rem)!important;}
  .container{width:min(100% - 28px,var(--container,1180px));}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
  .pob-global-canvas,.pob-panel-canvas{display:none!important;}
}