/*
 * Flex Browser — Tema Premium 2026
 * Camada visual compartilhada entre páginas públicas, área do cliente e admin.
 */
:root{
  --bg:#090909!important;
  --bg-2:#0d0d0d!important;
  --panel:#121212!important;
  --panel2:#171717!important;
  --panel-2:#171717!important;
  --line:rgba(209,183,86,.20)!important;
  --line-strong:rgba(209,183,86,.40)!important;
  --gold:#d1b756!important;
  --brand-gold:#d1b756!important;
  --gold-soft:#ead88f!important;
  --text:#f4efe4!important;
  --muted:#c6b99a!important;
  --green:#22e66b!important;
  --brand-green:#22e66b!important;
  --green-soft:rgba(34,230,107,.14)!important;
  --danger:#ff626d!important;
  --blue:#57a4ff!important;
  --shadow:0 26px 70px rgba(0,0,0,.40)!important;
  --radius:22px!important;
}

html{scroll-behavior:smooth;background:var(--bg)!important}
body,
body.bg-dark,
body.admin-shell,
body.co-home,
body.co-app-shell,
.app-shell,
.dash,
.main{
  color:var(--text)!important;
  background-color:var(--bg)!important;
}
body{
  min-height:100vh;
  background-image:
    radial-gradient(circle at 10% 0%,rgba(209,183,86,.08),transparent 28%),
    radial-gradient(circle at 100% 18%,rgba(34,230,107,.05),transparent 24%)!important;
  background-attachment:fixed!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.55;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 72%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 72%);
  z-index:-1;
}

::selection{background:rgba(209,183,86,.32);color:#fff}
*{scrollbar-width:thin;scrollbar-color:rgba(209,183,86,.55) #0d0d0d}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#0d0d0d}
*::-webkit-scrollbar-thumb{background:rgba(209,183,86,.45);border:2px solid #0d0d0d;border-radius:999px}

h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,
.fw-bold,.fw-bolder{
  color:var(--text)!important;
  letter-spacing:-.025em;
}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
a:not(.btn):not(.nav-link):not(.navbtn):not(.co-admin-brand){color:var(--gold-soft)}
a:not(.btn):not(.nav-link):not(.navbtn):not(.co-admin-brand):hover{color:#fff0b4}
.text-warning,.text-gold,.gold,.gold-text{color:var(--gold-soft)!important}
.text-muted,.muted,.text-soft,.small.text-muted,.admin-muted,.co-section-text,.section-copy{color:var(--muted)!important}

/* Navbar pública no padrão da 2026.php */
.flex-site-header{
  position:sticky;
  top:0;
  z-index:1100;
  min-height:78px;
  background:rgba(9,9,9,.86);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
  box-shadow:0 16px 45px rgba(0,0,0,.28);
}
.flex-site-nav{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
}
.flex-site-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--text)!important;
  text-decoration:none!important;
  font-size:1.06rem;
  font-weight:950;
  letter-spacing:-.025em;
  flex:0 0 auto;
}
.flex-site-brand strong{color:var(--gold-soft)!important}
.flex-brand-mark{
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid var(--line-strong);
  background:linear-gradient(145deg,rgba(234,216,143,.16),rgba(209,183,86,.03));
  box-shadow:inset 0 0 30px rgba(209,183,86,.09),0 10px 34px rgba(0,0,0,.35);
  color:var(--gold-soft);
}
.flex-brand-mark svg{width:22px;height:22px}
.flex-site-menu{display:flex;align-items:center;gap:22px;margin-left:auto}
.flex-site-menu a{
  position:relative;
  color:#d8ccb1!important;
  text-decoration:none!important;
  font-size:.9rem;
  font-weight:750;
  white-space:nowrap;
}
.flex-site-menu a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:-8px;
  height:2px;
  background:var(--gold);
  border-radius:999px;
  transition:right .2s ease;
}
.flex-site-menu a:hover{color:var(--gold-soft)!important}
.flex-site-menu a:hover::after{right:0}
.flex-site-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.flex-menu-toggle{
  display:none;
  width:46px;
  height:46px;
  border-radius:12px;
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  color:var(--text)!important;
  place-items:center;
}

/* Botões */
.btn,
.admin-btn,
.co-btn,
.btn-main,
.btn-outline-main{
  border-radius:13px!important;
  font-weight:900!important;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease!important;
}
.btn:hover,.admin-btn:hover,.co-btn:hover,.btn-main:hover,.btn-outline-main:hover{transform:translateY(-2px)}
.btn-gold,
.btn-accent,
.btn-primary:not(.btn-soft):not(.btn-outline-primary),
.admin-btn-primary,
.co-btn-primary,
.co-final-btn,
.btn-main,
.flex-btn-gold,
.pagination .active .page-link{
  color:#15120a!important;
  background:linear-gradient(180deg,#f0df98 0%,var(--gold) 100%)!important;
  border:1px solid rgba(240,223,152,.70)!important;
  box-shadow:0 12px 34px rgba(209,183,86,.22),inset 0 1px rgba(255,255,255,.55)!important;
}
.btn-gold:hover,.btn-accent:hover,.btn-primary:not(.btn-soft):not(.btn-outline-primary):hover,
.admin-btn-primary:hover,.co-btn-primary:hover,.co-final-btn:hover,.btn-main:hover,.flex-btn-gold:hover{
  color:#15120a!important;
  background:linear-gradient(180deg,#f6e8aa 0%,#d8bc59 100%)!important;
  border-color:#f2e19b!important;
  box-shadow:0 16px 44px rgba(209,183,86,.32),inset 0 1px rgba(255,255,255,.58)!important;
}
.btn-soft,
.btn-outline-light,
.btn-outline-secondary,
.btn-outline-dark,
.btn-outline-warning,
.admin-btn:not(.admin-btn-primary):not(.admin-btn-danger):not(.admin-btn-success):not(.admin-btn-warning),
.co-btn-soft,
.btn-outline-main,
.flex-btn-ghost{
  color:var(--text)!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid var(--line)!important;
  box-shadow:none!important;
}
.btn-soft:hover,.btn-outline-light:hover,.btn-outline-secondary:hover,.btn-outline-dark:hover,.btn-outline-warning:hover,
.admin-btn:not(.admin-btn-primary):not(.admin-btn-danger):not(.admin-btn-success):not(.admin-btn-warning):hover,
.co-btn-soft:hover,.btn-outline-main:hover,.flex-btn-ghost:hover{
  color:var(--gold-soft)!important;
  background:rgba(209,183,86,.07)!important;
  border-color:var(--line-strong)!important;
}
.btn-success,.admin-btn-success,.flex-btn-green{
  color:#06140b!important;
  background:var(--green)!important;
  border-color:var(--green)!important;
  box-shadow:0 14px 40px rgba(34,230,107,.22)!important;
}
.btn-danger,.admin-btn-danger{background:#d73f4d!important;border-color:#e85a66!important;color:#fff!important}
.btn-warning,.admin-btn-warning{background:#d9a928!important;border-color:#e8c15a!important;color:#151006!important}
.btn-sm,.admin-btn-sm{min-height:36px!important;border-radius:10px!important}

/* Superfícies */
.card,
.panel,
.panel-body,
.kpi,
.glass-card,
.notice,
.top-actions,
.support-card,
.tutorial-card,
.suggestion-card,
.summary-card,
.price-card,
.feature-card,
.step-card,
.hero-stat,
.admin-card,
.admin-panel,
.admin-action-card,
.partner-card,
.co-panel,
.co-feature-card,
.co-workflow,
.co-dashboard-preview,
.co-comparison,
.co-product,
.co-wide-banner,
.co-cta,
.auth-card,
.sale-panel,
.right-panel,
.journey-panel,
.price-panel,
.comparison-panel,
.quick-card{
  color:var(--text)!important;
  background:linear-gradient(180deg,rgba(23,23,23,.94),rgba(13,13,13,.96))!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
  border-radius:var(--radius)!important;
}
.card:hover,.panel:hover,.kpi:hover,.glass-card:hover,.feature-card:hover,.admin-card:hover,.admin-action-card:hover,.quick-card:hover{
  border-color:var(--line-strong)!important;
}
.card-header,.card-footer,.panel-head,.modal-header,.modal-footer{
  color:var(--text)!important;
  background:rgba(255,255,255,.018)!important;
  border-color:var(--line)!important;
}
.panel-head h1,.panel-head h2,.panel-head h3,.card-title{color:var(--text)!important}

/* Campos */
.form-control,
.form-select,
.form-check-input,
.input,
.admin-input,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
select,
textarea{
  color:var(--text)!important;
  background:#0c0c0c!important;
  border:1px solid rgba(209,183,86,.22)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#837965!important;opacity:1}
.form-control:focus,.form-select:focus,.input:focus,.admin-input:focus,input:focus,select:focus,textarea:focus{
  color:var(--text)!important;
  background:#0d0d0d!important;
  border-color:rgba(209,183,86,.68)!important;
  box-shadow:0 0 0 4px rgba(209,183,86,.10)!important;
  outline:0!important;
}
.form-check-input:checked{background-color:var(--gold)!important;border-color:var(--gold)!important}
.form-label,label,.field>span{color:#ded3bd!important;font-weight:750}

/* Tabelas */
.table,.admin-table{
  --bs-table-bg:transparent!important;
  --bs-table-color:var(--text)!important;
  --bs-table-striped-bg:rgba(255,255,255,.018)!important;
  --bs-table-hover-bg:rgba(209,183,86,.055)!important;
  --bs-table-border-color:var(--line)!important;
  color:var(--text)!important;
}
.table thead th,.admin-table th{
  color:var(--gold-soft)!important;
  background:#101010!important;
  border-color:var(--line)!important;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-size:.73rem;
}
.table td,.table th,.admin-table td,.admin-table th{border-color:var(--line)!important;vertical-align:middle}
.table-responsive{border:1px solid var(--line);border-radius:18px;background:rgba(9,9,9,.58)}

/* Badges e alertas */
.badge-soft,.co-badge,.admin-badge,.status-pill,.cycle-pill{
  color:var(--gold-soft)!important;
  background:rgba(209,183,86,.08)!important;
  border:1px solid var(--line)!important;
}
.alert{border-radius:15px!important;border:1px solid var(--line)!important;background:var(--panel)!important;color:var(--text)!important}
.alert-success{border-color:rgba(34,230,107,.30)!important;background:rgba(34,230,107,.08)!important}
.alert-danger{border-color:rgba(255,98,109,.32)!important;background:rgba(255,98,109,.08)!important}
.alert-warning{border-color:rgba(209,183,86,.35)!important;background:rgba(209,183,86,.08)!important}

/* Modais, menus e paginação */
.modal-content,.dropdown-menu,.offcanvas{
  color:var(--text)!important;
  background:linear-gradient(180deg,#171717,#0d0d0d)!important;
  border:1px solid var(--line-strong)!important;
  border-radius:20px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.55)!important;
}
.dropdown-item{color:#ded3bd!important;border-radius:9px}
.dropdown-item:hover,.dropdown-item:focus{color:var(--gold-soft)!important;background:rgba(209,183,86,.08)!important}
.page-link{color:var(--gold-soft)!important;background:var(--panel)!important;border-color:var(--line)!important}

/* Heróis internos */
.support-hero,.sug-hero,header.hero,.hero:not(.flex-landing-hero){
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 0%,rgba(209,183,86,.13),transparent 34%),
    radial-gradient(circle at 92% 18%,rgba(34,230,107,.055),transparent 28%),
    var(--bg)!important;
  border-bottom:1px solid var(--line)!important;
}
.eyebrow,.section-kicker,.co-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 12px!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  color:var(--gold-soft)!important;
  background:rgba(209,183,86,.07)!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
.section-title,.hero-title{letter-spacing:-.045em!important;line-height:1.02!important}

/* Dashboard / área do cliente */
.dash{grid-template-columns:92px minmax(0,1fr)!important;min-height:calc(100vh - 78px)!important}
.side{
  top:78px!important;
  height:calc(100vh - 78px)!important;
  padding:18px 12px!important;
  background:rgba(13,13,13,.88)!important;
  border-right:1px solid var(--line)!important;
  backdrop-filter:blur(16px)!important;
}
.side .navbtn{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  color:#a99d84!important;
  border:1px solid transparent!important;
}
.side .navbtn.active,.side .navbtn:hover{
  color:var(--gold-soft)!important;
  background:rgba(209,183,86,.08)!important;
  border-color:var(--line-strong)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
}
.main{padding:26px!important}
.top-actions{padding:16px!important;backdrop-filter:blur(14px)}
.kpi{padding:20px!important}
.kpi .label{color:var(--muted)!important}
.kpi .value{color:var(--text)!important;letter-spacing:-.04em}
.tabs{gap:8px!important}
.tabs .btn,.tabs a{border-radius:12px!important}
.co-profit-chart,.chart-svg-wrap{background:#0c0c0c!important;border-color:var(--line)!important}
.co-profit-line{filter:drop-shadow(0 0 8px rgba(34,230,107,.24))}

/* Administração */
.co-admin-navbar{
  position:sticky!important;
  top:0!important;
  z-index:1100!important;
  min-height:78px!important;
  padding:13px clamp(16px,3vw,34px)!important;
  color:var(--text)!important;
  background:rgba(9,9,9,.90)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
}
.co-admin-brand{color:var(--text)!important;text-decoration:none!important}
.co-admin-brand img{width:42px!important;height:42px!important;border-radius:13px!important;border:1px solid var(--line-strong)!important;background:rgba(209,183,86,.07)!important;padding:4px!important}
.co-admin-brand b{color:var(--gold-soft)!important}
.co-admin-brand small{color:var(--muted)!important}
.co-admin-navlinks a{color:#cfc2a7!important;border:1px solid transparent!important;border-radius:11px!important}
.co-admin-navlinks a:hover{color:var(--gold-soft)!important;background:rgba(209,183,86,.065)!important;border-color:var(--line)!important}
.co-admin-navlinks a.is-active{color:#15120a!important;background:linear-gradient(180deg,#f0df98,var(--gold))!important;border-color:#ead88f!important;box-shadow:0 10px 28px rgba(209,183,86,.20)!important}
.admin-wrap{max-width:1500px!important;padding-top:28px!important;padding-bottom:60px!important}
.admin-page-head h1{letter-spacing:-.04em!important}

/* Login e acesso */
.auth-card{padding:clamp(24px,4vw,40px)!important;backdrop-filter:blur(18px)!important}
.btn-google{background:#f4efe4!important;border-color:#f4efe4!important;color:#17130a!important;border-radius:13px!important;font-weight:900!important}

/* Rodapés */
footer,.footer-line{color:#8f856f!important;border-color:var(--line)!important}

@media(max-width:1199.98px){
  .flex-site-menu{gap:15px}
  .flex-site-menu a{font-size:.84rem}
  .flex-site-actions .flex-download-label{display:none}
}
@media(max-width:991.98px){
  .flex-site-nav{min-height:70px;position:relative}
  .flex-site-header{min-height:70px}
  .flex-menu-toggle{display:grid}
  .flex-site-menu{
    display:none;
    position:absolute;
    top:64px;
    left:0;
    right:0;
    padding:16px;
    border-radius:17px;
    border:1px solid var(--line-strong);
    background:rgba(12,12,12,.98);
    box-shadow:var(--shadow);
    flex-direction:column;
    align-items:stretch;
    gap:4px;
  }
  .flex-site-menu.is-open{display:flex}
  .flex-site-menu a{padding:11px 12px;border-radius:10px;font-size:.92rem}
  .flex-site-menu a:hover{background:rgba(209,183,86,.07)}
  .flex-site-menu a::after{display:none}
  .flex-site-actions .flex-btn-ghost{display:none}
  .dash{display:block!important}
  .side{display:none!important}
  .main{padding:16px!important}
  .co-admin-navbar{align-items:flex-start!important;flex-direction:column!important}
  .co-admin-navlinks{width:100%!important;overflow-x:auto!important;padding-bottom:4px!important;flex-wrap:nowrap!important}
  .co-admin-navlinks a{white-space:nowrap!important}
}
@media(max-width:575.98px){
  .flex-site-nav{padding-inline:2px}
  .flex-site-brand{font-size:.98rem}
  .flex-brand-mark{width:37px;height:37px}
  .flex-site-actions .flex-btn-gold{display:none}
  .flex-menu-toggle{width:44px;height:44px}
  .main{padding:12px!important}
  .panel,.card,.kpi,.glass-card,.admin-card,.admin-action-card{border-radius:18px!important}
  .panel-head,.panel-body,.card-body{padding:15px!important}
  .table-responsive{border-radius:14px!important}
  .btn,.admin-btn,.co-btn,.btn-main,.btn-outline-main{min-height:44px}
  .admin-wrap{padding-inline:12px!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}

/* =========================================================
   FLEX BROWSER — BOTÕES PREMIUM 2026 (NORMALIZAÇÃO FINAL)
   Mantém o mesmo padrão visual da página inicial em todo o site
   e remove qualquer brilho/sombra dourada externa dos botões.
   ========================================================= */
.btn,
.admin-btn,
.co-btn,
.btn-main,
.btn-outline-main,
.flex-btn-gold,
.flex-btn-ghost,
button[class*="btn-"],
a[class*="btn-"]{
  text-shadow:none!important;
}

.btn-gold,
.btn-accent,
.btn-primary:not(.btn-soft):not(.btn-outline-primary),
.admin-btn-primary,
.co-btn-primary,
.co-final-btn,
.btn-main,
.flex-btn-gold,
.btn-warning,
.admin-btn-warning,
.pagination .active .page-link,
.bet-card .collapse button,
.bet-card .bg-light button{
  color:#15120a!important;
  background:linear-gradient(180deg,#f0df98 0%,#d1b756 100%)!important;
  background-image:linear-gradient(180deg,#f0df98 0%,#d1b756 100%)!important;
  border:1px solid rgba(240,223,152,.72)!important;
  border-radius:13px!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
  font-weight:900!important;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:focus-visible,
.btn-accent:hover,
.btn-accent:focus,
.btn-accent:focus-visible,
.btn-primary:not(.btn-soft):not(.btn-outline-primary):hover,
.btn-primary:not(.btn-soft):not(.btn-outline-primary):focus,
.admin-btn-primary:hover,
.admin-btn-primary:focus,
.co-btn-primary:hover,
.co-btn-primary:focus,
.co-final-btn:hover,
.co-final-btn:focus,
.btn-main:hover,
.btn-main:focus,
.flex-btn-gold:hover,
.flex-btn-gold:focus,
.btn-warning:hover,
.btn-warning:focus,
.admin-btn-warning:hover,
.admin-btn-warning:focus,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus,
.bet-card .collapse button:hover,
.bet-card .collapse button:focus,
.bet-card .bg-light button:hover,
.bet-card .bg-light button:focus{
  color:#15120a!important;
  background:linear-gradient(180deg,#f6e8aa 0%,#d8bc59 100%)!important;
  background-image:linear-gradient(180deg,#f6e8aa 0%,#d8bc59 100%)!important;
  border-color:#ead88f!important;
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}

.btn-gold:active,
.btn-gold.active,
.btn-gold.show,
.btn-accent:active,
.btn-primary:not(.btn-soft):not(.btn-outline-primary):active,
.admin-btn-primary:active,
.co-btn-primary:active,
.co-final-btn:active,
.btn-main:active,
.flex-btn-gold:active,
.btn-warning:active,
.admin-btn-warning:active{
  color:#15120a!important;
  background:linear-gradient(180deg,#d8bc59 0%,#c8a942 100%)!important;
  background-image:linear-gradient(180deg,#d8bc59 0%,#c8a942 100%)!important;
  border-color:#d8bc59!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateY(0) scale(.99)!important;
}

.btn-gold:focus-visible,
.btn-accent:focus-visible,
.btn-primary:not(.btn-soft):not(.btn-outline-primary):focus-visible,
.admin-btn-primary:focus-visible,
.co-btn-primary:focus-visible,
.co-final-btn:focus-visible,
.btn-main:focus-visible,
.flex-btn-gold:focus-visible,
.btn-warning:focus-visible,
.admin-btn-warning:focus-visible{
  outline:2px solid rgba(244,239,228,.72)!important;
  outline-offset:2px!important;
  box-shadow:none!important;
}

.btn-gold.btn-sm,
.btn-accent.btn-sm,
.btn-warning.btn-sm,
.admin-btn-primary.admin-btn-sm{
  min-height:38px!important;
  padding:.48rem .82rem!important;
  border-radius:11px!important;
  box-shadow:none!important;
}

.co-admin-navlinks a.is-active{
  box-shadow:none!important;
}

/* Botões secundários também permanecem limpos, sem halo dourado. */
.btn-soft,
.btn-outline-light,
.btn-outline-secondary,
.btn-outline-dark,
.btn-outline-warning,
.co-btn-soft,
.btn-outline-main,
.flex-btn-ghost{
  box-shadow:none!important;
  filter:none!important;
}