/* SkankMU — páginas internas no visual novo (carregado depois do boreal.css).
   O conteúdo dos módulos continua com o boreal.css; aqui só o
   acabamento para combinar com a home nova. */

body.sk-inner{
	background:#05070c;
	background-image:radial-gradient(1000px 520px at 85% 0%,rgba(46,230,255,.06),transparent 60%),radial-gradient(800px 500px at 0% 40%,rgba(232,184,75,.035),transparent 60%);
	background-attachment:fixed;
	font-size:16px;
}

/* o título do módulo foi para a faixa do topo (js/inner.js) */
.sk-inner .page-title.sk-moved{display:none!important}

/* área de conteúdo */
.sk-inner .bo-main{padding:44px 0 80px}
.sk-inner .bo-main > .bo-wrap{max-width:1200px;padding:0 20px}
.sk-inner .bo-panel{
	background:linear-gradient(180deg,#0d1420 0%,#0a0f18 100%);
	border:1px solid rgba(140,180,220,.10);
	border-radius:10px;
	box-shadow:0 20px 50px rgba(0,0,0,.35);
	padding:30px 32px;
}
.sk-inner .bo-panel-full{padding:0!important}

/* títulos internos dos módulos, no mesmo estilo dos títulos da home */
.sk-inner .bo-panel h1,.sk-inner .bo-panel h2,.sk-inner .bo-panel h3{letter-spacing:.02em}

/* botões padrão do Bootstrap com a cara dos botões novos */
.sk-inner .bo-panel .btn-primary{
	background:linear-gradient(180deg,#f7dc8c,#e8b84b 55%,#9e7c2f);
	border:0;color:#1a1206;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
	border-radius:6px;box-shadow:0 6px 20px rgba(232,184,75,.22);
}
.sk-inner .bo-panel .btn-primary:hover,.sk-inner .bo-panel .btn-primary:focus{color:#1a1206;filter:brightness(1.06);transform:translateY(-1px)}

/* campos de formulário */
.sk-inner .bo-panel .form-control{
	background:#070b12;border:1px solid rgba(140,180,220,.18);color:#dbe6f2;border-radius:6px;height:auto;padding:10px 12px;
}
.sk-inner .bo-panel .form-control:focus{border-color:#2ee6ff;box-shadow:0 0 0 3px rgba(46,230,255,.12)}

/* sidebar */
.sk-inner .bo-sidebar{gap:18px}

/* Discord em destaque no Suporte da barra lateral */
.sk-inner .bo-ajuda-item.is-discord{background:rgba(88,101,242,.16);border-color:rgba(88,101,242,.5)}
.sk-inner .bo-ajuda-item.is-discord .bo-ajuda-ico{background:#5865f2;color:#fff}

/* formulários antigos usam float: o painel precisa conter o que está dentro */
.sk-inner .bo-panel::after{content:"";display:block;clear:both}

@media(max-width:820px){
	.sk-inner .bo-main{padding:28px 0 60px}
	.sk-inner .bo-panel{padding:22px 18px}
	.sk-inner .bo-main > .bo-wrap{padding:0 16px}

	/* formulários (login, recuperar senha, painel): rótulo em cima e campo inteiro */
	.sk-inner .bo-panel .col-xs-8.col-xs-offset-2{float:none;width:100%;margin-left:0;margin-top:0!important;padding:0}
	.sk-inner .bo-panel .form-horizontal .form-group{margin-left:0;margin-right:0}
	.sk-inner .bo-panel .form-horizontal [class*="col-sm-"]{float:none;width:100%;margin-left:0;padding-left:0;padding-right:0}
	.sk-inner .bo-panel .form-horizontal .control-label{padding-top:0;margin-bottom:6px;text-align:left}
	.sk-inner .bo-panel .btn-primary{width:100%;min-height:46px}
	.sk-inner .bo-panel .help-block a{display:inline-block;padding:8px 0}
	.sk-inner .bo-sidebar{margin-top:18px}

	/* 16px evita o zoom automático do iPhone ao tocar no campo */
	.sk-inner input:not([type=checkbox]):not([type=radio]):not([type=range]),.sk-inner select,.sk-inner textarea{font-size:16px}

	/* menus que correm para o lado em vez de quebrar */
	.sk-inner .rankings_menu{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;padding-bottom:4px;scrollbar-width:none;text-align:left}
	.sk-inner .rankings_menu a{flex:none;display:inline-flex;align-items:center;width:auto;min-height:40px;margin:0;padding:0 14px;border-radius:8px;
		border:1px solid rgba(140,180,220,.18);background:rgba(0,0,0,.3);color:#8aa0b8;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
	.sk-inner .rankings_menu a.active{color:#e8b84b;border-color:#e8b84b}
	.sk-inner .mk-abas{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
	.sk-inner .mk-aba{flex:none;white-space:nowrap}
	.sk-inner .mk-adm-tabela{display:block;overflow-x:auto}
	.sk-inner .mk-adm-tabela .bo-btn,.sk-inner .mk-tx .bo-btn{min-height:38px;font-size:12px}

	/* alvos de toque e texto legível */
	.sk-inner .sk-crumb a{display:inline-block;padding:6px 0}
	.sk-inner .bo-side-links a{display:inline-block;padding:9px 4px}
	.sk-inner .bo-ev-tab{min-height:36px;font-size:12px}
	.sk-inner .rk-eye,.sk-inner .rk-live,.sk-inner .rk-info small,.sk-inner .rk-val small,
	.sk-inner .bo-event-badge,.sk-inner .bo-event-time,.sk-inner .bo-ajuda-txt span,.sk-inner .bo-panel .form-group label{font-size:12px}
}