/* ==========================================================================
   L2 SHADOW — tema escuro do painel do usuário (sobrepõe ucp/css/global.css)
   ========================================================================== */
body { background-color: #0c1011; color: #b3b6b8; }
body, input, textarea, select { font-family: 'Open Sans', Arial, sans-serif; }
a, a:active, a:visited, a:link { font-family: 'Open Sans', Arial, sans-serif; color: #e9bd6f; }
a:hover { color: #fff; }

/* Caixa principal */
section {
    width: 1080px;
    color: #b3b6b8;
    background: rgba(8,10,11,.88);
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 6px 0 6px 6px;
    box-shadow: 0 25px 60px rgba(0,0,0,.6);
}
section::before { content: ''; position: absolute; left: 15%; right: 15%; top: -1px; height: 2px; background: linear-gradient(90deg, transparent, #e3161d, transparent); }
section.login { background: rgba(8,10,11,.88); }

/* Abas no topo da caixa (idioma e conta logada) */
.langs { width: auto; height: auto; padding: 9px 12px 8px; top: -44px; background: rgba(8,10,11,.88); border: 1px solid rgba(255,255,255,.06); border-bottom: 0; border-radius: 6px 6px 0 0; }
.langs a { width: 34px; height: 26px; background: none !important; border: 1px solid #353536; padding: 2px; margin: 0 0 0 4px; border-radius: 0 !important; box-sizing: border-box; transition: border-color .2s ease, box-shadow .2s ease; }
.langs a::before { content: ''; display: block; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: .5; filter: saturate(.6); transition: opacity .2s ease, filter .2s ease; }
.langs a.pt::before { background-image: url('../../assets/shadow/img/flags/br.svg'); }
.langs a.en::before { background-image: url('../../assets/shadow/img/flags/us.svg'); }
.langs a.es::before { background-image: url('../../assets/shadow/img/flags/es.svg'); }
.langs a:hover::before, .pt .langs a.pt::before, .en .langs a.en::before, .es .langs a.es::before { opacity: 1; filter: none; }
.pt .langs a.pt, .en .langs a.en, .es .langs a.es { border-color: #e3161d; box-shadow: 0 0 10px rgba(227,22,29,.45); }

.loggedAs { width: 260px; height: 44px; top: -44px; padding: 9px 12px 0; background: rgba(8,10,11,.88); border: 1px solid rgba(255,255,255,.06); border-bottom: 0; border-radius: 6px 6px 0 0; }
.loggedAs > div { height: 28px; line-height: 28px; color: #e9bd6f; background: rgba(255,255,255,.04); border: 1px solid #272829; }
.loggedAs > div > div { top: 2px; right: 2px; display: flex; gap: 3px; }
.loggedAs a.default { display: flex !important; align-items: center; justify-content: center; float: none; width: 24px; height: 22px; min-width: 0; margin: 0; padding: 0; font-size: 13px; line-height: 1; }
.loggedAs a.default i { margin: 0; line-height: 1; }

/* Títulos */
h1, h2, h3, .indexTitle { font-family: 'AGKornelia', 'Marcellus', serif; font-weight: bold; color: #e5e4df; text-transform: uppercase; letter-spacing: .06em; }
.indexTitle { font-size: 28px; padding-top: 50px; }
h1 { font-size: 20px; }
h2 { font-size: 17px; }

/* Tela de login */
.smallCenter > div[style] { color: #84878c !important; font-weight: normal !important; }
.smallCenter .grayArea { color: #84878c; background: rgba(255,255,255,.03); border: 1px solid #272829; }

/* Formulários */
.formpadrao { border: 0; padding: 0; margin-bottom: 8px; }
.formpadrao > div { background: rgba(0,0,0,.4); border: 1px solid #272829; border-radius: 4px; }
.formpadrao .desc { color: #b3b6b8; font-family: 'AGKornelia', 'Marcellus', serif; font-weight: normal; }
.formpadrao .camp input[type="text"], .formpadrao .camp input[type="password"], .formpadrao .camp input[type="file"], .formpadrao .camp select, .formpadrao textarea {
    color: #ddd; background: rgba(0,0,0,.55); border: 1px solid #353536; box-shadow: none; border-radius: 3px;
}
.formpadrao .camp input[type="text"]:focus, .formpadrao .camp input[type="password"]:focus, .formpadrao .camp select:hover, .formpadrao textarea:focus { background: rgba(0,0,0,.75); border-color: rgba(227,22,29,.6); }
.formpadrao .camp select option { background: #0c1011; }
.formpadrao.errorc > div { background: rgba(179,0,0,.35); border-color: #c70000; }
label.captcha img.captchaImage { opacity: 1; }

/* Botões */
a.default, span.default, input.default {
    font-family: 'AGKornelia', 'Marcellus', serif; letter-spacing: .03em;
    color: #d4d6d7 !important;
    background: linear-gradient(180deg, rgba(50,52,54,.95), rgba(16,17,18,.95));
    border: 1px solid #3a3b3c; border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
a.default:hover, input.default:hover, span.default:hover { color: #fff !important; background: linear-gradient(180deg, rgba(70,24,24,.95), rgba(24,8,8,.95)); border-color: #e3161d; box-shadow: 0 0 14px rgba(227,22,29,.35); }
input.default.big, a.default.big {
    min-width: 210px; height: 52px; padding: 0 26px;
    font-size: 18px; color: #18191a !important; text-transform: none;
    background: url('../../assets/shadow/img/button.png') center / 100% 100% no-repeat; border: 0; box-shadow: none;
}
input.default.big:hover, a.default.big:hover { color: #000 !important; background: url('../../assets/shadow/img/button_hover.png') center / 100% 100% no-repeat; box-shadow: none; filter: drop-shadow(0 6px 14px rgba(227,22,29,.35)); }
a.default.sucesso, span.default.sucesso, input.default.sucesso { background: #146b2b !important; border-color: #1f9c40 !important; color: #fff !important; }
.loggedAs a.logout:hover { background: #8a0000 !important; border-color: #e3161d !important; }

/* Estrutura logada: menu lateral + conteúdo */
.grayBg { background: rgba(255,255,255,.015); border-radius: 4px; border: 1px solid rgba(255,255,255,.04); }
aside { border-right: 1px solid rgba(255,255,255,.06); }
.saldo > div { background: rgba(0,0,0,.45); border: 1px solid #272829; border-radius: 4px; }
.saldo > div .total { color: #b3b6b8; border-color: #272829; font-family: 'AGKornelia', 'Marcellus', serif; font-weight: normal; }
.saldo > div .total span { color: #3ddc6a; }
.saldo > div a.default { font-family: 'Open Sans', Arial, sans-serif; letter-spacing: 0; }

nav > * { background: rgba(255,255,255,.025); color: #d4d6d7 !important; font-family: 'AGKornelia', 'Marcellus', serif !important; font-size: 15px !important; text-transform: uppercase; letter-spacing: .03em; border-left: 2px solid transparent; transition: background .2s ease, border-color .2s ease; }
nav > * > i, nav > * > span > i { color: #84878c; }
nav > *:hover { background: rgba(227,22,29,.1); }
nav > *:active { background: rgba(227,22,29,.18); }
nav > *.actived { color: #fff !important; background: linear-gradient(90deg, rgba(227,22,29,.25), rgba(227,22,29,.04)) !important; border-left-color: #e3161d; }
nav > *.actived > i, nav > *.actived > span > i { color: #ff3b3b; }
nav .dropdown a { background-color: rgba(0,0,0,.35) !important; border-left: 2px solid #353536; color: #b3b6b8 !important; font-family: 'Open Sans', Arial, sans-serif !important; text-transform: none; letter-spacing: 0; }
nav .dropdown a:hover { color: #fff !important; background-color: rgba(227,22,29,.12) !important; border-color: #e3161d !important; }

article { background: transparent; color: #b3b6b8; }

ul.breadcrumb { background: rgba(0,0,0,.4); border: 1px solid #272829; }
ul.breadcrumb li + li:before { color: #e3161d; }
ul.breadcrumb li a { color: #d4d6d7; }
ul.breadcrumb li a:hover { color: #fff; }

/* Caixas de informação */
.box { background: rgba(0,0,0,.4); border: 1px solid #272829; border-radius: 4px; }
.box h1 { color: #e5e4df; background: linear-gradient(180deg, #232526, #151617) !important; border-bottom: 2px solid rgba(227,22,29,.6); border-radius: 4px 4px 0 0; font-size: 15px; }
.box h1 i { color: #ff3b3b; }
.lines > div { border-top-color: rgba(255,255,255,.06); color: #b3b6b8; }
.lines > div.two { background: rgba(255,255,255,.025); }
.lines > div span { color: #e5e4df; }
.lines.logs > div { border-color: rgba(255,255,255,.06); background: rgba(255,255,255,.02); }
.lines.logs > div.two { background: rgba(255,255,255,.04); }
.lines.logs > div[style] { background: rgba(227,22,29,.12) !important; color: #e5e4df; }

/* Seleção de personagens */
.mult .selec > * { box-sizing: border-box; width: 80px; height: 80px; padding: 0; background: rgba(255,255,255,.04); border: 1px solid #272829; margin-right: 4px; border-radius: 3px; }
.mult .selec > div > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mult .selec > div > div { left: 0; right: 0; bottom: 0; width: auto !important; height: auto; padding: 14px 3px 3px; line-height: 1.2; font-family: 'Open Sans', Arial, sans-serif; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; background: linear-gradient(180deg, transparent, rgba(0,0,0,.85)); }
.mult .selec > div:hover { background: rgba(227,22,29,.12); }
.mult .selec > span:hover { background: rgba(255,255,255,.06); }
.mult .selec > div.actived { background: rgba(227,22,29,.18); border-color: #e3161d; box-shadow: 0 0 12px rgba(227,22,29,.3); }
.mult .infos, .mult .opts { background: transparent; }

/* Avisos e caixas amarelas antigas */
.mult .charSelectedTxt, .service .confirmChar, span#confirm, table.donateBox .bonus { color: #e9bd6f; background: rgba(233,189,111,.1); border: 1px solid rgba(233,189,111,.35); }
.service { color: #b3b6b8; background: rgba(0,0,0,.35); border: 1px solid #272829; }
.service > .title { font-family: 'AGKornelia', 'Marcellus', serif; color: #e5e4df; }
.service > .title .costs { background: rgba(227,22,29,.25) !important; border: 1px solid rgba(227,22,29,.5); }

.rmsg { color: #bff2cc; background: rgba(31,156,64,.18); border: 1px solid rgba(31,156,64,.45); border-radius: 3px; }
.rmsg.error { color: #ffb3b3; background: rgba(179,0,0,.2) !important; border-color: rgba(255,0,0,.4); }
.rmsg.warn { color: #e9bd6f !important; background: rgba(233,189,111,.12) !important; border-color: rgba(233,189,111,.4); }

.rulesbox { color: #b3b6b8; background: rgba(0,0,0,.4); border: 1px solid #272829; }
.wSelectBg { background: rgba(0,0,0,.35); border: 1px solid #272829; }
.wSelectBg select, table.donateBox select { color: #ddd; background: rgba(0,0,0,.6); border: 1px solid #353536; }
table.donateBox select:hover { background: rgba(0,0,0,.8); border-color: rgba(227,22,29,.6); }
select option { background: #0c1011; color: #ddd; }

/* Tabelas */
table.donateBox { border: 1px solid #272829; background: rgba(0,0,0,.35); color: #b3b6b8; }
table.donateBox th, table.donateBox td { border-color: rgba(255,255,255,.06); }
table.donateBox th { color: #e5e4df; background: rgba(0,0,0,.5); font-family: 'AGKornelia', 'Marcellus', serif; font-weight: normal; border-bottom: 2px solid rgba(227,22,29,.5); }
table.donateBox th i { color: #ff3b3b; }

table.default { border: 1px solid #272829; box-shadow: none; border-collapse: collapse; }
table.default tr th { color: #d4d6d7; background: rgba(0,0,0,.75) !important; font-family: 'AGKornelia', 'Marcellus', serif; font-weight: normal; text-transform: uppercase; border-bottom: 2px solid rgba(227,22,29,.55); }
table.default tr td { color: #b3b6b8; background: rgba(0,0,0,.25); border-left-color: rgba(255,255,255,.05); }
table.default tr.two td { background: rgba(255,255,255,.025); }
table.default tr:hover td { background: rgba(227,22,29,.07); }
table.default tr td.foco { color: #fff; background: rgba(0,0,0,.45); }
table.default tr.pin td { background: rgba(233,189,111,.1) !important; }

.horMenu a { color: #84878c !important; border-bottom-color: #353536; font-family: 'AGKornelia', 'Marcellus', serif; }
.horMenu a:hover { color: #fff !important; border-color: #595c5e !important; }
.horMenu a.act { color: #fff !important; border-color: #e3161d !important; text-shadow: 0 0 10px rgba(255,30,30,.55); }

.paginate a { background: rgba(0,0,0,.5); border-color: #272829; }
.paginate a:hover { border-color: #e3161d !important; }
.paginate a.atual { background: rgba(227,22,29,.3) !important; border-color: #e3161d !important; }

.shopPacks > a { border: 1px solid #272829; }
.shopPacks > a:hover { opacity: 1; border-color: #e3161d; box-shadow: 0 0 12px rgba(227,22,29,.3); }
.shopItemList .packImg { background: rgba(0,0,0,.5); }
.castled .ct { font-family: 'AGKornelia', 'Marcellus', serif; color: #e5e4df; }

/* Alertas do sistema (js/global.js) */
#alerta { color: #d4d6d7; background: linear-gradient(180deg, #1a1b1c, #0f1011); border: 1px solid #353536; border-bottom: 3px solid #e3161d; border-radius: 0; box-shadow: 0 20px 60px rgba(0,0,0,.8); }
#alerta .ok > div, #alerta .ok.sucesso > div { width: auto; min-width: 90px; padding: 8px 18px; font-family: 'AGKornelia', 'Marcellus', serif; font-size: 14px; color: #18191a; background: url('../../assets/shadow/img/button.png') center / 100% 100% no-repeat; border: 0; border-radius: 0; box-shadow: none; }
#alerta .ok > div:hover { background-image: url('../../assets/shadow/img/button_hover.png'); }