@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');

:root {
	--verde: #273c75;
	--verde-escuro: #192a56;
	--verde-transparente: #417F4122;
	--amarelo: #e74c3c;
	--cinza: #E0E0E0;
}

html														{ border: 0px; margin: 0px; padding: 0px; width: 100%; min-height: 100%; overflow: auto; scroll-behavior: smooth; scroll-padding: var(--scroll-padding, 70px); }
body														{ border: 0px; margin: 0px; padding: 0px; width:100%; min-height: 100%; font-family:'Open Sans',sans-serif; font-weight: 300; font-size: 15px; background:#FFFFFF; top: 0px !important; }
img, input, select, textarea								{ border: 0px; margin: 0px; padding: 0px; outline: 0px; }
a															{ text-decoration: none; }
b															{ font-weight: 700; }
*															{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body::-webkit-scrollbar										{ width: 5px; height: 0px; }
body::-webkit-scrollbar-track								{ background:#999999; }
body::-webkit-scrollbar-thumb								{ background:#666666; }

/*- CELULAR ------------------------------------------------------------------------------------------------------------------------------------*/

.topo-celular					{ display: none; }
.topo-celular-whatsapp			{ display: none; }

/*- LINK CELULAR --------------------------------------------------------------------------------------------------------------------------------*/

a[href^=tel]{
	color: #FFFFFF;
	text-decoration: none; 
}

input[type=text]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
input[type=time]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 12px; outline: none; }
input[type=password]				{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
input[type=file]					{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }
select								{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 10px; outline: none; height: 46px; }
textarea							{ width: 100%; border-radius: 6px; background: #FFFFFF; border: 1px solid #C5C5C5; margin: 0px 0px 0px 0px; padding: 14px; outline: none; }

input[type=submit]					{ float: right; min-width: 15%; margin: 0px 0px 0px 0px; padding: 14px; border: 0px; font-size: 15px; border-radius: 6px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; text-align: center; cursor: pointer; outline: none; -webkit-appearance: none; }
input[type=submit]:hover			{ background: #27ae6044; border: 1px solid #27ae6055; color: #27ae60; }

input[type=button]					{ float: left; min-width: 15%; margin: 0px 0px 0px 0px; padding: 14px; border: 0px; font-size: 15px; border-radius: 6px; background: #7f8c8d22; border: 1px solid #7f8c8d33; color: #7f8c8d; text-align: center; cursor: pointer; outline: none; -webkit-appearance: none; }
input[type=button]:hover			{ background: #7f8c8d44; border: 1px solid #7f8c8d55; color: #7f8c8d; }

.select2-container--default .select2-selection--single                            { border: 1px solid #CCCCCC; background-color: #FFFFFF; border-radius: 6px; }
.select2-container--default .select2-selection--single .select2-selection__arrow  { height: 46px; position: absolute; top: 1px; right: 10px; width: 20px; }
.select2-search--dropdown                                                         { display: block; padding: 8px; }
.select2-search--dropdown .select2-search__field                                  { padding: 6px; width: 100%; box-sizing: border-box; }
.select2-container .select2-selection--single                                     { box-sizing: border-box; cursor: pointer; display: block; height: 50px; user-select: none; margin: 0px 0px 0px 0px; -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered        { display: block; padding: 9px 0px 0px 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*- LOGIN --------------------------------------------------------------------------------------------------------------------------------------*/
/*- LOGIN --------------------------------------------------------------------------------------------------------------------------------------*/

.login_caixa1						{ width:100vw; min-height:100vh; position:relative; display:grid; place-items:center; overflow:hidden; padding:34px 24px; background:radial-gradient(circle at 14% 20%, rgba(11,116,209,0.17), transparent 27%), radial-gradient(circle at 88% 18%, rgba(59,130,246,0.13), transparent 29%), linear-gradient(115deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.80) 48%, rgba(255,138,0,0.12) 100%), #F3F7FB; }
.login_caixa1:before,
.login_caixa1:after					{ content:""; position:absolute; border-radius:999px; border:90px solid rgba(255,255,255,0.62); pointer-events:none; }
.login_caixa1:before					{ width:640px; height:640px; left:-300px; bottom:-340px; transform:rotate(28deg); }
.login_caixa1:after					{ width:520px; height:520px; right:-250px; top:-270px; transform:rotate(-18deg); }

.login_caixa2						{ width:min(1180px, 100%); position:relative; z-index:1; display:grid; grid-template-columns:minmax(0, 1fr) 420px; gap:48px; align-items:center; }
.login_chamada						{ max-width:600px; }
.login_tag							{ display:inline-flex; align-items:center; gap:8px; margin:14px 0px 0px 0px; padding:8px 12px; background:rgba(11,116,209,0.10); color:#075EA9; border:1px solid rgba(11,116,209,0.22); border-radius:999px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; }
.login_tag i							{ font-size:16px; }
.login_chamada h1					{ max-width:560px; margin:0px; color:#111827; font-size:42px; line-height:50px; font-weight:700; }
.login_chamada p					{ max-width:540px; margin:14px 0px 0px 0px; color:#52606D; font-size:16px; line-height:27px; text-align:left; }

.login_recursos						{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; max-width:560px; margin:24px 0px 0px 0px; }
.login_recurso						{ min-height:88px; padding:14px; background:rgba(255,255,255,0.82); border:1px solid rgba(255,255,255,0.96); border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.06); }
.login_recurso i						{ display:block; color:#0B74D1; font-size:18px; margin:0px 0px 11px 0px; }
.login_recurso:nth-child(2) i		{ color:#1F9D3A; }
.login_recurso:nth-child(3) i		{ color:#F28A00; }
.login_recurso strong					{ display:block; color:#111827; font-size:13px; line-height:18px; }

.login_card							{ width:100%; padding:36px 38px; display:flex; justify-content:center; background:rgba(255,255,255,0.88); border:1px solid rgba(255,255,255,0.98); border-radius:22px; box-shadow:0 24px 70px rgba(17,24,39,0.16); backdrop-filter:blur(18px); }
.login_caixa3						{ display:block; width:100%; max-width:330px; padding:0px; }
.login_logo_card					{ width:100%; display:flex; justify-content:center; margin:0px auto 24px auto; }
.login_logo_card img					{ width:260px; height:53px; object-fit:fill; display:block; }
.login_titulo						{ margin:0px 0px 24px 0px; text-align:center; }
.login_titulo strong					{ display:block; color:#111827; font-size:24px; line-height:30px; font-weight:700; }
.login_titulo span					{ display:block; margin:6px 0px 0px 0px; color:#777777; font-size:13px; line-height:20px; }
.login_caixa3 label					{ display:block; font-size:13px; color:#333333; font-weight:700; padding:0px 0px 7px 0px; }
.login_campo							{ position:relative; margin:0px 0px 12px 0px; }
.login_campo i						{ position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#0B74D1; font-size:16px; z-index:1; }
.login_campo input					{ width:100%; height:52px; margin:0px; padding:0px 14px 0px 42px; background:#FFFFFF; border:1px solid #D9E2EC; border-radius:10px; color:#111827; font-size:14px; font-weight:700; outline:none; transition:border-color 0.2s ease, box-shadow 0.2s ease; }
.login_campo input:focus				{ border-color:#0B74D1; box-shadow:0 0 0 4px rgba(11,116,209,0.13); }
.login_caixa3 .login-persistente		{ min-height:24px; display:flex; align-items:center; gap:8px; padding:2px 0px; color:#52606D; font-size:13px; font-weight:400; cursor:pointer; }
.login_caixa3 .login-persistente input	{ width:16px; height:16px; margin:0px; accent-color:#0B74D1; cursor:pointer; }
.login_caixa3 .login-persistente span	{ line-height:18px; }
.login_caixa3 button					{ width:100%; height:52px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid #0B74D1; background:#0B74D1; border-radius:10px; color:#FFFFFF; font-size:14px; font-weight:700; margin:18px 0px 0px 0px; padding:0px 15px; cursor:pointer; box-shadow:0 7px 18px rgba(11,116,209,0.18); transition:background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
.login_caixa3 button:hover			{ border-color:#075EA9; background:#075EA9; color:#FFFFFF; transform:translateY(-1px); }
.login_rodape						{ margin:18px 0px 0px 0px; color:#888888; font-size:12px; line-height:18px; text-align:center; }

@media (max-width:900px){
	.login_caixa2					{ width:min(460px, 100%); grid-template-columns:1fr; gap:18px; }
	.login_chamada					{ display:none; }
	.login_card						{ padding:34px 22px; }
}

@media (max-width:420px){
	.login_caixa1					{ padding:18px 14px; }
	.login_card						{ border-radius:18px; }
	.login_logo_card img			{ width:230px; height:47px; }
}

/*- CAIXA PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------*/
/*- CAIXA PRINCIPAL ----------------------------------------------------------------------------------------------------------------------------*/

.interna                                        { width: 100vw; min-height: 100vh; background: #999999; display: flex; padding: 10px; box-sizing: border-box; }
.interna-lateral                                { width: 70px; background: var(--verde); border-radius: 8px 0px 0px 8px; display: flex; flex-direction: column; align-items: stretch; }
.interna-lateral-logo                           { width: 70px; height: 80px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 30px; margin-bottom: 20px; }
.interna-lateral-item                           { width: 70px; height: 70px; color: #FFFFFF; cursor: pointer; text-align: center; }
.interna-lateral-item i                         { display: block; text-align: center; font-size: 18px; padding-top: 16px; }
.interna-lateral-item span                      { display: block; text-align: center; font-size: 11px; padding-top: 10px; }
.interna-lateral-item:hover                     { background: var(--verde-escuro); }
.interna-lateral-bottom                         { margin-top: auto; display: flex; flex-direction: column; align-items: center; gap: 0px; padding: 0px 0px 0px 0px; }
.interna-lateral-bottom .interna-lateral-help   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-conf   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-sair   { width: 50px; height: 50px; display: flex; margin: 0px 0px 6px 0px; align-items: center; justify-content: center; color:#FFFFFF; font-size: 18px; background:rgba(0,0,0,0.2); border-radius: 6px; cursor: pointer; }
.interna-lateral-bottom .interna-lateral-sair   { margin: 0px 0px 10px 0px; }
.interna-lateral-help:hover                     { background:#FFFFFF; color:var(--verde); }
.interna-lateral-conf:hover                     { background:#FFFFFF; color:var(--verde); }
.interna-lateral-sair:hover                     { background:#FFFFFF; color:var(--verde); }

.interna-barra                                  { width: 300px; background: var(--cinza); border-radius: 0 0 0 0px; display: flex; flex-direction: column; margin-right: 0px; }
.interna-barra-usuario                          { padding: 20px; border-bottom: 1px solid #FFFFFF; }
.interna-barra-usuario-texto1                   { color: #777777; font-weight: 500; }
.interna-barra-usuario-texto2                   { color: #444444; font-weight: 700; font-size: 18px; padding: 5px 0px 0px 0px; }
.interna-barra-usuario-texto2 span 				{ color: #777777; font-weight: 500; font-size: 13px; }

.interna-barra-menu                             { padding: 20px 10px; }
.interna-barra-menu a                           { background: rgba(255,255,255,0.3); display: block; padding:10px; border-radius: 6px; color:#444444; font-weight:500; margin-bottom: 4px; text-decoration: none; }
.interna-barra-menu a i                         { width: 24px; text-align: center; display: inline-block; margin-right: 8px; }
.interna-barra-menu a:hover                     { background: #FFFFFF; color:var(--verde); }
.interna-conteudo                               { flex: 1; background:#F7F7F7; border-radius: 0px 8px 8px 0px; padding: 40px; overflow-y: scroll; box-sizing: border-box; height: calc(100vh - 20px); }
.interna-conteudo h1                            { margin: 0px 0px 20px 0px; color: #444444; }

.interna-barra-menu-active { background: #FFFFFF !important; }

/*- TOPO INTERNO -------------------------------------------------------------------------------------------------------------------------------*/
/*- TOPO INTERNO -------------------------------------------------------------------------------------------------------------------------------*/

body.adm-topo-layout                            { background:#F3F4F6; }
body.adm-topo-layout .interna                   { width:100%; min-height:100vh; display:block; padding:0px; background:#F3F4F6; }
body.adm-topo-layout .interna-corpo             { width:100%; display:block; }
body.adm-topo-layout .interna-corpo.com-preview { display:grid; grid-template-columns:minmax(0, 1fr) 340px; align-items:start; gap:0px; }
body.adm-topo-layout .interna-conteudo          { width:100%; height:auto; min-height:calc(100vh - 72px); overflow:visible; border-radius:0px; padding:28px; background:#F7F7F7; }
body.adm-topo-layout .interna-conteudo:after    { content:""; display:block; clear:both; }

.adm-topo-shell                                { position:sticky; top:0; z-index:9000; background:#2F3033; }
.adm-topo-preview                              { min-height:72px; display:flex; align-items:center; gap:14px; padding:0px 18px; background:#2F3033; border-bottom:4px solid #0B74D1; }
.adm-topo-brand                                { height:44px; display:inline-flex; align-items:center; gap:10px; padding:0px 14px; border-radius:8px; background:#0B74D1; color:#FFFFFF; white-space:nowrap; text-decoration:none; }
.adm-topo-brand span                           { width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; color:#FFFFFF; font-size:18px; }
.adm-topo-brand strong                         { font-size:18px; line-height:20px; color:#FFFFFF; }
.adm-topo-menu                                 { display:flex; align-items:stretch; gap:4px; flex:1; min-width:0px; }
.adm-topo-menu-item                            { position:relative; display:flex; align-items:center; }
.adm-topo-menu-item>a                          { height:68px; min-width:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0px 10px; color:#FFFFFF; border-radius:0px; text-align:center; text-decoration:none; }
.adm-topo-menu-item>a i                        { font-size:17px; }
.adm-topo-menu-item>a span                     { font-size:11px; line-height:13px; font-weight:400; }
.adm-topo-menu-item>a:after                    { content:""; position:absolute; left:0px; right:0px; bottom:0px; height:3px; background:#0B74D1; opacity:0; transition:opacity 0.18s ease; }
.adm-topo-menu-item.ativo>a,
.adm-topo-menu-item:hover>a                    { background:#3A3B3F; color:#FFFFFF; }
.adm-topo-menu-item.ativo>a:after,
.adm-topo-menu-item:hover>a:after              { opacity:1; }

.adm-topo-subbar                               { min-height:50px; display:flex; align-items:center; gap:4px; padding:0px 34px; background:#F7F7F7; border-bottom:1px solid #DADDE3; overflow-x:auto; }
.adm-topo-subbar br                            { display:none; }
.adm-topo-subbar a                             { height:50px; display:inline-flex; align-items:center; gap:7px; padding:0px 12px; border-bottom:3px solid transparent; color:#555555; font-size:13px; font-weight:400; white-space:nowrap; text-decoration:none; }
.adm-topo-subbar a i                           { width:18px; text-align:center; color:#0B74D1; font-size:14px; }
.adm-topo-subbar a:hover,
.adm-topo-subbar a.ativo                       { background:#FFFFFF; border-bottom-color:#0B74D1; color:#0B74D1; }

.adm-topo-user                                 { display:flex; align-items:center; gap:10px; margin-left:auto; color:#FFFFFF; white-space:nowrap; font-size:12px; }
.adm-topo-user-name                            { min-height:36px; display:inline-flex; align-items:center; gap:6px; padding:0px 10px; border:1px solid rgba(255,255,255,0.18); border-radius:6px; color:#FFFFFF; }
.adm-topo-user-name i                          { font-size:13px; color:#93C5FD; }
.adm-topo-user-name em                         { font-style:normal; color:#DDDDDD; }
.adm-topo-user-name b                          { max-width:150px; overflow:hidden; text-overflow:ellipsis; color:#FFFFFF; font-size:13px; }
.adm-topo-user a,
.adm-topo-user button                          { height:36px; display:inline-flex; align-items:center; gap:6px; padding:0px 10px; border:1px solid rgba(255,255,255,0.18); border-radius:6px; color:#FFFFFF; font-family:inherit; font-size:12px; text-decoration:none; cursor:pointer; }
.adm-topo-user button                          { appearance:none; background:transparent; }
.adm-topo-user a:hover,
.adm-topo-user a.ativo,
.adm-topo-user button:hover                    { background:#0B74D1; border-color:#0B74D1; color:#FFFFFF; }
.adm-topo-action                               { width:36px; justify-content:center; padding:0px !important; background:rgba(255,255,255,0.08); }
.adm-topo-action i                             { font-size:13px; color:#FFFFFF; line-height:1; }

body.senha-principal-aberta                    { overflow:hidden; }
.senha-principal-modal                         { position:fixed; inset:0; z-index:15000; display:flex; align-items:center; justify-content:center; padding:20px; }
.senha-principal-modal[hidden]                 { display:none; }
.senha-principal-fundo                         { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:rgba(18,26,38,0.62); backdrop-filter:blur(2px); cursor:default; }
.senha-principal-card                          { position:relative; width:min(100%, 480px); max-height:calc(100vh - 40px); overflow-y:auto; border:1px solid #DCE4EF; border-radius:15px; background:#FFFFFF; box-shadow:0 24px 65px rgba(15,23,42,0.28); color:#3F4A5A; }
.senha-principal-card>header                   { display:flex; align-items:center; gap:13px; padding:20px 21px; border-bottom:1px solid #E4EAF2; background:linear-gradient(135deg,#F7FAFF,#EEF4FD); }
.senha-principal-card>header>span              { width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#E3EEFF; color:#246FE5; font-size:18px; }
.senha-principal-card>header>div               { flex:1; min-width:0; }
.senha-principal-card h2                       { margin:0 0 3px; color:#263448; font-size:19px; line-height:1.25; }
.senha-principal-card>header p                 { margin:0; color:#748094; font-size:12px; }
.senha-principal-fechar                        { width:34px; height:34px; display:flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:8px; background:transparent; color:#6D7888; font-size:16px; cursor:pointer; }
.senha-principal-fechar:hover                  { background:#E4EBF5; color:#263448; }
.senha-principal-card form                     { display:grid; gap:15px; padding:21px; }
.senha-principal-card form>label>span          { display:block; margin:0 0 6px; color:#465266; font-size:12px; font-weight:600; }
.senha-principal-card form>label>div           { height:43px; display:flex; align-items:center; border:1px solid #CBD5E1; border-radius:8px; background:#FFFFFF; transition:border-color .16s, box-shadow .16s; }
.senha-principal-card form>label>div:focus-within { border-color:#246FE5; box-shadow:0 0 0 3px rgba(36,111,229,0.11); }
.senha-principal-card form>label>div>i         { width:42px; text-align:center; color:#7B8798; font-size:14px; }
.senha-principal-card input                    { min-width:0; flex:1; height:41px; padding:0; border:0; outline:0; background:transparent; color:#293548; font-family:inherit; font-size:13px; }
.senha-principal-visualizar                    { width:42px; height:41px; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:transparent; color:#7B8798; cursor:pointer; }
.senha-principal-visualizar:hover              { color:#246FE5; }
.senha-principal-regras                        { display:flex; align-items:flex-start; gap:8px; padding:10px 12px; border-radius:8px; background:#F4F7FB; color:#6E7B8E; font-size:11px; line-height:1.45; }
.senha-principal-regras i                      { margin-top:2px; color:#246FE5; }
.senha-principal-card footer                   { display:flex; justify-content:flex-end; gap:9px; padding-top:3px; }
.senha-principal-card footer button            { min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 17px; border-radius:8px; font-family:inherit; font-size:13px; cursor:pointer; }
.senha-principal-cancelar                      { border:1px solid #CBD5E1; background:#FFFFFF; color:#526075; }
.senha-principal-salvar                        { border:1px solid #246FE5; background:#246FE5; color:#FFFFFF; }
.senha-principal-cancelar:hover                { background:#F4F7FA; }
.senha-principal-salvar:hover                  { background:#175FC9; border-color:#175FC9; }

.interna-preview                               { position:sticky; top:72px; align-self:start; height:calc(100vh - 72px); min-height:0px; padding:28px 20px 90px; background:#ECEFF1; border-left:1px solid #DADDE3; overflow-y:auto; box-sizing:border-box; }
body.adm-topo-layout .salvar-travado           { width:auto; left:10px; right:10px; }

@media(max-width:1100px){
    body.adm-topo-layout .interna-corpo.com-preview { grid-template-columns:1fr; }
    .interna-preview                           { position:static; height:auto; min-height:0px; padding-bottom:28px; border-left:0px; border-top:1px solid #DADDE3; overflow:visible; }
}

@media(max-width:900px){
    .adm-topo-preview                          { align-items:flex-start; flex-wrap:wrap; padding:10px; }
    .adm-topo-menu                             { order:3; width:100%; overflow-x:auto; }
    .adm-topo-menu-item>a                      { height:56px; min-width:72px; }
    .adm-topo-subbar                           { min-height:48px; padding:0px 10px; }
    .adm-topo-subbar a                         { height:48px; }
    .adm-topo-user                             { margin-left:auto; }
    body.adm-topo-layout .interna-conteudo     { padding:20px; }
}

@media(max-width:620px){
    .adm-topo-brand strong                     { display:none; }
    .adm-topo-brand                            { width:44px; justify-content:center; padding:0px; }
    .adm-topo-user-name em,
    .adm-topo-user-name b                      { display:none; }
    .adm-topo-user-name                        { width:36px; justify-content:center; padding:0px; }
    .adm-topo-sair span                        { display:none; }
    .adm-topo-sair                             { width:36px; justify-content:center; padding:0px !important; }
    body.adm-topo-layout .interna-conteudo     { padding:16px; }
	.senha-principal-modal                      { padding:12px; }
	.senha-principal-card>header,
	.senha-principal-card form                  { padding:17px; }
	.senha-principal-card footer                { flex-direction:column-reverse; }
	.senha-principal-card footer button         { width:100%; }
}

/*- DATATABLES ---------------------------------------------------------------------------------------------------------------------------------*/

.dataTables_wrapper														{ border: 1px solid #CCCCCC; border-radius: 6px; background:#FFFFFF; font-weight: 300; font-size: 13px; }
table.dataTable															{ border-top: 1px solid #CCCCCC; }
.dataTables_length														{ padding: 15px; }
.dataTables_filter														{ padding: 15px; }
.dataTables_info														{ padding: 22px 15px 15px 15px !important; }
table.dataTable tbody td												{ padding: 15px; }
table.dataTable tbody td a												{ color: #000; }
table.dataTable thead th, table.dataTable thead td						{ border-color:#CCCCCC; }
table.dataTable.no-footer												{ border-color:#CCCCCC; }
.dataTables_wrapper .dataTables_filter input							{ border: 1px solid #CCCCCC; height: 37px; width: 200px; padding: 10px; border-radius: 4px; margin-left: 10px; background: #FFFFFF; }
.dataTables_length select												{ border: 1px solid #CCCCCC; height: 37px; width: 70px; padding: 10px; border-radius:4px; }

.dataTables_wrapper .dataTables_paginate 								{ padding: 15px; }
.dataTables_wrapper .dataTables_paginate .paginate_button				{ border: 1px dashed #CCCCCC; background: #FFFFFF; color: #666666 !important; cursor: pointer; border-radius: 4px !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover			{ background: #EEEEEE; color:#000000 !important; border-color: #CCCCCC !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled		{ border-color: #DDDDDD !important; background: #F0F0F0 !important; color: #999999 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current		{ border-color:var(--verde-escuro) !important; background:var(--verde) !important; color: #FFFFFF !important; }

#ordenacao_CONTEUDO_next												{ border: 1px dashed var(--verde-escuro); background-color:var(--verde); color: #FFFFFF !important; cursor:pointer; }
#ordenacao_CONTEUDO_next.disabled										{ color:#999999 !important; }
#ordenacao_CONTEUDO_next:hover											{ background-color:var(--verde-escuro); }
#ordenacao_CONTEUDO_previous											{ border: 1px dashed var(--verde-escuro); background-color:var(--verde); color: #FFFFFF !important; cursor:pointer; }
#ordenacao_CONTEUDO_previous.disabled									{ color:#999999 !important; }
#ordenacao_CONTEUDO_previous:hover										{ background-color:var(--verde-escuro); }

/*- VARIOS ---------------------------------------------------------------------------------------------------------------------------------*/

.caixa-introducao-conteudo					{ width: 100%; background: #FFFFFF; border: 1px solid #DDDDDD; color: #444444; float: left; margin: 0px 0px 40px 0px; border-radius: 6px; padding: 20px; }
.caixa-introducao-conteudo p				{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }

.caixa-introducao-avisosos					{ width: 100%; background: #c0392b22; border:1px solid #C0392B99; color: #c0392b; float: left; margin: 0px 0px 20px 0px; border-radius: 6px; padding: 20px; }
.caixa-introducao-avisosos p				{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }

.caixa-legenda-conteudo						{ width: 100%; background: #95A5A622; border: 1px solid #95A5A633; color: #444444; float: left; margin: 40px 0px 0px 0px; border-radius: 6px; padding: 20px; }
.caixa-legenda-conteudo p					{ padding: 0px; margin: 0px; font-size: 15px; line-height: 26px; text-align: justify; }

.caixa-introducao-migalhas                  { float: right; background:var(--verde); padding:10px 15px; color: #FFFFFF; border: 1px solid var(--verde-escuro); border-bottom:0px; border-radius:6px 6px 0px 0px; font-size:14px; margin:-40px 30px 0px 0px; }
.salvar-travado                             { background:var(--verde); width:calc(100% - 390px); padding: 15px 28px 15px 60px; position: fixed; bottom:10px; right:10px; border-radius: 0px 0px 8px 0px; }
.legenForm                                  { float: left; width: 100%; margin: 0px 0px 20px 0px; font-size: 13px; color: #86271D; }

.botao-prosseguir-mensagem					{ float: left; width: 200px; margin: 0px 12px 0px 0px !important; font-size: 15px; padding: 12px 15px 13px 15px; background:#FFFFFF !important; color: var(--verde) !important; border: 0px !important; border-radius: 6px !important; text-align: center; cursor: pointer; }
.botao-prosseguir-mensagem i				{ margin-right:5px; }
.botao-prosseguir-mensagem:hover			{ background: #DDD !important; border: 0px !important; color: var(--verde) !important; }

.carregando 								{ position:fixed; inset:0; display:none; z-index:9910; background:rgba(8,13,22,.72); backdrop-filter:blur(3px); }
.carregando .center							{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:20px; box-sizing:border-box; }
.carregando-card							{ display:flex; flex-direction:column; align-items:center; width:min(330px, 90vw); padding:28px 28px 24px; border:1px solid rgba(255,255,255,.7); border-radius:18px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.32); color:#303846; text-align:center; }
.carregando-circulo						{ position:relative; display:flex; align-items:center; justify-content:center; width:100px; height:100px; margin-bottom:16px; border-radius:50%; background:#f3f7fd; }
.carregando-circulo:before				{ content:""; position:absolute; inset:8px; border:4px solid #dce8f8; border-top-color:var(--pub-azul, #246fe5); border-right-color:var(--verde, #16a765); border-radius:50%; animation:carregando-anel 1.15s linear infinite; }
.carregando-giro							{ position:absolute; inset:0; animation:carregando-seta 1.7s linear infinite; }
.carregando-giro i						{ position:absolute; top:-3px; left:42px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#fff; color:var(--pub-azul, #246fe5); font-size:12px; box-shadow:0 2px 8px rgba(36,111,229,.28); }
.carregando-circulo strong				{ position:relative; z-index:2; color:#263f78; font-size:21px; }
.carregando-titulo						{ margin-bottom:6px; font-size:17px; }
.carregando-texto						{ min-height:18px; color:#778190; font-size:12px; }
.carregando .center .barra				{ width:100%; height:7px; margin-top:18px; overflow:hidden; border-radius:999px; background:#e8edf4; }
.carregando .center .barra .evolucao 		{ display:block; height:100%; padding:0; border-radius:inherit; background:linear-gradient(90deg, #246fe5, #16a765); transition:width .2s ease; }
@keyframes carregando-anel					{ to{ transform:rotate(360deg); } }
@keyframes carregando-seta					{ to{ transform:rotate(360deg); } }

.youtube-capa-editor{ margin-top:18px; padding:18px; border:1px solid #dfe3e8; border-radius:11px; background:#fbfcfe; }
.youtube-capa-cabecalho{ display:flex; flex-direction:column; gap:4px; margin-bottom:14px; }
.youtube-capa-cabecalho strong{ color:#3d4653; font-size:14px; }
.youtube-capa-cabecalho span{ color:#7d8692; font-size:12px; }
.youtube-capa-opcoes{ display:flex; gap:10px; overflow-x:auto; padding:2px 2px 9px; scrollbar-width:thin; }
.youtube-capa-upload,.youtube-capa-cena,.youtube-capa-atual{ flex:0 0 142px; width:142px; height:88px; overflow:hidden; border:1px dashed #cbd3dd; border-radius:9px; background:#fff; color:#596473; cursor:pointer; box-sizing:border-box; }
.youtube-capa-upload{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; font-size:11px; }
.youtube-capa-upload i{ font-size:22px; }
.youtube-capa-cena{ padding:0; border-style:solid; }
.youtube-capa-cena canvas{ display:block; width:100%; height:100%; object-fit:cover; }
.youtube-capa-tempo{ position:absolute; right:6px; bottom:6px; padding:3px 6px; border-radius:999px; background:rgba(15,23,42,.78); color:#fff; font-size:9px; font-weight:700; }
.youtube-capa-cena{ position:relative; }
.youtube-capa-atual{ position:relative; border-style:solid; border-color:#246fe5; cursor:default; }
.youtube-capa-atual img{ display:block; width:100%; height:100%; object-fit:cover; }
.youtube-capa-atual span{ position:absolute; left:6px; bottom:6px; padding:4px 7px; border-radius:999px; background:#246fe5; color:#fff; font-size:9px; font-weight:700; box-shadow:0 2px 6px rgba(0,0,0,.2); }
.youtube-capa-upload:hover,.youtube-capa-cena:hover,.youtube-capa-upload.ativo,.youtube-capa-cena.ativo{ border-color:#246fe5; box-shadow:0 0 0 2px rgba(36,111,229,.13); }
.youtube-capa-upload.ativo,.youtube-capa-cena.ativo{ background:#eef5ff; }
.youtube-capa-cenas{ display:flex; gap:10px; min-height:88px; }
.youtube-capa-carregando{ display:flex; align-items:center; min-width:180px; color:#7c8591; font-size:11px; }
.youtube-capa-carregando i{ margin-right:6px; }
.youtube-capa-aviso{ display:block; margin-top:3px; color:#7f8894; font-size:10px; }

/*- HOME ---------------------------------------------------------------------------------------------------------------------------------*/

.dashboard-v2{ width:100%; color:#3f4a5a; }
.dashboard-v2 *{ box-sizing:border-box; }
.dashboard-v2-hero{ display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:15px; padding:22px 24px; border:1px solid #dbe4f1; border-radius:14px; background:linear-gradient(135deg,#f7faff 0%,#eef4fd 100%); }
.dashboard-v2-hero>div:first-child{ max-width:760px; }
.dashboard-v2-hero>div:first-child>span{ display:inline-flex; align-items:center; gap:7px; margin-bottom:8px; color:#246fe5; font-size:14px; font-weight:700; }
.dashboard-v2-hero h1{ margin:0 0 7px !important; color:#263448 !important; font-size:28px !important; line-height:1.2; }
.dashboard-v2-hero p{ margin:0; color:#697586; font-size:15px; line-height:1.5; }
.dashboard-v2-acoes{ display:flex; flex:0 0 auto; align-items:flex-end; flex-direction:column; gap:10px; }
.dashboard-v2-acoes small{ color:#788496; font-size:12px; }
.dashboard-v2-acoes small i{ margin-right:4px; color:#246fe5; }
.dashboard-v2-acoes a{ min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 17px; border-radius:8px; background:#246fe5; color:#fff; font-size:14px; font-weight:600; text-decoration:none; }
.dashboard-v2-acoes a:hover{ background:#175fc9; color:#fff; }

.dashboard-armazenamento{ min-height:92px; display:flex; align-items:center; gap:14px; margin-bottom:15px; padding:16px 18px; border:1px solid #dfe5ed; border-radius:12px; background:#fff; box-shadow:0 3px 10px rgba(31,41,55,.035); }
.dashboard-armazenamento-icone{ width:48px; height:48px; flex:0 0 48px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:#e9f2ff; color:#246fe5; font-size:19px; }
.dashboard-armazenamento-info{ min-width:0; flex:1; display:flex; flex-direction:column; }
.dashboard-armazenamento-info>small{ margin-bottom:2px; color:#758195; font-size:11px; }
.dashboard-armazenamento-info>strong{ color:#2d3a4e; font-size:16px; line-height:1.35; }
.dashboard-armazenamento-info>em{ margin-top:5px; color:#7d8898; font-size:11px; font-style:normal; }
.dashboard-armazenamento-barra{ width:100%; height:7px; margin-top:9px; overflow:hidden; border-radius:999px; background:#e8edf4; }
.dashboard-armazenamento-barra>span{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#246fe5,#42a5f5); }
.dashboard-armazenamento>b{ flex:0 0 auto; padding:6px 9px; border-radius:999px; background:#eaf2fe; color:#246fe5; font-size:11px; }
.dashboard-armazenamento.excedido{ border-color:#f0c4c4; }
.dashboard-armazenamento.excedido .dashboard-armazenamento-icone,.dashboard-armazenamento.excedido>b{ background:#fff0f0; color:#c54a4a; }
.dashboard-armazenamento.excedido .dashboard-armazenamento-barra>span{ background:#c54a4a; }

.dashboard-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-bottom:20px; }
.dashboard-kpi{ position:relative; min-width:0; min-height:118px; display:flex; align-items:center; gap:14px; padding:18px; border:1px solid #dfe5ed; border-radius:12px; background:#fff; box-shadow:0 3px 10px rgba(31,41,55,.035); }
.dashboard-kpi>span{ width:46px; height:46px; flex:0 0 46px; display:flex; align-items:center; justify-content:center; border-radius:11px; font-size:19px; }
.dashboard-kpi.publicado>span{ background:#e7f8ef; color:#1c9b5f; }
.dashboard-kpi.agendado>span{ background:#e9f2ff; color:#246fe5; }
.dashboard-kpi.rascunho>span{ background:#fff3df; color:#d58322; }
.dashboard-kpi.fila>span{ background:#f0ecff; color:#7656d8; }
.dashboard-kpi>div{ min-width:0; display:flex; flex-direction:column; }
.dashboard-kpi small{ margin-bottom:3px; overflow:hidden; color:#6c788a; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-kpi strong{ color:#273548; font-size:29px; line-height:1.05; }
.dashboard-kpi em{ margin-top:6px; overflow:hidden; color:#7d8898; font-size:11px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-kpi>b{ position:absolute; top:12px; right:12px; display:inline-flex; align-items:center; gap:3px; padding:4px 7px; border-radius:999px; font-size:10px; font-weight:600; }
.dashboard-kpi>b.positivo{ background:#e9f8f0; color:#198956; }
.dashboard-kpi>b.negativo{ background:#fff0f0; color:#c54a4a; }

.dashboard-secao-titulo{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:0 2px 10px; }
.dashboard-secao-titulo h2{ margin:0 0 4px; color:#293649; font-size:21px; }
.dashboard-secao-titulo p{ margin:0; color:#7c8797; font-size:13px; }
.dashboard-secao-titulo>span{ color:#6f7b8d; font-size:12px; }
.dashboard-plataformas{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; margin-bottom:16px; }
.dashboard-plataforma{ position:relative; min-width:0; overflow:hidden; border:1px solid #dfe5ed; border-radius:13px; background:#fff; box-shadow:0 3px 12px rgba(31,41,55,.035); }
.dashboard-plataforma:before{ content:""; position:absolute; top:0; left:0; right:0; height:4px; background:var(--rede-cor); }
.dashboard-plataforma.instagram{ --rede-cor:#db3f92; --rede-fundo:#fff0f7; }
.dashboard-plataforma.facebook{ --rede-cor:#246fe5; --rede-fundo:#edf4ff; }
.dashboard-plataforma.youtube{ --rede-cor:#e42424; --rede-fundo:#fff0f0; }
.dashboard-plataforma.tiktok{ --rede-cor:#25282d; --rede-fundo:#f0f1f2; }
.dashboard-plataforma>header{ min-height:78px; display:flex; align-items:center; gap:11px; padding:17px 15px 11px; }
.dashboard-plataforma-icone{ width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:var(--rede-fundo); color:var(--rede-cor); font-size:20px; }
.dashboard-plataforma>header>div{ min-width:0; }
.dashboard-plataforma h3{ margin:0 0 3px; color:#2c394c; font-size:17px; }
.dashboard-plataforma>header small{ color:#7e8999; font-size:11px; }
.dashboard-plataforma>header>b{ margin-left:auto; display:inline-flex; align-items:center; gap:4px; padding:5px 7px; border:1px solid #dfe5ed; border-radius:999px; color:#6f7b8d; font-size:10px; font-weight:600; }
.dashboard-plataforma>header>b i{ font-size:6px; }
.dashboard-plataforma>header>b.conectado i{ color:#27bd72; }
.dashboard-plataforma>header>b.desconectado i{ color:#bdc4ce; }
.dashboard-plataforma-principal{ padding:10px 16px 15px; }
.dashboard-plataforma-principal small{ display:block; margin-bottom:3px; color:#6e7b8f; font-size:12px; }
.dashboard-plataforma-principal strong{ color:#253347; font-size:33px; line-height:1; }
.dashboard-plataforma-metricas{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0 14px 13px; border:1px solid #e7ebf1; border-radius:9px; background:#f8fafc; }
.dashboard-plataforma-metricas>div{ min-width:0; padding:11px 6px; text-align:center; }
.dashboard-plataforma-metricas>div+div{ border-left:1px solid #e7ebf1; }
.dashboard-plataforma-metricas small{ display:block; margin-bottom:4px; overflow:hidden; color:#707d90; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-plataforma-metricas strong{ color:#354256; font-size:19px; }
.dashboard-plataforma>footer{ min-height:48px; display:flex; align-items:center; gap:6px; padding:9px 14px; border-top:1px solid #edf0f4; background:#fbfcfd; overflow-x:auto; }
.dashboard-plataforma>footer>span{ display:inline-flex; flex:1; align-items:center; justify-content:center; gap:5px; padding:4px 6px; border-radius:6px; background:#f0f3f7; white-space:nowrap; }
.dashboard-plataforma>footer em{ color:#697689; font-size:10px; font-style:normal; }
.dashboard-plataforma>footer b{ color:#364356; font-size:12px; }

.dashboard-grafico-card{ padding:18px 20px 15px; border:1px solid #dfe5ed; border-radius:13px; background:#fff; box-shadow:0 3px 12px rgba(31,41,55,.035); }
.dashboard-grafico-card>header{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:11px; }
.dashboard-grafico-card>header>div>span{ display:inline-flex; align-items:center; gap:6px; margin-bottom:6px; color:#246fe5; font-size:12px; font-weight:700; }
.dashboard-grafico-card h2{ margin:0 0 4px; color:#293649; font-size:21px; }
.dashboard-grafico-card p{ margin:0; color:#748092; font-size:12px; }
.dashboard-grafico-card>header>a{ min-height:38px; display:inline-flex; align-items:center; gap:6px; padding:0 13px; border:1px solid #d7dee8; border-radius:7px; color:#536176; font-size:12px; text-decoration:none; white-space:nowrap; }
.dashboard-grafico-card>header>a:hover{ border-color:#246fe5; color:#246fe5; }
.dashboard-grafico-area{ position:relative; width:100%; height:400px; }
.dashboard-grafico-indisponivel{ height:220px; align-items:center; justify-content:center; gap:8px; color:#8792a1; font-size:13px; }
.dashboard-grafico-indisponivel:not([hidden]){ display:flex; }

@media(max-width:1200px){
	.dashboard-kpis,.dashboard-plataformas{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:720px){
	.dashboard-v2-hero{ align-items:flex-start; flex-direction:column; padding:18px; }
	.dashboard-v2-acoes{ width:100%; align-items:flex-start; }
	.dashboard-kpis,.dashboard-plataformas{ grid-template-columns:1fr; }
	.dashboard-secao-titulo{ align-items:flex-start; flex-direction:column; gap:5px; }
	.dashboard-grafico-card>header{ flex-direction:column; }
	.dashboard-grafico-area{ height:360px; }
	.dashboard-armazenamento{ align-items:flex-start; }
	.dashboard-armazenamento>b{ margin-left:auto; }
}

/*- AJUDA -----------------------------------------------------------------------------------------*/

.pergunta								{ float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 10px; background: #59627522; border: 1px solid #59627533; color: #596275; border-radius: 6px; cursor: pointer; }
.pergunta:hover							{ background: #59627544; border: 1px solid #59627555; color: #596275; }
.pergunta .texto						{ float: left; width: 90%; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; color: #7f8c8d; font-size: 15px; font-weight: 400; }
.pergunta .icone						{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #7f8c8d; font-size: 20px; }

.resposta								{ float: left; width: 100%; margin: -12px 0px 10px 0px; padding: 15px; background: #FFFFFF; border: 1px solid #59627599; color: #444444; border-radius: 0px 0px 6px 6px; text-align: justify; display: none; }

.pergunta-aberta						{ background: #59627577 !important; border: 1px solid #59627599 !important; color: #FFFFFF !important; border-radius:6px 6px 0px 0px; }
.pergunta-aberta .texto					{ color:#FFFFFF; }
.pergunta-aberta .icone					{ color:#FFFFFF; }

.botao-whatsapp							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-whatsapp:hover					{ background: #27ae6044; border: 1px solid #27ae6055; }
.botao-whatsapp a						{ color: #27ae60 !important; text-decoration: none; font-weight: 700; }

/*- CONFIGURAÇÃO --------------------------------------------------------------------------------*/

.botao-lista-configuracao01				{ background:#c0392b22; border:1px solid #c0392b99; color: #c0392b; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-configuracao01:hover		{ background:#c0392b; border: 1px solid #c0392b; color: #FFFFFF; }

.botao-lista-configuracao02				{ background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-configuracao03				{ background: #95a5a622; border: 1px solid #95a5a633; color: #95a5a6; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }

.botao-politica							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #2c3e5022; border: 1px solid #2c3e5033; color: #2c3e50; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-politica:hover					{ background: #2c3e5044; border: 1px solid #2c3e5055; }
.botao-politica a						{ color: #2c3e50 !important; text-decoration: none; font-weight: 700; }

.botao-termouso							{ float: right; margin: 0px 0px 0px 12px; font-size: 15px; padding: 10px 15px 10px 15px; background: #2c3e5022; border: 1px solid #2c3e5033; color: #2c3e50; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-termouso:hover					{ background: #2c3e5044; border: 1px solid #2c3e5055; }
.botao-termouso a						{ color: #2c3e50 !important; text-decoration: none; font-weight: 700; }

.botao-voltar-termos					{ float: left; width: 150px; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #7f8c8d22; border: 1px solid #7f8c8d33; color: #7f8c8d; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-voltar-termos i					{ margin-right:5px; }
.botao-voltar-termos:hover				{ background: #7f8c8d44; border: 1px solid #7f8c8d55; color: #7f8c8d; }

.botao-imprimir							{ float: left; width: 150px; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-imprimir i						{ margin-right:5px; }
.botao-imprimir:hover					{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.token-api								{ float: left; width: calc((100% - 260px)); margin: 0px 10px 0px 0px; background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; padding: 36px 20px 36px 20px; border-radius: 6px; }

.botao-api1								{ float: right; width: 250px; margin: 0px 0px 10px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-api1 i							{ margin-right:5px; }
.botao-api1:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.botao-api2								{ float: right; width: 250px; margin: 0px 0px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-api2 i							{ margin-right:5px; }
.botao-api2:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

.lista-token							{ float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 10px; background: #ecf0f199; border: 1px solid #ecf0f1; color: #ecf0f1; border-radius: 6px; cursor: pointer; }
.lista-token:hover						{ background: #1abc9c22; border: 1px solid #1abc9c33; color: #1abc9c; }
.lista-token .texto						{ float: left; width: 50%; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; color: #7f8c8d; font-size: 15px; font-weight: 400; }
.lista-token .icone						{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #7f8c8d;  }
.lista-token .icone:hover				{ float: right; margin: 0px 10px 0px 0px; padding: 0px; color: #444444;  }

.botao-lista-api3						{ background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-api3:hover					{ background: #27ae60; border: 1px solid #27ae60; color:#FFFFFF; }

.botao-lista-usuario01					{ background:#3498db22; border:1px solid #3498db99; color:#3498db; width:30px; height:30px; margin: 0px 6px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-usuario01:hover			{ background:#3498db; border:1px solid #3498db; color: #FFFFFF; }

.botao-lista-usuario02					{ background:#c0392b22; border:1px solid #c0392b99; color:#c0392b; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; }
.botao-lista-usuario02:hover			{ background:#c0392b; border:1px solid #c0392b; color:#FFFFFF; }

.botao-dns1								{ float: right; width: 320px; margin: 0px 0px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #d3540022; border: 1px solid #d3540033; color: #d35400; border-radius: 6px; text-align: center; cursor: pointer; }
.botao-dns1 i							{ margin-right:5px; }
.botao-dns1:hover						{ background: #d3540044; border: 1px solid #d3540055; color: #d35400; }

/*- INTEGRAÇÕES --------------------------------------------------------------------------------*/

.integracoes-pagina{ float:left; width:100%; margin-bottom:40px; }
.integracoes-hero{ display:flex; align-items:center; justify-content:space-between; gap:28px; padding:23px 25px; border:1px solid #dbe4f1; border-radius:14px; background:linear-gradient(135deg,#f7faff 0%,#eef4fd 100%); }
.integracoes-hero-principal{ display:block; min-width:0; max-width:760px; }
.integracoes-hero-etiqueta{ display:inline-flex; align-items:center; gap:7px; margin-bottom:9px; color:#246fe5; font-size:12px; font-weight:700; text-transform:none; letter-spacing:normal; }
.integracoes-hero h2{ margin:0 0 7px; color:#263448; font-size:23px; line-height:1.2; }
.integracoes-hero p{ margin:0; color:#697586; font-size:14px; line-height:1.55; }
.integracoes-resumo{ width:205px; flex:none; }
.integracoes-resumo>div:first-child{ display:flex; align-items:baseline; gap:5px; }
.integracoes-resumo strong{ color:#263f78; font-size:20px; }
.integracoes-resumo span{ color:#657184; font-size:11px; }
.integracoes-progresso{ width:100%; height:5px; margin:6px 0; overflow:hidden; border-radius:999px; background:#e5e9ef; }
.integracoes-progresso span{ display:block; height:100%; border-radius:inherit; background:#20aa68; }
.integracoes-resumo small{ display:block; color:#7a8492; font-size:9px; }
.integracoes-resumo .integracoes-ok{ color:#178653; }
.integracoes-resumo .integracoes-atencao{ color:#ba691d; }
.integracoes-seguranca{ display:flex; align-items:center; gap:10px; margin-top:18px; padding:13px 2px 0; border-top:1px solid #e8ebef; color:#5f6c7d; }
.integracoes-seguranca>i{ flex:none; color:#1b9660; font-size:19px; }
.integracoes-seguranca>div{ display:flex; min-width:0; flex-direction:column; gap:2px; }
.integracoes-seguranca strong{ color:#435164; font-size:11px; }
.integracoes-seguranca span{ font-size:10px; line-height:1.4; }
.integracoes-seguranca>a{ display:inline-flex; align-items:center; gap:5px; margin-left:auto; color:#5276ad; font-size:10px; white-space:nowrap; text-decoration:none; }
.integracoes-seguranca>a:hover{ text-decoration:underline; }
.bloco-redes						{ width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }
.bloco-redes .card-rede				{ position:relative; border-radius:11px; padding:48px 20px 24px; min-height:190px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#ffffff; overflow:hidden; }
.bloco-redes .card-instagram		{ background:linear-gradient(135deg, #f7b34d, #f04a6a, #b026d3); }
.bloco-redes .card-facebook			{ background:linear-gradient(135deg, #1877f2, #0d47a1); }
.bloco-redes .card-youtube			{ background:linear-gradient(135deg, #ff0000, #b71c1c); }
.bloco-redes .card-tiktok			{ background:linear-gradient(135deg, #000000, #434343); }
.bloco-redes .card-rede-futura		{ background:#f3f4f6; border:1px solid #d7dbe0; color:#7b8189; box-shadow:none; }
.bloco-redes .icone-rede			{ width:58px; height:58px; background:rgba(255,255,255,0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.bloco-redes .icone-rede i			{ font-size:28px; color:#ffffff; }
.bloco-redes .icone-rede-marca		{ font-size:27px; font-weight:700; line-height:1; }
.bloco-redes .card-rede-futura .icone-rede { background:#e4e7eb; }
.bloco-redes .card-rede-futura .icone-rede i,
.bloco-redes .card-rede-futura .icone-rede-marca { color:#8b929b; }
.bloco-redes .titulo-rede			{ font-size:18px; margin-bottom:12px; }
.bloco-redes .conta-rede{ width:100%; max-width:210px; display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 14px; padding:8px 10px; border:1px solid rgba(255,255,255,.28); border-radius:9px; background:rgba(0,0,0,.14); color:#fff; text-align:left; box-sizing:border-box; }
.bloco-redes .conta-rede>i{ flex:none; font-size:17px; opacity:.9; }
.bloco-redes .conta-rede>span{ min-width:0; display:flex; flex-direction:column; gap:2px; }
.bloco-redes .conta-rede small{ overflow:hidden; color:rgba(255,255,255,.76); font-size:10px; font-weight:400; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
.bloco-redes .conta-rede strong{ overflow:hidden; color:#fff; font-size:13px; font-weight:600; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.bloco-redes .conta-rede-pendente{ margin-bottom:7px; border-style:dashed; background:rgba(0,0,0,.2); }
.bloco-redes .identificar-conta{ display:inline-flex; align-items:center; gap:5px; margin:0 0 12px; color:#fff; font-size:11px; font-weight:600; line-height:1; text-decoration:none; }
.bloco-redes .identificar-conta:hover{ text-decoration:underline; }
.bloco-redes .status-rede			{ position:absolute; top:12px; right:12px; display:inline-flex; align-items:center; gap:7px; padding:6px 10px; border:1px solid rgba(255,255,255,.35); border-radius:999px; background:rgba(0,0,0,.18); color:#ffffff; font-size:12px; font-weight:700; line-height:1; backdrop-filter:blur(4px); }
.bloco-redes .status-rede-ponto		{ width:8px; height:8px; border-radius:50%; background:#72f59b; box-shadow:0 0 0 0 rgba(114,245,155,.65); animation:status-rede-pulso 1.8s infinite; }
.bloco-redes .botao-rede			{ display:inline-flex; align-items:center; justify-content:center; background:#ffffff; color:#333; text-decoration:none; font-size:15px; padding:10px 18px; border-radius:8px; min-width:128px; min-height:40px; box-sizing:border-box; transition:transform .16s ease, box-shadow .16s ease, background .16s ease; }
.bloco-redes .botao-rede:hover		{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(0,0,0,.18); }
.bloco-redes form					{ margin:0; }
.bloco-redes button.botao-rede		{ font-family:inherit; border:0; cursor:pointer; }
.bloco-redes .botao-rede.indisponivel { opacity:.72; cursor:not-allowed; }
.bloco-redes .botao-rede.indisponivel:hover { transform:none; box-shadow:none; }
.bloco-redes .card-rede-futura .botao-rede { background:#e3e6ea; color:#8b929b; opacity:1; }
.bloco-redes .status-metricas,
.bloco-redes .ativar-metricas{ display:inline-flex; align-items:center; gap:5px; margin-top:10px; color:#fff; font-size:11px; line-height:1; text-decoration:none; }
.bloco-redes .status-metricas{ opacity:.88; }
.bloco-redes .ativar-metricas{ padding:6px 9px; border:1px solid rgba(255,255,255,.5); border-radius:999px; background:rgba(0,0,0,.14); }
.bloco-redes .ativar-metricas:hover{ background:rgba(0,0,0,.25); }
.integracoes-historico{ margin-top:18px; overflow:hidden; border:1px solid #dbe4f1; border-radius:14px; background:#fff; }
.historico-hero-resumo{ min-width:185px; display:grid; grid-template-columns:38px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:10px; }
.historico-hero-resumo>i{ width:38px; height:38px; grid-row:1/3; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#dfeaff; color:#246fe5; font-size:18px; }
.historico-hero-resumo>span{ align-self:end; color:#34445b; font-size:13px; font-weight:700; }
.historico-hero-resumo>small{ align-self:start; color:#7a8798; font-size:10px; }
.integracoes-historico>header{ display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px 17px; border-bottom:1px solid #e5ebf3; background:#f8faff; }
.integracoes-historico>header span{ display:inline-flex; align-items:center; gap:7px; color:#246fe5; font-size:12px; font-weight:700; }
.integracoes-historico>header h3{ margin:5px 0 3px; color:#29374b; font-size:20px; }
.integracoes-historico>header p{ margin:0; color:#69778a; font-size:13px; }
.integracoes-historico-lista{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:14px; }
.historico-rede{ display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; padding:13px; border:1px solid #e0e7f0; border-radius:11px; background:#fff; }
.historico-rede-identidade{ display:flex; align-items:center; gap:10px; min-width:0; }
.historico-rede-identidade>span{ width:38px; height:38px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:9px; background:#edf4ff; color:#246fe5; font-size:17px; }
.historico-instagram .historico-rede-identidade>span{ color:#c13584; background:#fff0f7; }
.historico-facebook .historico-rede-identidade>span{ color:#1877f2; }
.historico-youtube .historico-rede-identidade>span{ color:#e11; background:#fff0f0; }
.historico-tiktok .historico-rede-identidade>span{ color:#171717; background:#f1f1f1; }
.historico-rede-identidade>div{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.historico-rede-identidade strong{ color:#334155; font-size:14px; }
.historico-rede-identidade small{ overflow:hidden; color:#78869a; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.historico-rede-acoes{ display:flex; align-items:center; gap:7px; flex:none; }
.historico-periodo,.historico-iniciar{ min-height:36px; box-sizing:border-box; border:1px solid #d7e0ec; border-radius:8px; background:#fff; color:#435269; font-family:inherit; font-size:11px; }
.historico-periodo{ max-width:175px; padding:0 28px 0 10px; }
.historico-iniciar{ display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:0 12px; color:#fff; border-color:#246fe5; background:#246fe5; cursor:pointer; }
.historico-iniciar:hover{ background:#175fc7; }
.historico-iniciar:disabled,.historico-periodo:disabled{ cursor:not-allowed; opacity:.55; }
.integracoes-historico>footer{ padding:0 17px 14px; color:#7a8798; font-size:11px; }
.integracoes-historico>footer i{ margin-right:5px; color:#246fe5; }
@media (max-width:900px)				{ .bloco-redes { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:1100px)               { .historico-rede{ align-items:flex-start; flex-direction:column; } .historico-rede-acoes{ width:100%; } .historico-periodo{ max-width:none; flex:1; } }
@media (max-width:720px)                { .integracoes-hero{ align-items:flex-start; flex-direction:column; padding:18px; } .integracoes-resumo{ width:100%; } .integracoes-historico-lista{ grid-template-columns:1fr; } .integracoes-seguranca{ align-items:flex-start; flex-wrap:wrap; } .integracoes-seguranca>a{ width:100%; margin-left:29px; } }
@media (max-width:520px)				{ .bloco-redes { grid-template-columns:1fr; } }
@keyframes status-rede-pulso			{ 0%{ box-shadow:0 0 0 0 rgba(114,245,155,.65); } 70%{ box-shadow:0 0 0 7px rgba(114,245,155,0); } 100%{ box-shadow:0 0 0 0 rgba(114,245,155,0); } }
.aviso-integracao					{ margin:14px 0 0; padding:11px 15px; border-radius:8px; }
.aviso-integracao-sucesso			{ color:#155724; background:#d4edda; border:1px solid #c3e6cb; }
.aviso-integracao-erro				{ color:#721c24; background:#f8d7da; border:1px solid #f5c6cb; }

.relatorio-metricas-periodo{ margin:18px 0; padding:22px; border:1px solid #dfe6ef; border-radius:14px; background:#fff; }
.relatorio-metricas-periodo>header{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.relatorio-metricas-periodo>header small{ color:#246fe5; font-size:13px; font-weight:700; text-transform:uppercase; }
.relatorio-metricas-periodo>header h2{ margin:4px 0 0; color:#344154; font-size:23px; }
.relatorio-metricas-periodo>header>span{ color:#6f7d90; font-size:13px; }
.relatorio-metricas-abas{ display:flex; gap:8px; margin-bottom:14px; padding:5px; border-radius:10px; background:#f0f4f9; }
.relatorio-metricas-abas button{ min-width:145px; height:42px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 16px; border:1px solid transparent; border-radius:8px; background:transparent; color:#607087; font-family:inherit; font-size:14px; font-weight:600; cursor:pointer; }
.relatorio-metricas-abas button:hover{ color:#246fe5; }
.relatorio-metricas-abas button.ativo{ border-color:#d9e2ef; background:#fff; color:#246fe5; box-shadow:0 2px 7px rgba(38,61,91,.08); }
.relatorio-metricas-grupos{ display:grid; gap:16px; }
.relatorio-metricas-grupo[hidden]{ display:none; }
.relatorio-metricas-grupo{ padding:0; border:0; background:transparent; }
.relatorio-metricas-grupo.instagram,.relatorio-metricas-grupo.facebook{ background:transparent; }
.relatorio-metricas-grupo>header{ margin-bottom:12px; }
.relatorio-metricas-grupo>header small{ display:block; margin-bottom:4px; color:#718096; font-size:13px; font-weight:700; text-transform:uppercase; }
.relatorio-metricas-grupo>header h3{ margin:0; color:#2f3c50; font-size:20px; }
.relatorio-metricas-cards{ display:grid; gap:10px; }
.relatorio-metricas-cards.quatro{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.relatorio-metricas-cards.tres{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.relatorio-metricas-cards.dois{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.relatorio-metricas-cards>article{ min-width:0; overflow:hidden; border:1px solid #e0e6ef; border-radius:10px; background:#fff; }
.relatorio-metricas-cards h4{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0; padding:13px 14px; border-bottom:1px solid #edf1f5; color:#344154; font-size:16px; }
.relatorio-metricas-cards h4 strong{ color:#748197; font-size:13px; font-weight:500; }
.relatorio-metricas-cards dl{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; }
.relatorio-metricas-cards dl>div{ min-width:0; padding:12px 13px; border-right:1px solid #edf1f5; border-bottom:1px solid #edf1f5; }
.relatorio-metricas-cards dl>div:nth-child(2n){ border-right:0; }
.relatorio-metricas-cards dt{ overflow:hidden; color:#6f7d91; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.relatorio-metricas-cards dd{ margin:4px 0 0; color:#2e3b4e; font-size:18px; font-weight:700; }
.relatorio-metricas-tabela-wrap{ overflow-x:auto; border-top:1px solid #dfe6ef; border-bottom:1px solid #dfe6ef; }
.relatorio-metricas-tabela{ width:100%; min-width:760px; border-collapse:collapse; color:#344154; }
.relatorio-metricas-tabela th,.relatorio-metricas-tabela td{ padding:11px 15px; border-bottom:1px solid #e8edf3; text-align:center; }
.relatorio-metricas-tabela thead th{ background:#f5f8fc; color:#45536a; font-size:14px; font-weight:700; }
.relatorio-metricas-tabela thead th:first-child,.relatorio-metricas-tabela tbody th{ text-align:left; }
.relatorio-metricas-tabela tbody th{ width:22%; color:#6a788d; font-size:13px; font-weight:500; }
.relatorio-metricas-tabela tbody td{ color:#2f3d51; font-size:16px; font-weight:700; }
.relatorio-metricas-tabela tbody tr:nth-child(even){ background:#fafbfd; }
.relatorio-metricas-tabela tbody tr:last-child th,.relatorio-metricas-tabela tbody tr:last-child td{ border-bottom:0; }
.relatorio-metricas-tabela thead th i{ width:8px; height:8px; display:inline-block; margin-right:7px; border-radius:50%; background:#7d899a; }
.relatorio-metricas-tabela thead th.rede-instagram i{ background:#df3f91; }.relatorio-metricas-tabela thead th.rede-facebook i{ background:#2874df; }.relatorio-metricas-tabela thead th.rede-youtube i{ background:#e52d2d; }.relatorio-metricas-tabela thead th.rede-tiktok i{ background:#252a31; }
.relatorio-metricas-tabela thead th[class*="rede-instagram"] i,.relatorio-metricas-grupo.instagram .relatorio-metricas-tabela thead th i{ background:#df3f91; }.relatorio-metricas-tabela thead th[class*="rede-facebook"] i,.relatorio-metricas-grupo.facebook .relatorio-metricas-tabela thead th i{ background:#2874df; }.relatorio-metricas-tabela thead th[class*="rede-youtube"] i{ background:#e52d2d; }.relatorio-metricas-tabela thead th[class*="rede-tiktok"] i{ background:#252a31; }
.relatorio-comparativo-redes{ margin-top:20px; padding-top:18px; border-top:1px solid #e2e8f0; }
.relatorio-comparativo-redes>header{ display:flex; align-items:flex-end; justify-content:space-between; gap:15px; margin-bottom:12px; }
.relatorio-comparativo-redes>header small{ display:block; margin-bottom:3px; color:#246fe5; font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.relatorio-comparativo-redes>header h4{ margin:0; color:#344154; font-size:17px; }
.relatorio-comparativo-redes nav{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }
.relatorio-comparativo-redes nav button{ min-height:31px; padding:0 11px; border:1px solid #dce4ee; border-radius:7px; background:#f9fbfe; color:#637188; font-family:inherit; font-size:11px; font-weight:600; cursor:pointer; transition:background-color .2s ease,border-color .2s ease,color .2s ease; }
.relatorio-comparativo-redes nav button:hover,.relatorio-comparativo-redes nav button.ativo{ border-color:#246fe5; background:#edf5ff; color:#246fe5; }
.relatorio-comparativo-graficos{ display:grid; grid-template-columns:1fr; gap:24px; }
.relatorio-comparativo-graficos>article{ min-width:0; padding:0; }
.relatorio-comparativo-graficos>article+article{ padding-top:20px; border-top:1px solid #e7ecf2; }
.relatorio-comparativo-graficos h5{ margin:0 0 10px; color:#46546a; font-size:14px; }
.relatorio-comparativo-graficos article>div{ position:relative; height:310px; }
.relatorio-comparativo-graficos article>p{ margin:6px 0 0; color:#78869a; font-size:10px; text-align:center; }
.relatorio-metricas-grupo>p{ margin:11px 0 0; color:#6e7c90; font-size:13px; line-height:1.5; }
.relatorio-metricas-nota{ margin:14px 0 0; color:#657489; font-size:13px; }
.relatorio-post-metricas{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:14px; }
.relatorio-post-metricas section{ padding:12px; border:1px solid #e2e8f0; border-radius:10px; background:#fafbfd; }
.relatorio-post-metricas section.instagram{ border-left:3px solid #d83e91; background:#fffafd; }
.relatorio-post-metricas section.facebook{ border-left:3px solid #2874df; background:#f9fbff; }
.relatorio-post-metricas section.youtube{ border-left:3px solid #e32727; }
.relatorio-post-metricas section.tiktok{ border-left:3px solid #252a31; }
.relatorio-post-metricas section>header{ display:flex; justify-content:space-between; gap:10px; margin-bottom:10px; color:#3f4d61; font-size:15px; }
.relatorio-post-metricas section>header small{ color:#727f91; font-size:13px; font-weight:400; }
.relatorio-post-metricas section>div{ display:grid; grid-template-columns:repeat(6,minmax(44px,1fr)); gap:6px; }
.relatorio-post-metricas section>div>span{ min-width:0; min-height:58px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; padding:8px 4px; border:1px solid #e5eaf1; border-radius:8px; background:#fff; color:#65748a; text-align:center; }
.relatorio-post-metricas section>div>span i{ color:#74849a; font-size:16px; }
.relatorio-post-metricas section>div>span b{ color:#2e3b4e; font-size:16px; line-height:1; }
.relatorio-post-metricas section>p{ margin:10px 0 0; color:#727f91; font-size:12px; line-height:1.4; }
.relatorio-post-metricas section>p.indisponivel{ color:#b66718; }
@media (max-width:1180px){ .relatorio-metricas-cards.quatro{ grid-template-columns:repeat(2,minmax(0,1fr)); } .relatorio-post-metricas{ grid-template-columns:repeat(2,minmax(0,1fr)); } .relatorio-post-metricas section>div{ grid-template-columns:repeat(3,minmax(44px,1fr)); } }
@media (max-width:720px){ .relatorio-metricas-periodo>header{ align-items:flex-start; flex-direction:column; } .relatorio-metricas-abas{ overflow-x:auto; } .relatorio-metricas-abas button{ min-width:120px; } .relatorio-metricas-cards.quatro,.relatorio-metricas-cards.tres,.relatorio-metricas-cards.dois,.relatorio-post-metricas{ grid-template-columns:1fr; } .relatorio-comparativo-redes>header{ align-items:flex-start; flex-direction:column; }.relatorio-comparativo-redes nav{ justify-content:flex-start; }.relatorio-comparativo-graficos article>div{ height:250px; } }

/* Usuários da equipe */
.usuarios-pagina{ float:left; width:100%; margin-bottom:40px; color:#3f4a5a; }
.usuarios-pagina *{ box-sizing:border-box; }
.usuarios-hero{ display:flex; align-items:center; justify-content:space-between; gap:28px; padding:23px 25px; border:1px solid #dbe4f1; border-radius:14px; background:linear-gradient(135deg,#f7faff 0%,#eef4fd 100%); }
.usuarios-hero>div:first-child{ max-width:760px; }
.usuarios-hero-etiqueta{ display:inline-flex; align-items:center; gap:7px; margin-bottom:9px; color:#246fe5; font-size:12px; font-weight:700; }
.usuarios-hero h2{ margin:0 0 7px; color:#263448; font-size:23px; line-height:1.2; }
.usuarios-hero p{ margin:0; color:#697586; font-size:14px; line-height:1.55; }
.usuarios-resumo{ display:flex; min-width:190px; flex:none; align-items:flex-start; flex-direction:column; }
.usuarios-resumo strong{ color:#263f78; font-size:25px; line-height:1; }
.usuarios-resumo>span{ margin:4px 0 7px; color:#5f6d80; font-size:11px; }
.usuarios-resumo small{ color:#178653; font-size:9px; }
.usuarios-aviso{ display:flex; align-items:center; gap:8px; margin-top:14px; padding:11px 13px; border:1px solid; border-radius:9px; font-size:12px; }
.usuarios-aviso-sucesso{ border-color:#b7e7ca; background:#e7f7ee; color:#155d38; }
.usuarios-aviso-erro{ border-color:#f4c7cc; background:#fff0f1; color:#8d2732; }
.usuarios-formulario-card,.usuarios-lista-card{ margin-top:14px; overflow:hidden; border:1px solid #dfe4eb; border-radius:12px; background:#fff; }
.usuarios-formulario-card>header{ display:flex; align-items:center; gap:10px; padding:15px 17px; border-bottom:1px solid #e8ebef; background:#fafbfc; }
.usuarios-formulario-card>header>span{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:9px; background:#eaf2ff; color:#246fe5; font-size:16px; }
.usuarios-formulario-card h3,.usuarios-lista-card h3{ margin:0 0 3px; color:#303c4e; font-size:16px; }
.usuarios-formulario-card p,.usuarios-lista-card p{ margin:0; color:#7a8493; font-size:11px; }
.usuarios-formulario{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; padding:17px; }
.usuario-campo{ display:flex; min-width:0; flex-direction:column; gap:6px; color:#4b5667; font-size:11px; font-weight:600; }
.usuario-campo>div{ position:relative; display:flex; align-items:center; }
.usuario-campo>div>i{ position:absolute; left:12px; z-index:1; color:#8a94a2; font-size:13px; }
.usuario-campo input{ width:100%; height:43px; padding:0 38px 0 35px; border:1px solid #cfd5dc; border-radius:8px; background:#fff; color:#354154; font:inherit; font-size:12px; outline:0; }
.usuario-campo input:focus{ border-color:#246fe5; box-shadow:0 0 0 3px rgba(36,111,229,.1); }
.usuario-campo small{ min-height:14px; color:#818a97; font-size:9px; font-weight:400; line-height:1.35; }
.usuario-senha-toggle{ position:absolute; right:3px; display:flex; align-items:center; justify-content:center; width:35px; height:35px; border:0; background:transparent; color:#7b8491; cursor:pointer; }
.usuarios-formulario-acoes{ display:flex; grid-column:1/-1; align-items:center; justify-content:flex-end; gap:8px; padding-top:2px; }
.usuario-botao-secundario,.usuario-botao-salvar{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:0 14px; border:1px solid #d5dce5; border-radius:8px; background:#fff; color:#596679; font:inherit; font-size:12px; font-weight:600; text-decoration:none; cursor:pointer; }
.usuario-botao-salvar{ border-color:#246fe5; background:#246fe5; color:#fff; }
.usuario-botao-salvar:hover{ background:#1d5fc7; }
.usuarios-lista-card>header{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 17px; border-bottom:1px solid #e8ebef; background:#fafbfc; }
.usuarios-busca{ position:relative; display:flex; align-items:center; width:210px; }
.usuarios-busca>i{ position:absolute; left:11px; color:#8b94a1; font-size:11px; }
.usuarios-busca input{ width:100%; height:35px; padding:0 11px 0 31px; border:1px solid #d4dae1; border-radius:8px; background:#fff; color:#4c5869; font:inherit; font-size:11px; outline:0; }
.usuarios-lista{ padding:0 17px; }
.usuario-item{ display:grid; grid-template-columns:42px minmax(180px,1fr) 120px auto; gap:11px; align-items:center; min-height:72px; padding:11px 0; border-bottom:1px solid #eceff2; }
.usuario-item:last-child{ border-bottom:0; }
.usuario-item[hidden]{ display:none; }
.usuario-avatar{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; background:#eaf2ff; color:#246fe5; font-size:14px; font-weight:700; }
.usuario-identificacao{ display:flex; min-width:0; flex-direction:column; gap:3px; }
.usuario-identificacao strong{ overflow:hidden; color:#394658; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.usuario-identificacao span{ overflow:hidden; color:#7c8592; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.usuario-cadastro{ display:flex; flex-direction:column; gap:3px; }
.usuario-cadastro small{ color:#9299a4; font-size:9px; }
.usuario-cadastro span{ color:#596578; font-size:10px; }
.usuario-item-acoes{ display:flex; justify-content:flex-end; gap:6px; }
.usuario-item-acoes form{ margin:0; }
.usuario-acao{ display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:32px; padding:0 9px; border:1px solid; border-radius:7px; background:#fff; font:inherit; font-size:10px; text-decoration:none; cursor:pointer; }
.usuario-acao.editar{ border-color:#c8d9f4; color:#2e6ec8; }
.usuario-acao.excluir{ border-color:#f0cbd0; color:#b43643; }
.usuario-acao:hover{ filter:brightness(.97); }
.usuarios-vazio{ display:flex; align-items:center; flex-direction:column; padding:35px 15px; color:#7d8794; text-align:center; }
.usuarios-vazio>i{ margin-bottom:9px; color:#8eb1e8; font-size:28px; }
.usuarios-vazio strong{ margin-bottom:4px; color:#536174; font-size:12px; }
.usuarios-vazio span{ font-size:10px; }
.usuarios-seguranca{ display:flex; align-items:center; gap:8px; margin-top:14px; padding:12px 2px 0; border-top:1px solid #e8ebef; color:#687586; font-size:10px; }
.usuarios-seguranca i{ color:#1b9660; font-size:16px; }
.usuarios-sem-permissao{ display:flex; align-items:center; gap:12px; padding:17px; border:1px solid #f0d2b9; border-radius:10px; background:#fff7ef; color:#8a5226; }
.usuarios-sem-permissao>i{ font-size:21px; }
.usuarios-sem-permissao>div{ display:flex; flex-direction:column; gap:3px; }
.usuarios-sem-permissao b{ font-size:12px; }
.usuarios-sem-permissao span{ font-size:10px; }
@media(max-width:900px){
	.usuarios-formulario{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.usuario-campo:last-of-type{ grid-column:1/-1; }
}
@media(max-width:700px){
	.usuarios-hero{ align-items:flex-start; flex-direction:column; padding:18px; }
	.usuarios-resumo{ min-width:0; }
	.usuarios-formulario{ grid-template-columns:1fr; }
	.usuario-campo:last-of-type{ grid-column:auto; }
	.usuario-item{ grid-template-columns:42px minmax(0,1fr) auto; }
	.usuario-cadastro{ display:none; }
}
@media(max-width:520px){
	.usuarios-lista-card>header{ align-items:flex-start; flex-direction:column; }
	.usuarios-busca{ width:100%; }
	.usuarios-lista{ padding:0 13px; }
	.usuario-item{ grid-template-columns:38px minmax(0,1fr); }
	.usuario-item-acoes{ grid-column:1/-1; justify-content:flex-end; }
	.usuario-acao span{ display:inline; }
	.usuarios-formulario-acoes{ align-items:stretch; flex-direction:column-reverse; }
	.usuario-botao-secundario,.usuario-botao-salvar{ width:100%; }
}

/*- EDITOR DE PUBLICAÇÃO V2 --------------------------------------------------------------------*/

.publicacao-editor{
	--pub-azul:#246fe5;
	--pub-azul-escuro:#1e3f7a;
	--pub-verde:#16a765;
	--pub-borda:#dfe3e8;
	--pub-texto:#2f3744;
	--pub-suave:#6f7783;
	display:flex;
	flex-direction:column;
	gap:14px;
	padding-bottom:92px;
}
.publicacao-editor #secaoMidias{ order:0; }
.publicacao-editor .publicacao-identificacao{ order:1; }
.publicacao-editor #secaoConteudo{ order:2; }
.publicacao-editor #secaoDestinos{ order:3; }
.publicacao-editor #secaoPersonalizacao{ order:4; }
.publicacao-editor #secaoAgendamento{ order:5; }
.publicacao-editor .publicacao-revisao{ order:6; }
.publicacao-editor .publicacao-acoes{ order:7; }
.publicacao-aviso{ margin:0 0 14px; padding:12px 14px; border-radius:9px; font-size:14px; }
.publicacao-aviso-sucesso{ color:#155d38; background:#e7f7ee; border:1px solid #b7e7ca; }
.publicacao-aviso-erro{ color:#8d2732; background:#fff0f1; border:1px solid #f4c7cc; }
.publicacao-identificacao{
	display:grid;
	grid-template-columns:180px minmax(0, 1fr);
	gap:14px;
	align-items:end;
	padding:18px;
	background:#fff;
	border:1px solid var(--pub-borda);
	border-radius:12px;
}
.publicacao-label{ display:block; margin-bottom:7px; color:#596273; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.publicacao-label-normal{ text-transform:none; letter-spacing:normal; }
.publicacao-status{ display:flex; align-items:center; min-height:44px; padding:0 13px; border-radius:8px; font-size:14px; font-weight:700; box-sizing:border-box; }
.publicacao-status:before{ content:""; width:8px; height:8px; margin-right:8px; border-radius:50%; background:currentColor; }
.publicacao-status.status-pendente{ color:#596273; background:#f1f3f5; }
.publicacao-status.status-rascunho{ color:#096b9b; background:#e5f5fc; }
.publicacao-status.status-agendado{ color:#b15b13; background:#fff2e3; }
.publicacao-status.status-publicar{ color:#6a4bb2; background:#f0ebff; }
.publicacao-status.status-publicado{ color:#137647; background:#e5f7ee; }
.publicacao-titulo-interno{ display:block; min-width:0; }
.publicacao-editor input[type="text"],
.publicacao-editor input[type="url"],
.publicacao-editor input[type="datetime-local"],
.publicacao-editor select,
.publicacao-editor textarea{
	width:100%;
	border:1px solid #ccd2d9;
	border-radius:8px;
	background:#fff;
	color:var(--pub-texto);
	font:inherit;
	box-sizing:border-box;
	outline:none;
	transition:border-color .16s ease, box-shadow .16s ease;
}
.publicacao-editor input[type="text"],
.publicacao-editor input[type="url"],
.publicacao-editor input[type="datetime-local"],
.publicacao-editor select{ height:44px; padding:0 12px; }
.publicacao-editor textarea{ min-height:120px; padding:12px; resize:vertical; line-height:1.5; font-weight:400; }
.publicacao-editor input:focus,
.publicacao-editor select:focus,
.publicacao-editor textarea:focus{ border-color:var(--pub-azul); box-shadow:0 0 0 3px rgba(36,111,229,.10); }
.publicacao-secao{ padding:20px; background:#fff; border:1px solid var(--pub-borda); border-radius:12px; }
.publicacao-secao-cabecalho{ display:flex; align-items:flex-start; gap:12px; margin:0 0 18px; }
.publicacao-secao-cabecalho h2{ margin:1px 0 3px; color:var(--pub-texto); font-size:18px; font-weight:700; }
.publicacao-secao-cabecalho p{ margin:0; color:var(--pub-suave); font-size:13px; line-height:1.4; }
.publicacao-passo{ flex:none; display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:#eaf2ff; color:var(--pub-azul); font-size:13px; font-weight:800; }
.publicacao-conteudo-grid{ display:grid; grid-template-columns:minmax(0, 2fr) minmax(220px, 1fr); gap:14px; }
.publicacao-campo{ display:flex; flex-direction:column; gap:7px; min-width:0; color:#454e5c; font-size:13px; font-weight:600; }
.publicacao-campo small{ color:#818895; font-size:11px; font-weight:400; text-align:right; }
.publicacao-campo-titulo-acao{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.publicacao-campo-titulo-acao label{ cursor:pointer; }
.publicacao-copiar-hashtags{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:32px; padding:6px 11px; border:1px solid #c9d8ed; border-radius:8px; background:#f5f9ff; color:#2673d9; font-family:inherit; font-size:12px; font-weight:600; line-height:1.2; cursor:pointer; white-space:nowrap; transition:background-color .18s ease,border-color .18s ease,color .18s ease; }
.publicacao-copiar-hashtags:hover{ background:#eaf3ff; border-color:#8bb8f1; color:#145fbf; }
.publicacao-conteudo-grid .publicacao-campo:first-child textarea{ min-height:170px; }
.publicacao-conteudo-grid .publicacao-campo:last-child textarea{ min-height:170px; }
.publicacao-destinos{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
.publicacao-destino{
	position:relative;
	display:flex;
	align-items:center;
	gap:10px;
	min-height:70px;
	padding:12px;
	border:1px solid #d8dde3;
	border-radius:10px;
	background:#fafbfc;
	cursor:pointer;
	box-sizing:border-box;
	transition:.16s ease;
}
.publicacao-destino:hover{ border-color:#aeb7c2; background:#fff; }
.publicacao-destino.selecionado{ border-color:var(--pub-azul); background:#f2f7ff; box-shadow:0 0 0 2px rgba(36,111,229,.08); }
.publicacao-destino>input{ position:absolute; opacity:0; pointer-events:none; }
.publicacao-destino-icone{ flex:none; display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:50%; background:#e8ebef; color:#596273; font-size:18px; }
.publicacao-destino[data-rede="instagram"] .publicacao-destino-icone{ color:#bc2a8d; background:#fbeaf5; }
.publicacao-destino[data-rede="facebook"] .publicacao-destino-icone{ color:#1877f2; background:#e8f1ff; }
.publicacao-destino[data-rede="youtube"] .publicacao-destino-icone{ color:#e52222; background:#ffeded; }
.publicacao-destino[data-rede="tiktok"] .publicacao-destino-icone{ color:#111; background:#ececec; }
.publicacao-destino-texto{ display:flex; flex-direction:column; min-width:0; }
.publicacao-destino-texto strong{ color:#353d49; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.publicacao-destino-texto small{ margin-top:3px; color:#858d98; font-size:10px; }
.publicacao-destino-check{ flex:none; display:flex; align-items:center; justify-content:center; width:18px; height:18px; margin-left:auto; border:1px solid #c6ccd3; border-radius:50%; color:transparent; font-size:9px; }
.publicacao-destino.selecionado .publicacao-destino-check{ border-color:var(--pub-azul); background:var(--pub-azul); color:#fff; }
.publicacao-editor .tabela-uploads-post{ float:none; display:block; width:100%; margin:0 0 16px; padding:26px 18px; border:1.5px dashed #bfc9d6; border-radius:10px; background:#f9fbfe; color:#4e5969; box-sizing:border-box; }
.publicacao-editor .tabela-uploads-post:hover{ border-color:var(--pub-azul); background:#f4f8ff; }
.publicacao-editor .tabela-uploads-post strong{ font-size:16px; font-weight:700; }
.publicacao-editor .tabela-uploads-post strong i{ margin-right:7px; color:var(--pub-azul); }
.publicacao-editor .tabela-uploads-post span span{ margin-top:5px; font-size:12px; }
.publicacao-editor .tabela-galeria{ display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:14px; align-items:start; }
.publicacao-editor .item-galeria{ border-radius:9px; }
.publicacao-editor .thumb-wrap{ aspect-ratio:4 / 5; }
.publicacao-editor .item-galeria[data-tipo="video"] .thumb-wrap{ aspect-ratio:9 / 16; }
.publicacao-editor .thumb-imagem-arquivo{ display:block; width:100%; height:100%; object-fit:contain; background:#f3f4f6; }
.publicacao-editor .acoes-galeria{ align-items:center; justify-content:flex-end; padding:7px; }
.publicacao-editor .acoes-galeria .btn-galeria{ flex:0 0 42px; box-sizing:border-box; }
.publicacao-editor .tamanho-midia{ display:inline-flex; align-items:center; gap:6px; min-width:0; margin-right:auto; color:#687386; font-size:12px; font-weight:600; white-space:nowrap; }
.publicacao-editor .tamanho-midia i{ color:#2874df; font-size:13px; }
.publicacao-editor button.btn-galeria{ border:1px solid #d1d5db; cursor:pointer; }
.publicacao-redes-vazio{ padding:28px; border:1px dashed #d3d8de; border-radius:9px; color:#838b96; text-align:center; font-size:13px; }
.publicacao-rede-tabs{ display:flex; flex-wrap:wrap; gap:6px; padding-bottom:12px; border-bottom:1px solid #e3e6ea; }
.publicacao-rede-tab{ display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:0 13px; border:1px solid #d8dde3; border-radius:8px 8px 0 0; background:#f4f5f7; color:#596273; font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.publicacao-rede-tab[hidden]{ display:none; }
.publicacao-rede-tab.ativo{ border-color:var(--pub-azul); background:var(--pub-azul); color:#fff; }
.publicacao-rede-tab .tab-validacao{ margin-left:3px; color:#20c77a; font-size:10px; }
.publicacao-rede-tab.ativo .tab-validacao{ color:#a9f1cc; }
.publicacao-rede-painel{ display:none; padding:18px 2px 0; }
.publicacao-rede-painel.ativo{ display:block; }
.publicacao-rede-cabecalho{ display:flex; justify-content:space-between; gap:18px; align-items:end; margin-bottom:16px; }
.campo-formato{ width:220px; }
.campo-formatos-botoes{ width:auto; min-width:220px; }
.campo-formatos-instagram,
.campo-formatos-facebook{ flex:1; }
.instagram-destinos,
.facebook-destinos{ display:flex; flex-wrap:wrap; gap:8px; }
.instagram-destino-botao,
.facebook-destino-botao{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:92px; min-height:42px; padding:0 15px; border:1px solid #d8dde3; border-radius:9px; background:#fff; color:#5e6672; cursor:pointer; box-sizing:border-box; transition:.16s ease; }
.instagram-destino-botao:hover{ border-color:#bc2a8d; color:#9e2077; }
.instagram-destino-botao.ativo{ border-color:#bc2a8d; background:#fbeaf5; color:#9e2077; box-shadow:0 0 0 2px rgba(188,42,141,.08); }
.facebook-destino-botao:hover{ border-color:#1877f2; color:#155fbd; }
.facebook-destino-botao.ativo{ border-color:#1877f2; background:#eaf3ff; color:#155fbd; box-shadow:0 0 0 2px rgba(24,119,242,.08); }
.instagram-destino-botao.indisponivel,
.facebook-destino-botao.indisponivel{ opacity:.42; cursor:not-allowed; background:#f4f5f7; border-color:#d8dde3; color:#7b8490; box-shadow:none; }
.destino-informacoes{ display:flex; flex-direction:column; gap:7px; margin-top:10px; color:#6c7685; font-weight:400; }
.destino-informacoes span{ display:flex; align-items:flex-start; gap:8px; line-height:1.35; font-weight:400; }
.destino-informacoes i{ width:15px; margin-top:2px; color:#8a94a3; text-align:center; flex:0 0 15px; }
.destino-informacoes em{ font-size:12px; font-style:normal; font-weight:400; }
.instagram-destino-botao input,
.facebook-destino-botao input{ position:absolute; opacity:0; pointer-events:none; }
.instagram-destino-botao i,
.facebook-destino-botao i{ font-size:14px; }
.instagram-destino-botao b,
.facebook-destino-botao b{ font-size:12px; }
.formato-unico{ display:flex; flex-wrap:wrap; gap:8px; }
.formato-unico-botao{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:105px; min-height:42px; padding:0 15px; border:1px solid #d8dde3; border-radius:9px; background:#fff; color:#5e6672; cursor:pointer; box-sizing:border-box; transition:.16s ease; }
.formato-unico-botao input{ position:absolute; opacity:0; pointer-events:none; }
.formato-unico-botao i{ font-size:14px; }
.formato-unico-botao b{ font-size:12px; }
.formato-unico-youtube .formato-unico-botao:hover,
.formato-unico-youtube .formato-unico-botao.ativo{ border-color:#e31b23; color:#c41219; }
.formato-unico-youtube .formato-unico-botao.ativo{ background:#fff0f1; box-shadow:0 0 0 2px rgba(227,27,35,.08); }
.formato-unico-tiktok .formato-unico-botao:hover,
.formato-unico-tiktok .formato-unico-botao.ativo{ border-color:#242424; color:#111; }
.formato-unico-tiktok .formato-unico-botao.ativo{ background:#f0f0f0; box-shadow:0 0 0 2px rgba(17,17,17,.08); }
.publicacao-campo small.instagram-destinos-aviso,
.publicacao-campo small.facebook-destinos-aviso{ text-align:left; line-height:1.4; }
.publicacao-switch{ display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#4b5563; font-size:13px; cursor:pointer; }
.publicacao-switch input{ position:absolute; opacity:0; }
.publicacao-switch span{ position:relative; width:38px; height:22px; border-radius:999px; background:#cbd1d8; transition:.16s; }
.publicacao-switch span:after{ content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:.16s; }
.publicacao-switch input:checked+span{ background:var(--pub-verde); }
.publicacao-switch input:checked+span:after{ transform:translateX(16px); }
.campos-texto-rede{ display:grid; grid-template-columns:minmax(0, 2fr) minmax(220px, 1fr); gap:14px; margin-bottom:15px; }
.campos-texto-rede.oculto{ display:none; }
.campos-texto-rede textarea{ min-height:110px; }
.publicacao-campos-grid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; align-items:start; }
.publicacao-campos-grid .campo-largo{ grid-column:1 / -1; }
.publicacao-opcoes{ display:flex; flex-wrap:wrap; gap:9px 18px; padding:12px 14px; border:1px solid #e0e4e8; border-radius:8px; background:#f8f9fa; color:#535d6a; font-size:12px; }
.publicacao-opcoes label{ display:flex; align-items:center; gap:6px; font-weight:400; cursor:pointer; }
.publicacao-opcoes input{ accent-color:var(--pub-azul); }
.publicacao-youtube-fila{ display:flex; align-items:flex-start; gap:10px; margin:0 0 15px; padding:12px 14px; border:1px solid; border-radius:8px; font-size:12px; }
.publicacao-youtube-fila>i{ margin-top:2px; font-size:15px; }
.publicacao-youtube-fila>div{ display:flex; flex-direction:column; gap:4px; }
.publicacao-youtube-fila strong{ font-size:12px; }
.publicacao-youtube-fila small{ font-weight:400; }
.publicacao-youtube-fila a{ color:inherit; font-weight:700; text-decoration:underline; }
.publicacao-youtube-fila-andamento{ border-color:#bdd2f2; background:#f1f6fe; color:#28558e; }
.publicacao-youtube-fila-sucesso{ border-color:#b7e7ca; background:#e7f7ee; color:#155d38; }
.publicacao-youtube-fila-erro{ border-color:#f4c7cc; background:#fff0f1; color:#8d2732; }
.publicacao-youtube-progresso{ width:min(420px, 100%); height:7px; margin-top:3px; overflow:hidden; border-radius:999px; background:rgba(40,85,142,.15); }
.publicacao-youtube-progresso span{ display:block; width:0; height:100%; border-radius:inherit; background:var(--pub-azul); transition:width .25s ease; }
.publicacao-agendamento{ display:grid; grid-template-columns:minmax(220px, 360px) minmax(220px, 1fr); gap:14px; align-items:start; }
.publicacao-fuso{ display:flex; align-items:center; gap:10px; min-height:44px; margin-top:25px; padding:0 13px; border:1px solid #e0e4e8; border-radius:8px; background:#f8f9fa; color:#4f5967; box-sizing:border-box; }
.publicacao-fuso i{ color:var(--pub-azul); font-size:18px; }
.publicacao-fuso span{ display:flex; flex-direction:column; }
.publicacao-fuso b{ font-size:12px; }
.publicacao-fuso small{ margin-top:2px; color:#89919c; font-size:10px; }
.publicacao-revisao{ display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 18px; border:1px solid #d8e2ef; border-radius:11px; background:#f7faff; }
.publicacao-revisao>div{ display:flex; flex-direction:column; gap:4px; }
.publicacao-revisao strong{ color:#344052; font-size:14px; }
.publicacao-revisao span{ color:#778190; font-size:12px; }
.publicacao-revisao ul{ display:flex; flex-wrap:wrap; gap:12px; margin:0; padding:0; list-style:none; }
.publicacao-revisao li{ color:#9aa1aa; font-size:11px; }
.publicacao-revisao li i{ margin-right:4px; font-size:9px; }
.publicacao-revisao li.ok{ color:var(--pub-verde); }
.publicacao-acoes{ z-index:20; display:flex; justify-content:flex-end; gap:10px; padding:12px 28px; background:#263f78; box-sizing:border-box; }
.publicacao-acoes button{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:170px; height:42px; padding:0 18px; border:1px solid rgba(255,255,255,.35); border-radius:7px; background:#fff; color:#263f78; font:inherit; font-size:13px; font-weight:700; cursor:pointer; transition:.16s; }
.publicacao-acoes button:hover{ transform:translateY(-1px); box-shadow:0 5px 14px rgba(0,0,0,.16); }
.publicacao-acoes .acao-publicar{ border-color:var(--pub-verde); background:var(--pub-verde); color:#fff; }
.publicacao-acoes .acao-agendar{ border-color:#dce6fa; background:#edf3ff; }

@media (max-width:1100px){
	.publicacao-destinos{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
	.publicacao-acoes button{ min-width:145px; }
}
@media (max-width:760px){
	.publicacao-identificacao,
	.publicacao-conteudo-grid,
	.campos-texto-rede,
	.publicacao-campos-grid,
	.publicacao-agendamento{ grid-template-columns:1fr; }
	.publicacao-campos-grid .campo-largo{ grid-column:auto; }
	.publicacao-rede-cabecalho{ align-items:stretch; flex-direction:column; }
	.campo-formato{ width:100%; }
	.publicacao-fuso{ margin-top:0; }
	.publicacao-revisao{ align-items:flex-start; flex-direction:column; }
	.publicacao-acoes{ position:static; flex-direction:column; padding:12px; border-radius:10px; }
	.publicacao-acoes button{ width:100%; }
	.publicacao-editor{ padding-bottom:0; }
}
@media (max-width:480px){
	.publicacao-destinos{ grid-template-columns:1fr; }
	.publicacao-secao{ padding:15px; }
	.publicacao-editor .tabela-galeria{ grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); }
}

/*- SOCIAL ABA (Nova Publicação) ---------------------------------------------------------------------------------------------------------------*/

.tabela-uploads-post			{ float:left; width:100%; padding:32px 24px; margin:10px 0 20px 0; background:#fafafc; border:1px dashed #cbd5e1; border-radius:10px; text-align:center; color:#475569; cursor:pointer; transition:background .20s ease, border-color .20s ease, color .20s ease, transform .20s ease; }
.tabela-uploads-post strong		{ display:block; font-size:20px; font-weight:500; margin-bottom:6px; color:#374151; }
.tabela-uploads-post span		{ display:block; font-size:14px; color:#6b7280; }
.tabela-uploads-post:hover		{ background:#f8fafc; border-color:#94a3b8; color:#1e293b; }

.tabs-box						{ width: 100%; margin-top: 10px; }
.tabs-top						{ display: flex; align-items: flex-end; gap: 2px; }
.tab-link						{ padding: 10px 22px; border: 1px solid #DCDCDC; border-bottom: none; background: #F1F1F1; color: #666666; font-weight: bold; border-radius: 6px 6px 0px 0px; cursor: pointer; }
.tab-link.active				{ padding: 14px 22px; background: #FFFFFF; color: #000000; border-color: #DCDCDC; position: relative; top: 1px; }
.tabs-content					{ border: 1px solid #DCDCDC; background: #FFFFFF; padding: 20px; }
.tab-pane						{ display: none; }
.tab-pane.active				{ display: block; }

.tabela-galeria					{ display: grid; grid-template-columns: repeat(8, 1fr); gap: 15px; width: 100%; }
.item-galeria					{ background: #ffffff; border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; cursor: grab; transition: 0.15s ease; }
.item-galeria: active			{ cursor: grabbing; }
.item-galeria.dragging			{ opacity: 0.45; }
.thumb-wrap						{ width: 100%; aspect-ratio: 3/4; background: #f3f4f6; position: relative; overflow: hidden; }
.thumb, .video-capa				{ width: 100%; height: 100%; display: block; }
.thumb-imagem					{ background-size: cover; background-position: center center; background-repeat: no-repeat; }
.thumb-video					{ position: relative; width: 100%; height: 100%; background: #111827; }
.video-thumb-source				{ display: none; }
.video-capa						{ background: #111827; }
.video-capa-img					{ width:100%; height:100%; object-fit:cover; display:block; }
.tag-video						{ position: absolute; right: 8px; top: 8px; background:  #b91c1c; color: #FFFFFF; font-size: 12px; padding: 3px 8px; border-radius: 6px; }
.acoes-galeria					{ display: flex; gap: 8px; padding: 10px; }
.btn-galeria					{ flex: 1; text-align: center; text-decoration: none; font-size: 13px; padding: 9px 8px; border-radius: 6px; border: 1px solid #d1d5db; color: #111827; background: #fff; }
.btn-galeria: hover				{ background: #f9fafb; }
.btn-apagar						{ color: #b91c1c; }

.lista-redes					{ display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr)); gap: 10px; }
.lista-redes-item input			{ display: none; }
.lista-redes-item label			{ display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border: 1px solid #e5e7eb; border-radius: 10px; background: #FFFFFF; cursor: pointer; transition: all 0.2s ease; }
.lista-redes-item label: hover	{ border-color: #d1d5db; }
.lista-redes-texto				{ display: flex; align-items: center; gap: 10px; font-size: 14px; color: #374151; }
.lista-redes-texto i			{ font-size: 16px; color: #9ca3af; }
.lista-redes-check				{ width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid #d1d5db; display: flex; align-items: center; justify-content: center; font-size: 10px; color: transparent; transition: all 0.2s ease; }

.lista-redes-item input:checked + label							{ border-color: #9ca3af; background: #fafafa; }
.lista-redes-item input:checked + label .lista-redes-check		{ border-color: #6b7280; color: #6b7280; }
.lista-redes-item input:checked + label .lista-redes-texto i	{ color: #6b7280; }

/*- CALENDARIO ----------------------------------------------------------------------------------------------------------------*/

.calendario-v2{ width:100%; color:#3f4a5a; }
.calendario-v2 *{ box-sizing:border-box; }
.calendario-cabecalho{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:12px; padding:20px 22px; border:1px solid #dbe4f1; border-radius:14px; background:linear-gradient(135deg,#f7faff,#eef4fd); }
.calendario-cabecalho>div:first-child>span{ display:inline-flex; align-items:center; gap:7px; margin-bottom:7px; color:#246fe5; font-size:13px; font-weight:700; }
.calendario-cabecalho h1{ margin:0 0 6px !important; color:#263448 !important; font-size:28px !important; line-height:1.2; }
.calendario-cabecalho p{ margin:0; color:#6e7a8c; font-size:13px; }
.calendario-navegacao{ display:flex; flex:0 0 auto; align-items:center; gap:7px; }
.calendario-navegacao a{ min-width:40px; height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; border:1px solid #ccd6e3; border-radius:8px; background:#fff; color:#526176; font-size:12px; font-weight:600; text-decoration:none; }
.calendario-navegacao a:hover{ border-color:#246fe5; color:#246fe5; }
.calendario-navegacao .calendario-hoje{ min-width:58px; }
.calendario-navegacao .calendario-criar{ min-width:auto; margin-left:5px; padding:0 16px; border-color:#246fe5; background:#246fe5; color:#fff; }
.calendario-navegacao .calendario-criar i{ margin-right:7px; }
.calendario-navegacao .calendario-criar:hover{ background:#175fc9; color:#fff; }

.calendario-resumo{ display:flex; align-items:stretch; gap:9px; margin-bottom:12px; }
.calendario-resumo>article{ min-width:185px; display:flex; align-items:center; gap:9px; padding:8px 11px; border:1px solid #dfe5ed; border-radius:10px; background:#fff; }
.calendario-resumo>article>span{ width:34px; height:34px; flex:0 0 34px; display:flex; align-items:center; justify-content:center; border-radius:8px; font-size:14px; }
.calendario-resumo>article>span.total{ background:#edf4ff; color:#246fe5; }
.calendario-resumo>article>span.publicado{ background:#e9f8f0; color:#1c9b5f; }
.calendario-resumo>article>span.agendado{ background:#fff1e3; color:#e87922; }
.calendario-resumo>article>span.rascunho{ background:#f0f2f5; color:#778294; }
.calendario-resumo>article>div{ min-width:0; flex:1; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.calendario-resumo small{ color:#68768a; font-size:10px; }
.calendario-resumo strong{ flex:0 0 auto; color:#2b384b; font-size:20px; line-height:1; }
.calendario-legenda{ margin-left:auto; display:flex; align-items:center; gap:13px; padding:0 12px; border:1px solid #dfe5ed; border-radius:10px; background:#fff; }
.calendario-legenda>span{ display:inline-flex; align-items:center; gap:6px; color:#5f6d81; font-size:10px; white-space:nowrap; }
.calendario-legenda i{ width:8px; height:8px; border-radius:50%; }
.calendario-legenda i.publicado{ background:#22c55e; }
.calendario-legenda i.agendado{ background:#f97316; }
.calendario-legenda i.rascunho{ background:#9ca3af; }

.calendario-tabela-wrap{ width:100%; overflow-x:auto; border:1px solid #dce3ec; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(31,41,55,.035); }
.calendario-posts{ width:100%; min-width:1050px; border-collapse:separate; border-spacing:0; table-layout:fixed; }
.calendario-posts th{ padding:13px 8px; border-right:1px solid rgba(255,255,255,.11); background:#263652; color:#fff; font-size:11px; font-weight:600; letter-spacing:.01em; }
.calendario-posts th:last-child{ border-right:0; }
.calendario-posts td{ height:180px; padding:9px; vertical-align:top; border-right:1px solid #e4e8ee; border-bottom:1px solid #e4e8ee; background:#fff; transition:background .15s; }
.calendario-posts tr:last-child td{ border-bottom:0; }
.calendario-posts td:last-child{ border-right:0; }
.calendario-posts td.fora-do-mes{ background:#f7f8fa; }
.calendario-posts td.fora-do-mes>.numero-dia{ opacity:.55; }
.calendario-posts td.hoje{ background:#f8fbff; box-shadow:inset 0 0 0 2px rgba(36,111,229,.32); }
.calendario-posts td.recebendo-evento{ background:#edf5ff; box-shadow:inset 0 0 0 2px #246fe5; }
.numero-dia{ min-height:25px; display:flex; align-items:center; gap:3px; margin-bottom:6px; color:#263448; }
.numero-dia>span{ font-size:16px; font-weight:700; }
.numero-dia>small{ color:#6d798c; font-size:9px; font-weight:600; text-transform:uppercase; }
.numero-dia>b{ min-width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; margin-left:auto; padding:0 6px; border-radius:999px; background:#e8edf4; color:#607087; font-size:8px; }
.dia-calendario.hoje .numero-dia>span{ width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#246fe5; color:#fff; }

.item-evento{ position:relative; margin-bottom:8px; padding:9px; overflow:hidden; border:1px solid transparent; border-left-width:4px; border-radius:8px; font-size:11px; cursor:default; transition:opacity .15s, box-shadow .15s, transform .15s; }
.item-evento[draggable="true"]{ cursor:grab; }
.item-evento.arrastando{ opacity:.55; transform:scale(.98); }
.status-rascunho{ border-color:#d7dce3; border-left-color:#9ca3af; background:#f4f5f7; color:#4b5563; }
.status-agendada{ border-color:#fed9bc; border-left-color:#f97316; background:#fff7ed; color:#9a4218; }
.status-publicada{ border-color:#ccebd9; border-left-color:#22c55e; background:#effbf4; color:#17623b; }
.item-evento>header{ display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:6px; }
.evento-tempo{ min-width:0; display:flex; align-items:center; gap:5px; }
.item-evento>header time{ display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:700; }
.evento-importado{ width:18px; height:18px; display:inline-flex; flex:0 0 18px; align-items:center; justify-content:center; padding:0; border-radius:50%; background:#e8f0ff; color:#2865c7; font-size:8px; line-height:1; cursor:help; }
.item-evento>header>span{ padding:3px 6px; border:1px solid currentColor; border-radius:999px; font-size:7px; font-weight:700; opacity:.82; text-transform:uppercase; }
.item-evento h3{ height:32px; min-height:32px; max-height:32px; display:-webkit-box; margin:0 0 8px; overflow:hidden; color:inherit; font-size:11px; font-weight:500; line-height:16px; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.evento-detalhes{ position:relative; z-index:1; display:flex; min-height:30px; align-items:center; gap:7px; padding:6px 0; border-top:1px solid rgba(100,116,139,.15); }
.evento-destinos{ display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
.evento-destino{ width:20px; height:20px; display:inline-flex; flex:0 0 20px; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.76); border-radius:50%; color:#fff; font-size:8px; box-shadow:0 1px 3px rgba(24,36,52,.16); }
.evento-destino.instagram-feed{ background:linear-gradient(145deg,#f7a239,#dc2e8e 62%,#8249d7); }
.evento-destino.instagram-story{ border:2px solid #dc3b91; background:#fff; color:#dc3b91; }
.evento-destino.instagram-reels{ background:linear-gradient(145deg,#f7a239,#dc2e8e 62%,#8249d7); }
.evento-destino.facebook-feed{ background:#246fe5; }
.evento-destino.facebook-story{ border:2px solid #4b8cf0; background:#fff; color:#246fe5; }
.evento-destino.facebook-reels{ background:#246fe5; }
.evento-destino.youtube-video{ background:#e32727; }
.evento-destino.youtube-shorts{ background:#f12626; }
.evento-destino.tiktok-video{ background:#20242a; text-shadow:1px 0 #21e6e6,-1px 0 #f04468; }
.evento-destino.sem-rede{ border-color:#cbd2dc; background:#eef1f5; color:#8b96a6; box-shadow:none; }
.acoes-evento{ display:flex; align-items:center; justify-content:flex-end; gap:5px; margin-top:5px; padding-top:5px; border-top:1px solid rgba(100,116,139,.15); }
.btn-acao-evento{ width:31px; height:29px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid rgba(100,116,139,.22); border-radius:6px; background:rgba(255,255,255,.62); color:#5e6b7e; font-size:9px; text-decoration:none; }
.btn-editar-evento:hover{ border-color:#28a667; background:#28a667; color:#fff; }
.btn-visualizar-evento:hover{ border-color:#246fe5; background:#246fe5; color:#fff; }
.btn-apagar-evento:hover{ border-color:#dc2626; background:#dc2626; color:#fff; }
.btn-cancelar-evento:hover{ border-color:#ea580c; background:#ea580c; color:#fff; }

@media(max-width:1100px){
	.calendario-resumo{ flex-wrap:wrap; }
	.calendario-legenda{ min-height:54px; margin-left:0; }
}
@media(max-width:720px){
	.calendario-cabecalho{ align-items:flex-start; flex-direction:column; padding:17px; }
	.calendario-navegacao{ width:100%; flex-wrap:wrap; }
	.calendario-navegacao .calendario-criar{ margin-left:auto; }
	.calendario-resumo>article{ min-width:calc(50% - 5px); flex:1; }
	.calendario-legenda{ width:100%; justify-content:center; }
}

/*- PREVIEW ---------------------------------------------------------------------------------------------------------------*/

.preview-wrap							{ width:100%; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; }
.preview-wrap .preview-grid				{ width:100%; max-width:1000px; display:grid; grid-template-columns:350px 1fr; gap:24px; align-items:start; }
.preview-wrap .phone					{ width:100%; max-width:350px; background:#000; border-radius:30px; padding:11px; box-shadow:0 16px 40px rgba(0,0,0,0.14); }
.preview-wrap .phone-screen				{ background:#fff; border-radius:23px; overflow:hidden; min-height:650px; display:flex; flex-direction:column; }
.preview-wrap .ig-header				{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid #eee; }
.preview-wrap .ig-user					{ display:flex; align-items:center; gap:10px; }
.preview-wrap .ig-avatar				{ width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4); padding:2px; flex:none; }
.preview-wrap .ig-avatar span			{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:50%; background:#fff; font-size:12px; font-weight:bold; color:#333; }
.preview-wrap .ig-name					{ font-size:14px; font-weight:700; line-height:1.2; }
.preview-wrap .ig-sub					{ font-size:11px; color:#6b7280; margin-top:2px; }
.preview-wrap .ig-menu					{ font-size:22px; line-height:1; color:#444; }
.preview-wrap .ig-media					{ background:#e5e7eb; width:100%; aspect-ratio:4 / 5; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.preview-wrap .ig-media img				{ width:100%; height:100%; object-fit:cover; display:block; background:#000; }
.preview-wrap .ig-media video			{ width:100%; height:100%; object-fit:cover; display:block; background:#000; }
.preview-wrap .ig-no-media				{ padding:30px; text-align:center; color:#6b7280; font-size:14px; }
.preview-wrap .carousel					{ position:relative; width:100%; height:100%; }
.preview-wrap .carousel-track			{ display:flex; width:100%; height:100%; transition:transform .35s ease; }
.preview-wrap .carousel-slide			{ min-width:100%; height:100%; flex:0 0 100%; }
.preview-wrap .carousel-btn				{ position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border:none; border-radius:50%; background:rgba(0,0,0,.55); color:#fff; font-size:20px; cursor:pointer; z-index:5; display:flex; align-items:center; justify-content:center; }
.preview-wrap .carousel-btn.prev		{ left:10px; }
.preview-wrap .carousel-btn.next		{ right:10px; }
.preview-wrap .carousel-dots			{ position:absolute; left:0; right:0; bottom:12px; display:flex; align-items:center; justify-content:center; gap:6px; z-index:5; }
.preview-wrap .carousel-dot				{ width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.45); cursor:pointer; }
.preview-wrap .carousel-dot.active		{ background:#fff; }
.preview-wrap .carousel-counter			{ position:absolute; top:12px; right:12px; background:rgba(0,0,0,.55); color:#fff; font-size:12px; padding:5px 10px; border-radius:20px; z-index:5; }
.preview-wrap .ig-actions				{ display:flex; align-items:center; justify-content:space-between; padding:12px 16px 8px 16px; font-size:20px; color:#111827; }
.preview-wrap .ig-actions-left			{ display:flex; align-items:center; gap:16px; }
.preview-wrap .ig-actions i				{ cursor:pointer; }
.preview-wrap .ig-body					{ padding:0 14px 14px 14px; font-size:13px; line-height:1.45; }
.preview-wrap .ig-likes					{ font-weight:700; margin-bottom:8px; }
.preview-wrap .ig-caption				{ word-break:break-word; margin-bottom:8px; }
.preview-wrap .ig-caption strong		{ margin-right:6px; }
.preview-wrap .ig-tags					{ color:#2563eb; word-break:break-word; margin-bottom:10px; }
.preview-wrap .preview-info				{ background:#fff; border-radius:18px; padding:20px; box-shadow:0 10px 30px rgba(0,0,0,0.06); position:relative; }
.preview-wrap .preview-info h1			{ margin:0 0 16px 0; font-size:22px; }
.preview-wrap .preview-top				{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px; }
.preview-wrap .preview-top .info-box	{ margin:0; padding:16px; border:none; background:#f8fafc; border-radius:14px; }
.preview-wrap .status-chip				{ position:absolute; top:20px; right:20px; display:inline-block; padding:6px 10px; border-radius:999px; font-size:11px; font-weight:700; background:#f3f4f6; color:#6b7280; border:1px solid #e5e7eb; }
.preview-wrap .info-box					{ margin-bottom:18px; padding-bottom:18px; border-bottom:1px solid #ececec; }
.preview-wrap .info-importacao			{ display:flex; align-items:center; gap:12px; padding:11px 13px; border:1px solid #dbe7fa; border-radius:10px; background:#f4f8ff; }
.preview-wrap .info-importacao .info-label{ margin:0; color:#2865c7; }
.preview-wrap .info-importacao .info-value{ display:flex; flex-direction:column; gap:2px; }
.preview-wrap .info-importacao strong	{ color:#29415f; font-size:12px; }
.preview-wrap .info-importacao small	{ color:#718098; font-size:10px; }
.preview-wrap .info-box:last-child		{ border-bottom:none; padding-bottom:0; margin-bottom:0; }
.preview-wrap .info-label				{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:#6b7280; margin-bottom:6px; }
.preview-wrap .info-value				{ font-size:14px; line-height:1.45; color:#111827; word-break:break-word; }
.preview-wrap .acoes-copiar				{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.preview-wrap .btn-copy					{ border:none; background:#111827; color:#fff; padding:10px 14px; border-radius:12px; font-size:13px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
.preview-wrap .btn-copy:hover			{ opacity:.92; }
.preview-wrap .btn-copy.secundario		{ background:#f3f4f6; color:#111827; border:1px solid #e5e7eb; }
.preview-wrap .acoes-topo				{ display:flex; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.preview-wrap .btn-acao					{ min-width:112px; flex:1; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px; border-radius:10px; font-size:12px; font-weight:600; text-decoration:none; cursor:pointer; border:1px solid #e5e7eb; background:#f9fafb; color:#111827; transition:.2s; }
.preview-wrap .btn-acao:hover			{ background:#111827; color:#fff; border-color:#111827; }
.preview-wrap .btn-acao i				{ font-size:14px; }
.preview-wrap .btn-anexar-historico	{ border-color:#b8d2ff; background:#edf5ff; color:#246fe5; }
.preview-wrap .btn-anexar-historico:hover{ border-color:#246fe5; background:#246fe5; color:#fff; }
.upload-historico-loading				{ position:fixed; inset:0; z-index:99999; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(15,23,42,.72); backdrop-filter:blur(3px); }
.upload-historico-loading.ativo		{ display:flex; }
.upload-historico-card					{ width:min(400px,100%); padding:28px; border-radius:18px; background:#fff; box-shadow:0 25px 70px rgba(0,0,0,.25); text-align:center; color:#253247; }
.upload-historico-spinner				{ width:62px; height:62px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#eaf3ff; color:#246fe5; font-size:24px; animation:uploadHistoricoPulso 1.2s ease-in-out infinite; }
.upload-historico-card strong			{ display:block; font-size:19px; margin-bottom:7px; }
.upload-historico-card>span			{ display:block; min-height:38px; color:#718096; font-size:13px; line-height:1.45; }
.upload-historico-barra				{ height:8px; margin:18px 0 8px; overflow:hidden; border-radius:999px; background:#e7edf5; }
.upload-historico-barra span			{ display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#246fe5,#38a7e8); transition:width .2s ease; }
.upload-historico-card b				{ display:block; color:#246fe5; font-size:12px; }
@keyframes uploadHistoricoPulso		{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.08); } }
.preview-wrap .canais-preview			{ display:flex; flex-wrap:wrap; gap:8px; }
.preview-wrap .canal-preview			{ min-height:34px; display:inline-flex; align-items:center; gap:8px; padding:5px 10px 5px 6px; border:1px solid #e2e7ef; border-radius:999px; background:#f8fafc; color:#455166; }
.preview-wrap .canal-preview i			{ width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 22px; border-radius:50%; background:#7b8798; color:#fff; font-size:10px; }
.preview-wrap .canal-preview b			{ font-size:12px; font-weight:500; line-height:1.2; }
.preview-wrap .canal-preview.instagram i,
.preview-wrap .canal-preview.instagram-reels i{ background:linear-gradient(145deg,#f7a239,#dc2e8e 62%,#8249d7); }
.preview-wrap .canal-preview.instagram-story i{ border:2px solid #dc3b91; background:#fff; color:#dc3b91; }
.preview-wrap .canal-preview.facebook i,
.preview-wrap .canal-preview.facebook-reels i{ background:#246fe5; }
.preview-wrap .canal-preview.facebook-story i{ border:2px solid #4b8cf0; background:#fff; color:#246fe5; }
.preview-wrap .canal-preview.youtube i,
.preview-wrap .canal-preview.youtube-shorts i{ background:#e32727; }
.preview-wrap .canal-preview.tiktok i		{ background:#20242a; text-shadow:1px 0 #21e6e6,-1px 0 #f04468; }
.preview-wrap .links-publicados			{ display:flex; flex-wrap:wrap; gap:8px; }
.preview-wrap .link-publicado			{ min-height:36px; display:inline-flex; align-items:center; gap:8px; padding:6px 10px 6px 7px; border:1px solid #dfe5ee; border-radius:9px; background:#fff; color:#3f4b5f; font-size:12px; font-weight:600; text-decoration:none; transition:.18s; }
.preview-wrap .link-publicado>i:first-child{ width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#7b8798; color:#fff; font-size:10px; }
.preview-wrap .link-publicado .seta-link{ margin-left:2px; color:#8a95a5; font-size:10px; }
.preview-wrap .link-publicado:hover		{ border-color:#246fe5; background:#f5f9ff; color:#246fe5; }
.preview-wrap .link-publicado.instagram>i:first-child{ background:linear-gradient(145deg,#f7a239,#dc2e8e 62%,#8249d7); }
.preview-wrap .link-publicado.instagram-story>i:first-child{ border:2px solid #dc3b91; background:#fff; color:#dc3b91; }
.preview-wrap .link-publicado.facebook>i:first-child,
.preview-wrap .link-publicado.facebook-reels>i:first-child{ background:#246fe5; }
.preview-wrap .link-publicado.facebook-story>i:first-child{ border:2px solid #4b8cf0; background:#fff; color:#246fe5; }
.preview-wrap .link-publicado.youtube>i:first-child{ background:#e32727; }
.preview-wrap .link-publicado.tiktok>i:first-child{ background:#20242a; text-shadow:1px 0 #21e6e6,-1px 0 #f04468; }

@media(max-width:850px){
	.preview-wrap{ align-items:flex-start; padding:16px; }
	.preview-wrap .preview-grid{ grid-template-columns:1fr; }
	.preview-wrap .phone{ margin:0 auto; }
}

/*- PREVIEW ---------------------------------------------------------------------------------------------------------------*/

.relatorio-limpo{
	float:left;
	width:100%;
	box-sizing:border-box;
}

/* TOPO */
.relatorio-topo-geral{
	float:left;
	width:100%;
	margin:0 0 15px 0;
	padding:18px 20px;
	background:#ffffff;
	border:1px solid #e5e7eb;
	border-radius:12px;
	box-sizing:border-box;
}

.relatorio-topo-esquerda{
	float:left;
	width:60%;
}

.relatorio-topo-direita{
	float:right;
	width:40%;
	text-align:right;
}

.relatorio-titulo-geral{
	font-size:24px;
	font-weight:700;
	color:#111827;
	line-height:1.2;
	margin:0 0 6px 0;
}

.relatorio-subtitulo-geral{
	font-size:14px;
	color:#6b7280;
}

.btn-periodo{
	display:inline-block;
	margin-left:8px;
	padding:10px 14px;
	background:#f8fafc;
	border:1px solid #dbe2ea;
	border-radius:8px;
	text-decoration:none;
	font-size:13px;
	font-weight:600;
	color:#374151;
	transition:all .2s ease;
}

.btn-periodo:hover{
	background:#f1f5f9;
	border-color:#cbd5e1;
}

/* RESUMO */
.relatorio-resumo{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

.resumo-card-total{
	float:left;
	width:calc((100% / 4) - (30px / 4));
	margin:0 10px 10px 0;
	padding:16px;
	background:#ffffff;
	border:1px solid #e5e7eb;
	border-radius:12px;
	min-height:100px;
	box-sizing:border-box;
}

.resumo-card-total span{
	display:block;
	font-size:13px;
	color:#6b7280;
	margin:0 0 8px 0;
}

.resumo-card-total strong{
	display:block;
	font-size:32px;
	line-height:1;
	color:#111827;
	font-weight:700;
}

.relatorio-resumo-redes{
	float:right;
	width:calc(((100% / 4) * 3) - (10px / 4));
	margin:0 0 10px 0;
	padding:16px;
	background:#ffffff;
	border:1px solid #e5e7eb;
	border-radius:12px;
	box-sizing:border-box;
}

.resumo-redes-titulo{
	float:left;
	width:100%;
	font-size:13px;
	color:#6b7280;
	margin:0 0 12px 0;
}

.resumo-redes-grid{
	float:left;
	width:100%;
}

.resumo-rede-item{
	float:left;
	width:calc((100% / 3) - (20px / 3));
	margin:0 10px 10px 0;
	padding:10px 12px;
	border-radius:10px;
	border:1px solid transparent;
	box-sizing:border-box;

	display:flex;
	align-items:center;
	justify-content:space-between;

	min-height:48px; /* mais fino */
}

.resumo-rede-item:nth-child(3n){
	margin-right:0;
}


.resumo-rede-topo i{
	font-size:14px;
	width:16px;
	text-align:center;
}

.resumo-rede-topo span{
	font-size:13px;
	font-weight:600;
	line-height:1.2;
}

.resumo-rede-total{
	font-size:20px;
	font-weight:700;
	line-height:1;
}



/* LISTA */
.relatorio-lista{
	float:left;
	width:100%;
	margin:0;
}

.relatorio-post{
	float:left;
	width:100%;
	margin:0 0 18px 0;
	padding:18px;
	background:#ffffff;
	border:1px solid #e5e7eb;
	border-radius:14px;
	box-sizing:border-box;
	page-break-inside:avoid;
}

.relatorio-post-esquerda{
	float:left;
	width:34%;
}

.relatorio-post-conteudo{
	float:right;
	width:63%;
}

/* REDES ANTES DA MÍDIA */
.post-redes-topo{
	float:left;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin: 10px 0px 10px 0px;
}

.badge-rede-mini{
	width:calc((100% / 5) - (24px / 5)); /* 5 por linha */
	height:34px;

	display:flex;
	align-items:center;
	justify-content:center;

	padding:0 6px;
	border-radius:8px;

	font-size:11px;
	font-weight:600;
	text-align:center;

	box-sizing:border-box;
	border:1px solid transparent;
}

.badge-rede-mini i{
	font-size:12px;
	margin-right:4px;
}

.badge-rede-mini span{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* MÍDIAS */
.relatorio-post-midias{
	float:left;
	width:100%;
}

.midia-item{
	float:left;
	width:calc((100% / 2) - 5px);
	margin:0 10px 10px 0;
	position:relative;
}

.midia-item:nth-child(2n){
	margin-right:0;
}

.midia-item img{
	width:100%;
	height:140px;
	object-fit:cover;
	border-radius:10px;
	border:1px solid #e5e7eb;
	display:block;
}

.midia-item-video{
	float:left;
	width:100%;
	margin:0;
	position:relative;
}

.midia-item-video img{
	width:100%;
	height:220px;
	object-fit:cover;
	border-radius:10px;
	border:1px solid #e5e7eb;
	display:block;
}

.midia-video-sem-capa{
	width:100%;
	height:220px;
	border-radius:10px;
	border:1px solid #dbe2ea;
	background:#f8fafc;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#6b7280;
	font-size:14px;
	gap:10px;
}

.midia-video-sem-capa i{
	font-size:30px;
}

.midia-play{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:48px;
	height:48px;
	border-radius:50%;
	background:rgba(0,0,0,0.60);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:17px;
	box-shadow:0 4px 10px rgba(0,0,0,0.20);
}

.midia-vazia{
	float:left;
	width:100%;
	height:220px;
	border-radius:10px;
	border:1px dashed #d1d5db;
	background:#fafafa;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#9ca3af;
	font-size:13px;
	box-sizing:border-box;
}

/* CONTEÚDO */
.post-meta-topo{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

.post-data{
	float:left;
	font-size:13px;
	color:#6b7280;
	padding-top:2px;
}

.post-data i{
	margin-right:4px;
}

.post-titulo{
	float:left;
	width:100%;
	font-size:19px;
	font-weight:700;
	color:#111827;
	line-height:1.3;
	margin:0 0 10px 0;
}

.post-texto{
	float:left;
	width:100%;
	font-size:14px;
	line-height:1.7;
	color:#374151;
	margin:0 0 14px 0;
	white-space:normal;
	word-break:break-word;
}

.post-tags-box{
	float:left;
	width:100%;
	padding:12px 14px;
	background:#fafafa;
	border:1px solid #e5e7eb;
	border-radius:10px;
	box-sizing:border-box;
}

.post-tags-titulo{
	font-size:12px;
	font-weight:700;
	color:#6b7280;
	text-transform:uppercase;
	letter-spacing:.03em;
	margin:0 0 6px 0;
}

.post-tags-texto{
	font-size:13px;
	line-height:1.5;
	color:#4b5563;
	word-break:break-word;
}

/* CORES DAS REDES */
.rede-instagram{
	background:#fdf2f8;
	border-color:#fbcfe8;
	color:#be185d;
}
.rede-instagram-stories{
	background:#faf5ff;
	border-color:#e9d5ff;
	color:#7e22ce;
}
.rede-instagram-reels{
	background:#f5f3ff;
	border-color:#ddd6fe;
	color:#6d28d9;
}
.rede-facebook{
	background:#eff6ff;
	border-color:#bfdbfe;
	color:#1d4ed8;
}
.rede-facebook-stories{
	background:#f0f9ff;
	border-color:#bae6fd;
	color:#0369a1;
}
.rede-facebook-reels{
	background:#eef2ff;
	border-color:#c7d2fe;
	color:#4338ca;
}
.rede-youtube{
	background:#fef2f2;
	border-color:#fecaca;
	color:#dc2626;
}
.rede-youtube-shorts{
	background:#fff1f2;
	border-color:#fecdd3;
	color:#e11d48;
}
.rede-tiktok{
	background:#f8fafc;
	border-color:#cbd5e1;
	color:#0f172a;
}
.rede-padrao{
	background:#f8fafc;
	border-color:#e5e7eb;
	color:#475569;
}

/*- RELATORIOS V2 ---------------------------------------------------------------------------------------------------------*/
.relatorio-v2{ width:100%; display:flex; flex-direction:column; gap:14px; color:#344054; }
.relatorio-v2 *{ box-sizing:border-box; }
.relatorio-v2-cabecalho{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 22px; border:1px solid #dbe4f1; border-radius:14px; background:linear-gradient(135deg,#f7faff,#eef4fd); }
.relatorio-v2-cabecalho>div>span{ display:inline-flex; align-items:center; gap:7px; margin-bottom:7px; color:#246fe5; font-size:14px; font-weight:700; }
.relatorio-v2-cabecalho h1{ margin:0 0 6px !important; color:#263448 !important; font-size:28px !important; line-height:1.2; }
.relatorio-v2-cabecalho p{ margin:0; color:#657388; font-size:15px; }
.relatorio-v2-navegacao{ display:flex; flex:0 0 auto; align-items:center; gap:7px; }
.relatorio-v2-navegacao>a,.relatorio-v2-navegacao>button{ min-width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 13px; border:1px solid #ccd6e3; border-radius:8px; background:#fff; color:#526176; font-size:14px; font-weight:600; text-decoration:none; cursor:pointer; }
.relatorio-v2-navegacao>strong{ min-width:145px; color:#2f3d51; font-size:15px; text-align:center; }
.relatorio-v2-navegacao>a:hover,.relatorio-v2-navegacao>button:hover{ border-color:#246fe5; color:#246fe5; }

.relatorio-v2-indicadores{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.relatorio-v2-indicadores article{ min-height:72px; display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid #dfe5ed; border-radius:11px; background:#fff; }
.relatorio-v2-indicadores article>i{ width:42px; height:42px; display:inline-flex; flex:0 0 42px; align-items:center; justify-content:center; border-radius:9px; font-size:17px; }
.relatorio-v2-indicadores article>i.total{ background:#edf4ff; color:#246fe5; }
.relatorio-v2-indicadores article>i.publicado{ background:#e9f8f0; color:#1c9b5f; }
.relatorio-v2-indicadores article>i.agendado{ background:#fff1e3; color:#e87922; }
.relatorio-v2-indicadores article>i.atencao{ background:#fff0f1; color:#dc3c4c; }
.relatorio-v2-indicadores article>div{ min-width:0; flex:1; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.relatorio-v2-indicadores small{ color:#5f6e83; font-size:14px; }
.relatorio-v2-indicadores strong{ color:#2b384b; font-size:27px; line-height:1; }

.relatorio-perfis{ padding:17px; border:1px solid #dfe5ed; border-radius:13px; background:#fff; }
.relatorio-perfis>header{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; }
.relatorio-perfis>header small{ display:block; margin-bottom:4px; color:#246fe5; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.relatorio-perfis>header h2{ margin:0 !important; color:#2b384b !important; font-size:21px !important; }
.relatorio-perfis>header>span{ color:#6c7889; font-size:12px; }
.relatorio-perfis-resumo{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:10px; }
.relatorio-perfis-resumo article{ padding:12px 14px; border:1px solid #e0e6ee; border-radius:10px; background:#f9fbfe; }
.relatorio-perfis-resumo small,.relatorio-perfis-resumo span{ display:block; color:#6c7889; font-size:12px; }
.relatorio-perfis-resumo strong{ display:block; margin:4px 0; color:#27364b; font-size:25px; }
.relatorio-perfis-conteudo{ display:grid; grid-template-columns:minmax(420px,1fr) minmax(300px,.75fr); gap:10px; }
.relatorio-perfis-cards{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.relatorio-perfis-cards article{ padding:12px; border:1px solid #e0e6ee; border-radius:10px; }
.relatorio-perfis-cards article>header{ display:flex; align-items:center; gap:7px; margin-bottom:8px; color:#35445a; }
.relatorio-perfis-cards article>header>i{ width:27px; height:27px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#eef2f7; }
.relatorio-perfis-cards .perfil-instagram>header>i{ color:#dc2e8e; }.relatorio-perfis-cards .perfil-facebook>header>i{ color:#246fe5; }.relatorio-perfis-cards .perfil-youtube>header>i{ color:#e32727; }.relatorio-perfis-cards .perfil-tiktok>header>i{ color:#20242a; }
.relatorio-perfis-cards dl{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 10px; margin:0; }
.relatorio-perfis-cards dl>div{ min-width:0; }.relatorio-perfis-cards dt{ color:#788598; font-size:11px; }.relatorio-perfis-cards dd{ overflow:hidden; margin:1px 0 0; color:#334156; font-size:14px; font-weight:700; text-overflow:ellipsis; }
.relatorio-perfis-grafico{ min-height:250px; display:flex; flex-direction:column; padding:13px; border:1px solid #e0e6ee; border-radius:10px; background:linear-gradient(180deg,#fbfdff,#f5f8fc); }
.relatorio-perfis-grafico>header,.relatorio-perfis-grafico footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; color:#6f7c8f; font-size:11px; }.relatorio-perfis-grafico>header strong,.relatorio-perfis-grafico footer strong{ color:#334156; font-size:13px; }
.relatorio-perfis-periodos{ display:flex; align-items:center; gap:5px; }.relatorio-perfis-periodos button{ min-height:30px; display:inline-flex; align-items:center; padding:0 10px; border:1px solid #d8e1ed; border-radius:7px; background:#fff; color:#5d6a7c; font-family:inherit; font-size:11px; font-weight:600; cursor:pointer; }.relatorio-perfis-periodos button:hover,.relatorio-perfis-periodos button.ativo{ border-color:#246fe5; background:#edf5ff; color:#246fe5; }
.relatorio-perfis-painel{ flex:1; min-height:205px; display:flex; flex-direction:column; }.relatorio-perfis-painel[hidden]{ display:none; }.relatorio-perfis-coletas{ display:block; margin-top:7px; color:#7a8799; font-size:11px; text-align:right; }.relatorio-perfis-coletas strong{ color:#42516a; }
.relatorio-perfis-grafico svg{ width:100%; flex:1; min-height:150px; }.relatorio-perfis-grafico svg line{ stroke:#dde5ee; stroke-width:1; }.relatorio-perfis-grafico svg polyline{ fill:none; stroke:#246fe5; stroke-linecap:round; stroke-linejoin:round; stroke-width:4; }
.relatorio-perfis-vazio{ flex:1; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; color:#7b8798; text-align:center; }.relatorio-perfis-vazio i{ font-size:27px; }.relatorio-perfis-vazio p{ max-width:340px; margin:0; font-size:12px; line-height:1.5; }

.relatorio-v2-destinos,.relatorio-v2-lista{ padding:17px; border:1px solid #dfe5ed; border-radius:13px; background:#fff; }
.relatorio-v2-destinos>header,.relatorio-v2-lista>header{ display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:14px; }
.relatorio-v2-destinos header small,.relatorio-v2-lista header small{ display:block; margin-bottom:4px; color:#246fe5; font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.relatorio-v2-destinos h2,.relatorio-v2-lista h2{ margin:0 !important; color:#2b384b !important; font-size:21px !important; }
.relatorio-v2-destinos>header>a{ display:inline-flex; align-items:center; gap:6px; color:#637187; font-size:13px; text-decoration:none; }
.relatorio-v2-lista>header>span{ padding:7px 10px; border-radius:999px; background:#f0f3f7; color:#657286; font-size:12px; font-weight:700; }
.relatorio-v2-redes{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; }
.relatorio-v2-redes>a{ min-width:0; height:48px; display:flex; align-items:center; gap:8px; padding:7px 10px; border:1px solid #e0e6ee; border-radius:9px; background:#f9fafc; color:#4f5c70; text-decoration:none; transition:.16s; }
.relatorio-v2-redes>a>i{ width:25px; height:25px; display:inline-flex; flex:0 0 25px; align-items:center; justify-content:center; border-radius:50%; background:#8b96a6; color:#fff; font-size:10px; }
.relatorio-v2-redes>a>span{ min-width:0; flex:1; overflow:hidden; font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.relatorio-v2-redes>a>strong{ color:#2f3b4e; font-size:16px; }
.relatorio-v2-redes>a:hover,.relatorio-v2-redes>a.ativo{ border-color:#246fe5; box-shadow:0 0 0 2px rgba(36,111,229,.1); }
.relatorio-v2-redes>a.rede-instagram>i,.relatorio-v2-redes>a.rede-instagram-reels>i{ background:linear-gradient(145deg,#f7a239,#dc2e8e 62%,#8249d7); }
.relatorio-v2-redes>a.rede-instagram-stories>i{ border:2px solid #dc3b91; background:#fff; color:#dc3b91; }
.relatorio-v2-redes>a.rede-facebook>i,.relatorio-v2-redes>a.rede-facebook-reels>i{ background:#246fe5; }
.relatorio-v2-redes>a.rede-facebook-stories>i{ border:2px solid #4b8cf0; background:#fff; color:#246fe5; }
.relatorio-v2-redes>a.rede-youtube>i,.relatorio-v2-redes>a.rede-youtube-shorts>i{ background:#e32727; }
.relatorio-v2-redes>a.rede-tiktok>i{ background:#20242a; text-shadow:1px 0 #21e6e6,-1px 0 #f04468; }

.relatorio-atalhos{ padding:20px; border:1px solid #dfe5ed; border-radius:13px; background:#fff; }
.relatorio-atalhos>header{ margin-bottom:14px; }
.relatorio-atalhos>header small{ display:block; margin-bottom:4px; color:#246fe5; font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.relatorio-atalhos>header h2{ margin:0 0 5px !important; color:#2b384b !important; font-size:22px !important; }
.relatorio-atalhos>header p{ margin:0; color:#657489; font-size:14px; }
.relatorio-atalhos>div{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.relatorio-atalhos a{ min-width:0; min-height:78px; display:flex; align-items:center; gap:12px; padding:13px; border:1px solid #dfe6ef; border-radius:11px; background:#f9fbfe; color:#344154; text-decoration:none; }
.relatorio-atalhos a:hover{ border-color:#a9c6ed; background:#f4f8fe; }
.relatorio-atalhos a>i{ width:42px; height:42px; display:inline-flex; flex:0 0 42px; align-items:center; justify-content:center; border-radius:10px; background:#e8f1ff; color:#246fe5; font-size:17px; }
.relatorio-atalhos a>span{ min-width:0; flex:1; display:flex; flex-direction:column; gap:4px; }
.relatorio-atalhos a strong{ color:#2e3b4e; font-size:15px; }
.relatorio-atalhos a small{ color:#68778c; font-size:13px; line-height:1.4; }
.relatorio-atalhos a>b{ color:#8b98aa; font-size:12px; }

.relatorio-v2-lista{ display:flex; flex-direction:column; gap:10px; }
.relatorio-v2-lista>header{ margin-bottom:2px; }
.relatorio-v2-post{ display:grid; grid-template-columns:170px minmax(0,1fr); gap:16px; padding:12px; border:1px solid #e1e6ed; border-radius:11px; background:#fff; transition:.16s; }
.relatorio-v2-post:hover{ border-color:#cbd7e6; box-shadow:0 5px 16px rgba(40,55,75,.06); }
.relatorio-v2-midia{ position:relative; width:170px; height:138px; overflow:hidden; border-radius:9px; background:#edf1f5; }
.relatorio-v2-midia>img{ width:100%; height:100%; display:block; object-fit:cover; }
.relatorio-v2-midia.sem-midia{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; color:#8490a2; font-size:13px; }
.relatorio-v2-midia.sem-midia>i{ font-size:26px; }
.relatorio-v2-midia .tipo-midia{ position:absolute; right:7px; bottom:7px; display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:6px; background:rgba(22,28,38,.78); color:#fff; font-size:11px; font-weight:600; }
.relatorio-v2-conteudo{ min-width:0; display:flex; flex-direction:column; }
.relatorio-v2-meta{ display:flex; align-items:center; gap:10px; margin-bottom:7px; }
.relatorio-v2-meta .status{ display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:999px; font-size:12px; font-weight:700; }
.relatorio-v2-meta .status.publicado{ background:#e9f8f0; color:#188553; }
.relatorio-v2-meta .status.agendado,.relatorio-v2-meta .status.fila{ background:#fff1e3; color:#d96a18; }
.relatorio-v2-meta .status.rascunho{ background:#eef1f5; color:#687487; }
.relatorio-v2-meta .status.atencao{ background:#fff0f1; color:#cf3445; }
.relatorio-v2-meta time{ color:#6e7c90; font-size:13px; }
.relatorio-v2-conteudo>h3{ margin:0 0 7px !important; color:#2d394c !important; font-size:18px !important; line-height:1.35; }
.relatorio-v2-conteudo>p{ margin:0 0 11px; color:#56657a; font-size:14px; line-height:1.5; }
.relatorio-v2-canais{ display:flex; flex-wrap:wrap; gap:5px; margin-top:auto; }
.relatorio-v2-canais>span{ min-height:30px; display:inline-flex; align-items:center; gap:5px; padding:5px 9px; border:1px solid currentColor; border-radius:999px; font-size:12px; }
.relatorio-v2-canais>span b{ font-weight:500; }
.relatorio-v2-post footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:9px; padding-top:9px; border-top:1px solid #edf0f4; }
.relatorio-v2-links{ display:flex; flex-wrap:wrap; gap:6px; }
.relatorio-v2-links>a{ display:inline-flex; align-items:center; gap:5px; color:#526075; font-size:12px; font-weight:600; text-decoration:none; }
.relatorio-v2-links>a:hover{ color:#246fe5; }
.relatorio-v2-ver{ min-width:110px; height:36px; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; gap:6px; padding:0 12px; border:1px solid #cfd8e4; border-radius:7px; color:#536175; font-size:13px; font-weight:600; text-decoration:none; }
.relatorio-v2-ver:hover{ border-color:#246fe5; background:#246fe5; color:#fff; }
.relatorio-lista-formatos{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:2px; padding:5px; border-radius:9px; background:#f1f5fa; }
.relatorio-lista-formatos button{ min-height:36px; display:inline-flex; align-items:center; gap:7px; padding:0 13px; border:1px solid transparent; border-radius:7px; background:transparent; color:#617087; font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; }
.relatorio-lista-formatos button b{ min-width:22px; padding:2px 6px; border-radius:999px; background:#e2e8f0; color:#59677a; font-size:10px; text-align:center; }
.relatorio-lista-formatos button:hover,.relatorio-lista-formatos button.ativo{ border-color:#d7e1ee; background:#fff; color:#246fe5; }.relatorio-lista-formatos button.ativo b{ background:#e5f0ff; color:#246fe5; }
.relatorio-lista-colunas,.relatorio-v2-post.compacto{ display:grid; grid-template-columns:64px minmax(260px,.72fr) 165px minmax(130px,.55fr) 95px 95px 115px; gap:12px; align-items:center; }
.relatorio-lista-colunas{ padding:8px 12px; color:#738197; font-size:13px; font-weight:600; letter-spacing:0; text-transform:none; }.relatorio-lista-colunas span:first-child{ grid-column:1/3; }
.relatorio-v2-post.compacto{ min-height:82px; padding:9px 12px; border-width:0 0 1px; border-radius:0; box-shadow:none; }.relatorio-v2-post.compacto:hover{ background:#f9fbfe; box-shadow:none; }
.relatorio-v2-post.compacto[hidden]{ display:none; }
.relatorio-v2-post.compacto .relatorio-v2-midia{ width:64px; height:64px; border-radius:7px; }.relatorio-v2-post.compacto .tipo-midia{ right:4px; bottom:4px; padding:4px 6px; }
.relatorio-lista-publicacao{ min-width:0; }.relatorio-lista-publicacao .status{ display:inline-flex; align-items:center; gap:5px; margin-bottom:5px; padding:4px 7px; border-radius:999px; font-size:11px; font-weight:700; }.relatorio-lista-publicacao .status.publicado{ background:#e9f8f0; color:#188553; }.relatorio-lista-publicacao h3{ display:-webkit-box; overflow:hidden; margin:0 !important; color:#2f3c50 !important; font-size:15px !important; font-weight:400 !important; line-height:1.35; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; }.relatorio-lista-publicacao p{ overflow:hidden; margin:0; color:#6a788c; font-size:13px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.relatorio-lista-data{ min-width:0; }.relatorio-lista-data time{ display:flex; align-items:center; gap:5px; color:#6e7c90; font-size:12px; line-height:1.4; }
.relatorio-lista-destinos{ min-width:0; }.relatorio-lista-destinos .relatorio-v2-canais{ gap:4px; margin:0; }.relatorio-lista-destinos .relatorio-v2-canais>span{ min-width:26px; min-height:26px; justify-content:center; padding:3px 5px; font-size:11px; }
.relatorio-lista-numero{ display:flex; align-items:center; justify-content:center; flex-direction:column; gap:5px; color:#78869a; }.relatorio-lista-numero i{ font-size:15px; }.relatorio-lista-numero strong{ color:#2f3d51; font-size:16px; }
.relatorio-lista-acoes{ display:flex; align-items:center; justify-content:center; flex-direction:column; gap:7px; }.relatorio-lista-acoes .relatorio-v2-ver{ min-width:96px; }.relatorio-lista-acoes .relatorio-v2-links{ justify-content:center; }.relatorio-lista-acoes .relatorio-v2-links a{ width:24px; height:24px; justify-content:center; border-radius:50%; background:#f0f4f9; font-size:11px; }
.relatorio-lista-paginacao{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px; padding-top:8px; }.relatorio-lista-paginacao button{ min-width:34px; height:34px; border:1px solid #dbe3ed; border-radius:7px; background:#fff; color:#5d6b80; font-family:inherit; font-size:12px; cursor:pointer; }.relatorio-lista-paginacao button:hover,.relatorio-lista-paginacao button.ativo{ border-color:#246fe5; background:#246fe5; color:#fff; }
.relatorio-lista-filtro-vazio{ display:flex; align-items:center; justify-content:center; flex-direction:column; gap:6px; min-height:170px; color:#7b8799; text-align:center; }.relatorio-lista-filtro-vazio[hidden]{ display:none; }.relatorio-lista-filtro-vazio i{ color:#8fa0b7; font-size:25px; }.relatorio-lista-filtro-vazio strong{ color:#415066; font-size:15px; }.relatorio-lista-filtro-vazio span{ font-size:13px; }
.relatorio-v2-vazio{ padding:52px 20px; border:1px dashed #d6dde7; border-radius:10px; background:#fafbfd; color:#788598; text-align:center; }
.relatorio-v2-vazio>i{ margin-bottom:10px; font-size:30px; }
.relatorio-v2-vazio h3{ margin:0 0 5px !important; color:#465468 !important; font-size:16px !important; }
.relatorio-v2-vazio p{ margin:0; font-size:11px; }

@media(max-width:1050px){
	.relatorio-v2-cabecalho{ align-items:flex-start; flex-direction:column; }
	.relatorio-perfis-conteudo{ grid-template-columns:1fr; }
	.relatorio-v2-indicadores{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.relatorio-v2-redes{ grid-template-columns:repeat(3,minmax(0,1fr)); }
	.relatorio-atalhos>div{ grid-template-columns:1fr; }
	.relatorio-lista-colunas{ display:none; }
	.relatorio-v2-post.compacto{ grid-template-columns:64px minmax(190px,1fr) 140px minmax(100px,.6fr) 72px 72px 105px; }
}
@media(max-width:680px){
	.relatorio-v2-navegacao{ width:100%; flex-wrap:wrap; }
	.relatorio-v2-navegacao>strong{ flex:1; }
	.relatorio-v2-indicadores,.relatorio-v2-redes{ grid-template-columns:1fr; }
	.relatorio-perfis-resumo,.relatorio-perfis-cards{ grid-template-columns:1fr; }
	.relatorio-v2-post{ grid-template-columns:1fr; }
	.relatorio-v2-midia{ width:100%; height:210px; }
	.relatorio-v2-post.compacto{ grid-template-columns:84px minmax(0,1fr); gap:10px; }
	.relatorio-v2-post.compacto .relatorio-v2-midia{ width:84px; height:84px; }
	.relatorio-v2-post.compacto .relatorio-lista-data,.relatorio-v2-post.compacto .relatorio-lista-destinos{ align-self:stretch; display:flex; align-items:center; }
	.relatorio-v2-post.compacto .relatorio-lista-numero{ min-height:58px; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; }
	.relatorio-v2-post.compacto .relatorio-lista-acoes{ grid-column:1/-1; align-items:center; justify-content:space-between; flex-direction:row; }
}
@media print{
	.interna-lateral,.interna-barra,.relatorio-v2-navegacao,.relatorio-v2-destinos>header>a,.relatorio-v2-ver{ display:none !important; }
	.interna,.interna-conteudo{ height:auto !important; padding:0 !important; }
	.relatorio-v2{ gap:0; color:#263448; }
	.relatorio-v2-cabecalho{ padding:0 0 12px; border:0; border-bottom:2px solid #344054; border-radius:0; background:#fff; box-shadow:none; }
	.relatorio-v2-cabecalho>div>span{ margin-bottom:4px; }
	.relatorio-v2-cabecalho h1{ font-size:24px !important; }
	.relatorio-v2-indicadores{ gap:0; padding:8px 0; border-bottom:1px solid #ccd3dc; }
	.relatorio-v2-indicadores article{ min-height:42px; padding:4px 12px; border:0; border-right:1px solid #d9dee5; border-radius:0; background:transparent; }
	.relatorio-v2-indicadores article:last-child{ border-right:0; }
	.relatorio-v2-indicadores article>i{ width:26px; height:26px; flex-basis:26px; background:transparent !important; }
	.relatorio-v2-indicadores strong{ font-size:18px; }
	.relatorio-v2-destinos,.relatorio-v2-lista{ padding:12px 0; border:0; border-bottom:1px solid #ccd3dc; border-radius:0; background:#fff; box-shadow:none; }
	.relatorio-v2-lista{ padding-top:0; border-bottom:0; break-before:page; page-break-before:always; }
	.relatorio-v2-destinos>header,.relatorio-v2-lista>header{ margin-bottom:8px; }
	.relatorio-v2-redes{ gap:2px 12px; }
	.relatorio-v2-redes>a{ height:28px; padding:2px 0; border:0 !important; border-bottom:1px dotted #d8dde4 !important; border-radius:0; background:transparent !important; box-shadow:none !important; }
	.relatorio-v2-redes>a>i{ width:18px; height:18px; flex-basis:18px; font-size:8px; }
	.relatorio-v2-post{ grid-template-columns:145px minmax(0,1fr); gap:12px; padding:10px 0; border:0; border-bottom:1px solid #d5dbe3; border-radius:0; background:#fff; box-shadow:none !important; break-inside:avoid; page-break-inside:avoid; }
	.relatorio-v2-post:last-child{ border-bottom:0; }
	.relatorio-v2-midia{ width:145px; height:118px; border-radius:4px; }
	.relatorio-v2-canais>span{ min-height:18px; padding:0 8px 0 0; border:0 !important; border-radius:0; background:transparent !important; }
	.relatorio-v2-post footer{ margin-top:5px; padding-top:5px; }
}


/*- FORMATO REDE SOCIAIS ---------------------------------------------------------------------------------------------------------------*/

.social-destaque{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:20px;
	width:100%;
	margin:0 0 25px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.social-destaque-box{
	padding:14px;
	border-radius:14px;
	box-sizing:border-box;
	border:1px solid transparent;
	display:flex;
	flex-direction:column;
	height:100%;
}

/* Vídeos */
.social-destaque-box:first-child{
	background:#EEF6FF;
	border-color:#D7E9FF;
}

/* Carrossel */
.social-destaque-box:last-child{
	background:#F4F1FF;
	border-color:#E2DAFF;
}

.social-destaque-titulo{
	width:100%;
	font-size:19px;
	font-weight:bold;
	color:#222222;
	margin:0 0 12px 0;
}

.social-destaque-texto{
	width:100%;
	font-size:15px;
	line-height:24px;
	color:#555555;
}

.redes-sociais{
	float:left;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}


	
	
	.rede-box{
		float:left;
		width:100%;
		margin:0 0 20px 0;
		border:1px solid #E5E5E5;
		border-radius:10px;
		overflow:hidden;
		background:#FFFFFF;
	}
	
	.rede-titulo{
		float:left;
		width:100%;
		padding:15px 10px;
		background:#F7F7F7;
		font-size:20px;
		font-weight:bold;
		color:#222222;
		box-sizing:border-box;
	}
	
/* Instagram */
	.rede-box.instagram .rede-titulo{
		background:#FDF2F8;
		color:#C13584;
	}
	
	/* Facebook */
	.rede-box.facebook .rede-titulo{
		background:#EEF4FF;
		color:#1877F2;
	}
	
	/* YouTube */
	.rede-box.youtube .rede-titulo{
		background:#FFF1F1;
		color:#FF0000;
	}
	
	/* TikTok */
	.rede-box.tiktok .rede-titulo{
		background:#F3F3F3;
		color:#111111;
	}

	.rede-box table{
		width:100%;
		border-collapse:collapse;
		font-size:14px;
	}
	
	.rede-box th{
		padding:14px;
		text-align:left;
		background:#FAFAFA;
		border-bottom:1px solid #E5E5E5;
		color:#222222;
	}
	
	.rede-box td{
		padding:12px 14px;
		border-bottom:1px solid #EEEEEE;
		color:#555555;
	}
	
	.rede-box tr:last-child td{
		border-bottom:none;
	}
	
	.rede-box tr:hover{
		background:#FAFAFA;
	}
	
	.rede-box th:nth-child(2),
	.rede-box th:nth-child(3),
	.rede-box td:nth-child(2),
	.rede-box td:nth-child(3){
		text-align:center;
	}

/* Guia de formatos das redes sociais */
.guia-formatos{ float:left; width:100%; color:#344054; box-sizing:border-box; }
.guia-formatos *{ box-sizing:border-box; }
.guia-formatos-hero{ display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:16px; padding:24px; border:1px solid #dbe5f3; border-radius:14px; background:linear-gradient(135deg,#f7faff 0%,#edf4ff 100%); }
.guia-formatos-hero>div:first-child{ max-width:760px; }
.guia-formatos-etiqueta{ display:inline-flex; align-items:center; gap:7px; margin-bottom:9px; color:#246fe5; font-size:12px; font-weight:700; }
.guia-formatos-hero h2{ margin:0 0 7px; color:#263448; font-size:23px; line-height:1.2; }
.guia-formatos-hero p{ margin:0; color:#697586; font-size:14px; line-height:1.55; }
.guia-formatos-acoes{ display:flex; flex:none; flex-wrap:wrap; gap:8px; }
.guia-formatos-acao{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:42px; padding:0 14px; border:1px solid #cdd8e7; border-radius:8px; background:#fff; color:#40506a; font-size:13px; font-weight:600; text-decoration:none; }
.guia-formatos-acao:hover{ border-color:#246fe5; color:#246fe5; }
.guia-formatos-acao.principal{ border-color:#246fe5; background:#246fe5; color:#fff; }
.guia-formatos-resumo{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.guia-formato-resumo{ display:flex; align-items:center; gap:13px; min-height:104px; padding:14px; border:1px solid #e0e5ec; border-radius:12px; background:#fff; }
.guia-formato-resumo>div{ display:flex; min-width:0; flex-direction:column; }
.guia-formato-resumo small{ margin-bottom:3px; color:#7b8492; font-size:11px; }
.guia-formato-resumo strong{ color:#283548; font-size:16px; line-height:1.3; }
.guia-formato-resumo em{ margin-top:4px; color:#697586; font-size:10px; font-style:normal; line-height:1.35; }
.guia-proporcao{ display:block; flex:none; border:2px solid #77a6f5; border-radius:4px; background:#edf4ff; }
.guia-proporcao.proporcao-vertical{ width:28px; height:50px; }
.guia-proporcao.proporcao-retrato{ width:35px; height:44px; }
.guia-proporcao.proporcao-quadrado{ width:40px; height:40px; }
.guia-proporcao.proporcao-horizontal{ width:52px; height:30px; }
.guia-sistema-info{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:22px; overflow:hidden; border:1px solid #dfe4eb; border-radius:11px; background:#f8fafc; }
.guia-sistema-info>div{ display:flex; align-items:center; gap:10px; min-height:66px; padding:11px 14px; border-right:1px solid #e3e7ed; }
.guia-sistema-info>div:last-child{ border-right:0; }
.guia-sistema-info>div>i{ color:#246fe5; font-size:18px; }
.guia-sistema-info span{ display:flex; flex-direction:column; gap:3px; }
.guia-sistema-info b{ color:#3f4c5f; font-size:12px; }
.guia-sistema-info small{ color:#7b8492; font-size:11px; }
.guia-formatos-barra{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:13px; }
.guia-formatos-barra h3{ margin:0 0 3px; color:#293548; font-size:18px; }
.guia-formatos-barra p{ margin:0; color:#7a8493; font-size:12px; }
.guia-formatos-filtros{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.guia-formatos-filtros button{ display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 11px; border:1px solid #d8dde5; border-radius:8px; background:#fff; color:#5e6877; font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.guia-formatos-filtros button:hover{ border-color:#9ebcf0; color:#246fe5; }
.guia-formatos-filtros button.ativo{ border-color:#246fe5; background:#246fe5; color:#fff; }
.guia-redes{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.guia-rede{ overflow:hidden; border:1px solid #dfe4eb; border-radius:13px; background:#fff; }
.guia-rede[hidden]{ display:none!important; }
.guia-rede>header{ display:flex; align-items:center; gap:11px; min-height:76px; padding:14px 16px; border-bottom:1px solid #e7eaf0; background:#f9fafb; }
.guia-rede-icone{ display:flex; flex:none; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:#eef2f7; color:#3d4a5d; font-size:19px; }
.guia-rede>header>div{ min-width:0; }
.guia-rede>header h3{ margin:0 0 2px; color:#293548; font-size:17px; }
.guia-rede>header p{ margin:0; color:#7b8492; font-size:11px; }
.guia-rede-status{ display:inline-flex; align-items:center; gap:5px; margin-left:auto; color:#178653; font-size:10px; white-space:nowrap; }
.guia-rede-instagram>header{ background:#fff7fc; }
.guia-rede-instagram .guia-rede-icone{ background:#fceaf6; color:#bc2a8d; }
.guia-rede-facebook>header{ background:#f5f9ff; }
.guia-rede-facebook .guia-rede-icone{ background:#e7f1ff; color:#1877f2; }
.guia-rede-youtube>header{ background:#fff7f7; }
.guia-rede-youtube .guia-rede-icone{ background:#ffebec; color:#e31b23; }
.guia-rede-tiktok>header{ background:#f7f7f8; }
.guia-rede-tiktok .guia-rede-icone{ background:#e9e9eb; color:#111; }
.guia-rede-formatos{ padding:3px 16px; }
.guia-rede-formato{ display:flex; gap:11px; padding:13px 0; border-bottom:1px solid #edf0f3; }
.guia-rede-formato:last-child{ border-bottom:0; }
.guia-rede-formato-tipo{ display:flex; flex:none; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px; background:#f0f5fd; color:#3978dc; font-size:15px; }
.guia-rede-formato-conteudo{ display:flex; min-width:0; flex:1; flex-direction:column; }
.guia-rede-formato-conteudo>strong{ margin-bottom:4px; color:#354154; font-size:13px; }
.guia-rede-formato-conteudo>span{ display:flex; align-items:center; gap:7px; }
.guia-rede-formato-conteudo>span b{ color:#263f78; font-size:12px; }
.guia-rede-formato-conteudo>span em{ padding:2px 6px; border-radius:999px; background:#eef2f7; color:#637083; font-size:10px; font-style:normal; }
.guia-rede-formato-conteudo>small{ margin-top:4px; color:#7b8492; font-size:10px; line-height:1.4; }
.guia-checklist{ display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,2fr); gap:22px; margin-top:18px; padding:19px; border:1px solid #d8e8df; border-radius:13px; background:#f4fbf7; }
.guia-checklist-titulo{ display:flex; align-items:flex-start; gap:10px; }
.guia-checklist-titulo>i{ color:#1c9a61; font-size:22px; }
.guia-checklist h3{ margin:0 0 4px; color:#28513e; font-size:17px; }
.guia-checklist p{ margin:0; color:#678074; font-size:11px; line-height:1.4; }
.guia-checklist ul{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 20px; margin:0; padding:0; list-style:none; }
.guia-checklist li{ display:flex; align-items:flex-start; gap:8px; }
.guia-checklist li>i{ display:flex; flex:none; align-items:center; justify-content:center; width:18px; height:18px; margin-top:1px; border-radius:50%; background:#d9f3e5; color:#16834f; font-size:8px; }
.guia-checklist li span{ display:flex; flex-direction:column; gap:2px; }
.guia-checklist li b{ color:#385547; font-size:11px; }
.guia-checklist li small{ color:#708077; font-size:10px; line-height:1.35; }
.guia-formatos-fontes{ display:flex; align-items:center; gap:8px; margin-top:14px; padding:0 3px; color:#87909d; font-size:10px; }
.guia-formatos-fontes span{ margin-right:auto; }
.guia-formatos-fontes a{ color:#5276ad; text-decoration:none; }
.guia-formatos-fontes a:hover{ text-decoration:underline; }
@media(max-width:1100px){
	.guia-formatos-hero{ align-items:flex-start; flex-direction:column; }
	.guia-formatos-resumo{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.guia-sistema-info{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.guia-sistema-info>div:nth-child(2){ border-right:0; }
	.guia-sistema-info>div:nth-child(-n+2){ border-bottom:1px solid #e3e7ed; }
}
@media(max-width:760px){
	.guia-formatos-hero{ padding:18px; }
	.guia-formatos-acoes,.guia-formatos-acao{ width:100%; }
	.guia-formatos-barra{ align-items:flex-start; flex-direction:column; }
	.guia-formatos-filtros{ justify-content:flex-start; }
	.guia-redes,.guia-checklist{ grid-template-columns:1fr; }
	.guia-checklist ul{ grid-template-columns:1fr; }
	.guia-formatos-fontes{ align-items:flex-start; flex-wrap:wrap; }
	.guia-formatos-fontes span{ width:calc(100% - 25px); margin-right:0; }
}
@media(max-width:480px){
	.guia-formatos-resumo,.guia-sistema-info{ grid-template-columns:1fr; }
	.guia-sistema-info>div{ border-right:0; border-bottom:1px solid #e3e7ed; }
	.guia-sistema-info>div:last-child{ border-bottom:0; }
	.guia-rede>header{ align-items:flex-start; flex-wrap:wrap; }
	.guia-rede-status{ width:100%; margin-left:53px; }
}

/* Política de Privacidade e Termos de Uso */
.legal-publica-shell{ min-height:100vh; padding-bottom:35px; background:#f4f6f8; }
.legal-publica-topo{ display:flex; align-items:center; justify-content:space-between; min-height:72px; padding:10px max(24px,calc((100% - 1180px)/2)); border-bottom:1px solid #dfe4e9; background:#fff; }
.legal-publica-topo>a:first-child{ display:block; width:195px; }
.legal-publica-topo img{ display:block; width:195px; height:40px; object-fit:fill; }
.legal-publica-entrar{ display:inline-flex; align-items:center; gap:7px; min-height:39px; padding:0 13px; border:1px solid #d5dce5; border-radius:8px; color:#4f5e72; font-size:12px; font-weight:600; text-decoration:none; }
.legal-publica-entrar:hover{ border-color:#246fe5; color:#246fe5; }
.legal-publica-conteudo{ width:min(1180px,calc(100% - 32px)); margin:0 auto; padding-top:23px; }
.legal-publica-conteudo>h1{ margin:23px 0 16px; color:#414141; font-size:25px; }
.documento-legal{ float:left; width:100%; color:#3f4a5a; box-sizing:border-box; }
.documento-legal *{ box-sizing:border-box; }
.documento-legal-hero{ display:flex; align-items:center; gap:18px; padding:23px 25px; border:1px solid #d7e6df; border-radius:14px; background:linear-gradient(135deg,#f5fbf8 0%,#ecf8f2 100%); }
.documento-legal-hero-termos{ border-color:#dbe4f1; background:linear-gradient(135deg,#f7faff 0%,#eef4fd 100%); }
.documento-legal-icone{ display:flex; flex:none; align-items:center; justify-content:center; width:58px; height:58px; border-radius:15px; background:#daf1e5; color:#16814f; font-size:27px; }
.documento-legal-hero-termos .documento-legal-icone{ background:#dfeafa; color:#2867bd; }
.documento-legal-tipo{ display:block; margin-bottom:4px; color:#16814f; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.documento-legal-hero-termos .documento-legal-tipo{ color:#2867bd; }
.documento-legal-hero h2{ margin:0 0 5px; color:#263448; font-size:24px; line-height:1.2; }
.documento-legal-hero p{ margin:0 0 8px; color:#657184; font-size:13px; line-height:1.45; }
.documento-legal-hero small{ display:flex; align-items:center; gap:6px; color:#7d8795; font-size:10px; }
.documento-legal-aviso{ display:flex; align-items:center; gap:13px; margin:13px 0 17px; padding:13px 16px; border:1px solid #cbe8d9; border-radius:10px; background:#f2fbf6; color:#315c48; }
.documento-legal-aviso-termos{ border-color:#d7e2f2; background:#f5f8fd; color:#365678; }
.documento-legal-aviso>i{ flex:none; font-size:22px; }
.documento-legal-aviso>div{ display:flex; flex-direction:column; gap:3px; }
.documento-legal-aviso strong{ font-size:12px; }
.documento-legal-aviso span{ color:#687b71; font-size:11px; line-height:1.4; }
.documento-legal-aviso-termos span{ color:#6c7886; }
.documento-legal-layout{ display:grid; grid-template-columns:230px minmax(0,1fr); gap:16px; align-items:start; }
.documento-legal-indice{ position:sticky; top:105px; padding:16px; border:1px solid #e0e5eb; border-radius:11px; background:#fff; }
.documento-legal-indice>strong{ display:block; margin-bottom:9px; color:#2f3b4e; font-size:13px; }
.documento-legal-indice nav{ display:flex; flex-direction:column; }
.documento-legal-indice nav a{ padding:7px 8px; border-radius:6px; color:#667183; font-size:11px; line-height:1.25; text-decoration:none; }
.documento-legal-indice nav a:hover{ background:#f0f5fc; color:#246fe5; }
.documento-legal-contato{ display:flex; align-items:center; gap:9px; margin-top:12px; padding:11px; border-radius:8px; background:#f3f6fa; color:#56708e; }
.documento-legal-contato>i{ font-size:17px; }
.documento-legal-contato span{ display:flex; min-width:0; flex-direction:column; gap:2px; }
.documento-legal-contato b{ color:#49576a; font-size:10px; }
.documento-legal-contato a{ overflow:hidden; color:#246fe5; font-size:10px; text-overflow:ellipsis; text-decoration:none; }
.documento-legal-conteudo{ overflow:hidden; border:1px solid #e0e5eb; border-radius:11px; background:#fff; }
.documento-legal-conteudo section{ display:flex; gap:13px; padding:20px 21px; border-bottom:1px solid #e9edf1; scroll-margin-top:115px; }
.documento-legal-conteudo section:last-child{ border-bottom:0; }
.documento-legal-numero{ display:flex; flex:none; align-items:center; justify-content:center; width:27px; height:27px; border-radius:50%; background:#eaf2ff; color:#246fe5; font-size:11px; font-weight:800; }
.documento-legal-conteudo section>div{ min-width:0; flex:1; }
.documento-legal-conteudo h3{ margin:3px 0 8px; color:#2d394c; font-size:15px; }
.documento-legal-conteudo p{ margin:0 0 9px; color:#626d7c; font-size:12px; line-height:1.65; }
.documento-legal-conteudo p:last-child{ margin-bottom:0; }
.documento-legal-conteudo ul{ margin:0; padding-left:18px; color:#626d7c; }
.documento-legal-conteudo li{ margin-bottom:7px; padding-left:2px; font-size:12px; line-height:1.55; }
.documento-legal-conteudo li:last-child{ margin-bottom:0; }
.documento-legal-conteudo b{ color:#3c495b; }
.documento-legal-conteudo a{ color:#246fe5; }
.documento-legal-nota{ display:flex; align-items:flex-start; gap:8px; margin-top:11px; padding:10px 11px; border-left:3px solid #76a5ef; border-radius:0 7px 7px 0; background:#f3f7fd; color:#5e6e82; font-size:11px; line-height:1.45; }
.documento-legal-nota>i{ flex:none; margin-top:2px; color:#3978dc; }
.documento-legal-acoes{ display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.documento-acao{ display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:0 14px; border:1px solid #d5dce5; border-radius:8px; background:#fff; color:#536174; font:inherit; font-size:12px; font-weight:600; text-decoration:none; cursor:pointer; }
.documento-acao:hover{ border-color:#9db9e7; color:#246fe5; }
.documento-acao.imprimir{ margin-left:auto; border-color:#f0d5c6; color:#bd5d27; }
@media(max-width:900px){
	.documento-legal-layout{ grid-template-columns:1fr; }
	.documento-legal-indice{ position:static; }
	.documento-legal-indice nav{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
	.documento-legal-contato{ max-width:320px; }
}
@media(max-width:560px){
	.legal-publica-topo{ padding:10px 16px; }
	.legal-publica-topo>a:first-child,.legal-publica-topo img{ width:146px; height:30px; }
	.legal-publica-entrar{ padding:0 10px; }
	.legal-publica-conteudo{ width:calc(100% - 20px); padding-top:16px; }
	.legal-publica-conteudo>h1{ font-size:21px; }
	.documento-legal-hero{ align-items:flex-start; padding:18px; }
	.documento-legal-icone{ width:45px; height:45px; border-radius:12px; font-size:21px; }
	.documento-legal-hero h2{ font-size:20px; }
	.documento-legal-aviso{ align-items:flex-start; }
	.documento-legal-indice nav{ grid-template-columns:1fr; }
	.documento-legal-conteudo section{ padding:17px 15px; }
	.documento-legal-acoes,.documento-acao{ width:100%; }
	.documento-acao.imprimir{ margin-left:0; }
}
@media print{
	.adm-topo-shell,.legal-publica-topo,.interna-conteudo>h1,.legal-publica-conteudo>h1,.documento-legal-indice,.documento-legal-acoes{ display:none!important; }
	.interna-conteudo,.documento-legal{ width:100%!important; margin:0!important; padding:0!important; }
	.legal-publica-shell,.legal-publica-conteudo{ width:100%!important; margin:0!important; padding:0!important; background:#fff!important; }
	.documento-legal-layout{ display:block; }
	.documento-legal-hero,.documento-legal-aviso,.documento-legal-conteudo{ border-color:#bbb; box-shadow:none; }
	.documento-legal-conteudo section{ break-inside:avoid; }
}