/*
 * AURA FARMING — Etapa 14
 * Polimento visual final: menu novo, cards, botões, modais, loja, chat, economia e admin.
 * Arquivo seguro: não altera regras de negócio, somente aparência/responsividade.
 */
:root{
  --aura-bg:#050712;
  --aura-panel:rgba(10,16,34,.82);
  --aura-panel-2:rgba(15,23,48,.92);
  --aura-border:rgba(0,212,255,.18);
  --aura-border-strong:rgba(0,212,255,.42);
  --aura-cyan:#00d4ff;
  --aura-blue:#4d7cff;
  --aura-purple:#a855f7;
  --aura-pink:#ff4fd8;
  --aura-gold:#ffd166;
  --aura-green:#5cffb1;
  --aura-danger:#ff4d6d;
  --aura-text:#f8fbff;
  --aura-muted:#93a4c8;
  --aura-radius:22px;
  --aura-shadow:0 24px 90px rgba(0,0,0,.38);
  --aura-glow:0 0 28px rgba(0,212,255,.18),0 0 64px rgba(168,85,247,.10);
}

html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 20% 0%,rgba(0,212,255,.15),transparent 32%),
    radial-gradient(circle at 85% 10%,rgba(168,85,247,.16),transparent 30%),
    radial-gradient(circle at 50% 100%,rgba(255,79,216,.08),transparent 34%),
    var(--aura-bg) !important;
  color:var(--aura-text);
  min-height:100vh;
}
body:not(.admin-body):not(.gameplay-body):not(.result-body){padding-bottom:calc(98px + env(safe-area-inset-bottom));}
body.admin-body{background:#060817!important;}

.page-content,.af-subpage-main,.af-home-shell{position:relative;z-index:1;}
.page-content,.af-subpage-main{padding-bottom:calc(118px + env(safe-area-inset-bottom));}
.af-home-shell{max-width:1180px;margin-left:auto;margin-right:auto;}

/* Menu novo global */
.bottom-nav{display:none!important;}
.af-home-nav,.af-app-nav,.aura-final-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(14px + env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(94vw,560px)!important;
  z-index:9999!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  pointer-events:none;
}
.af-home-nav__inner{
  pointer-events:auto;
  display:grid!important;
  grid-template-columns:repeat(5,1fr)!important;
  align-items:center!important;
  gap:4px!important;
  padding:10px!important;
  border:1px solid rgba(0,212,255,.28)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(10,15,35,.92),rgba(3,7,18,.96))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.55),0 0 35px rgba(0,212,255,.14)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.af-home-nav a,.af-app-nav a,.aura-final-nav a{
  min-width:0!important;
  height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border-radius:20px!important;
  color:#9fb2d7!important;
  text-decoration:none!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.af-home-nav a svg,.af-app-nav a svg{
  width:21px!important;
  height:21px!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  fill:none!important;
}
.af-icon-fallback{font-size:20px;line-height:1;}
.af-home-nav a:hover,.af-app-nav a:hover,.aura-final-nav a:hover{transform:translateY(-2px);color:#fff!important;background:rgba(255,255,255,.05)!important;}
.af-home-nav a.is-active,.af-app-nav a.is-active,.aura-final-nav a.is-active,
.af-home-nav a[aria-current="page"],.af-app-nav a[aria-current="page"]{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(0,212,255,.28),rgba(168,85,247,.30))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 0 26px rgba(0,212,255,.22)!important;
}

/* Header app */
.af-home-header,.af-app-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:linear-gradient(180deg,rgba(5,8,20,.96),rgba(5,8,20,.78),transparent)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.af-brand{filter:drop-shadow(0 0 18px rgba(0,212,255,.22));}
.af-status,.af-header-status a{
  border:1px solid rgba(0,212,255,.18)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.af-status:hover,.af-header-status a:hover{border-color:rgba(0,212,255,.4)!important;background:rgba(0,212,255,.075)!important;}

/* Cards e seções */
.card,.admin-card,.privacy-section,.coin-card,.coin-package-card,.gift-card,.chat-panel,.live-chat-panel,.economy-admin-card,.admin-report-card{
  border:1px solid var(--aura-border)!important;
  background:linear-gradient(180deg,rgba(15,23,48,.86),rgba(8,12,28,.88))!important;
  box-shadow:var(--aura-shadow),var(--aura-glow)!important;
  border-radius:var(--aura-radius)!important;
}
.card--glow,.privacy-hero,.coin-hero,.gift-hero,.chat-hero,.economy-hero{
  border-color:var(--aura-border-strong)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(0,212,255,.18),transparent 30%),
    radial-gradient(circle at 88% 0%,rgba(168,85,247,.18),transparent 34%),
    linear-gradient(180deg,rgba(18,29,64,.90),rgba(8,12,28,.92))!important;
}
.section-title,.admin-section h2,.privacy-section h2,.coin-section h2,.gift-section h2,.chat-section h2{
  color:#fff!important;
  letter-spacing:.01em;
  text-shadow:0 0 22px rgba(0,212,255,.12);
}
.card small,.coin-card small,.gift-card small,.privacy-section small,.admin-card small,.chat-panel small{color:var(--aura-muted)!important;}

/* Botões */
.btn,.admin-primary,.admin-secondary,.admin-danger,button,.button{
  border-radius:16px!important;
  font-weight:900!important;
  letter-spacing:.025em;
}
.btn-primary,.admin-primary{
  border:0!important;
  color:#06101f!important;
  background:linear-gradient(135deg,var(--aura-cyan),#7cf4ff 45%,var(--aura-purple))!important;
  box-shadow:0 12px 30px rgba(0,212,255,.20)!important;
}
.btn-primary:hover,.admin-primary:hover{transform:translateY(-1px);filter:saturate(1.08) brightness(1.04);}
.btn-secondary,.btn-outline-cyan,.admin-secondary{
  color:#eaf8ff!important;
  border:1px solid rgba(0,212,255,.34)!important;
  background:rgba(0,212,255,.07)!important;
}
.btn-danger,.admin-danger{
  color:#fff!important;
  border:1px solid rgba(255,77,109,.42)!important;
  background:linear-gradient(135deg,rgba(255,77,109,.92),rgba(168,85,247,.78))!important;
}

/* Forms */
.form-input,.form-textarea,input[type="text"],input[type="email"],input[type="number"],input[type="password"],select,textarea{
  border-radius:16px!important;
  border:1px solid rgba(0,212,255,.20)!important;
  background:rgba(2,8,20,.78)!important;
  color:#fff!important;
  outline:none!important;
}
.form-input:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{
  border-color:rgba(0,212,255,.55)!important;
  box-shadow:0 0 0 4px rgba(0,212,255,.10)!important;
}
label span,.form-label{color:#c7d8ff!important;font-weight:800;}

/* Moedas, diamantes e presentes */
.coin-balance,.coin-balance-value,.wallet-balance,.gift-price,.coin-price,.diamond-price{
  font-variant-numeric:tabular-nums;
}
.coin-balance-value,.coin-amount{color:var(--aura-gold)!important;text-shadow:0 0 18px rgba(255,209,102,.22);}
.diamond-price,.diamond-amount{color:#8be9ff!important;text-shadow:0 0 18px rgba(0,212,255,.22);}
.gift-card{
  overflow:hidden;
  position:relative;
  isolation:isolate;
}
.gift-card:before,.coin-package-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(0,212,255,.08),transparent 34%,rgba(168,85,247,.10));
  z-index:-1;
}
.gift-icon,.gift-emoji,.coin-icon{filter:drop-shadow(0 0 16px rgba(0,212,255,.22));}
.gift-card[data-currency="diamonds"],.gift-card.is-premium{
  border-color:rgba(139,233,255,.42)!important;
  box-shadow:0 24px 90px rgba(0,0,0,.40),0 0 40px rgba(0,212,255,.20),0 0 80px rgba(168,85,247,.12)!important;
}

/* Chat */
.chat-layout,.live-chat-layout{gap:14px;}
.chat-message,.live-chat-message{
  border:1px solid rgba(0,212,255,.11)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
}
.chat-message.mine,.live-chat-message.mine{
  background:linear-gradient(135deg,rgba(0,212,255,.16),rgba(168,85,247,.14))!important;
  border-color:rgba(0,212,255,.30)!important;
}
.chat-event,.live-chat-event,.gift-live-event{
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,209,102,.14),rgba(168,85,247,.12))!important;
  border:1px solid rgba(255,209,102,.22)!important;
}

/* Modais */
.modal-overlay,.gift-modal-overlay,.chat-modal-overlay{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  background:rgba(0,0,0,.68)!important;
}
.modal-sheet,.gift-modal,.chat-modal{
  border:1px solid rgba(0,212,255,.28)!important;
  background:linear-gradient(180deg,rgba(15,24,50,.96),rgba(6,10,24,.98))!important;
  border-radius:28px!important;
  box-shadow:0 30px 110px rgba(0,0,0,.62),0 0 55px rgba(0,212,255,.12)!important;
}

/* Admin */
.admin-layout,.admin-main,.admin-page{background:transparent!important;}
.admin-section,.admin-panel,.economy-admin-section{
  border:1px solid rgba(0,212,255,.14)!important;
  border-radius:24px!important;
  background:rgba(8,12,28,.72)!important;
}
.admin-table,table{
  border-collapse:separate!important;
  border-spacing:0 8px!important;
}
.admin-table tr,table tr{border-radius:14px;}
.admin-table td,.admin-table th,table td,table th{
  border-color:rgba(255,255,255,.06)!important;
}
.admin-pill,.privacy-pill,.status-pill{
  border-radius:999px!important;
  border:1px solid rgba(0,212,255,.24)!important;
  background:rgba(0,212,255,.08)!important;
  color:#dff8ff!important;
}

/* Estados e feedback */
.empty-state,.admin-empty,.privacy-empty{
  border:1px dashed rgba(0,212,255,.24)!important;
  border-radius:22px!important;
  background:rgba(0,212,255,.045)!important;
  color:#c7d8ff!important;
}
.alert,.flash,.notification-card{
  border-radius:18px!important;
  border:1px solid rgba(0,212,255,.20)!important;
  background:rgba(15,23,48,.88)!important;
}

/* Responsivo */
@media (max-width:760px){
  .page-content,.af-subpage-main{padding-left:14px!important;padding-right:14px!important;}
  .af-home-header__inner{padding-left:14px!important;padding-right:14px!important;}
  .af-header-status{gap:6px!important;}
  .af-status--score span small{display:none!important;}
  .af-status--score span strong{font-size:12px!important;}
  .af-home-nav,.af-app-nav,.aura-final-nav{width:calc(100vw - 18px)!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;}
  .af-home-nav__inner{padding:8px!important;border-radius:24px!important;}
  .af-home-nav a,.af-app-nav a,.aura-final-nav a{height:54px!important;border-radius:17px!important;font-size:9px!important;}
  .af-home-nav a svg,.af-app-nav a svg{width:19px!important;height:19px!important;}
  .card,.admin-card,.privacy-section,.coin-card,.gift-card,.chat-panel,.economy-admin-card{border-radius:20px!important;}
  .gift-grid,.coin-packages-grid,.privacy-doc-grid,.stats-grid{grid-template-columns:1fr!important;}
  .modal-sheet,.gift-modal,.chat-modal{border-radius:26px 26px 0 0!important;max-height:88vh!important;}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

/* Correção: economia visível no topo/Home */
.af-status--coins{
  min-width:150px;
  padding:0 12px 0 14px;
}
.af-status--coins > .af-icon{color:var(--aura-gold)!important;fill:rgba(255,209,102,.10)!important;}
.af-status--coins span,.af-status--gifts span{display:grid;line-height:1.05;}
.af-status--coins small,.af-status--gifts small{font-size:9px;font-weight:1000;letter-spacing:.07em;color:rgba(238,238,251,.58);}
.af-status--coins strong{font-size:17px;color:var(--aura-gold)!important;font-variant-numeric:tabular-nums;}
.af-status--gifts{min-width:132px;padding:0 14px;}
.af-status--gifts > .af-icon{color:#ff77dd!important;fill:rgba(255,79,216,.10)!important;}
.af-status--gifts strong{font-size:13px;color:#fff!important;}
.af-profile-stats--economy{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.af-profile-stats--economy > div:first-child > .af-icon{color:var(--aura-gold)!important;fill:rgba(255,209,102,.10)!important;}
.af-profile-stats--economy > div:first-child strong{color:var(--aura-gold)!important;}
.af-profile-stats--economy > div:nth-child(2) > .af-icon{color:var(--aura-cyan)!important;}
.af-profile-stats--economy > div:nth-child(2) strong{color:#20ddff!important;}
.af-profile-stats--economy > div:nth-child(3) > .af-icon{color:var(--aura-gold)!important;}
.af-profile-stats--economy > div:nth-child(3) strong{color:#b76eff!important;}
.af-economy-shortcuts{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.af-economy-card{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:116px;
  padding:18px;
  border:1px solid rgba(0,212,255,.24);
  border-radius:22px;
  background:
    radial-gradient(circle at 20% 0,rgba(0,212,255,.16),transparent 38%),
    radial-gradient(circle at 92% 10%,rgba(168,85,247,.14),transparent 40%),
    linear-gradient(180deg,rgba(11,18,39,.90),rgba(5,9,22,.94));
  color:#fff;
  text-decoration:none;
  box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.af-economy-card:hover{transform:translateY(-3px);border-color:rgba(0,212,255,.52);box-shadow:0 20px 60px rgba(0,0,0,.36),0 0 30px rgba(0,212,255,.13);}
.af-economy-card > span:first-child{
  flex:0 0 54px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  color:var(--aura-gold);
  font-size:28px;
}
.af-economy-card > span:first-child .af-icon{width:28px;height:28px;stroke:currentColor;fill:none;}
.af-economy-card small{display:block;margin-bottom:5px;color:#78edff!important;font-size:10px;font-weight:1000;letter-spacing:.10em;}
.af-economy-card strong{display:block;color:#fff;font-size:18px;line-height:1.1;}
.af-economy-card p{margin:6px 0 0;color:#aebad4;font-size:12px;line-height:1.35;}
.af-economy-card > b{margin-left:auto;color:#24dfff;}
.af-economy-card > b .af-icon{width:22px;height:22px;stroke:currentColor;fill:none;}
.af-economy-card--coins > span:first-child{color:var(--aura-gold);background:rgba(255,209,102,.09);border-color:rgba(255,209,102,.22);}
.af-economy-card--gifts > span:first-child{color:#ff77dd;background:rgba(255,79,216,.08);border-color:rgba(255,79,216,.20);}
.af-economy-card--buy > span:first-child{color:#ffd166;background:rgba(255,209,102,.10);border-color:rgba(255,209,102,.24);}

@media(max-width:1120px){
  .af-status--gifts{display:none!important;}
  .af-status--coins{min-width:126px;}
  .af-status--coins small{display:none;}
}
@media(max-width:900px){
  .af-economy-shortcuts{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .af-status--coins{min-width:86px;padding:0 8px;gap:6px;}
  .af-status--coins > .af-icon{width:20px!important;height:20px!important;}
  .af-status--coins strong{font-size:13px;}
  .af-profile-stats--economy{grid-template-columns:1fr!important;}
  .af-economy-card{min-height:100px;padding:15px;border-radius:19px;}
  .af-economy-card > span:first-child{width:46px;height:46px;flex-basis:46px;border-radius:16px;}
}


/* Correção emergencial — câmera/farm não deve receber polimento de páginas comuns */
body.gameplay-body{
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#000!important;
}
body.gameplay-body .af-home-nav,
body.gameplay-body .af-app-nav,
body.gameplay-body .aura-final-nav,
body.gameplay-body .bottom-nav{
  display:none!important;
}
body.gameplay-body .farm-game{
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
}
body.gameplay-body .farm-camera,
body.gameplay-body .safe-camera-canvas,
body.gameplay-body .aura-canvas,
body.gameplay-body .vision-overlay{
  max-width:none!important;
}
