@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Exo+2:wght@300;400;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg-dark:#0a0a0f;--bg-card:#2d1b4e;--bg-card2:#1f0f3d;--purple-deep:#1e0a3c;--purple-mid:#3b1f6e;--purple-main:#6c3fc5;--purple-light:#9b6fe8;--purple-glow:#b48aff;--accent:#c084fc;--accent-hover:#d8b4fe;--gold:#f59e0b;--text-main:#e2d9f3;--text-muted:#9d8cbf;--text-dim:#6b5f8a;--border:#4a2d8a;--border-light:#6c3fc5;--success:#22c55e;--danger:#ef4444;--shadow:0 4px 24px rgba(108,63,197,0.25)}
html,body{background-color:#0a0a0f!important;color:#e2d9f3!important;font-family:'Exo 2',sans-serif!important;font-size:14px!important;line-height:1.6!important}
a{color:#9b6fe8!important;text-decoration:none!important;transition:color 0.2s!important}
a:hover{color:#d8b4fe!important}
body{background:#0a0a0f!important}
#header,div#header,.header{background:linear-gradient(135deg,#0d0518 0%,#1a0a32 50%,#0d0518 100%)!important;border-bottom:none!important;box-shadow:0 4px 32px rgba(108,63,197,0.4)!important}
#nav,div#nav,ul#nav,.nav{background:linear-gradient(90deg,#0f0520,#1e0a3c,#0f0520)!important;border-top:none!important;border-bottom:none!important}
#nav a,ul#nav a,ul#nav li a,.nav a{color:#e2d9f3!important;font-family:'Rajdhani',sans-serif!important;font-size:15px!important;font-weight:600!important;letter-spacing:1px!important;text-transform:uppercase!important;padding:12px 18px!important;display:inline-block!important;border-bottom:2px solid transparent!important;background:none!important;transition:all 0.2s!important}
#nav a:hover,ul#nav li a:hover,.nav a:hover{color:#c084fc!important;border-bottom-color:#c084fc!important;background:rgba(108,63,197,0.15)!important}
#nav ul,ul#nav ul{background:#120a24!important;border:1px solid #2e1f52!important;border-radius:4px!important}
.TableContainer,table.Table{background:linear-gradient(135deg, #2d1b4e, #1f0f3d)!important;border:2px solid rgba(200, 132, 252, 0.6)!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3)!important;margin-bottom:20px!important}
.TableContent{background:transparent!important;color:#e2d9f3!important;border-bottom:1px solid rgba(200, 132, 252, 0.3)!important;padding:10px 14px!important}
tr.TableContent:hover{background:rgba(200, 132, 252, 0.15)!important}
tr.TableContent.yellow th,tr.yellow th,.TableContent th,th{background:linear-gradient(90deg,#2d1b4e,#1f0f3d)!important;color:#c084fc!important;font-family:'Rajdhani',sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;padding:10px 14px!important;border-bottom:2px solid rgba(200, 132, 252, 0.4)!important}
td{color:#e2d9f3!important;padding:8px 14px!important}
#sidebar,.sidebar,#right-column,.right-column{background:linear-gradient(135deg, #2d1b4e, #1f0f3d)!important;border:2px solid rgba(200, 132, 252, 0.6)!important;border-radius:8px!important;padding:16px!important;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3)!important}
#sidebar h2,.sidebar h2,#sidebar h3,.sidebar h3{color:#c084fc!important;font-family:'Rajdhani',sans-serif!important;font-size:16px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;border-bottom:1px solid rgba(200, 132, 252, 0.3)!important;padding-bottom:8px!important;margin-bottom:12px!important}
input[type="text"],input[type="password"],input[type="email"],input[type="number"],select,textarea{background:#0f0a1e!important;border:2px solid rgba(200, 132, 252, 0.4)!important;border-radius:4px!important;color:#e2d9f3!important;padding:8px 12px!important;font-family:'Exo 2',sans-serif!important;font-size:13px!important;width:100%!important}
input:focus,select:focus,textarea:focus{border-color:#c084fc!important;outline:none!important;box-shadow:0 0 10px rgba(192, 132, 252, 0.3)!important}
input[type="submit"],button,.button,a.button{background:linear-gradient(135deg,#c084fc,#a855f7)!important;color:#fff!important;border:none!important;border-radius:4px!important;padding:8px 20px!important;font-family:'Rajdhani',sans-serif!important;font-size:14px!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;cursor:pointer!important;transition:all 0.2s!important;box-shadow:0 0 15px rgba(192, 132, 252, 0.3)!important}
input[type="submit"]:hover,button:hover,.button:hover{background:linear-gradient(135deg,#d8b4fe,#b574f8)!important;transform:translateY(-2px)!important;box-shadow:0 0 25px rgba(192, 132, 252, 0.5)!important}
h1,h2,h3,h4{color:#c084fc!important;font-family:'Rajdhani',sans-serif!important;font-weight:700!important;letter-spacing:1px!important}
h1{font-size:28px!important;margin-bottom:16px!important}
h2{font-size:20px!important;margin-bottom:12px!important}
p{color:#e2d9f3!important;margin-bottom:8px!important}
hr{border:none!important;border-top:1px solid rgba(200, 132, 252, 0.2)!important;margin:16px 0!important}
#footer,.footer,div#footer{background:#0a0514!important;border-top:1px solid #2e1f52!important;color:#6b5f8a!important;text-align:center!important;padding:16px!important;font-size:12px!important;margin-top:32px!important}
#footer a,.footer a{color:#9d8cbf!important}
.error,.alert-error{background:rgba(239,68,68,0.15)!important;border:1px solid rgba(239,68,68,0.4)!important;color:#fca5a5!important;border-radius:4px!important;padding:10px 14px!important}
.success,.alert-success{background:rgba(34,197,94,0.15)!important;border:1px solid rgba(34,197,94,0.4)!important;color:#86efac!important;border-radius:4px!important;padding:10px 14px!important}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#0a0a0f}
::-webkit-scrollbar-thumb{background:#3b1f6e;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#6c3fc5}
font[color="orange"],.orange{color:#f59e0b!important}
font[color="red"],.red{color:#f87171!important}
font[color="green"],.green{color:#4ade80!important}

/* Fix fundo branco das tabelas */
table, tr, td, th, tbody, thead, tfoot {
  background-color: transparent !important;
  color: #e2d9f3 !important;
  border-color: rgba(200, 132, 252, 0.2) !important;
}
.TableContent td, .TableContent tr {
  background: transparent !important;
}
tr.TableContent.special, tr.special, tr:nth-child(even) {
  background: rgba(200, 132, 252, 0.08) !important;
}
select option {
  background: #2d1b4e !important;
  color: #e2d9f3 !important;
}

/* Fundo do site com banner */
body {
  background-image: url('../images/banner.png') !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-position: center top !important;
}

body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(5, 0, 15, 0.88) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* Fix tabela branca */
table, tr, td, th, tbody, thead {
  background-color: transparent !important;
  color: #e2d9f3 !important;
}
.TableContent td, td {
  background: transparent !important;
}
tr:nth-child(even) td {
  background: rgba(200, 132, 252, 0.08) !important;
}

/* Fix fundo do logo/header */
#logo, div#logo, header #logo {
  background: transparent !important;
  background-color: transparent !important;
}
header {
  background: transparent !important;
  background-color: transparent !important;
}

/* Fix nav transparente */
nav, header nav, #menu_container {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* Remove linha branca do nav */
#nav, ul#nav, .sf-menu, #menu_container, nav {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ── RESPONSIVO MOBILE ── */
@media (max-width: 768px) {
  /* Logo menor */
  #logo span { font-size: 36px !important; letter-spacing: 4px !important; }
  #logo div { font-size: 11px !important; }

  /* Menu hamburguer */
  #nav, ul#nav { display: none !important; }
  #menu_container { position: relative !important; }

  /* Mostra menu mobile */
  #mobile-menu-btn {
    display: block !important;
    background: rgba(108,63,197,0.8) !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    width: 100% !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    cursor: pointer !important;
    text-align: center !important;
  }

  #mobile-nav {
    display: none;
    background: #120a24 !important;
    border: 1px solid #2e1f52 !important;
    width: 100% !important;
  }

  #mobile-nav.open { display: block !important; }

  #mobile-nav a {
    display: block !important;
    padding: 12px 20px !important;
    color: #e2d9f3 !important;
    border-bottom: 1px solid #2e1f52 !important;
    font-family: 'Rajdhani',sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
  }

  #mobile-nav a:hover { background: rgba(108,63,197,0.3) !important; color: #c084fc !important; }

  /* Conteúdo */
  #site_content, .content, #main {
    flex-direction: column !important;
    padding: 10px !important;
  }

  /* Sidebar embaixo no mobile */
  #sidebar, .sidebar, aside {
    width: 100% !important;
    margin-top: 16px !important;
  }

  /* Tabelas responsivas */
  table { display: block !important; overflow-x: auto !important; white-space: nowrap !important; }

  /* Cards maiores pra toque */
  input[type="submit"], button, .button {
    min-height: 44px !important;
    font-size: 16px !important;
  }

  input[type="text"], input[type="password"], input[type="email"] {
    font-size: 16px !important;
    min-height: 44px !important;
  }
}

@media (min-width: 769px) {
  #mobile-menu-btn, #mobile-nav { display: none !important; }
}

/* Remove todas as listras/bordas brancas */
hr, .divider, #divider {
  border-color: rgba(200, 132, 252, 0.2) !important;
}

/* PokeDark: contraste v2 - links e botoes legiveis */
a{color:#c4a1ff!important}
a:hover{color:#f3e8ff!important}
a.btn-link,a.btn-buy,a.button,a.btn-voltar{color:#fff!important}
a.btn-link:hover,a.btn-buy:hover,a.button:hover{color:#fff!important}
.content p,.content li,.content td,.content span,.content label{color:#f3e8ff!important}
.content small,.text-muted{color:#cbb8ee!important}
input::placeholder,textarea::placeholder{color:#a78bcf!important;opacity:1}
button[disabled],input[disabled]{opacity:.5!important;cursor:not-allowed!important}