/* Variables CSS para tema dorado/azul oscuro */
:root {
    --card-bg: rgba(16, 20, 27, 0.95);
    --card-border: rgba(255, 215, 130, 0.35);
    --accent: #e1a81c;
    --accent-light: #f4d03f;
    --text: #e6eaf2;
    --text-secondary: #b8c7ce;
}

body.login { font-size: 14px; font-family: 'Merriweather', Arial, sans-serif; min-width: 700px; margin: 0; padding: 0; background: linear-gradient(135deg, rgba(16, 20, 27, 0.95), rgba(34, 48, 70, 0.9)) url('../img/loginbg.jpg') no-repeat center top; background-blend-mode: overlay; }
body.login * { border: 0; margin: 0; padding: 0; outline: none; text-decoration: none; }
body.login .passArea { width: 428px; height: 160px; display: table; margin: 0 auto; padding: 260px 0 140px; }
body.login .passArea > div { width: 100%; position: relative; }
body.login .passArea .ball { z-index: 2; width: 160px; height: 160px; border-radius: 80px; position: absolute; left: 0; top: 0; box-shadow: 5px 5px 5px rgba(0,0,0,0.06); background: url('../img/logingears.png') no-repeat center center, url('../img/loginballbg.jpg') repeat center center; }
body.login .passArea input { z-index: 1; width: 280px; height: 60px; line-height: 60px; border-radius: 4px; box-sizing: border-box; padding: 0 50px 0 30px; background: #fff; position: absolute; right: 0; top: 50px; font-size: 20px; font-family: Arial; color: #2a2a2a; }
body.login .passArea input:focus { box-shadow: 0 0 10px rgba(255,255,255,0.4); }
body.login .passArea #submit { z-index: 3; opacity: 0.2; cursor: pointer; width: 46px; height: 60px; background: transparent url('../img/loginarrow.png') no-repeat center center; position: absolute; right: 0; top: 50px; }
body.login .passArea #submit:hover { opacity: 0.7; }
body.login .passArea #submit:active { opacity: 1; }
body.login .passArea #submit.invis { display: none !important; }
body.login .wadm30 { width: 164px; height: 16px; position: absolute; right: 10px; top: 20px; background: transparent url('../img/awa3.png'); }
body.login .copyright, body.login .copyright a { font-size: 14px; font-family: Arial; }
body.login .copyright { width: 100%; text-align: center; color: #d1dee8; }
body.login .copyright a { color: #fff; opacity: 0.9; }
body.login .copyright a:hover { opacity: 1; text-shadow: 0 0 5px #fff; }

form.atualstudio label { cursor: pointer; margin-bottom: 0; font-weight: normal; }
form.atualstudio .form-group > label { width: 100%; }
form.atualstudio .form-group > label > div { margin: 0 0 5px 0; }
form.atualstudio .form-group .desc { font-weight: bold; }
form.atualstudio .help-block { margin-bottom: 0; }
form.atualstudio textarea { resize: vertical; }
form.atualstudio .select2-selection:hover { border-color: rgba(225, 168, 28, 0.5); }
form.atualstudio .select2-container--open .select2-selection { border-color: var(--accent) !important; background-color: rgba(225, 168, 28, 0.15) !important; }
.select2-dropdown { 
    box-shadow: 0 4px 15px rgba(0,0,0,0.3); 
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    backdrop-filter: blur(10px);
}
.select2-results__option {
    color: var(--text);
}
.select2-results__option--highlighted {
    background: linear-gradient(135deg, rgba(225, 168, 28, 0.25), rgba(244, 208, 63, 0.15)) !important;
    color: var(--accent) !important;
}
form.atualstudio .radchk label { min-height: 30px; line-height: 30px; }

#alerta { visibility: hidden; position: fixed; display: table; z-index: 2001; margin: 0 auto; padding: 25px 30px; color: var(--text); font-size: 15px; background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; backdrop-filter: blur(10px); box-shadow: 0 4px 15px rgba(0,0,0,0.5); font-family: 'Merriweather', serif; }
#alerta .ok { display: table; width: 100%; }
#alerta .ok > div { font-size: 12px; font-weight: bold; cursor: pointer; display: table; float: right; margin: 15px 0 0 0; padding: 5px 0; text-align: center; width: 60px; text-transform: uppercase; color: #fff; background: linear-gradient(135deg, rgba(225, 168, 28, 0.8), rgba(244, 208, 63, 0.6)); border: 1px solid var(--accent); box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset; border-radius: 4px; }
#alerta .ok > div:hover { background: linear-gradient(135deg, rgba(225, 168, 28, 1), rgba(244, 208, 63, 0.8)); border-color: var(--accent-light); }
#alerta .ok.sucesso > div { background: linear-gradient(135deg, rgba(0, 187, 0, 0.8), rgba(0, 200, 0, 0.6)); border: 1px solid #00bb00; }
#alerta .ok.sucesso > div:hover { background: linear-gradient(135deg, rgba(0, 187, 0, 1), rgba(0, 200, 0, 0.8)); border-color: #00cc00; }
#backblack { height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.8; z-index: 2000; }

.dtable { display: table; }
.dtable > div { float: left; line-height: 30px; margin-right: 5px; }

aside #selectWorld { padding: 10px; }
aside .select2-container--default .select2-selection--single { transition: border 0.2s, background 0.2s; border: 1px solid rgba(255,255,255,0.15); background: rgba(255,255,255,0.05); }
aside .select2-container--default .select2-selection--single .select2-selection__rendered { transition: color 0.2s; color: rgba(255,255,255,0.6); }
aside .select2-container--default .select2-selection--single:hover { border: 1px solid rgba(255,255,255,0.5); }
aside .select2-container--default .select2-selection--single .select2-selection__rendered:hover { color: rgba(255,255,255,0.9); }

.box-header { min-height: 40px; }
.box-header > .box-tools { top: 10px !important; }

.box-body > .table td { vertical-align: middle; }
.box-body > .table tr:hover td { background: rgba(225, 168, 28, 0.1); }

/* Estilos para boxes del admin */
.box {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    border-radius: 8px !important;
    backdrop-filter: blur(4px);
    box-shadow: inset 0 0 0 1px rgba(255, 220, 150, 0.15), 0 4px 15px rgba(0,0,0,0.3) !important;
}

.box-header {
    background: linear-gradient(135deg, rgba(225, 168, 28, 0.25), rgba(244, 208, 63, 0.15)) !important;
    border-bottom: 1px solid var(--card-border) !important;
    color: var(--accent) !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.box-header .box-title {
    color: var(--accent) !important;
    font-family: 'Cinzel', serif !important;
}

.box-body {
    color: var(--text) !important;
    font-family: 'Merriweather', serif !important;
}

/* Tablas */
.table {
    color: var(--text) !important;
}

.table > thead > tr > th {
    background: rgba(34, 48, 70, 0.8) !important;
    color: var(--text) !important;
    border: 1px solid var(--card-border) !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 600 !important;
}

.table > tbody > tr > td {
    border-color: rgba(255, 215, 130, 0.15) !important;
    color: var(--text) !important;
}

.table > tbody > tr:nth-of-type(odd) {
    background: rgba(16, 20, 27, 0.4) !important;
}

.table > tbody > tr:nth-of-type(even) {
    background: rgba(16, 20, 27, 0.3) !important;
}

/* Botones */
.btn-primary {
    background: linear-gradient(135deg, rgba(225, 168, 28, 0.8), rgba(244, 208, 63, 0.6)) !important;
    border: 1px solid var(--accent) !important;
    color: var(--text) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
    font-family: 'Merriweather', serif !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, rgba(225, 168, 28, 1), rgba(244, 208, 63, 0.8)) !important;
    border-color: var(--accent-light) !important;
    color: #fff !important;
}

.btn-default {
    background: rgba(34, 48, 70, 0.8) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text) !important;
    font-family: 'Merriweather', serif !important;
}

.btn-default:hover {
    background: rgba(34, 48, 70, 1) !important;
    border-color: var(--accent) !important;
    color: var(--accent) !important;
}

/* Body background */
body {
    background: linear-gradient(135deg, rgba(16, 20, 27, 0.98), rgba(34, 48, 70, 0.95)) !important;
    color: var(--text) !important;
    font-family: 'Merriweather', serif !important;
}

/* Content wrapper */
.content-wrapper {
    background: transparent !important;
}

/* Footer */
.main-footer {
    background: var(--card-bg) !important;
    border-top: 1px solid var(--card-border) !important;
    color: var(--text) !important;
    font-family: 'Merriweather', serif !important;
}

/* Formularios */
.form-control {
    background: rgba(34, 48, 70, 0.6) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text) !important;
    font-family: 'Merriweather', serif !important;
}

.form-control:focus {
    background: rgba(34, 48, 70, 0.8) !important;
    border-color: var(--accent) !important;
    color: var(--text) !important;
    box-shadow: 0 0 0 0.2rem rgba(225, 168, 28, 0.25) !important;
}

label {
    color: var(--text) !important;
    font-family: 'Merriweather', serif !important;
}

/* Alertas */
#alerta {
    background: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
    color: var(--text) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}

.knob-label { font-size: 16px !important; }

table td.sortHandle, table th.sortHandle { width: 26px; cursor: move; color: #949494; }

ul.sidebar-menu > li > a > span { position: relative; }
ul.sidebar-menu > li > a > span > div { position: absolute; right: -20px; top: 1px; text-align: center; background: red; font-family: Arial; font-size: 10px; font-weight: bold; width: 16px; height: 16px; line-height: 16px; border-radius: 8px; }