/* Village's Server Website 3.0 */
:root{
	--bg:#050a12;--bg2:#07111e;--panel:#0d1a2b;--panel2:#12233a;
	--line:rgba(190,214,242,.14);--text:#eef6ff;--muted:#92a7c0;
	--gold:#d3a64e;--gold2:#f4d383;--green:#35d399;--red:#fb7185;
	--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.4)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:radial-gradient(circle at 15% 0%,rgba(45,125,210,.14),transparent 32rem),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:15px;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%}.vs-wrap{width:min(1320px,calc(100% - 38px));margin:auto}
.vs-header{position:sticky;top:0;z-index:1000;background:rgba(5,11,20,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.vs-header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.vs-brand{display:flex;align-items:center;gap:13px}.vs-brand img{width:48px;height:48px;object-fit:contain}.vs-brand strong{display:block;color:#fff;font-size:17px}.vs-brand span{display:block;color:var(--muted);font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.vs-nav{display:flex;align-items:center;gap:3px}.vs-nav a{padding:10px 11px;border-radius:9px;color:#c6d4e5;font-size:13px;font-weight:700}.vs-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.vs-account-button{margin-left:6px!important;color:#07111d!important;background:linear-gradient(135deg,var(--gold2),var(--gold))}.vs-menu-button{display:none;border:0;background:none}.vs-menu-button i{display:block;width:26px;height:2px;margin:5px;background:#fff}
.vs-hero{position:relative;min-height:690px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,10,18,.98),rgba(4,10,18,.72) 47%,rgba(4,10,18,.14)),url("images/background.jpg") center 35%/cover no-repeat;border-bottom:1px solid var(--line)}.vs-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#07111e)}.vs-hero-inner{position:relative;z-index:2;padding:80px 0 145px}.vs-hero-copy{max-width:720px}.vs-live-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.vs-live-label span,.vs-status-led,.vs-mini-status i{width:10px;height:10px;border-radius:50%}.is-online{background:var(--green)!important;box-shadow:0 0 18px var(--green)}.is-offline{background:var(--red)!important;box-shadow:0 0 18px var(--red)}.vs-hero h1{margin:0;font-size:clamp(50px,7vw,88px);line-height:.98;letter-spacing:-4px}.vs-hero h1 em{font-style:normal;color:var(--gold2);text-shadow:0 0 40px rgba(211,166,78,.25)}.vs-hero p{max-width:650px;margin:26px 0 30px;color:#c2d0e1;font-size:18px}.vs-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.vs-hero small{display:block;margin-top:14px;color:#8297b0}
.vs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:12px;font-weight:850;transition:.2s}.vs-btn:hover{transform:translateY(-2px)}.vs-btn-gold{color:#07111d;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 12px 34px rgba(211,166,78,.22)}.vs-btn-glass{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}.vs-btn-full{width:100%}
.vs-status-grid{position:absolute;z-index:3;left:50%;bottom:-53px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(11,24,40,.97);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.vs-status-card{min-height:106px;padding:22px 27px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}.vs-status-card:last-child{border-right:0}.vs-status-card span{display:block;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.vs-status-card strong{display:block;margin-top:4px;color:#fff;font-size:19px}.vs-status-led{display:block}
.vs-onboarding{margin-top:96px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vs-onboarding-card{min-height:150px;padding:25px;display:flex;gap:18px;background:linear-gradient(145deg,rgba(19,37,60,.96),rgba(10,22,37,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 15px 45px rgba(0,0,0,.18);transition:.22s}.vs-onboarding-card:hover{transform:translateY(-4px);border-color:rgba(244,211,131,.35)}.vs-onboarding-card>b{color:rgba(244,211,131,.25);font-size:35px;line-height:1}.vs-onboarding-card span{color:var(--gold2);font-size:10px;font-weight:850;letter-spacing:1.3px;text-transform:uppercase}.vs-onboarding-card strong{display:block;margin-top:3px;font-size:20px}.vs-onboarding-card p{margin:8px 0 0;color:var(--muted);font-size:13px}
.vs-world-section{padding:85px 0 25px}.vs-section-intro{text-align:center;max-width:720px;margin:auto}.vs-section-intro span{color:var(--gold2);font-size:10px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}.vs-section-intro h2{margin:8px 0;font-size:38px}.vs-section-intro p{color:var(--muted)}.vs-world-grid{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.vs-world-grid article{padding:24px;background:linear-gradient(180deg,rgba(18,35,58,.92),rgba(11,24,40,.92));border:1px solid var(--line);border-radius:var(--radius)}.vs-world-grid strong{font-size:19px}.vs-world-grid p{margin:8px 0 0;color:var(--muted);font-size:13px}
.vs-main{margin-top:30px;margin-bottom:70px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}.vs-content-panel,.vs-side-card{background:linear-gradient(180deg,rgba(18,35,58,.97),rgba(11,24,40,.97));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.vs-panel-head{padding:25px 29px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.vs-panel-head span,.vs-side-card>span{color:var(--gold2);font-size:10px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}.vs-panel-head h2{margin:4px 0 0;font-size:28px}.vs-panel-shortcuts{display:flex;gap:8px}.vs-panel-shortcuts a{padding:8px 11px;background:rgba(255,255,255,.05);border-radius:8px;color:#c4d2e3;font-size:12px}.vs-content{padding:29px;overflow-x:auto;color:#d6e0ed}.vs-sidebar{display:grid;gap:18px}.vs-side-card{padding:24px}.vs-side-card h3{margin:6px 0 10px;font-size:23px}.vs-side-card p{color:var(--muted)}.vs-side-card>small{display:block;margin-top:12px;text-align:center;color:var(--muted)}.vs-side-links{margin-top:10px}.vs-side-links a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);color:#cbd7e6}.vs-side-links a:last-child{border-bottom:0}.vs-side-links a:hover{color:var(--gold2)}.vs-mini-status{display:flex;align-items:center;gap:13px;margin-top:15px}.vs-mini-status i{display:block;flex:0 0 auto}.vs-mini-status strong{display:block}.vs-mini-status small{display:block;color:var(--muted)}
/* MyAAC legacy cleanup */
.vs-content .NewsHeadlineBackground,.vs-content .TableContainer,.vs-content .BoxContent,.vs-content .TableContent,.vs-content .TableContentAndRightShadow,.vs-content .InnerTableContainer,.vs-content .ContentBox,.vs-content .Table3,.vs-content .Table2,.vs-content .Table1{background:transparent!important;border:0!important;box-shadow:none!important}.vs-content .NewsHeadlineBackground{margin:0 0 13px!important;padding:13px 15px!important;display:flex!important;align-items:center;border:1px solid var(--line)!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important}.vs-content .NewsHeadlineText,.vs-content .NewsHeadlineDate{color:#fff!important;text-shadow:none!important}.vs-content .NewsHeadlineDate{color:var(--gold2)!important}.vs-content .NewsContent{padding:6px 6px 24px!important;color:#c9d6e5!important}
.vs-content table,.vs-content .myaac-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden;border:1px solid var(--line)!important;border-radius:11px!important;background:rgba(4,11,20,.28)!important}.vs-content td,.vs-content th{padding:11px 13px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:#dbe5f1!important}.vs-content tr:last-child td{border-bottom:0!important}.vs-content th,.vs-content thead td{background:rgba(255,255,255,.06)!important;color:#fff!important;font-weight:800!important}.vs-content tr:nth-child(even) td{background:rgba(255,255,255,.025)!important}.vs-content a{color:var(--gold2)}.vs-content a:hover{color:#fff}
.vs-content input:not([type=checkbox]):not([type=radio]):not([type=image]),.vs-content select,.vs-content textarea{max-width:100%;min-height:42px;padding:9px 11px!important;color:#fff!important;background:#071321!important;border:1px solid var(--line)!important;border-radius:8px!important}.vs-content textarea{min-height:120px}.vs-content input[type=submit],.vs-content button,.vs-content .Button,.vs-content .btn{min-height:42px;padding:0 15px!important;color:#07111d!important;background:linear-gradient(135deg,var(--gold2),var(--gold))!important;border:0!important;border-radius:8px!important;font-weight:850!important}
.vs-content .BoxFrameHorizontal,.vs-content .BoxFrameVerticalLeft,.vs-content .BoxFrameVerticalRight,.vs-content .TableShadowContainerRightTop,.vs-content .TableShadowRightTop,.vs-content .TableBottomShadow,.vs-content .TableBottomLeftShadow,.vs-content .TableBottomRightShadow{display:none!important}
.vs-footer{border-top:1px solid var(--line);background:rgba(4,10,18,.55)}.vs-footer-inner{min-height:145px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;color:var(--muted)}.vs-footer-brand{display:flex;align-items:center;gap:13px}.vs-footer-brand img{width:44px;height:44px;object-fit:contain}.vs-footer-brand strong{display:block;color:#fff}.vs-footer-brand span{display:block;font-size:12px}.vs-footer-links{display:flex;gap:16px;font-size:12px}
@media(max-width:1080px){.vs-menu-button{display:block}.vs-nav{position:absolute;top:78px;left:19px;right:19px;display:none;padding:13px;flex-direction:column;align-items:stretch;background:#0b1828;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.vs-menu-open .vs-nav{display:flex}.vs-account-button{margin-left:0!important;text-align:center}.vs-status-grid{grid-template-columns:repeat(2,1fr);bottom:-106px}.vs-status-card:nth-child(2){border-right:0}.vs-status-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.vs-onboarding{margin-top:150px}.vs-world-grid{grid-template-columns:repeat(2,1fr)}.vs-main{grid-template-columns:1fr}.vs-sidebar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.vs-wrap,.vs-header-inner{width:min(100% - 22px,1320px)}.vs-brand span{display:none}.vs-hero{min-height:650px}.vs-hero-inner{padding-top:55px}.vs-hero h1{letter-spacing:-2px}.vs-hero p{font-size:16px}.vs-status-grid{grid-template-columns:1fr 1fr}.vs-status-card{min-height:87px;padding:16px}.vs-onboarding{grid-template-columns:1fr;gap:12px}.vs-world-grid{grid-template-columns:1fr}.vs-main{gap:16px}.vs-panel-head{padding:21px;align-items:flex-start;flex-direction:column}.vs-content{padding:17px}.vs-sidebar{grid-template-columns:1fr}.vs-footer-inner{padding:30px 0;grid-template-columns:1fr;text-align:center}.vs-footer-brand,.vs-footer-links{justify-content:center}}

/* =========================================================
   VILLAGE - CORRECAO GLOBAL DE CORES DO CONTEUDO MYAAC
   Sobrescreve estilos claros herdados do template Kathrine
   ========================================================= */

.vs-content .Odd,
.vs-content .Even,
.vs-content .LabelV,
.vs-content .LabelH,
.vs-content .TableContent,
.vs-content .TableContentAndRightShadow,
.vs-content .InnerTableContainer,
.vs-content .BoxContent {
    background: rgba(7, 19, 33, .72) !important;
    color: #dbe5f1 !important;
}

.vs-content .Odd {
    background: rgba(255, 255, 255, .025) !important;
}

.vs-content .Even {
    background: rgba(255, 255, 255, .055) !important;
}

.vs-content .LabelH,
.vs-content .TableHeader,
.vs-content .TableHeaderText {
    background: rgba(211, 166, 78, .22) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

.vs-content td,
.vs-content th,
.vs-content div,
.vs-content span,
.vs-content p {
    text-shadow: none;
}

.vs-content td {
    color: #dbe5f1 !important;
}

.vs-content td a {
    color: #f4d383 !important;
}

.vs-content td a:hover {
    color: #ffffff !important;
}

.vs-content font {
    color: inherit;
}

/* Mantem mensagens de status visiveis */
.vs-content .red,
.vs-content [style*="color: red"],
.vs-content [style*="color:red"] {
    color: #fb7185 !important;
}

.vs-content .green {
    color: #35d399 !important;
}


/* =========================================================
   FIX DEFINITIVO - TABELAS E BLOCOS LEGADOS DO KATHRINE
   ========================================================= */

.vs-content .TableContainer .Odd,
.vs-content .Content .BoxContent .Odd,
.Content .vs-content .BoxContent .Odd,
.vs-content .BoxContent .Odd {
    background-color: rgba(255,255,255,.025) !important;
    color: #dbe5f1 !important;
}

.vs-content .TableContainer .Even,
.vs-content .Content .BoxContent .Even,
.Content .vs-content .BoxContent .Even,
.vs-content .BoxContent .Even {
    background-color: rgba(255,255,255,.055) !important;
    color: #dbe5f1 !important;
}

.vs-content .TableContainer,
.vs-content .TableContentContainer,
.vs-content .TableContent,
.vs-content .TableContentAndRightShadow,
.vs-content .InnerTableContainer {
    background: transparent !important;
    color: #dbe5f1 !important;
}

.vs-content .TableContainer .CaptionContainer,
.vs-content .TableContainer .CaptionContainer .CaptionInnerContainer {
    background: rgba(211,166,78,.20) !important;
}

.vs-content .TableContainer .CaptionContainer .Text {
    color: #ffffff !important;
    text-shadow: none !important;
}

.vs-content .LabelV,
.vs-content .LabelV120,
.vs-content .LabelV150,
.vs-content .LabelV200 {
    background: rgba(255,255,255,.035) !important;
    color: #dbe5f1 !important;
}

.vs-content .LabelH,
.vs-content .LabelH td {
    background: rgba(211,166,78,.18) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Texto dentro das linhas legadas */
.vs-content .Odd *,
.vs-content .Even *,
.vs-content .LabelV *,
.vs-content .LabelH * {
    color: #dbe5f1 !important;
    text-shadow: none !important;
}

/* Links continuam dourados */
.vs-content .Odd a,
.vs-content .Even a,
.vs-content .LabelV a,
.vs-content .LabelH a {
    color: #f4d383 !important;
}

/* Estados importantes */
.vs-content .Odd font[color="red"],
.vs-content .Even font[color="red"],
.vs-content .LabelV font[color="red"] {
    color: #fb7185 !important;
}


/* Village - tabelas da área de conta */
.vs-content tr.village-row-light > td {
    background: #111f32 !important;
    color: #dbe5f1 !important;
}

.vs-content tr.village-row-dark > td {
    background: #172940 !important;
    color: #dbe5f1 !important;
}

.vs-content tr.village-row-head > th,
.vs-content tr.village-row-head > td {
    background: #263c58 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

.vs-content tr.village-row-light a,
.vs-content tr.village-row-dark a {
    color: #f4d383 !important;
}
