@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap'); :root { --verde: #1F4524; --verde-escuro: #417F41; --verde-transparente: #417F4122; --amarelo: #F4A533; --cinza: #E0E0E0; } html { border: 0px; margin: 0px; padding: 0px; width: 100%; min-height: 100%; overflow-x: hidden; overflow-y: scroll; scrollbar-gutter: stable; 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; } html::-webkit-scrollbar,body::-webkit-scrollbar { width: 5px; height: 0px; } html::-webkit-scrollbar-track,body::-webkit-scrollbar-track { background:#999999; } html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb { background:#666666; } /*- PADRÃO VISUAL WS NOW: LOGIN E NAVEGAÇÃO SUPERIOR ----------------------------------------------------------------------------------------*/ :root{--email-verde:#23864A;--email-verde-escuro:#176737;--email-verde-claro:#EAF7EF;--email-acento:#35B86B} .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(35,134,74,.18),transparent 27%),radial-gradient(circle at 88% 18%,rgba(53,184,107,.14),transparent 29%),linear-gradient(115deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.82) 48%,rgba(244,165,51,.12) 100%),#F3F7FB}.login_caixa1:before,.login_caixa1:after{content:"";position:absolute;border:90px solid rgba(255,255,255,.62);border-radius:999px;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_chamada h1{max-width:560px;margin:0;color:#111827;font-size:42px;line-height:50px;font-weight:700}.login_chamada p{max-width:540px;margin:14px 0 0;color:#52606D;font-size:16px;line-height:27px;text-align:left}.login_tag{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:8px 12px;border:1px solid rgba(35,134,74,.24);border-radius:999px;background:rgba(35,134,74,.1);color:var(--email-verde-escuro);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.login_tag i{font-size:16px} .login_recursos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin:24px 0 0}.login_recurso{min-height:88px;padding:14px;border:1px solid rgba(255,255,255,.96);border-radius:12px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(0,0,0,.06)}.login_recurso i{display:block;margin:0 0 11px;color:var(--email-verde);font-size:18px}.login_recurso:nth-child(2) i{color:#0B74D1}.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%;display:flex;justify-content:center;padding:36px 38px;border:1px solid rgba(255,255,255,.98);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 24px 70px rgba(17,24,39,.16);backdrop-filter:blur(18px)}.login_caixa3{width:100%;max-width:330px;display:block;padding:0}.login_logo_card{width:100%;display:flex;justify-content:center;margin:0 auto 24px}.login_logo_card img{width:260px;height:53px;display:block;object-fit:fill}.login_caixa3 label{display:block;padding:0 0 7px;color:#333;font-size:13px;font-weight:700}.login_campo{position:relative;margin:0 0 12px}.login_campo i{position:absolute;z-index:1;top:50%;left:14px;color:var(--email-verde);font-size:16px;transform:translateY(-50%)}.login_campo input{width:100%;height:52px;margin:0;padding:0 14px 0 42px;border:1px solid #D9E2EC;border-radius:10px;background:#FFF;color:#111827;font-size:14px;font-weight:700;outline:0;transition:border-color .2s,box-shadow .2s}.login_campo input:focus{border-color:var(--email-verde);box-shadow:0 0 0 4px rgba(35,134,74,.13)}.login_caixa3 button{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 0;padding:0 15px;border:1px solid var(--email-verde);border-radius:10px;background:var(--email-verde);box-shadow:0 7px 18px rgba(35,134,74,.2);color:#FFF;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.login_caixa3 button:hover{border-color:var(--email-verde-escuro);background:var(--email-verde-escuro);color:#FFF}.login_rodape{margin:18px 0 0;color:#888;font-size:12px;line-height:18px;text-align:center} body.adm-topo-layout{background:#F3F4F6}body.adm-topo-layout .interna{width:100%;min-height:100vh;display:block;padding:0;background:#F3F4F6}body.adm-topo-layout .interna-corpo{width:100%;display:block}body.adm-topo-layout .interna-conteudo{width:100%;height:auto;min-height:calc(100vh - 72px);overflow:visible;padding:28px;border-radius:0;background:#F7F7F7}body.adm-topo-layout .interna-conteudo:after{content:"";display:block;clear:both} .adm-topo-shell{position:sticky;z-index:9000;top:0;background:#2F3033}.adm-topo-preview{min-height:72px;display:flex;align-items:center;gap:14px;padding:0 18px;border-bottom:4px solid var(--email-acento);background:#2F3033}.adm-topo-brand{height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border-radius:8px;background:var(--email-verde);color:#FFF;white-space:nowrap;text-decoration:none}.adm-topo-brand span{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#FFF;font-size:18px}.adm-topo-brand strong{color:#FFF;font-size:18px;line-height:20px}.adm-topo-menu{min-width:0;display:flex;flex:1;align-items:stretch;gap:4px}.adm-topo-menu-item{position:relative;display:flex;align-items:center}.adm-topo-menu-item>a{height:68px;min-width:78px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0 10px;border-radius:0;color:#FFF;text-align:center;text-decoration:none}.adm-topo-menu-item>a i{font-size:17px}.adm-topo-menu-item>a span{font-size:11px;font-weight:400;line-height:13px}.adm-topo-menu-item>a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--email-acento);opacity:0;transition:opacity .18s}.adm-topo-menu-item.ativo>a,.adm-topo-menu-item:hover>a{background:#3A3B3F;color:#FFF}.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:0 34px;border-bottom:1px solid #DADDE3;background:#F7F7F7;overflow-x:auto}.adm-topo-subbar br{display:none}.adm-topo-subbar a{height:50px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-bottom:3px solid transparent;color:#555;font-size:13px;font-weight:400;white-space:nowrap;text-decoration:none}.adm-topo-subbar a i{width:18px;color:var(--email-verde);font-size:14px;text-align:center}.adm-topo-subbar a:hover,.adm-topo-subbar a.ativo{border-bottom-color:var(--email-verde);background:#FFF;color:var(--email-verde)} .adm-topo-user{display:flex;align-items:center;gap:10px;margin-left:auto;color:#FFF;font-size:12px;white-space:nowrap}.adm-topo-user-name{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#FFF}.adm-topo-user-name i{color:#86D4A3;font-size:13px}.adm-topo-user-name em{color:#DDD;font-style:normal}.adm-topo-user-name b{max-width:150px;overflow:hidden;color:#FFF;font-size:13px;text-overflow:ellipsis}.adm-topo-user a,.adm-topo-user button{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#FFF;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{border-color:var(--email-verde);background:var(--email-verde);color:#FFF}.adm-topo-action{width:36px;justify-content:center;padding:0!important;background:rgba(255,255,255,.08)}.adm-topo-action i{color:#FFF;font-size:13px;line-height:1} body.senha-principal-aberta{overflow:hidden}.senha-principal-modal{position:fixed;z-index:15000;inset:0;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,.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:#FFF;box-shadow:0 24px 65px rgba(15,23,42,.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,#F7FCF9,#EDF8F1)}.senha-principal-card>header>span{width:42px;height:42px;display:flex;flex:0 0 42px;align-items:center;justify-content:center;border-radius:12px;background:#DDF2E5;color:var(--email-verde);font-size:18px}.senha-principal-card>header>div{min-width:0;flex:1}.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-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:#FFF}.senha-principal-card form>label>div:focus-within{border-color:var(--email-verde);box-shadow:0 0 0 3px rgba(35,134,74,.11)}.senha-principal-card form>label>div>i{width:42px;color:#7B8798;font-size:14px;text-align:center}.senha-principal-card input{min-width:0;height:41px;flex:1;padding:0;border:0;background:transparent;color:#293548;font-family:inherit;font-size:13px;outline:0}.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-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:var(--email-verde)}.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:#FFF;color:#526075}.senha-principal-salvar{border:1px solid var(--email-verde);background:var(--email-verde);color:#FFF}.senha-principal-salvar:hover{border-color:var(--email-verde-escuro);background:var(--email-verde-escuro)} @media(max-width:1100px){.adm-topo-user-name em,.adm-topo-user-name b{display:none}.adm-topo-user-name{width:36px;justify-content:center;padding:0}} @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}.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:0 10px}.adm-topo-subbar a{height:48px}body.adm-topo-layout .interna-conteudo{padding:20px}} @media(max-width:620px){.login_caixa1{padding:18px 14px}.login_card{border-radius:18px}.login_logo_card img{width:230px;height:47px}.adm-topo-brand{width:44px;justify-content:center;padding:0}.adm-topo-brand strong{display:none}.adm-topo-sair{width:36px;justify-content:center;padding:0!important}.adm-topo-sair span{display:none}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%}} /*- 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; } /*- 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; } /*- DATATABLES ---------------------------------------------------------------------------------------------------------------------------------*/ /*- 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); } /*- PAGINA PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------*/ /*- PAGINA PRINCIPAL ---------------------------------------------------------------------------------------------------------------------------*/ .tabela-consumo { float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .tabela-consumo .col { float: left; width: calc((100% / 4) - (30px / 4)); margin: 0px 10px 0px 0px; } .tabela-consumo .col:nth-child(4n) { float: left; width: calc((100% / 4) - (30px / 4)); margin: 0px 0px 0px 0px; } .tabela-consumo .col .icone { width: 100%; text-align: center; padding: 0px 0px 0px 0px; } .tabela-consumo .col .icone i { width: 70px; text-align: center; padding: 20px 0px 0px 0px; float: left; font-size: 32px; display: block; } .tabela-consumo .col .icone .info { text-align: left; margin-left: 70px; } .tabela-consumo .col .icone .info h3 { font-size: 15px; line-height: 20px; font-weight: normal; } .tabela-consumo .col .icone span { font-size: 12px; } .titulo-grafico { font-size: 18px; color: #000000; margin: 0px 0px 20px 0px; padding: 0px 0px 6px 0px; border-bottom: 1px solid #dbdbdc; } /*- CAIXA CONTEÚDO -----------------------------------------------------------------------------------------------------------------------------*/ /*- CAIXA CONTEÚDO -----------------------------------------------------------------------------------------------------------------------------*/ .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; } /*- CONTATOS -----------------------------------------------------------------------------------------------------------------------------------*/ /*- CONTATOS -----------------------------------------------------------------------------------------------------------------------------------*/ .botao-lista-adicionar { background: #27ae6022; border: 1px solid #27ae6033; color: #27ae60; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 6px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: center; } .botao-lista-adicionar i { margin-right:5px; } .botao-lista-adicionar:hover { background: #27ae60; border: 1px solid #27ae60; color:#FFFFFF; } .botao-lista-importar { background: #34495e22; border: 1px solid #34495e33; color: #34495e; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 6px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: center; } .botao-lista-importar i { margin-right:5px; } .botao-lista-importar:hover { background: #34495e; border: 1px solid #34495e; color: #FFFFFF; } .botao-lista-buscar { background: #F1C40F22; border: 1px solid #F1C40F33; color: #b29a3d; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: center; } .botao-lista-buscar i { margin-right:5px; } .botao-lista-buscar:hover { background: #F1C40F; border: 1px solid #F1C40F; color:#FFFFFF; } .botao-lista-editar { 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-editar:hover { background: #3498db; border:1px solid #3498db; color: #FFFFFF; } .botao-lista-apagar { 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-apagar:hover { background: #C0392B; border:1px solid #C0392B; color: #FFFFFF; } .botao-lista-avaliada1 { background: #27AE6022; border: 1px solid #27AE6033; color: #27AE60; text-decoration: none; float: left; width:90px; height:30px; margin: 12px 9px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; } .botao-lista-avaliada1 i { margin-right:5px; } .botao-lista-avaliada2 { background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width:90px; height:30px; margin: 12px 9px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; } .botao-lista-avaliada2 i { margin-right:5px; } .botao-lista-mensagem1 { background: #27AE6011; border: 1px solid #27AE6022; color: #27ae60; text-decoration: none; float: left; width: 100%; min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: left; } .botao-lista-mensagem1 i { margin-right:5px; } .botao-lista-mensagem2 { background: #F1C40F11; border: 1px solid #F1C40F22; color: #A7880C; text-decoration: none; float: left; width: 100%; min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: left; } .botao-lista-mensagem2 i { margin-right:5px; } .botao-lista-mensagem3 { background: #E74C3C11; border: 1px solid #E74C3C22; color: #E74C3C; text-decoration: none; float: left; width: 100%; min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: left; } .botao-lista-mensagem3 i { margin-right:5px; } .botao-lista-mensagem4 { background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width: 100%; min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 4px 6px 4px 6px; border-radius: 6px; text-align: left; } .botao-lista-mensagem4 i { margin-right:5px; } .botao-download-csv { float: left; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #27AE6022; border: 1px solid #27AE6033; color: #27AE60; border-radius: 3px; text-align: center; cursor: pointer; } .botao-download-csv:hover { background: #27AE6044; border: 1px solid #27AE6055; } .botao-download-csv a { color: #27AE60 !important; text-decoration: none; font-weight: 700; } .botao-download-xls { float: left; margin: 0px 12px 0px 0px; font-size: 15px; padding: 10px 15px 10px 15px; background: #27AE6022; border: 1px solid #27AE6033; color: #27AE60; border-radius: 3px; text-align: center; cursor: pointer; } .botao-download-xls:hover { background: #27ae6044; border: 1px solid #27AE6055; } .botao-download-xls a { color: #27AE60 !important; text-decoration: none; font-weight: 700; } .caixa-delimitador { float: left; width: 100%; margin: 0px 0px 10px 0px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 6px; padding: 14px; } .caixa-exportarlis { float: left; width: 100%; margin: 10px 0px 10px 0px; background: #FFFFFF; border: 1px solid #C5C5C5; border-radius: 6px; padding: 14px; } /*- MENSAGEM -----------------------------------------------------------------------------------------------------------------------------------*/ /*- MENSAGEM -----------------------------------------------------------------------------------------------------------------------------------*/ .botao-mensagem-editar { 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-mensagem-editar:hover { background:#3498db; border:1px solid #3498db; color: #FFFFFF; } .botao-mensagem-apagar { 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-mensagem-apagar:hover { background:#c0392b; border:1px solid #c0392b; color:#FFFFFF; } .botao-mensagem-relatorio1 { background: #9b59b622; border: 1px solid #9b59b633; color: #9b59b6; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 6px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: center; } .botao-mensagem-relatorio1 i { margin-right:5px; } .botao-mensagem-relatorio1:hover { background: #9b59b6; border: 1px solid #9b59b6; color:#FFFFFF; } .botao-mensagem-relatorio2 { background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 9px 6px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: center; } .botao-mensagem-relatorio2 i { margin-right:5px; } .botao-mensagem-duplicar1 { background: #d3540022; border: 1px solid #d3540033; color: #d35400; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 0px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: center; } .botao-mensagem-duplicar1 i { margin-right:5px; } .botao-mensagem-duplicar1:hover { background: #d35400; border: 1px solid #d35400; color:#FFFFFF; } .botao-mensagem-duplicar2 { background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width: 120px; height: 30px; margin: 0px 0px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: center; } .botao-mensagem-duplicar2 i { margin-right:5px; } .botao-mensagem-status { background: #27ae6011; border: 1px solid #27ae6022; color: #27ae60; text-decoration: none; float: left; width: 160px; height: 30px; margin: 12px 9px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: left; } .botao-mensagem-status i { margin-right:5px; } .botao-mensagem-observacao { background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; text-decoration: none; float: left; width: calc(100% - 169px); min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: left; } .botao-mensagem-observacao i { margin-right:5px; } .botao-mensagem-observacao2 { background: #27ae6011; border: 1px solid #27ae6022; color: #27ae60; text-decoration: none; float: left; width: calc(100% - 169px); min-height: 30px; margin: 12px 0px 0px 0px; font-size: 13px; padding: 5px 6px 4px 6px; border-radius: 6px; text-align: left; } .botao-mensagem-observacao2 i { margin-right:5px; } .botao-mensagem-editar-off { background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; 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-mensagem-apagar-off { background: #F3F3F3; border: 1px solid #DDDDDD; color: #AAAAAA; width:30px; height:30px; margin: 0px 0px 0px 0px; display:inline-flex; align-items:center; justify-content:center; font-size:12px; border-radius:6px; } /*- CENTRAL DE MENSAGENS ----------------------------------------------------------------------------------------------------------------------*/ .mensagens-central-topo{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:18px;padding:23px 25px;border:1px solid #D7E4DC;border-radius:13px;background:linear-gradient(120deg,#F4FBF7 0%,#FFF 72%)} .mensagens-central-apresentacao{min-width:280px}.mensagens-central-etiqueta{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mensagens-central-apresentacao h1{margin:0 0 5px!important;color:#29384D!important;font-size:27px!important;line-height:1.15}.mensagens-central-apresentacao p{margin:0;color:#718096;font-size:13px;line-height:1.55} .mensagens-central-acoes{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:9px}.mensagens-central-acoes a,.mensagens-central-acoes button{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #D3DEE9;border-radius:9px;background:#FFF;color:#35445A;font-family:inherit;text-align:left;text-decoration:none;transition:border-color .16s ease,background .16s ease}.mensagens-central-acoes button{width:100%;cursor:pointer}.mensagens-central-acoes a:hover,.mensagens-central-acoes button:hover{border-color:#9FCDB0;background:#F7FCF9;color:var(--email-verde)}.mensagens-central-acoes a>i,.mensagens-central-acoes button>i{width:31px;height:31px;display:grid;flex:0 0 31px;place-items:center;border-radius:8px;background:#EAF6EE;color:var(--email-verde);font-size:14px}.mensagens-central-acoes .principal{border-color:var(--email-verde);background:var(--email-verde);color:#FFF}.mensagens-central-acoes .principal:hover{border-color:var(--email-verde-escuro);background:var(--email-verde-escuro);color:#FFF}.mensagens-central-acoes .principal>i{background:rgba(255,255,255,.17);color:#FFF}.mensagens-central-acoes .remetente-necessario{border-color:#D8B46E;background:#FFF8E9;color:#8C6216}.mensagens-central-acoes .remetente-necessario:hover{border-color:#C8922D;background:#FFF2D7;color:#7A510C}.mensagens-central-acoes .remetente-necessario>i{background:#FBE9BF;color:#A56E0B}.mensagens-central-acoes span{font-size:12px;font-weight:700;line-height:1.25}.mensagens-central-acoes small{display:block;margin-bottom:3px;color:#8290A2;font-size:9px;font-weight:400}.mensagens-central-acoes .principal:not(.remetente-necessario) small{color:rgba(255,255,255,.75)}.mensagens-central-acoes .remetente-necessario small{color:#A27A32} .mensagens-central-listagem{overflow:hidden;border:1px solid #D9E2EC;border-radius:13px;background:#FFF}.mensagens-status-abas{display:flex;align-items:center;gap:5px;padding:9px 11px;border-bottom:1px solid #DDE5ED;background:#F1F5F9}.mensagens-status-abas a{height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid transparent;border-radius:8px;color:#5E6C80;font-size:12px;font-weight:600;text-decoration:none}.mensagens-status-abas a i{color:#7A889B;font-size:13px}.mensagens-status-abas a b{min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:11px;background:#E3EAF1;color:#607087;font-size:10px}.mensagens-status-abas a:hover{background:rgba(255,255,255,.7);color:var(--email-verde)}.mensagens-status-abas a.ativo{border-color:#CFE6D7;background:#FFF;color:var(--email-verde);box-shadow:0 2px 7px rgba(36,91,58,.07)}.mensagens-status-abas a.ativo i{color:var(--email-verde)}.mensagens-status-abas a.ativo b{background:#E3F5E9;color:var(--email-verde)} .mensagens-status-resumo{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid #E3E9F0;color:#718096;font-size:12px;line-height:1.5}.mensagens-status-resumo i{color:var(--email-verde)}.mensagens-central-listagem .dataTables_wrapper{border:0;border-radius:0}.mensagens-central-listagem table.dataTable{margin-top:0!important}.mensagens-central-listagem .dataTables_length,.mensagens-central-listagem .dataTables_filter{padding:13px 16px} .mensagens-acoes-lista{display:flex;align-items:center;justify-content:center;gap:7px}.mensagem-acao{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;margin:0;border:1px solid #D7E0E9;border-radius:7px;background:#FFF;color:#68778B;font-size:12px;text-decoration:none;box-sizing:border-box}.mensagem-acao.editar{border-color:#82C5F0;background:#EBF7FF;color:#258FD3}.mensagem-acao.excluir{border-color:#EAA3A0;background:#FFF0EF;color:#C63B35}.mensagem-acao.relatorio{border-color:#C7A5DC;background:#F7EFFB;color:#8E44AD}.mensagem-acao.duplicar{border-color:#E6B087;background:#FFF5ED;color:#C65A13}.mensagem-acao:not(.desativada):hover{filter:brightness(.95)}.mensagem-acao.desativada{border-color:#E1E5EA;background:#F3F5F7;color:#AAB2BD;cursor:not-allowed}.mensagem-lista-aviso{display:block;margin-top:6px;color:#7C899B;font-size:11px;font-weight:400;line-height:1.4}.mensagem-lista-aviso i{margin-right:5px;color:var(--email-verde)} .importar-url-v2{display:grid;gap:16px;color:#2E3B4E}.importar-url-v2 *{box-sizing:border-box}.importar-url-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.importar-url-hero>div>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.importar-url-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.importar-url-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.importar-url-hero>a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid #C9D6E3;border-radius:8px;background:#FFF;color:#526278;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap} .importar-url-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);gap:14px}.importar-url-formulario,.importar-url-orientacoes{margin:0!important;padding:19px!important;border:1px solid #D9E3ED!important;border-radius:13px!important;background:#FFF!important}.importar-url-formulario>header,.importar-url-orientacoes>header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.importar-url-formulario>header>span,.importar-url-orientacoes>header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E5F6EC;color:var(--email-verde);font-size:18px}.importar-url-orientacoes>header>span{background:#EAF3FF;color:#2877CF}.importar-url-formulario header small,.importar-url-formulario header h2,.importar-url-orientacoes header small,.importar-url-orientacoes header h2{display:block}.importar-url-formulario header small,.importar-url-orientacoes header small{margin-bottom:2px;color:#8190A3;font-size:10px}.importar-url-formulario header h2,.importar-url-orientacoes header h2{margin:0;color:#33445A;font-size:18px}.importar-url-formulario>label{display:block;margin-bottom:7px;color:#47576C;font-size:12px;font-weight:700}.importar-url-campo{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #C8D5E2;border-radius:9px;background:#FFF}.importar-url-campo:focus-within{border-color:var(--email-verde);box-shadow:0 0 0 3px rgba(35,134,74,.09)}.importar-url-campo>i{color:#8391A2;text-align:center}.importar-url-campo input{width:100%!important;height:48px!important;margin:0!important;padding:0 12px!important;border:0!important;border-left:1px solid #E0E7EF!important;border-radius:0!important;background:#FFF!important;color:#34455B!important;font-family:inherit!important;font-size:14px!important;outline:0!important}.importar-url-campo button{height:48px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0!important;padding:0 19px;border:0;background:var(--email-verde);color:#FFF;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.importar-url-campo button:hover{background:var(--email-verde-escuro)}.importar-url-formulario>p{margin:10px 0 0;color:#7D8999;font-size:11px;line-height:1.5}.importar-url-orientacoes ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.importar-url-orientacoes li{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #E2E8F0;border-radius:9px;background:#F8FAFC}.importar-url-orientacoes li>i{width:27px;height:27px;display:grid;flex:0 0 27px;place-items:center;border-radius:7px;background:#E3F4EA;color:var(--email-verde);font-size:11px}.importar-url-orientacoes strong,.importar-url-orientacoes small{display:block}.importar-url-orientacoes strong{color:#405168;font-size:12px}.importar-url-orientacoes small{margin-top:3px;color:#7F8C9D;font-size:10px;line-height:1.4} @media(max-width:980px){.importar-url-layout{grid-template-columns:1fr}}@media(max-width:620px){.importar-url-hero{align-items:flex-start;flex-direction:column;padding:19px}.importar-url-hero h1{font-size:24px!important}.importar-url-hero p{font-size:13px}.importar-url-hero>a{width:100%}.importar-url-formulario,.importar-url-orientacoes{padding:16px!important}.importar-url-campo{grid-template-columns:38px minmax(0,1fr)}.importar-url-campo button{grid-column:1/-1;width:100%}} .validar-html-v2{display:grid;gap:16px;color:#2E3B4E}.validar-html-v2 *{box-sizing:border-box}.validar-html-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.validar-html-hero>div>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.validar-html-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important}.validar-html-hero p{margin:0;color:#697586;font-size:15px}.validar-html-hero>a{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;border:1px solid #C9D6E3;border-radius:8px;background:#FFF;color:#526278;font-size:12px;font-weight:700;text-decoration:none}.validar-html-alerta{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid;border-radius:10px;font-size:12px}.validar-html-alerta.erro{border-color:#F0B5B9;background:#FFF1F2;color:#B7353D} .validar-html-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(350px,.7fr);gap:14px}.validar-html-formulario,.validar-html-seguranca{margin:0!important;padding:19px!important;border:1px solid #D9E3ED!important;border-radius:13px!important;background:#FFF!important}.validar-html-formulario>header,.validar-html-seguranca>header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.validar-html-formulario>header>span,.validar-html-seguranca>header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E5F6EC;color:var(--email-verde);font-size:18px}.validar-html-seguranca>header>span{background:#EAF3FF;color:#2877CF}.validar-html-formulario header small,.validar-html-formulario header h2,.validar-html-seguranca header small,.validar-html-seguranca header h2{display:block}.validar-html-formulario header small,.validar-html-seguranca header small{margin-bottom:2px;color:#8190A3;font-size:10px}.validar-html-formulario header h2{margin:0;color:#33445A;font-size:18px}.validar-html-seguranca header h2{margin:0;color:#33445A;font-size:20px}.validar-html-upload{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:18px;border:1px dashed #AFC5D8;border-radius:11px;background:#F8FBFD;text-align:center;cursor:pointer}.validar-html-upload>i{margin-bottom:8px;color:var(--email-verde);font-size:25px}.validar-html-upload>strong{color:#405168;font-size:13px}.validar-html-upload>span{margin:4px 0 12px;color:#7F8C9D;font-size:10px}.validar-html-upload input{width:min(100%,460px)!important;margin:0!important;padding:7px!important;border:1px solid #CAD5E1!important;border-radius:8px!important;background:#FFF!important;font-size:11px!important}.validar-html-formulario>button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;border:1px solid var(--email-verde);border-radius:8px;background:var(--email-verde);color:#FFF;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.validar-html-seguranca ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.validar-html-seguranca li{display:flex;gap:11px;padding:11px;border:1px solid #E2E8F0;border-radius:9px;background:#F8FAFC}.validar-html-seguranca li>i{width:29px;height:29px;display:grid;flex:0 0 29px;place-items:center;border-radius:7px;background:#E3F4EA;color:var(--email-verde);font-size:12px}.validar-html-seguranca strong,.validar-html-seguranca small{display:block}.validar-html-seguranca strong{color:#405168;font-size:14px}.validar-html-seguranca small{margin-top:4px;color:#718096;font-size:12px;line-height:1.45} .validar-html-resultado{overflow:hidden;border:1px solid #D9E3ED;border-radius:13px;background:#FFF}.validar-html-resultado>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid #E2E8F0}.validar-html-resultado>header span{color:var(--email-verde);font-size:11px;font-weight:800;text-transform:uppercase}.validar-html-resultado>header h2{margin:3px 0 0;color:#33445A;font-size:20px}.validar-html-resultado>header a{height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;border-radius:8px;background:var(--email-verde);color:#FFF;font-size:13px;font-weight:700;text-decoration:none}.validar-html-resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 18px}.validar-html-resumo article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid;border-radius:9px}.validar-html-resumo article>i{font-size:22px}.validar-html-resumo article span,.validar-html-resumo article strong{display:block}.validar-html-resumo article span{font-size:13px}.validar-html-resumo article strong{margin-bottom:2px;font-size:23px}.validar-html-resumo .corrigido{border-color:#CBE8D6;background:#F2FBF5;color:#25854A}.validar-html-resumo .atencao{border-color:#F1D5A7;background:#FFF8EB;color:#B26A12}.validar-html-resumo .erro{border-color:#F0B5B9;background:#FFF1F2;color:#B7353D}.validar-html-detalhes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px 18px}.validar-html-detalhes section{padding:15px;border:1px solid #E2E8F0;border-radius:9px;background:#FAFBFC}.validar-html-detalhes h3{display:flex;align-items:center;gap:7px;margin:0 0 11px;color:#405168;font-size:14px}.validar-html-detalhes p,.validar-html-detalhes li{color:#64748B;font-size:13px;line-height:1.6}.validar-html-detalhes p{margin:0}.validar-html-detalhes ul{display:grid;gap:6px;margin:0;padding-left:19px} @media(max-width:980px){.validar-html-layout,.validar-html-detalhes{grid-template-columns:1fr}}@media(max-width:700px){.validar-html-hero,.validar-html-resultado>header{align-items:flex-start;flex-direction:column}.validar-html-hero>a,.validar-html-resultado>header a{width:100%;justify-content:center}.validar-html-resumo{grid-template-columns:1fr}} @media(max-width:1150px){.mensagens-central-topo{align-items:flex-start;flex-direction:column}.mensagens-central-acoes{width:100%}} @media(max-width:760px){.mensagens-central-topo{padding:19px}.mensagens-central-acoes{grid-template-columns:1fr}.mensagens-status-abas{align-items:stretch;flex-direction:column}.mensagens-status-abas a{justify-content:flex-start}.mensagens-status-abas a b{margin-left:auto}} .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; } .tabela-uploads{width:100%;float:none;margin:0;padding:0;border:0;background:transparent;color:#405168;text-align:center} .etapa-arquivos-campanha .tabela-uploads .fileinput-button{position:relative;min-height:175px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0;padding:24px;border:2px dashed #AFC8B9;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 65%,#EEF8F2);color:#405168;cursor:pointer;transition:border-color .18s ease,background .18s ease} .etapa-arquivos-campanha .tabela-uploads .fileinput-button:hover{border-color:var(--email-verde);background:linear-gradient(135deg,#EFF9F3,#FFF 68%,#E7F6ED)} .etapa-arquivos-campanha .tabela-uploads .fileinput-button>span{width:48px;height:48px;display:grid;place-items:center;margin-bottom:10px;border-radius:13px;background:#DFF2E7;color:var(--email-verde);font-size:21px} .etapa-arquivos-campanha .tabela-uploads strong,.etapa-arquivos-campanha .tabela-uploads small,.etapa-arquivos-campanha .tabela-uploads em{display:block} .etapa-arquivos-campanha .tabela-uploads strong{color:#33445A;font-size:16px} .etapa-arquivos-campanha .tabela-uploads small{margin-top:5px;color:#718096;font-size:12px} .etapa-arquivos-campanha .tabela-uploads em{margin-top:10px;padding:5px 9px;border-radius:999px;background:#EAF3EE;color:#5A7765;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.04em} .etapa-arquivos-campanha .tabela-uploads input[type=file]{position:absolute!important;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0;cursor:pointer} .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; } .botao-prosseguir-disabled { float: left; width: 200px; margin: 0px 12px 0px 0px !important; font-size: 15px; padding: 12px 15px 13px 15px; background:rgba(255,255,255,0.4) !important; color: #FFFFFF !important; border: 0px !important; border-radius: 6px !important; text-align: center; opacity: 0.3; cursor:not-allowed !important; } .botao-prosseguir-disabled i { margin-right:5px; } /* Fluxo do envio tradicional */ .envio-tradicional-v2{width:100%;max-width:100%;min-width:0;display:grid;gap:14px;padding-bottom:66px;color:#33445A}.envio-tradicional-v2 *{box-sizing:border-box} .envio-tradicional-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 23px;border:1px solid #D7E4DC;border-radius:13px;background:linear-gradient(120deg,#F4FBF7 0%,#FFF 72%)} .envio-tradicional-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:7px;color:var(--email-verde);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.envio-tradicional-hero h1{margin:0 0 5px!important;color:#29384D!important;font-size:27px!important;line-height:1.15}.envio-tradicional-hero p{margin:0;color:#718096;font-size:13px;line-height:1.5} .envio-tradicional-acoes{display:flex;align-items:center;gap:9px}.envio-tradicional-acoes a,.envio-tradicional-acoes button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:0 15px;border:1px solid #CBD7E2;border-radius:8px;background:#FFF;color:#506077;font-family:inherit;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}.envio-tradicional-acoes a:hover{border-color:#AFC1D0;background:#F8FAFC;color:#33445A}.envio-tradicional-acoes button{border-color:var(--email-verde);background:var(--email-verde);color:#FFF}.envio-tradicional-acoes button:hover{background:var(--email-verde-escuro)} .envio-tradicional-etapas{width:100%;max-width:100%;min-width:0;display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));overflow-x:auto;border:1px solid #D9E3ED;border-radius:12px;background:#F1F5F9}.envio-tradicional-etapas a{position:relative;min-width:0;min-height:58px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 11px;border-right:1px solid #DCE4EC;color:#66758A;font-size:12px;text-decoration:none;white-space:nowrap}.envio-tradicional-etapas a:last-child{border-right:0}.envio-tradicional-etapas a>span{width:22px;height:22px;display:grid;flex:0 0 22px;place-items:center;border-radius:7px;background:#E1E8EF;color:#6E7D90;font-size:10px;font-weight:800}.envio-tradicional-etapas a>i{display:none}.envio-tradicional-etapas a:hover{background:#F8FAFC;color:var(--email-verde)}.envio-tradicional-etapas a.anterior>span{background:#DDF1E5;color:var(--email-verde)}.envio-tradicional-etapas a.ativo{background:#FFF;color:var(--email-verde);box-shadow:inset 0 -3px 0 var(--email-verde)}.envio-tradicional-etapas a.ativo>span{background:var(--email-verde);color:#FFF}.envio-tradicional-etapas a.ativo>strong{font-weight:800} .envio-tradicional-v2>.caixa-introducao-migalhas{position:static;width:max-content;float:none;justify-self:end;margin:0 18px -15px 0;padding:7px 12px;border:1px solid #D9E4DC;border-bottom:0;border-radius:8px 8px 0 0;background:#EDF8F1;color:var(--email-verde);font-size:11px;font-weight:700}.envio-tradicional-v2>.caixa-introducao-conteudo{width:100%;float:none;margin:0;padding:22px 23px;border:1px solid #D9E3ED;border-radius:12px;background:#FFF;color:#44546A}.envio-tradicional-v2>.caixa-introducao-conteudo:after{content:"";display:block;clear:both}.envio-tradicional-v2>.caixa-introducao-conteudo>form>p,.envio-tradicional-v2>.caixa-introducao-conteudo>p{color:#66768A;font-size:14px;line-height:1.65;text-align:left} .envio-tradicional-v2 .salvar-travado{position:fixed;right:0;bottom:0;left:0;z-index:90;width:100%;float:none;clear:both;display:flex;align-items:center;justify-content:flex-end;margin:0;padding:11px 28px;border:0;border-top:1px solid #D8E3EC;border-radius:0;background:rgba(255,255,255,.97);box-shadow:0 -7px 22px rgba(39,54,72,.12);backdrop-filter:blur(8px)}.envio-tradicional-v2 .botao-prosseguir-mensagem{width:auto;min-width:185px;float:none;margin:0!important;padding:11px 18px 12px!important;border:1px solid var(--email-verde)!important;border-radius:8px!important;background:var(--email-verde)!important;color:#FFF!important;font-family:inherit;font-size:13px;font-weight:700}.envio-tradicional-v2 .botao-prosseguir-mensagem:hover{border-color:var(--email-verde-escuro)!important;background:var(--email-verde-escuro)!important;color:#FFF!important}.envio-tradicional-v2 .botao-prosseguir-disabled{width:auto;min-width:185px;float:none;margin:0!important;padding:11px 18px 12px!important;border:1px solid #D7DEE6!important;border-radius:8px!important;background:#E9EDF2!important;color:#8A96A5!important;font-family:inherit;font-size:13px;font-weight:700;opacity:1} @media(max-width:900px){.envio-tradicional-hero{align-items:flex-start;flex-direction:column}.envio-tradicional-acoes{width:100%}.envio-tradicional-acoes a,.envio-tradicional-acoes button{flex:1}.envio-tradicional-etapas{grid-template-columns:repeat(6,minmax(110px,1fr))}}@media(max-width:620px){.envio-tradicional-hero{padding:18px}.envio-tradicional-hero h1{font-size:24px!important}.envio-tradicional-acoes{align-items:stretch;flex-direction:column}.envio-tradicional-v2>.caixa-introducao-conteudo{padding:17px}.envio-tradicional-v2 .salvar-travado{padding:10px 16px}.envio-tradicional-v2 .botao-prosseguir-mensagem,.envio-tradicional-v2 .botao-prosseguir-disabled{width:100%}.upload-progresso-card{grid-template-columns:38px minmax(0,1fr) auto;padding:15px}.upload-progresso-icone{width:38px;height:38px}} .tox .tox-edit-area::before { border: 0px !important; } .caixa-envio-alerta1 { float: left; width: 100%; height: 52px; margin: 0px 20px 5px 0px; border-radius: 10px; text-align: center; padding: 6px; background: center center no-repeat #CCCCCC; } .caixa-envio-alerta1 .codigo-status { width: 40px; height:40px; float:right; font-size:24px; background: #27AE6022; color: #FFFFFF; padding: 10px; border-radius: 6px; margin-bottom: 10px; font-weight: bold; display:flex; align-items:center; justify-content:center; } .caixa-envio-alerta1 .codigo-info { margin: 9px 0px 0px 10px; text-align: left; height: 40px; align-items:center; } .upload-progresso{position:fixed;inset:0;z-index:130;width:100%;height:100%;float:none;clear:both;place-items:center;margin:0;padding:16px;background:rgba(15,23,34,.62);backdrop-filter:blur(2px)}.upload-progresso-card{width:min(420px,100%);display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px;border:1px solid #BFDCC9;border-radius:13px;background:#FFF;box-shadow:0 24px 70px rgba(0,0,0,.28)}.upload-progresso-icone{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:#DFF3E7;color:var(--email-verde);font-size:19px}.upload-progresso-info{min-width:0}.upload-progresso-info>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.upload-progresso-info strong{color:#33445A;font-size:14px}.upload-progresso-info>div:first-child span{color:#63748A;font-size:11px;font-weight:700}.upload-progresso-info small{display:block;overflow:hidden;margin-bottom:8px;color:#718096;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.upload-progresso-barra{height:8px;overflow:hidden;border-radius:5px;background:#DDE7E1}.upload-progresso-barra .evolucao{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#23864A,#45B46D);transition:width .2s ease}.upload-progresso-card>b{min-width:43px;color:var(--email-verde);font-size:13px;text-align:right}.upload-progresso.concluido .upload-progresso-card{border-color:#A9D8BA;background:#F7FCF9}.upload-progresso.erro .upload-progresso-card{border-color:#EDB5B8;background:#FFF8F8}.upload-progresso.erro .upload-progresso-icone{background:#FBE4E5;color:#C53C43}.upload-progresso.erro .upload-progresso-card>b{color:#C53C43}.upload-progresso.erro .upload-progresso-barra .evolucao{background:#C53C43} @media(max-width:620px){.upload-progresso-card{grid-template-columns:38px minmax(0,1fr) auto;padding:15px}.upload-progresso-icone{width:38px;height:38px}} .tabela-galeria{width:100%;float:left;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,180px));gap:12px;margin:14px 0 0;padding:0}.tabela-galeria .col,.tabela-galeria .col:nth-child(5n){position:relative;width:100%;height:auto;float:none;aspect-ratio:4/5;margin:0;overflow:hidden;border:1px solid #D7E1EA;border-radius:9px;background:center center no-repeat #CCC;background-size:cover;box-shadow:0 3px 10px rgba(39,54,72,.07)}.tabela-galeria .col .col-trans{position:relative;width:100%;height:100%;border-radius:8px;background:linear-gradient(180deg,rgba(13,23,34,.12),transparent 34%);opacity:1}.tabela-galeria .col:hover .col-trans{opacity:1}.tabela-galeria .col .botao{position:absolute;top:8px;right:8px;bottom:auto;left:auto;width:auto;display:flex;gap:6px;text-align:center}.tabela-galeria .col .botao a{display:block;text-decoration:none}.tabela-galeria .col .botao .btn1,.tabela-galeria .col .botao .btn2{width:33px;height:33px;display:grid;float:none;place-items:center;margin:0;padding:0;border-radius:8px;background:rgba(255,255,255,.95);font-size:13px;text-align:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.12)}.tabela-galeria .col .botao .btn1{border:1px solid #91BDE7;color:#2877CF}.tabela-galeria .col .botao .btn1:hover{border-color:#2877CF;background:#2877CF;color:#FFF}.tabela-galeria .col .botao .btn2{border:1px solid #E79B9B;color:#C53B3B}.tabela-galeria .col .botao .btn2:hover{border-color:#C53B3B;background:#C53B3B;color:#FFF} .etapa-conteudo-editor{min-width:0;overflow:hidden}.editor-conteudo-cabecalho{display:flex;align-items:center;gap:13px;margin-bottom:15px;padding:15px 16px;border:1px solid #DCE6EE;border-radius:10px;background:#F7FAFC}.editor-conteudo-cabecalho>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#E3F4EA;color:var(--email-verde);font-size:17px}.editor-conteudo-cabecalho h2{margin:0 0 3px;color:#33445A;font-size:18px}.editor-conteudo-cabecalho p{margin:0!important;color:#718096!important;font-size:12px!important;line-height:1.5!important;text-align:left!important}.etapa-conteudo-editor form,.etapa-conteudo-editor .tox-tinymce,.etapa-conteudo-editor .tox-editor-container,.etapa-conteudo-editor .tox-editor-header{width:100%!important;max-width:100%!important;min-width:0!important}.etapa-conteudo-editor .tox-toolbar-overlord,.etapa-conteudo-editor .tox-toolbar__primary{max-width:100%!important}.etapa-conteudo-editor .tox-toolbar__primary{flex-wrap:wrap!important} html.tox-fullscreen .tox.tox-tinymce.tox-fullscreen{z-index:30000!important}html.tox-fullscreen .tox.tox-tinymce-aux{z-index:30001!important} .etapa-destinatarios-campanha form{margin:0}.destinatarios-cabecalho{margin-bottom:14px}.destinatarios-resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.destinatarios-resumo>div{min-width:0;min-height:94px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #DCE5ED;border-radius:10px;background:#FFF}.destinatarios-resumo>div>span{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;border-radius:10px;background:#E4F5EA;color:var(--email-verde);font-size:16px}.destinatarios-resumo>div:nth-child(2)>span{background:#FFF0DE;color:#D87A16}.destinatarios-resumo>div:nth-child(3)>span{background:#E8F1FF;color:#2877CF}.destinatarios-resumo>div:nth-child(4)>span{background:#F0E9FF;color:#7651C6}.destinatarios-resumo p{min-width:0;margin:0!important}.destinatarios-resumo small,.destinatarios-resumo strong,.destinatarios-resumo em{display:block}.destinatarios-resumo small{margin-bottom:3px;color:#7A899C;font-size:10px}.destinatarios-resumo strong{overflow:hidden;color:#2E3E54;font-size:19px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.destinatarios-resumo em{margin-top:4px;color:#8794A5;font-size:9px;font-style:normal}.destinatarios-selecao{padding:17px 18px;border:1px solid #DCE6EE;border-radius:11px;background:#F8FAFC}.destinatarios-selecao>header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.destinatarios-selecao>header span,.destinatarios-selecao>header h3{display:block}.destinatarios-selecao>header span{margin-bottom:2px;color:var(--email-verde);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.destinatarios-selecao>header h3{margin:0;color:#33445A;font-size:17px}.destinatarios-selecao>header a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #C9D6E2;border-radius:8px;background:#FFF;color:#53647A;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.destinatarios-selecao>header a:hover{border-color:var(--email-verde);color:var(--email-verde)}.destinatarios-selecao>label{display:block;margin-bottom:7px;color:#47576C;font-size:12px;font-weight:700}.etapa-destinatarios-campanha .select2-container{width:100%!important}.etapa-destinatarios-campanha .select2-container--default .select2-selection--multiple{min-height:54px!important;padding:6px 9px!important;border:1px solid #C6D3DF!important;border-radius:9px!important;background:#FFF!important}.etapa-destinatarios-campanha .select2-container--default.select2-container--focus .select2-selection--multiple{border-color:var(--email-verde)!important;box-shadow:0 0 0 3px rgba(35,134,74,.09)}.etapa-destinatarios-campanha .select2-container--default .select2-selection--multiple .select2-selection__choice{min-height:31px;display:inline-flex;align-items:center;margin:4px 5px 0 0!important;padding:0 10px 0 27px!important;border:1px solid #BFDCC9!important;border-radius:7px!important;background:#EAF7EF!important;color:#365B43!important;font-size:11px!important}.etapa-destinatarios-campanha .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{width:23px;height:29px;border-right:1px solid #CBE4D4!important;color:#5B8268!important}.etapa-destinatarios-campanha .select2-search--inline .select2-search__field{height:31px!important;margin:4px 0 0!important;font-family:inherit!important;font-size:12px!important}.destinatarios-segmentacao{display:flex;align-items:flex-start;gap:10px;margin-top:13px;padding:11px 12px;border-left:3px solid var(--email-verde);border-radius:7px;background:#EDF8F1;color:#597067}.destinatarios-segmentacao>i{margin-top:2px;color:var(--email-verde);font-size:15px}.destinatarios-segmentacao p{margin:0!important}.destinatarios-segmentacao strong,.destinatarios-segmentacao span{display:block}.destinatarios-segmentacao strong{color:#3F5C49;font-size:11px}.destinatarios-segmentacao span{margin-top:3px;color:#718277;font-size:10px;line-height:1.45}@media(max-width:1100px){.destinatarios-resumo{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.destinatarios-resumo{grid-template-columns:1fr}.destinatarios-selecao>header{align-items:flex-start;flex-direction:column}.destinatarios-selecao>header a{width:100%}} .etapa-destinatarios-campanha form{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);gap:14px;align-items:stretch}.etapa-destinatarios-campanha .destinatarios-selecao{grid-column:1;grid-row:1}.etapa-destinatarios-campanha .destinatarios-resumo{grid-column:2;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.etapa-destinatarios-campanha .salvar-travado{display:flex}@media(max-width:1050px){.etapa-destinatarios-campanha form{grid-template-columns:1fr}.etapa-destinatarios-campanha .destinatarios-selecao{grid-column:1;grid-row:1}.etapa-destinatarios-campanha .destinatarios-resumo{grid-column:1;grid-row:2}} .etapa-agendamento-campanha form{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.55fr);gap:14px;align-items:stretch;margin:0}.agendamento-formulario,.agendamento-orientacoes{overflow:hidden;border:1px solid #DCE5ED;border-radius:11px;background:#FFF}.agendamento-formulario>header{display:flex;align-items:center;gap:12px;padding:16px 17px;border-bottom:1px solid #E2E8F0;background:#F8FAFC}.agendamento-formulario>header>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#E4F5EA;color:var(--email-verde);font-size:17px}.agendamento-formulario header small,.agendamento-formulario header h2{display:block}.agendamento-formulario header small{margin-bottom:2px;color:var(--email-verde);font-size:10px;font-weight:800;text-transform:uppercase}.agendamento-formulario header h2{margin:0;color:#33445A;font-size:18px}.agendamento-grupos{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.agendamento-grupo{padding:18px}.agendamento-grupo+div{border-left:1px solid #E2E8F0}.agendamento-grupo-titulo{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.agendamento-grupo-titulo>i{width:33px;height:33px;display:grid;flex:0 0 33px;place-items:center;border-radius:8px;background:#EAF3FF;color:#2877CF;font-size:13px}.agendamento-grupo-titulo p{margin:0!important}.agendamento-grupo-titulo strong,.agendamento-grupo-titulo small{display:block}.agendamento-grupo-titulo strong{color:#405168;font-size:12px}.agendamento-grupo-titulo small{margin-top:3px;color:#7D8A9B;font-size:10px;line-height:1.4}.agendamento-data-campos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.agendamento-hora-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.agendamento-grupo label>span{display:block;margin-bottom:6px;color:#596A7F;font-size:10px;font-weight:700}.agendamento-grupo select{width:100%!important;height:44px!important;margin:0!important;padding:0 33px 0 11px!important;border:1px solid #C8D5E2!important;border-radius:8px!important;background-color:#FFF!important;color:#34455B!important;font-family:inherit!important;font-size:12px!important;outline:0!important}.agendamento-grupo select:focus{border-color:var(--email-verde)!important;box-shadow:0 0 0 3px rgba(35,134,74,.09)}.agendamento-orientacoes{padding:16px;background:#F8FAFC}.agendamento-previsao{display:flex;align-items:flex-start;gap:11px;padding-bottom:15px;border-bottom:1px solid #DDE5ED}.agendamento-previsao>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#E4F5EA;color:var(--email-verde);font-size:17px}.agendamento-previsao p{min-width:0;margin:0!important}.agendamento-previsao small,.agendamento-previsao strong,.agendamento-previsao em{display:block}.agendamento-previsao small{margin-bottom:4px;color:#7D8B9D;font-size:9px}.agendamento-previsao strong{color:#33445A;font-size:14px;line-height:1.35}.agendamento-previsao em{margin-top:5px;color:#8491A2;font-size:9px;font-style:normal}.agendamento-orientacoes ul{display:grid;gap:0;margin:6px 0 0;padding:0;list-style:none}.agendamento-orientacoes li{display:flex;align-items:flex-start;gap:9px;padding:11px 0;border-bottom:1px solid #E4EAF0}.agendamento-orientacoes li:last-child{border-bottom:0}.agendamento-orientacoes li>i{width:28px;height:28px;display:grid;flex:0 0 28px;place-items:center;border-radius:7px;background:#E8F5ED;color:var(--email-verde);font-size:11px}.agendamento-orientacoes li p{margin:0!important}.agendamento-orientacoes li strong,.agendamento-orientacoes li span{display:block}.agendamento-orientacoes li strong{color:#46576C;font-size:11px}.agendamento-orientacoes li span{margin-top:3px;color:#7A8798;font-size:9px;line-height:1.4}.etapa-agendamento-campanha .salvar-travado{display:flex}@media(max-width:1100px){.etapa-agendamento-campanha form{grid-template-columns:1fr}.agendamento-grupos{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}}@media(max-width:680px){.agendamento-grupos{grid-template-columns:1fr}.agendamento-grupo+div{border-top:1px solid #E2E8F0;border-left:0}.agendamento-data-campos{grid-template-columns:repeat(3,minmax(85px,1fr))}} .revisao-status{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:14px;padding:15px 17px;border:1px solid;border-radius:11px}.revisao-status.pronto{border-color:#BFDCC9;background:#F1FAF5}.revisao-status.pendente{border-color:#EDC8A2;background:#FFF8EF}.revisao-status>span{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;font-size:19px}.revisao-status.pronto>span{background:#DDF2E5;color:var(--email-verde)}.revisao-status.pendente>span{background:#FCE8D2;color:#CC7315}.revisao-status small,.revisao-status h2,.revisao-status p{display:block}.revisao-status small{margin-bottom:2px;color:#718096;font-size:9px;font-weight:800;text-transform:uppercase}.revisao-status h2{margin:0 0 3px;color:#33445A;font-size:18px}.revisao-status p{margin:0!important;color:#6E7D90!important;font-size:10px!important}.revisao-status>strong{padding:7px 10px;border-radius:999px;font-size:10px;white-space:nowrap}.revisao-status.pronto>strong{background:#DDF2E5;color:var(--email-verde)}.revisao-status.pendente>strong{background:#FCE8D2;color:#B9640D}.revisao-layout{display:grid;grid-template-columns:minmax(330px,.62fr) minmax(0,1.38fr);gap:14px;align-items:start}.revisao-checklist,.revisao-preview{overflow:hidden;border:1px solid #DCE5ED;border-radius:11px;background:#FFF}.revisao-checklist>header,.revisao-preview>header{padding:15px 16px;border-bottom:1px solid #E2E8F0;background:#F8FAFC}.revisao-checklist>header span,.revisao-checklist>header h3,.revisao-preview>header span,.revisao-preview>header h3{display:block}.revisao-checklist>header span,.revisao-preview>header span{margin-bottom:2px;color:var(--email-verde);font-size:9px;font-weight:800;text-transform:uppercase}.revisao-checklist>header h3,.revisao-preview>header h3{margin:0;color:#33445A;font-size:16px}.revisao-itens{display:grid}.revisao-itens article{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) 25px;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid #E8EDF2}.revisao-itens article:last-child{border-bottom:0}.revisao-itens article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#F0F4F8;color:#66788E;font-size:12px}.revisao-itens article p{min-width:0;margin:0!important}.revisao-itens article small,.revisao-itens article strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.revisao-itens article small{margin-bottom:2px;color:#8390A1;font-size:9px}.revisao-itens article strong{color:#405168;font-size:11px}.revisao-itens article>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-size:9px}.revisao-itens article.ok>span{background:#DFF3E7;color:var(--email-verde)}.revisao-itens article.erro{background:#FFF9F9}.revisao-itens article.erro>span{background:#FBE3E4;color:#C53B43}.revisao-preview>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.revisao-preview>header a{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #C7D5E1;border-radius:8px;background:#FFF;color:#52657A;font-size:10px;font-weight:700;text-decoration:none;white-space:nowrap}.revisao-preview>header a:hover{border-color:var(--email-verde);color:var(--email-verde)}.revisao-preview>div{height:520px;overflow:hidden;background:#FFF}.revisao-preview iframe{display:block;width:100%;height:100%;margin:0;border:0;background:#FFF}.etapa-revisao-campanha .salvar-travado{display:flex}@media(max-width:1000px){.revisao-layout{grid-template-columns:1fr}.revisao-preview>div{height:460px}}@media(max-width:620px){.revisao-status{grid-template-columns:40px minmax(0,1fr)}.revisao-status>span{width:40px;height:40px}.revisao-status>strong{grid-column:1/-1;width:max-content}.revisao-preview>header{align-items:flex-start;flex-direction:column}.revisao-preview>header a{width:100%}} /* Revisao compacta: mais informacao visivel sem alongar a ultima etapa. */ .revisao-layout{grid-template-columns:1fr} .revisao-itens{grid-template-columns:repeat(7,minmax(150px,1fr));gap:8px;padding:10px;overflow-x:auto;background:#FFF} .revisao-itens article{grid-template-columns:minmax(0,1fr) 20px;gap:7px;padding:9px 10px;border:1px solid #DCE5ED;border-radius:9px;background:#FFF} .revisao-itens article.erro{background:#FFF9F9} .revisao-itens article.ok{border-color:#CDE7D7;background:#F7FCF9} .revisao-itens article.erro{border-color:#F0D3D5} .revisao-itens article:last-child{border-bottom-width:1px;border-bottom-style:solid} .revisao-itens article>span{width:20px;height:20px} .revisao-checklist>header span,.revisao-preview>header span{font-size:10px} .revisao-checklist>header h3,.revisao-preview>header h3{font-size:17px} .revisao-itens article small{font-size:10px} .revisao-itens article strong{font-size:13px;line-height:1.35} .revisao-preview>div{height:380px} .revisao-checklist-somente-itens{overflow:visible;border:0;background:transparent} .revisao-checklist-somente-itens .revisao-itens{padding:0;background:transparent} .revisao-checklist-cabecalho{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px} .revisao-checklist-cabecalho>i{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;font-size:16px} .revisao-checklist-cabecalho.pronto>i{background:#DFF3E7;color:var(--email-verde)} .revisao-checklist-cabecalho.pendente>i{background:#FCE8D2;color:#C96C0C} .revisao-checklist-cabecalho p{margin:3px 0 0!important;color:#718096!important;font-size:11px!important} .revisao-checklist-cabecalho>strong{padding:6px 9px;border-radius:999px;font-size:10px;white-space:nowrap} .revisao-checklist-cabecalho.pronto>strong{background:#DFF3E7;color:var(--email-verde)} .revisao-checklist-cabecalho.pendente>strong{background:#FCE8D2;color:#B9640D} @media(max-width:1150px){.revisao-preview>div{height:420px}} @media(max-width:620px){.revisao-checklist-cabecalho{grid-template-columns:36px minmax(0,1fr)}.revisao-checklist-cabecalho>strong{grid-column:1/-1;width:max-content}} .etapa-destinatarios-campanha .select2-selection__choice{position:relative!important}.etapa-destinatarios-campanha .select2-selection__choice__remove{position:absolute!important;top:0!important;bottom:0!important;left:0!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;line-height:1!important;text-align:center!important} .area-carrossel { position: relative; width: 100%; max-width:100%; min-width:0; overflow:hidden; background: #FAFAFA; border-radius: 10px; padding: 12px 52px; box-sizing: border-box; } .btn-navegacao { position: absolute; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; border: none; border-radius: 50%; background: #FFFFFF; color: var(--verde); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);cursor: pointer; z-index: 10; transition: all 0.2s ease; } .btn-navegacao:hover { background: var(--verde); color: #FFFFFF; } .btn-bloco-pronto { flex: 0 0 160px; display: flex; align-items: left; justify-content: left; gap: 10px; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 10px; padding: 12px 15px; cursor: grab; scroll-snap-align: start; } .btn-bloco-pronto i { font-size: 18px; color: var(--verde); } .btn-bloco-pronto strong { font-size: 14px; color: #333333; font-weight: 500; white-space: nowrap; } #btn-prev { left: 10px; } #btn-next { right: 10px; } #blocos-externos { width:100%; max-width:100%; min-width:0; display: flex; overflow-x: auto; gap: 10px; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; } #blocos-externos::-webkit-scrollbar { display: none; } /* Biblioteca de blocos do editor */ body.editor-blocos-aberto{overflow:hidden} .editor-conteudo-cabecalho .editor-conteudo-legenda{min-width:0;flex:1} .editor-blocos-acao{flex:0 0 auto;margin-left:auto} .editor-blocos-acao>button{min-width:205px;min-height:48px;display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:7px 10px;border:1px solid #BFDCCB;border-radius:9px;background:#FFF;color:#33445A;font-family:inherit;text-align:left;cursor:pointer} .editor-blocos-acao>button:hover{border-color:var(--email-verde);background:#F1F9F4} .editor-blocos-acao>button>i:first-child{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#E3F4EA;color:var(--email-verde);font-size:14px} .editor-blocos-acao>button>i:last-child{color:#8190A3;font-size:11px;text-align:center} .editor-blocos-acao strong,.editor-blocos-acao small{display:block;white-space:nowrap} .editor-blocos-acao strong{color:#33445A;font-size:12px} .editor-blocos-acao small{margin-top:2px;color:#7B899B;font-size:9px} .editor-blocos-modal{position:fixed;inset:0;z-index:25000;display:grid;place-items:center;padding:20px} .editor-blocos-modal[hidden]{display:none!important} .editor-blocos-fundo{position:absolute;inset:0;border:0;background:rgba(15,23,34,.68);backdrop-filter:blur(2px);cursor:default} .editor-blocos-card{position:relative;width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #D7E2EC;border-radius:14px;background:#FFF;box-shadow:0 24px 70px rgba(15,23,42,.30)} .editor-blocos-card>header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #E2E8F0;background:#FFF} .editor-blocos-card>header span{display:block;margin-bottom:3px;color:var(--email-verde);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .editor-blocos-card>header h2{margin:0 0 4px;color:#2E3D52;font-size:21px;line-height:1.2} .editor-blocos-card>header p{margin:0!important;color:#758398!important;font-size:12px!important;text-align:left!important} .editor-blocos-card>header>button{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border:1px solid #CBD6E2;border-radius:9px;background:#FFF;color:#65758A;font-size:15px;cursor:pointer} .editor-blocos-card>header>button:hover{border-color:#E08A8F;background:#FFF1F1;color:#C9363E} .editor-blocos-grade#blocos-externos{width:100%;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 20px 20px;overflow:visible;scroll-snap-type:none;box-sizing:border-box} .editor-blocos-grade .btn-bloco-pronto{width:100%;min-width:0;min-height:88px;display:flex;flex:initial;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;margin:0;padding:13px;border:1px solid #DCE5ED;border-radius:10px;background:#F8FAFC;font-family:inherit;text-align:left;cursor:pointer;scroll-snap-align:unset} .editor-blocos-grade .btn-bloco-pronto:hover{border-color:#9FCDB1;background:#F0F8F3} .editor-blocos-grade .btn-bloco-pronto i{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#E3F4EA;color:var(--email-verde);font-size:15px} .editor-blocos-grade .btn-bloco-pronto strong{color:#34455B;font-size:12px;font-weight:700;white-space:normal} @media(max-width:900px){.editor-blocos-grade#blocos-externos{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:700px){.editor-conteudo-cabecalho{align-items:flex-start;flex-wrap:wrap}.editor-blocos-acao{width:100%;margin-left:55px}.editor-blocos-acao>button{width:100%}.editor-blocos-grade#blocos-externos{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.editor-blocos-modal{padding:12px}.editor-blocos-card{max-height:calc(100vh - 24px)}.editor-blocos-card>header{padding:15px}} /* Informações da campanha */ .envio-tradicional-v2>.caixa-introducao-conteudo.etapa-arquivos-campanha{padding:0;border:0;background:transparent;box-shadow:none} .etapa-informacoes-campanha{min-width:0;overflow:hidden} .campanha-informacoes-campos{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:14px;margin-bottom:14px} .campanha-informacoes-campos label{min-width:0;display:block;padding:14px;border:1px solid #DCE5ED;border-radius:10px;background:#FFF} .campanha-informacoes-campos label:nth-child(1),.campanha-informacoes-campos label:nth-child(2){grid-column:span 5} .campanha-informacoes-campos label:nth-child(3){grid-column:span 4} .campanha-informacoes-campos label:nth-child(4),.campanha-informacoes-campos label:nth-child(5){grid-column:span 3} .campanha-informacoes-campos label>span{display:block;margin-bottom:7px;color:#42536A;font-size:12px;font-weight:700} .campanha-informacoes-campos label>span a{float:right;color:var(--email-verde);font-size:10px;font-weight:700;text-decoration:none} .campanha-informacoes-campos input,.campanha-informacoes-campos select{width:100%!important;height:43px!important;margin:0!important;padding:0 12px!important;border:1px solid #C9D6E2!important;border-radius:8px!important;background:#FFF!important;color:#34455B!important;font-family:inherit!important;font-size:13px!important;box-shadow:none!important} .campanha-informacoes-campos input:focus,.campanha-informacoes-campos select:focus{border-color:var(--email-verde)!important;outline:0;box-shadow:0 0 0 3px rgba(35,134,74,.08)!important} .campanha-informacoes-campos small{display:block;min-height:28px;margin-top:7px;color:#7C899A;font-size:10px;line-height:1.4} .campanha-informacoes-aviso{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border-left:4px solid var(--email-verde);border-radius:9px;background:#F2F8F4} .campanha-informacoes-aviso>i{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:8px;background:#E1F3E8;color:var(--email-verde);font-size:14px} .campanha-informacoes-aviso p{margin:0!important;color:#69788C!important;font-size:11px!important;line-height:1.5!important;text-align:left!important} .campanha-informacoes-aviso strong{display:block;margin-bottom:2px;color:#3D4E64;font-size:12px} @media(max-width:1050px){.campanha-informacoes-campos{grid-template-columns:repeat(2,minmax(0,1fr))}.campanha-informacoes-campos label:nth-child(n){grid-column:auto}.campanha-informacoes-campos label:nth-child(3){grid-column:1/-1}} @media(max-width:780px){.campanha-informacoes-campos{grid-template-columns:1fr}.campanha-informacoes-campos label:nth-child(n){grid-column:auto}} /*- MODELOS PRONTOS ----------------------------------------------------------------------------------------------------------------------------*/ /*- MODELOS PRONTOS ----------------------------------------------------------------------------------------------------------------------------*/ .modelos-prontos { float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } .modelos-prontos .col1 .col-trans { width:100%; height:100%; background:rgba(0,0,0,0.6); position: relative; opacity:0; border-radius: 6px; } .modelos-prontos .col1:hover .col-trans { opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .modelos-prontos .col1 { float: left; width: calc((100% / 4) - (60px / 4)); height: auto; aspect-ratio:4/5; margin: 0px 20px 20px 0px; border: 1px solid #DDDDDD; border-radius: 6px; } .modelos-prontos .col1:nth-child(4n) { float: left; width: calc((100% / 4) - (60px / 4)); height: auto; aspect-ratio:4/5; margin: 0px 0px 20px 0px; border: 1px solid #DDDDDD; border-radius: 6px; } .modelos-prontos .col1 .botao { display:block; width: calc(100% - 10px); position: absolute; bottom: 10px; left: 5px; text-align: left; } .modelos-prontos .col1 .botao .btn1 { float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; } .modelos-prontos .col1 .botao .btn1:hover { background: #9B59B6; border: 1px solid #9B59B6; color: #FFFFFF; } .modelos-prontos .col1 .botao .btn2 { float: left; width: calc(100% - 20px); margin: 0px 10px 0px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; } .modelos-prontos .col1 .botao .btn2:hover { background: #27AE60; border: 1px solid #27AE60; color: #FFFFFF; } .modelos-prontos .col2 .col-trans { width:100%; height:100%; background:rgba(0,0,0,0.6); position: relative; opacity:0; border-radius: 6px; } .modelos-prontos .col2-imagem { width:100%; height:100%; overflow: hidden; border-radius: 6px 6px 0px 0px; } .modelos-prontos .col2:hover .col-trans { opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .modelos-prontos .col2 { float: left; width: calc((100% / 4) - (60px / 4)); height: auto; aspect-ratio:4/5; margin: 0px 20px 20px 0px; border: 1px solid #DDDDDD; border-radius: 6px; } .modelos-prontos .col2:nth-child(4n) { float: left; width: calc((100% / 4) - (60px / 4)); height: auto; aspect-ratio:4/5; margin: 0px 0px 20px 0px; border: 1px solid #DDDDDD; border-radius: 6px; } .modelos-prontos .col2 .info { display:block; width: 100%; background: #FFF; padding: 10px; height: 120px; text-align: center; line-height: 24px; border-radius: 6px; } .modelos-prontos .col2 .botao { display:block; width: calc(100% - 10px); position: absolute; bottom: 10px; left: 5px; text-align: left; } .modelos-prontos .col2 .botao .btn1 { float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; } .modelos-prontos .col2 .botao .btn1:hover { background: #9B59B6; border: 1px solid #9B59B6; color: #FFFFFF; } .modelos-prontos .col2 .botao .btn2 { float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; } .modelos-prontos .col2 .botao .btn2:hover { background: #27AE60; border: 1px solid #27AE60; color: #FFFFFF; } .modelos-prontos .col2 .botao .btn3 { float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; } .modelos-prontos .col2 .botao .btn3:hover { background: #F1C40F; border: 1px solid #F1C40F; color: #FFFFFF; } .modelos-prontos .col2 .botao .btn4 { float: left; width: calc(100% - 20px); margin: 0px 10px 10px 10px; font-size: 14px; padding: 6px 10px 6px 10px; background: #FFFFFF; border: 1px solid #CCCCCC; color: #222222; border-radius: 6px; text-align: left; cursor: pointer; } .modelos-prontos .col2 .botao .btn4:hover { background: #E74C3C; border: 1px solid #E74C3C; color: #FFFFFF; } /*- FINANCEIRO ---------------------------------------------------------------------------------------------------------------------------------*/ /*- FINANCEIRO ---------------------------------------------------------------------------------------------------------------------------------*/ .tabela-botao-financeiro { float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } .tabela-botao-financeiro .col { float: left; width: calc((100% / 3) - (20px / 3)); margin: 0px 10px 0px 0px; } .tabela-botao-financeiro .col:nth-child(3n) { float: left; width: calc((100% / 3) - (20px / 3)); margin: 0px 0px 0px 0px; } .tabela-botao-financeiro .col .icone { width: 100%; text-align: center; padding: 0px 0px 0px 0px; } .tabela-botao-financeiro .col .icone i { width: 70px; text-align: center; padding: 20px 0px 0px 0px; float: left; font-size: 32px; display:block; } .tabela-botao-financeiro .col .icone .info { text-align: left; margin-left: 70px; } .tabela-botao-financeiro .col .icone .info h3 { font-size: 15px; line-height: 20px; font-weight: normal; } .tabela-botao-financeiro .col .icone span { font-size: 12px; } /*- CONFIGURACOES ------------------------------------------------------------------------------------------------------------------------------*/ /*- CONFIGURACOES ------------------------------------------------------------------------------------------------------------------------------*/ .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; } /*- AJUDA --------------------------------------------------------------------------------------------------------------------------------------*/ /*- 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; } /*- RELATORIOS ---------------------------------------------------------------------------------------------------------------------------------*/ /*- RELATORIOS ---------------------------------------------------------------------------------------------------------------------------------*/ .tabela-relatorio { float: left; width: 100%; margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px; } .tabela-relatorio .col { float: left; width: calc((100% / 5) - (40px / 5)); margin: 0px 10px 0px 0px; } .tabela-relatorio .col:nth-child(5n) { float: left; width: calc((100% / 5) - (40px / 5)); margin: 0px 0px 0px 0px; } .tabela-relatorio .col .icone { width: 100%; text-align: center; padding: 15px 0px 15px 0px; } .tabela-relatorio .col .icone i { width: 70px; text-align: center; padding: 16px 0px 0px 0px; float: left; font-size: 32px; display:block; } .tabela-relatorio .col .icone .info { text-align: left; margin-left: 70px; } .tabela-relatorio .col .icone .info h3 { font-size: 15px; line-height: 0px; font-weight: normal; margin-bottom: 10px; } .tabela-relatorio .col .icone b { font-size: 24px; } .tabela-relatorio .col .legenda { border:1px solid #DDD; background:#FFF; border-radius:0px 0px 6px 6px; border-top:0px; padding:10px 0px; text-align:center; color:#666; } .abas { float: left; border-bottom: 1px solid #ccc; margin: 0px 0px 15px 0px; width: 100%; padding: 0px 0px 15px 0px; } .abas button { padding: 10px 20px 10px 20px; border: none; cursor: pointer; font-weight: bold; transition: 0.2s; color:#00636a99; background:#00636a11; border: 1px solid #00636a11; border-radius:6px; } .abas button.ativo { background: #00636a33; border: 1px solid #00636a44; color:#00636a; } .conteudo-abas > div { display: none; } .conteudo-abas > div.ativo { float: left; display: block; background:#FFFFFF; border: 1px solid #DDDDDD; color: #444444; margin: 0px 0px 0px 0px; border-radius: 6px; padding: 0px; width:100%; } .conteudo-abas > div:nth-child(3).ativo .dataTables_wrapper { border: 0px; } .conteudo-abas > div:nth-child(4).ativo .dataTables_wrapper { border: 0px; } .news-tabela-visualizar { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px; border-radius: 6px; pointer-events: none; } /* Prioridade final para os campos do novo login */ .login_campo input[type=text],.login_campo input[type=password]{width:100%;height:52px;margin:0;padding:0 14px 0 42px;border:1px solid #D9E2EC;border-radius:10px;background:#FFF;color:#111827;font-size:14px;font-weight:700;outline:0}.login_campo input[type=text]:focus,.login_campo input[type=password]:focus{border-color:var(--email-verde);box-shadow:0 0 0 4px rgba(35,134,74,.13)} /* Título principal do login em uma única linha no desktop */ @media(min-width:901px){.login_chamada h1{max-width:none;font-size:40px;letter-spacing:-.02em;white-space:nowrap}} /* Remove a aparência legada dos campos somente no modal de senha */ .senha-principal-card form>label>div>input[type=password],.senha-principal-card form>label>div>input[type=text]{min-width:0;width:auto;height:41px;flex:1;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#293548;font-family:inherit;font-size:13px;outline:0} /*- HOME DISPARA E-MAILS --------------------------------------------------------------------------------------------------------------------*/ .email-dashboard{display:grid;gap:22px;color:#2E3B4E}.email-dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:25px 26px;border:1px solid #D9E4EF;border-radius:15px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.email-dashboard-hero>div:first-child>span{display:block;margin-bottom:7px;color:var(--email-verde);font-size:11px;font-weight:700}.email-dashboard-hero h1{margin:0;color:#2D3C51;font-size:30px;line-height:1.2}.email-dashboard-hero p{margin:7px 0 0;color:#758398;font-size:13px}.email-dashboard-acoes{display:flex;align-items:flex-end;flex-direction:column;gap:11px}.email-dashboard-acoes small{color:#8491A3;font-size:10px}.email-dashboard-acoes a{min-height:39px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;border-radius:8px;background:var(--email-verde);color:#FFF;font-size:12px;font-weight:700;text-decoration:none}.email-dashboard-acoes a:hover{background:var(--email-verde-escuro)} .email-plano{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.8fr);gap:12px}.email-plano-resumo,.email-plano-dados{border:1px solid #DCE5EE;border-radius:14px;background:#FFF}.email-plano-resumo{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:17px}.email-plano-resumo>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#E5F5EB;color:var(--email-verde);font-size:18px}.email-plano-resumo>div{min-width:0}.email-plano-resumo small,.email-plano-dados small{display:block;color:#78869A;font-size:10px}.email-plano-resumo strong{display:block;margin-top:3px;color:#304158;font-size:15px}.email-plano-resumo>b{color:var(--email-verde);font-size:14px}.email-plano-barra{height:6px;margin-top:11px;overflow:hidden;border-radius:99px;background:#E7EDF3}.email-plano-barra i{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,var(--email-verde),var(--email-acento))}.email-plano-dados{display:grid;grid-template-columns:1fr 1fr}.email-plano-dados article{display:flex;justify-content:center;flex-direction:column;padding:15px 20px}.email-plano-dados article+article{border-left:1px solid #E2E8F0}.email-plano-dados strong{margin:3px 0;color:#2E4058;font-size:19px}.email-plano-dados span{color:#8794A5;font-size:9px} .email-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.email-dashboard-kpis article{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:13px;padding:17px;border:1px solid #DDE5EE;border-radius:13px;background:#FFF}.email-dashboard-kpis article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#EAF4FF;color:#2573C8;font-size:16px}.email-dashboard-kpis article.contatos>span{background:#E8F7EE;color:#23864A}.email-dashboard-kpis article.rascunhos>span{background:#FFF3E3;color:#D77918}.email-dashboard-kpis article.agendadas>span{background:#F2ECFF;color:#7753C6}.email-dashboard-kpis small,.email-dashboard-kpis em{display:block;color:#7C899B;font-size:10px;font-style:normal}.email-dashboard-kpis strong{display:block;margin:1px 0;color:#2E4058;font-size:22px;line-height:1.15} .email-dashboard-titulo{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-top:4px}.email-dashboard-titulo h2,.email-grafico-card h2,.email-recentes-card h2{margin:0;color:#2D3C51;font-size:20px}.email-dashboard-titulo p,.email-grafico-card header p{margin:5px 0 0;color:#7B899C;font-size:11px}.email-dashboard-titulo>a,.email-recentes-card header>a{display:inline-flex;align-items:center;gap:7px;color:var(--email-verde);font-size:11px;font-weight:700;text-decoration:none} .email-desempenho{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.email-desempenho article{position:relative;overflow:hidden;min-height:112px;display:flex;justify-content:center;flex-direction:column;padding:16px;border:1px solid #DDE5EE;border-radius:13px;background:#FFF}.email-desempenho article:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--email-verde)}.email-desempenho article:nth-child(2):before{background:#38A667}.email-desempenho article:nth-child(3):before{background:#2E7CD0}.email-desempenho article:nth-child(4):before{background:#7655C4}.email-desempenho article:nth-child(5):before{background:#E17A20}.email-desempenho article>span{position:absolute;top:14px;right:14px;color:#9AA7B7;font-size:15px}.email-desempenho small{color:#7A889B;font-size:10px}.email-desempenho strong{margin-top:7px;color:#293A50;font-size:24px;line-height:1} .email-grafico-card,.email-recentes-card{padding:22px;border:1px solid #D9E3ED;border-radius:15px;background:#FFF}.email-grafico-card>header,.email-recentes-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.email-grafico-card>header>div>span,.email-recentes-card>header>div>span{display:block;margin-bottom:5px;color:var(--email-verde);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.email-grafico-card>header>b{padding:6px 9px;border-radius:999px;background:#EDF6F0;color:var(--email-verde);font-size:9px}.email-grafico-area{height:340px;margin-top:22px}.email-dashboard-vazio{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#8794A5;text-align:center}.email-dashboard-vazio>i{font-size:25px}.email-dashboard-vazio strong{color:#56667B;font-size:13px}.email-dashboard-vazio span{font-size:10px}.email-dashboard-vazio.compacto{min-height:130px} .email-recentes-lista{display:grid;margin-top:17px;border-top:1px solid #E4EAF1}.email-recentes-legenda,.email-recentes-lista>article{display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,.9fr) 32px;align-items:center;gap:18px}.email-recentes-legenda{padding:11px 3px 9px;border-bottom:1px solid #DCE4EC;color:#7A8798}.email-recentes-legenda>span,.email-recentes-legenda>div>b{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.email-recentes-legenda>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.email-recentes-legenda>div>b.taxa{color:var(--email-verde)}.email-recentes-lista>article{padding:14px 3px;border-bottom:1px solid #E8EDF3}.email-campanha-info{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px}.email-campanha-info>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#E9F7EE;color:var(--email-verde)}.email-campanha-info>div{min-width:0}.email-campanha-info strong{display:block;overflow:hidden;color:#314259;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.email-campanha-info small{display:block;margin-top:4px;color:#8A96A7;font-size:9px}.email-campanha-metricas{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:9px}.email-campanha-metricas>span{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-height:38px}.email-campanha-metricas b{color:#36475E;font-size:15px;line-height:1}.email-campanha-metricas>span.taxa b{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:8px;background:#E8F7EE;color:var(--email-verde);font-size:18px;font-weight:800}.email-recentes-lista>article>a{width:30px;height:30px;display:grid;place-items:center;border:1px solid #D9E3EC;border-radius:8px;color:var(--email-verde);text-decoration:none} @media(max-width:1100px){.email-plano{grid-template-columns:1fr}.email-dashboard-kpis{grid-template-columns:repeat(2,1fr)}.email-desempenho{grid-template-columns:repeat(3,1fr)}.email-recentes-legenda{display:none}.email-recentes-lista>article{grid-template-columns:1fr 32px}.email-campanha-metricas{grid-column:1/-1;grid-row:2}.email-campanha-metricas>span:before{content:attr(data-label);margin-bottom:6px;color:#8793A3;font-size:9px}} @media(max-width:720px){.email-dashboard-hero{align-items:flex-start;flex-direction:column}.email-dashboard-acoes{align-items:flex-start}.email-dashboard-hero h1{font-size:25px}.email-plano-dados{grid-template-columns:1fr}.email-plano-dados article+article{border-top:1px solid #E2E8F0;border-left:0}.email-dashboard-kpis,.email-desempenho{grid-template-columns:1fr}.email-dashboard-titulo{align-items:flex-start;flex-direction:column}.email-grafico-card,.email-recentes-card{padding:17px}.email-grafico-area{height:300px}.email-campanha-metricas{grid-template-columns:repeat(2,1fr)}} /* Escala tipográfica compartilhada com o painel de Mídias Sociais */ body.adm-topo-layout .adm-topo-menu-item>a span{font-size:11px;line-height:13px;font-weight:400} body.adm-topo-layout .adm-topo-subbar a{font-size:13px;line-height:1.35;font-weight:400} .email-dashboard-hero{align-items:center;padding:22px 24px} .email-dashboard-hero>div:first-child>span{margin-bottom:8px;font-size:14px} .email-dashboard-hero h1{font-size:28px} .email-dashboard-hero p{font-size:15px;line-height:1.5} .email-dashboard-acoes small{font-size:12px} .email-dashboard-acoes a{min-height:42px;padding:0 17px;font-size:14px;font-weight:600} .email-plano-resumo small,.email-plano-dados small{font-size:11px} .email-plano-resumo strong{font-size:16px;line-height:1.35} .email-plano-resumo>b{font-size:13px} .email-plano-dados strong{font-size:21px} .email-plano-dados span{font-size:11px} .email-dashboard-kpis article{min-height:118px;grid-template-columns:46px 1fr;gap:14px;padding:18px} .email-dashboard-kpis article>span{width:46px;height:46px;font-size:19px} .email-dashboard-kpis small{font-size:12px} .email-dashboard-kpis em{margin-top:5px;font-size:11px} .email-dashboard-kpis strong{font-size:29px;line-height:1.05} .email-dashboard-titulo h2,.email-grafico-card h2,.email-recentes-card h2{font-size:21px} .email-dashboard-titulo p,.email-grafico-card header p{font-size:13px;line-height:1.45} .email-dashboard-titulo>a,.email-recentes-card header>a{font-size:12px} .email-desempenho article{min-height:118px;padding:18px} .email-desempenho small{font-size:12px} .email-desempenho strong{font-size:29px} .email-grafico-card>header>div>span,.email-recentes-card>header>div>span{font-size:12px;letter-spacing:0;text-transform:none} .email-grafico-card>header>b{font-size:10px} .email-grafico-area{height:400px} .email-recentes-legenda>span,.email-recentes-legenda>div>b{font-size:10px} .email-campanha-info strong{font-size:13px} .email-campanha-info small{font-size:11px} .email-campanha-metricas b{font-size:16px} .email-recentes-legenda>div>b{text-align:center} .email-campanha-metricas>span{align-items:center;text-align:center} .email-taxa-aviso{display:flex;align-items:flex-start;gap:14px;padding:17px 19px;border:1px solid #CFE1F3;border-left:4px solid #2E7CD0;border-radius:12px;background:linear-gradient(135deg,#F5FAFF,#FFF);color:#53647A}.email-taxa-aviso>span{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;border-radius:10px;background:#E7F2FF;color:#2E7CD0;font-size:18px}.email-taxa-aviso>div{min-width:0}.email-taxa-aviso strong{display:block;margin:1px 0 5px;color:#2D3C51;font-size:15px}.email-taxa-aviso p{margin:0;color:#69788C;font-size:13px;line-height:1.6} @media(max-width:720px){.email-dashboard-hero{align-items:flex-start}.email-dashboard-hero h1{font-size:25px}.email-grafico-area{height:320px}.email-taxa-aviso{padding:15px}.email-taxa-aviso>span{width:36px;height:36px;flex-basis:36px}} /*- CONTATOS V2 -----------------------------------------------------------------------------------------------------------------------------*/ .contatos-v2{display:grid;gap:16px;color:#2E3B4E}.contatos-v2 *{box-sizing:border-box}.contatos-v2-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.contatos-v2-hero>div{min-width:0;max-width:780px}.contatos-v2-hero>div>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.contatos-v2-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.contatos-v2-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.contatos-v2-hero>a{min-height:42px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;padding:0 17px;border:1px solid var(--email-verde);border-radius:8px;background:var(--email-verde);color:#FFF;font-size:14px;font-weight:600;text-decoration:none}.contatos-v2-hero>a:hover{border-color:var(--email-verde-escuro);background:var(--email-verde-escuro)}.contatos-v2-hero>a.secundario{border-color:#CFDAE6;background:#FFF;color:#526176}.contatos-v2-hero>a.secundario:hover{border-color:var(--email-verde);color:var(--email-verde)} .contatos-v2-conteudo{min-width:0}.contatos-resumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.contatos-resumo article{min-height:92px;display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #DDE5EE;border-radius:13px;background:#FFF}.contatos-resumo article>span{width:46px;height:46px;display:grid;flex:0 0 46px;place-items:center;border-radius:11px;background:#E8F7EE;color:var(--email-verde);font-size:18px}.contatos-resumo article:nth-child(2)>span{background:#EAF3FF;color:#2877CF}.contatos-resumo article:nth-child(3)>span{background:#FFF3E3;color:#D77918}.contatos-resumo small{display:block;margin-bottom:3px;color:#6F7D90;font-size:12px}.contatos-resumo strong{display:block;color:#29394F;font-size:27px;line-height:1.05} .contatos-v2-conteudo>.caixa-introducao-conteudo,.contatos-v2-conteudo>.caixa-legenda-conteudo{width:100%;float:none;margin:0 0 16px;padding:20px 22px;border:1px solid #DDE5EE;border-radius:13px;background:#FFF;color:#5F6F84}.contatos-v2-conteudo>.caixa-introducao-conteudo:after,.contatos-v2-conteudo>.caixa-legenda-conteudo:after{content:"";display:block;clear:both}.contatos-v2-conteudo>.caixa-introducao-conteudo>p,.contatos-v2-conteudo>.caixa-legenda-conteudo>p{margin:0;padding:0;color:#66768A;font-size:14px;line-height:1.65;text-align:left}.contatos-v2-conteudo>.caixa-legenda-conteudo{margin-top:16px;border-color:#D7E4F0;border-left:4px solid #2E7CD0;background:linear-gradient(135deg,#F6FAFF,#FFF)} .contatos-v2-conteudo form{width:100%;margin-top:17px;padding-top:17px;border-top:1px solid #E7ECF2}.contatos-v2-conteudo form:after{content:"";display:block;clear:both}.contatos-v2-conteudo .caixaForm{display:block;margin-bottom:7px;color:#405067;font-size:13px;font-weight:700}.contatos-v2-conteudo input[type=text],.contatos-v2-conteudo input[type=file],.contatos-v2-conteudo textarea{min-height:48px;border:1px solid #CAD5E1;border-radius:8px;background:#FFF;color:#304158;font-family:inherit;font-size:14px}.contatos-v2-conteudo textarea{line-height:1.55;resize:vertical}.contatos-v2-conteudo input:focus,.contatos-v2-conteudo textarea:focus{border-color:var(--email-verde);box-shadow:0 0 0 3px rgba(35,134,74,.1)}.contatos-v2-conteudo input[type=submit],.contatos-v2-conteudo input[type=button]{min-width:150px;min-height:42px;padding:0 17px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600}.contatos-v2-conteudo input[type=submit]{border-color:var(--email-verde);background:var(--email-verde);color:#FFF}.contatos-v2-conteudo input[type=submit]:hover{border-color:var(--email-verde-escuro);background:var(--email-verde-escuro);color:#FFF}.contatos-v2-conteudo input[type=button]{border-color:#CCD6E2;background:#FFF;color:#526176}.contatos-v2-conteudo .caixa-delimitador,.contatos-v2-conteudo .caixa-exportarlis{margin:10px 0 14px;padding:15px 17px;border:1px solid #D8E1EA;border-radius:9px;background:#F7F9FC;color:#526176;font-size:13px;line-height:1.8}.contatos-v2-conteudo input[type=radio]{width:16px;height:16px;margin:0 4px 0 12px;accent-color:var(--email-verde);vertical-align:middle}.contatos-v2-conteudo .select2-container{width:100%!important}.contatos-v2-conteudo .select2-container--default .select2-selection--single{height:48px;border-color:#CAD5E1;border-radius:8px}.contatos-v2-conteudo .select2-container .select2-selection--single .select2-selection__rendered{padding-top:8px;color:#405168;font-size:14px} .contatos-v2-conteudo .dataTables_wrapper{overflow:hidden;border:1px solid #D9E3ED;border-radius:13px;background:#FFF;color:#4C5B70;font-size:13px}.contatos-v2-conteudo table.dataTable{margin:0!important;border-top:1px solid #E2E8F0}.contatos-v2-conteudo table.dataTable thead th{padding:13px 15px;border-color:#DCE4ED;background:#F3F6FA;color:#64738A;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.contatos-v2-conteudo table.dataTable tbody td{padding:15px;border-color:#E7ECF2;color:#46566C;font-size:13px;vertical-align:middle}.contatos-v2-conteudo table.dataTable tbody tr:nth-child(even) td{background:#F8FAFC}.contatos-v2-conteudo table.dataTable tbody tr:hover td{background:#F2F8F4}.contatos-v2-conteudo table.dataTable tbody td>a{color:#304158}.contatos-v2-conteudo .dataTables_length,.contatos-v2-conteudo .dataTables_filter{padding:14px}.contatos-v2-conteudo .dataTables_filter input{height:40px;border-color:#CBD6E2;border-radius:8px;font-family:inherit;font-size:13px}.contatos-v2-conteudo .dataTables_length select{height:40px;border-color:#CBD6E2;border-radius:8px}.contatos-v2-conteudo .dataTables_info{padding:20px 15px 16px!important}.contatos-v2-conteudo .dataTables_wrapper .dataTables_paginate{padding:13px} .contatos-acoes{width:290px;display:grid;grid-template-columns:1fr 1fr 38px 38px;gap:10px;align-items:center;justify-content:center;margin:3px auto}.contatos-acoes .botao-lista-adicionar,.contatos-acoes .botao-lista-importar,.contatos-acoes .botao-lista-buscar{width:auto;height:38px;display:flex;float:none;align-items:center;justify-content:center;margin:0;padding:0 11px;border-radius:8px;font-size:12px}.contatos-acoes a:last-child{grid-column:1/-1}.contatos-acoes .botao-lista-editar,.contatos-acoes .botao-lista-apagar{width:38px;height:38px;margin:0;border-radius:8px;font-size:13px}.contatos-v2-conteudo .contatos-tabela tbody td:last-child{padding-top:18px;padding-bottom:18px}.contatos-v2-conteudo .botao-lista-avaliada1,.contatos-v2-conteudo .botao-lista-avaliada2{height:27px;width:auto;float:none;display:inline-flex;margin:9px 6px 0 0;padding:0 8px;font-size:10px}.contatos-v2-conteudo .botao-lista-mensagem1,.contatos-v2-conteudo .botao-lista-mensagem2,.contatos-v2-conteudo .botao-lista-mensagem3,.contatos-v2-conteudo .botao-lista-mensagem4{width:auto;min-height:27px;float:none;display:inline-flex;align-items:center;margin:9px 0 0;padding:4px 8px;font-size:11px}.contatos-v2-conteudo .botao-download-csv,.contatos-v2-conteudo .botao-download-xls{display:inline-flex;float:none;margin:16px 8px 0 0;padding:0;border-radius:8px}.contatos-v2-conteudo .botao-download-csv a,.contatos-v2-conteudo .botao-download-xls a{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;font-size:13px} @media(max-width:900px){.contatos-v2-hero{align-items:flex-start;flex-direction:column;padding:19px}.contatos-resumo{grid-template-columns:1fr}.contatos-v2-hero>a{width:100%}.contatos-v2-conteudo .dataTables_wrapper{overflow-x:auto}.contatos-v2-conteudo table.dataTable{min-width:760px}} @media(max-width:620px){.contatos-v2-hero h1{font-size:24px!important}.contatos-v2-hero p{font-size:13px}.contatos-v2-conteudo>.caixa-introducao-conteudo,.contatos-v2-conteudo>.caixa-legenda-conteudo{padding:17px}.contatos-v2-conteudo input[type=submit],.contatos-v2-conteudo input[type=button]{width:100%;float:none;margin:7px 0 0!important}.contatos-v2-conteudo .caixa-delimitador,.contatos-v2-conteudo .caixa-exportarlis{line-height:2.2}} .contatos-downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.contatos-downloads .botao-download-csv,.contatos-downloads .botao-download-xls{margin:0} .contatos-v2-conteudo table.dataTable tbody tr:nth-child(odd)>td,.contatos-v2-conteudo table.dataTable tbody tr:nth-child(odd)>.sorting_1,.contatos-v2-conteudo table.dataTable tbody tr:nth-child(odd)>.sorting_2,.contatos-v2-conteudo table.dataTable tbody tr:nth-child(odd)>.sorting_3{background:#FFF!important}.contatos-v2-conteudo table.dataTable tbody tr:nth-child(even)>td,.contatos-v2-conteudo table.dataTable tbody tr:nth-child(even)>.sorting_1,.contatos-v2-conteudo table.dataTable tbody tr:nth-child(even)>.sorting_2,.contatos-v2-conteudo table.dataTable tbody tr:nth-child(even)>.sorting_3{background:#F8FAFC!important}.contatos-v2-conteudo table.dataTable tbody tr:hover>td{background:#F2F8F4!important} .contatos-v2-conteudo table.dataTable tbody tr:hover>td,.contatos-v2-conteudo table.dataTable tbody tr:hover>.sorting_1,.contatos-v2-conteudo table.dataTable tbody tr:hover>.sorting_2,.contatos-v2-conteudo table.dataTable tbody tr:hover>.sorting_3{background:#EEF8F2!important} .contatos-v2-conteudo>.contatos-reputacao-aviso{display:flex;align-items:flex-start;gap:15px}.contatos-reputacao-icone{width:48px;height:48px;display:grid;flex:0 0 48px;place-items:center;border-radius:12px;background:#E5F0FF;color:#2E7CD0;font-size:21px}.contatos-v2-conteudo>.contatos-reputacao-aviso>p{flex:1} .contatos-v2-conteudo>.contatos-formulario-direto form{margin-top:0;padding-top:0;border-top:0} .contatos-orientacoes>header{display:flex;align-items:center;gap:13px}.contatos-orientacoes>header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E8F7EE;color:var(--email-verde);font-size:18px}.contatos-orientacoes>header strong{display:block;margin-bottom:3px;color:#2D3C51;font-size:17px}.contatos-orientacoes>header p{margin:0!important;color:#748195!important;font-size:13px!important;line-height:1.45!important}.contatos-orientacoes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.contatos-orientacoes-grid article{min-height:92px;display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid #DEE6EF;border-radius:10px;background:#F8FAFC}.contatos-orientacoes-grid article>i{margin-top:2px;color:var(--email-verde);font-size:17px}.contatos-orientacoes-grid strong{display:block;margin-bottom:4px;color:#405168;font-size:12px}.contatos-orientacoes-grid span{display:block;color:#758397;font-size:11px;line-height:1.45} @media(max-width:1100px){.contatos-orientacoes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.contatos-orientacoes-grid{grid-template-columns:1fr}} .contatos-importacao-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(430px,.8fr);gap:16px;align-items:stretch;margin-top:16px}.contatos-importacao-layout form{min-width:0;display:block;margin:0!important;padding:0!important;border:0!important}.contatos-importacao-layout textarea{width:100%;height:220px;min-height:220px;margin:0 0 10px!important}.contatos-importacao-layout .contatos-orientacoes-grid{height:220px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));margin-top:0}.contatos-importacao-layout .contatos-orientacoes-grid article{min-height:0;align-items:center;padding:16px}.contatos-importacao-layout .contatos-orientacoes-grid article>i{font-size:19px}.contatos-importacao-layout .contatos-orientacoes-grid strong{font-size:13px}.contatos-importacao-layout .contatos-orientacoes-grid span{font-size:12px} @media(max-width:1050px){.contatos-importacao-layout{grid-template-columns:1fr}.contatos-importacao-layout .contatos-orientacoes-grid{height:auto;grid-template-rows:none}.contatos-importacao-layout .contatos-orientacoes-grid article{min-height:92px}} @media(max-width:620px){.contatos-importacao-layout .contatos-orientacoes-grid{grid-template-columns:1fr}.contatos-importacao-layout textarea{min-height:240px}} .contatos-csv-introducao>header{display:flex;align-items:center;gap:13px}.contatos-csv-introducao>header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E8F7EE;color:var(--email-verde);font-size:19px}.contatos-csv-introducao>header strong{display:block;margin-bottom:3px;color:#2D3C51;font-size:17px}.contatos-csv-introducao>header p{margin:0!important;color:#748195!important;font-size:13px!important}.contatos-csv-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);gap:16px;margin-top:16px}.contatos-csv-layout form{min-width:0;margin:0!important;padding:0!important;border:0!important}.contatos-csv-upload{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;border:1px dashed #AFC5D8;border-radius:12px;background:#F8FBFD;color:#64758A;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.contatos-csv-upload:hover{border-color:var(--email-verde);background:#F4FBF7}.contatos-csv-upload>i{margin-bottom:9px;color:var(--email-verde);font-size:27px}.contatos-csv-upload>strong{color:#34455B;font-size:14px}.contatos-csv-upload>span{margin:4px 0 12px;font-size:11px}.contatos-csv-upload input[type=file]{width:min(100%,430px);min-height:42px;padding:7px;background:#FFF}.contatos-csv-delimitador{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0;padding:0;border:0}.contatos-csv-delimitador legend{grid-column:1/-1;margin-bottom:7px;color:#405067;font-size:12px;font-weight:700}.contatos-csv-delimitador label{min-height:58px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #D8E1EA;border-radius:9px;background:#FFF;cursor:pointer}.contatos-csv-delimitador input[type=radio]{flex:0 0 16px;margin:0}.contatos-csv-delimitador b,.contatos-csv-delimitador small{display:block}.contatos-csv-delimitador b{color:#405168;font-size:12px}.contatos-csv-delimitador small{margin-top:3px;color:#8190A3;font-size:10px}.contatos-csv-orientacoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contatos-csv-orientacoes article{min-height:100px;display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #DEE6EF;border-radius:10px;background:#F8FAFC}.contatos-csv-orientacoes article>i{color:var(--email-verde);font-size:19px}.contatos-csv-orientacoes strong,.contatos-csv-orientacoes span{display:block}.contatos-csv-orientacoes strong{margin-bottom:4px;color:#405168;font-size:12px}.contatos-csv-orientacoes span{color:#758397;font-size:11px;line-height:1.45}.contatos-csv-orientacoes>a{grid-column:1/-1;min-height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #BFD8CA;border-radius:9px;background:#F1FAF5;color:var(--email-verde);font-size:12px;font-weight:700;text-decoration:none}.contatos-csv-orientacoes>a:hover{border-color:var(--email-verde);background:#E8F7EE} @media(max-width:1050px){.contatos-csv-layout{grid-template-columns:1fr}} @media(max-width:620px){.contatos-csv-delimitador,.contatos-csv-orientacoes{grid-template-columns:1fr}.contatos-csv-orientacoes>a{grid-column:1}.contatos-csv-upload{padding:16px}} .contatos-exportacao-introducao>header{display:flex;align-items:center;gap:13px;margin-bottom:17px}.contatos-exportacao-introducao>header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#EAF3FF;color:#2877CF;font-size:19px}.contatos-exportacao-introducao>header strong{display:block;margin-bottom:3px;color:#2D3C51;font-size:17px}.contatos-exportacao-introducao>header p{margin:0!important;color:#748195!important;font-size:13px!important}.contatos-exportacao-introducao form{margin:0!important;padding:0!important;border:0!important}.contatos-exportacao-filtros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0;padding:0;border:0}.contatos-exportacao-filtros legend{grid-column:1/-1;margin-bottom:7px;color:#405067;font-size:12px;font-weight:700}.contatos-exportacao-filtros label{position:relative;min-height:85px;display:flex;align-items:center;padding:14px;border:1px solid #D9E3ED;border-radius:11px;background:#F8FAFC;cursor:pointer}.contatos-exportacao-filtros label:has(input:checked){border-color:#8DCBA6;background:#F1FAF5;box-shadow:0 0 0 2px rgba(35,134,74,.08)}.contatos-exportacao-filtros input{position:absolute;top:12px;right:12px}.contatos-exportacao-filtros span,.contatos-exportacao-filtros b,.contatos-exportacao-filtros small{display:block}.contatos-exportacao-filtros span>i{margin-bottom:8px;color:var(--email-verde);font-size:19px}.contatos-exportacao-filtros b{color:#405168;font-size:13px}.contatos-exportacao-filtros small{margin-top:4px;color:#7C899A;font-size:11px}.contatos-exportacao-aviso{display:flex;align-items:flex-start;gap:14px}.contatos-exportacao-aviso>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E5F0FF;color:#2E7CD0;font-size:19px}.contatos-exportacao-aviso>p{flex:1} @media(max-width:760px){.contatos-exportacao-filtros{grid-template-columns:1fr}.contatos-exportacao-filtros legend{grid-column:1}} .contatos-exemplo-introducao>header{display:flex;align-items:center;gap:13px;margin-bottom:17px}.contatos-exemplo-introducao>header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#EAF3FF;color:#2877CF;font-size:19px}.contatos-exemplo-introducao>header strong{display:block;margin-bottom:3px;color:#2D3C51;font-size:17px}.contatos-exemplo-introducao>header p{margin:0!important;color:#748195!important;font-size:13px!important}.contatos-exemplo-formatos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contatos-exemplo-formatos>article{padding:17px;border:1px solid #DCE4ED;border-radius:12px;background:#F9FBFD}.contatos-exemplo-formatos>article.recomendado{border-color:#A9D7BC;background:#F3FAF6}.contatos-exemplo-formato-topo{display:flex;align-items:center;gap:11px}.contatos-exemplo-formato-topo>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#EAF3FF;color:#2877CF;font-size:19px}.contatos-exemplo-formatos .recomendado .contatos-exemplo-formato-topo>span{background:#DFF3E7;color:var(--email-verde)}.contatos-exemplo-formato-topo>div{min-width:0;flex:1}.contatos-exemplo-formato-topo small,.contatos-exemplo-formato-topo strong{display:block}.contatos-exemplo-formato-topo small{margin-bottom:2px;color:#8190A3;font-size:10px}.contatos-exemplo-formato-topo strong{color:#33445A;font-size:15px}.contatos-exemplo-formato-topo>b{padding:5px 8px;border-radius:999px;background:#EDF2F7;color:#718096;font-size:9px}.contatos-exemplo-formatos .recomendado .contatos-exemplo-formato-topo>b{background:#DFF3E7;color:var(--email-verde)}.contatos-exemplo-formatos>article>p{min-height:42px;margin:13px 0!important;color:#69798E!important;font-size:12px!important;line-height:1.55!important}.contatos-exemplo-formatos>article>a{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #C9D6E3;border-radius:9px;background:#FFF;color:#405168;font-size:12px;font-weight:700;text-decoration:none}.contatos-exemplo-formatos .recomendado>a{border-color:var(--email-verde);background:var(--email-verde);color:#FFF}.contatos-exemplo-formatos>article>a:hover{border-color:#2877CF;color:#2877CF}.contatos-exemplo-formatos .recomendado>a:hover{border-color:var(--email-verde-escuro);background:var(--email-verde-escuro);color:#FFF}.contatos-exemplo-passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.contatos-exemplo-passos article{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #E0E7EF;border-radius:10px;background:#FFF}.contatos-exemplo-passos article>span{width:30px;height:30px;display:grid;flex:0 0 30px;place-items:center;border-radius:8px;background:#E8F7EE;color:var(--email-verde);font-size:12px;font-weight:800}.contatos-exemplo-passos strong{display:block;margin-bottom:4px;color:#405168;font-size:12px}.contatos-exemplo-passos p{margin:0!important;color:#7B899B!important;font-size:11px!important;line-height:1.45!important}.contatos-exemplo-estrutura{display:flex;align-items:flex-start;gap:14px}.contatos-exemplo-estrutura>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E5F0FF;color:#2E7CD0;font-size:19px}.contatos-exemplo-estrutura>div{flex:1}.contatos-exemplo-estrutura>div>b{display:block;margin-bottom:4px;color:#405168;font-size:14px}.contatos-exemplo-estrutura p{margin:0!important} @media(max-width:760px){.contatos-exemplo-formatos,.contatos-exemplo-passos{grid-template-columns:1fr}.contatos-exemplo-formatos>article>p{min-height:0}} .contatos-exemplo-estrutura>div{font-family:'Open Sans',sans-serif}.contatos-exemplo-estrutura>div>b{font-family:inherit;font-size:14px;font-weight:700;letter-spacing:0}.contatos-exemplo-estrutura p{color:#66768A!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:1.65!important;letter-spacing:0!important}.contatos-exemplo-estrutura p strong{font-family:inherit;font-weight:700} /*- FINANCEIRO V2 ---------------------------------------------------------------------------------------------------------------------------*/ .financeiro-v2{display:grid;gap:16px;color:#2E3B4E}.financeiro-v2 *{box-sizing:border-box}.financeiro-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.financeiro-hero>div:first-child{max-width:820px}.financeiro-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.financeiro-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.financeiro-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.financeiro-hero-icone{width:54px;height:54px;display:grid;flex:0 0 54px;place-items:center;border-radius:13px;background:#E3F5EA;color:var(--email-verde);font-size:22px} .financeiro-plano-atual{padding:20px 22px;border:1px solid #D9E3ED;border-radius:14px;background:#FFF}.financeiro-plano-cabecalho{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.financeiro-etiqueta{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--email-verde);font-size:12px;font-weight:700}.financeiro-plano-cabecalho h2{margin:0 0 5px;color:#2D3C51;font-size:20px}.financeiro-plano-cabecalho p{margin:0;color:#748195;font-size:13px}.financeiro-plano-cabecalho>strong{padding:7px 10px;border-radius:999px;background:#E4F5EB;color:var(--email-verde);font-size:15px}.financeiro-progresso{height:7px;margin:17px 0 18px;overflow:hidden;border-radius:999px;background:#E5EBF2}.financeiro-progresso span{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--email-verde),#39B968)}.financeiro-plano-dados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #E0E7EF;border-radius:11px;overflow:hidden}.financeiro-plano-dados>div{padding:14px 17px;background:#F9FBFD}.financeiro-plano-dados>div+div{border-left:1px solid #E0E7EF}.financeiro-plano-dados small,.financeiro-plano-dados b,.financeiro-plano-dados span{display:block}.financeiro-plano-dados small{margin-bottom:4px;color:#728197;font-size:11px}.financeiro-plano-dados b{color:#29394F;font-size:20px}.financeiro-plano-dados span{margin-top:3px;color:#8995A5;font-size:10px}.financeiro-sem-plano{display:flex;align-items:center;gap:14px;padding:19px 22px;border:1px solid #E6D6B8;border-radius:14px;background:#FFF9EF}.financeiro-sem-plano>i{color:#D88A1C;font-size:24px}.financeiro-sem-plano h2{margin:0 0 4px;color:#38485E;font-size:17px}.financeiro-sem-plano p{margin:0;color:#758397;font-size:13px} .financeiro-resumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.financeiro-resumo article{min-height:100px;display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #DDE5EE;border-radius:13px;background:#FFF}.financeiro-resumo article>span{width:46px;height:46px;display:grid;flex:0 0 46px;place-items:center;border-radius:11px;background:#E8F7EE;color:var(--email-verde);font-size:18px}.financeiro-resumo article:nth-child(2)>span{background:#EAF3FF;color:#2877CF}.financeiro-resumo article:nth-child(3)>span{background:#F0EAFE;color:#805AD5}.financeiro-resumo small,.financeiro-resumo strong,.financeiro-resumo p{display:block}.financeiro-resumo small{margin-bottom:3px;color:#6F7D90;font-size:12px}.financeiro-resumo strong{color:#29394F;font-size:23px;line-height:1.1}.financeiro-resumo p{margin:4px 0 0;color:#8793A3;font-size:10px} .financeiro-historico{overflow:hidden;border:1px solid #D9E3ED;border-radius:14px;background:#FFF}.financeiro-historico>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.financeiro-historico>header span{color:var(--email-verde);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.financeiro-historico>header h2{margin:3px 0 0;color:#2D3C51;font-size:20px}.financeiro-historico>header>small{padding:6px 9px;border-radius:999px;background:#F0F4F8;color:#718096;font-size:10px}.financeiro-tabela-wrap{overflow-x:auto}.financeiro-historico .dataTables_wrapper{color:#4C5B70;font-size:13px}.financeiro-historico table.dataTable{margin:0!important;border-top:1px solid #E2E8F0}.financeiro-historico table.dataTable thead th{padding:13px 15px;border-color:#DCE4ED;background:#F3F6FA;color:#64738A;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.financeiro-historico table.dataTable thead th:first-child{text-align:left}.financeiro-historico table.dataTable tbody td{padding:15px;border-color:#E7ECF2;color:#405168;font-size:13px;vertical-align:middle}.financeiro-historico table.dataTable tbody tr:nth-child(even)>td,.financeiro-historico table.dataTable tbody tr:nth-child(even)>.sorting_1{background:#F8FAFC!important}.financeiro-historico table.dataTable tbody tr:nth-child(odd)>td,.financeiro-historico table.dataTable tbody tr:nth-child(odd)>.sorting_1{background:#FFF!important}.financeiro-historico table.dataTable tbody tr:hover>td,.financeiro-historico table.dataTable tbody tr:hover>.sorting_1{background:#F2F8F4!important}.financeiro-historico .dataTables_length,.financeiro-historico .dataTables_filter{padding:14px}.financeiro-historico .dataTables_filter input,.financeiro-historico .dataTables_length select{height:40px;border:1px solid #CBD6E2;border-radius:8px;font-family:inherit;font-size:13px}.financeiro-historico .dataTables_info{padding:18px 15px!important}.financeiro-historico .dataTables_paginate{padding:11px 14px 14px!important}.financeiro-periodo{display:flex;align-items:center;gap:10px}.financeiro-periodo>i{color:#2877CF;font-size:15px}.financeiro-periodo span{color:#33445A;font-weight:600}.financeiro-periodo small{display:block;margin-top:2px;color:#8491A2;font-size:10px;font-weight:400}.financeiro-uso{min-width:110px}.financeiro-uso>b{display:block;margin-bottom:5px;color:#33445A;font-size:12px;text-align:center}.financeiro-uso>span{height:5px;display:block;overflow:hidden;border-radius:999px;background:#E6ECF2}.financeiro-uso>span>i{height:100%;display:block;border-radius:inherit;background:var(--email-verde)}.financeiro-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:700}.financeiro-status i{font-size:6px}.financeiro-status.vigente{background:#E5F6EC;color:var(--email-verde)}.financeiro-status.encerrado{background:#F0F3F6;color:#7B8797} @media(max-width:900px){.financeiro-resumo{grid-template-columns:1fr}.financeiro-plano-dados{grid-template-columns:1fr}.financeiro-plano-dados>div+div{border-top:1px solid #E0E7EF;border-left:0}.financeiro-tabela{min-width:850px}} @media(max-width:620px){.financeiro-hero{align-items:flex-start;padding:19px}.financeiro-hero h1{font-size:24px!important}.financeiro-hero p{font-size:13px}.financeiro-hero-icone{display:none}.financeiro-plano-cabecalho{flex-direction:column}.financeiro-plano-atual{padding:17px}.financeiro-plano-cabecalho h2{font-size:18px}} /*- RELATORIOS V2 ---------------------------------------------------------------------------------------------------------------------------*/ .relatorios-v2{display:grid;gap:16px;color:#2E3B4E}.relatorios-v2 *{box-sizing:border-box}.relatorios-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.relatorios-hero>div:first-child{min-width:0;max-width:900px}.relatorios-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.relatorios-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.relatorios-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.relatorios-hero-icone{width:54px;height:54px;display:grid;flex:0 0 54px;place-items:center;border-radius:13px;background:#E3F5EA;color:var(--email-verde);font-size:22px}.relatorios-voltar{min-height:42px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #CAD6E2;border-radius:8px;background:#FFF;color:#405168;font-size:13px;font-weight:700;text-decoration:none}.relatorios-voltar:hover{border-color:var(--email-verde);color:var(--email-verde)} .relatorios-resumo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.relatorios-resumo article{min-height:105px;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #DDE5EE;border-radius:13px;background:#FFF}.relatorios-resumo article>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#EAF3FF;color:#2877CF;font-size:17px}.relatorios-resumo article:nth-child(2)>span{background:#E8F7EE;color:var(--email-verde)}.relatorios-resumo article:nth-child(3)>span{background:#F0EAFE;color:#805AD5}.relatorios-resumo article.destaque{border-color:#B8DEC7;background:#F7FCF9}.relatorios-resumo article.destaque>span{background:#DFF3E7;color:var(--email-verde)}.relatorios-resumo article:nth-child(5)>span{background:#FDEBEC;color:#C94B57}.relatorios-resumo small,.relatorios-resumo strong,.relatorios-resumo p{display:block}.relatorios-resumo small{margin-bottom:3px;color:#6F7D90;font-size:11px}.relatorios-resumo strong{color:#29394F;font-size:23px;line-height:1.08}.relatorios-resumo .destaque strong{color:var(--email-verde);font-size:26px}.relatorios-resumo p{margin:4px 0 0;color:#8793A3;font-size:10px;line-height:1.35} .relatorios-taxa-aviso{display:flex;align-items:flex-start;gap:14px;padding:17px 19px;border:1px solid #D7E4F0;border-left:4px solid #2E7CD0;border-radius:12px;background:linear-gradient(135deg,#F6FAFF,#FFF)}.relatorios-taxa-aviso>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#E5F0FF;color:#2E7CD0;font-size:18px}.relatorios-taxa-aviso strong{display:block;margin:1px 0 4px;color:#3A4B61;font-size:14px}.relatorios-taxa-aviso p{margin:0;color:#68788D;font-size:13px;line-height:1.55} .relatorios-listagem,.relatorios-conteudo-abas{overflow:hidden;border:1px solid #D9E3ED;border-radius:14px;background:#FFF}.relatorios-listagem>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.relatorios-listagem>header span{color:var(--email-verde);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.relatorios-listagem>header h2{margin:3px 0 0;color:#2D3C51;font-size:20px}.relatorios-listagem>header>small{padding:6px 9px;border-radius:999px;background:#F0F4F8;color:#718096;font-size:10px}.relatorios-tabela-wrap{overflow-x:auto}.relatorios-v2 .dataTables_wrapper{color:#4C5B70;font-size:13px}.relatorios-v2 table.dataTable{margin:0!important;border-top:1px solid #E2E8F0}.relatorios-v2 table.dataTable thead th{padding:13px 15px;border-color:#DCE4ED;background:#F3F6FA;color:#64738A;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.relatorios-v2 table.dataTable thead th:first-child{text-align:left}.relatorios-v2 table.dataTable tbody td{padding:14px 15px;border-color:#E7ECF2;color:#405168;font-size:13px;vertical-align:middle}.relatorios-v2 table.dataTable tbody tr:nth-child(even)>td,.relatorios-v2 table.dataTable tbody tr:nth-child(even)>.sorting_1{background:#F8FAFC!important}.relatorios-v2 table.dataTable tbody tr:nth-child(odd)>td,.relatorios-v2 table.dataTable tbody tr:nth-child(odd)>.sorting_1{background:#FFF!important}.relatorios-v2 table.dataTable tbody tr:hover>td,.relatorios-v2 table.dataTable tbody tr:hover>.sorting_1{background:#F2F8F4!important}.relatorios-v2 .dataTables_length,.relatorios-v2 .dataTables_filter{padding:14px}.relatorios-v2 .dataTables_filter input,.relatorios-v2 .dataTables_length select{height:40px;border:1px solid #CBD6E2;border-radius:8px;font-family:inherit;font-size:13px}.relatorios-v2 .dataTables_info{padding:18px 15px!important}.relatorios-v2 .dataTables_paginate{padding:11px 14px 14px!important}.relatorios-campanha{display:flex;align-items:center;gap:10px;color:#33445A!important;text-decoration:none}.relatorios-campanha>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:8px;background:#E8F7EE;color:var(--email-verde)}.relatorios-campanha>b{max-width:500px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.relatorios-campanha:hover b{color:var(--email-verde)}.relatorios-taxa{display:inline-flex;padding:6px 9px;border-radius:8px;background:#E4F5EB;color:var(--email-verde);font-size:13px;font-weight:800} .relatorios-abas{display:flex;gap:6px;padding:7px;border:1px solid #D9E3ED;border-radius:12px;background:#EEF3F8}.relatorios-abas button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:#607087;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.relatorios-abas button:hover{background:rgba(255,255,255,.6);color:#34455B}.relatorios-abas button.ativo{background:#FFF;color:var(--email-verde);box-shadow:0 1px 3px rgba(35,50,70,.12)}.relatorios-abas button b{padding:3px 6px;border-radius:999px;background:#E7EDF4;font-size:9px}.relatorios-painel-aba{display:none;padding:18px}.relatorios-painel-aba.ativo{display:block}.relatorios-painel-aba:has(.dataTables_wrapper){padding:0}.relatorios-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.relatorios-info-grid article{min-height:95px;padding:15px;border:1px solid #E0E7EF;border-radius:10px;background:#F8FAFC}.relatorios-info-grid small,.relatorios-info-grid strong,.relatorios-info-grid span{display:block}.relatorios-info-grid small{margin-bottom:7px;color:#77859A;font-size:11px}.relatorios-info-grid strong{color:#34455B;font-size:14px;line-height:1.4;word-break:break-word}.relatorios-info-grid span{margin-top:4px;color:#8290A2;font-size:11px;word-break:break-all}.relatorios-preview{max-width:100%;overflow:auto;padding:16px;border:1px solid #E0E7EF;border-radius:10px;background:#F8FAFC}.relatorios-preview img{max-width:100%;height:auto} @media(max-width:1250px){.relatorios-resumo{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.relatorios-resumo{grid-template-columns:repeat(2,minmax(0,1fr))}.relatorios-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.relatorios-tabela{min-width:900px}.relatorios-abas{overflow-x:auto}.relatorios-abas button{flex:0 0 auto}} @media(max-width:620px){.relatorios-hero{align-items:flex-start;flex-direction:column;padding:19px}.relatorios-hero h1{font-size:24px!important}.relatorios-hero p{font-size:13px}.relatorios-hero-icone{display:none}.relatorios-voltar{width:100%}.relatorios-resumo,.relatorios-info-grid{grid-template-columns:1fr}.relatorios-taxa-aviso{padding:15px}.relatorios-painel-aba{padding:14px}} /* Relatórios: abas planas e conteúdo sem caixas sobrepostas */ .relatorios-abas{gap:22px;padding:0 6px;border:0;border-bottom:1px solid #D7E1EB;border-radius:0;background:transparent}.relatorios-abas button{position:relative;min-height:52px;padding:0 3px;border-radius:0;background:transparent}.relatorios-abas button:hover{background:transparent;color:#34455B}.relatorios-abas button.ativo{background:transparent;color:var(--email-verde);box-shadow:none}.relatorios-abas button.ativo:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:var(--email-verde)}.relatorios-conteudo-abas{overflow:visible;border:0;border-radius:0;background:transparent}.relatorios-painel-aba{padding:0}.relatorios-info-grid{gap:0;overflow:hidden;border:1px solid #D9E3ED;border-radius:12px;background:#FFF}.relatorios-info-grid article{min-height:92px;padding:17px 18px;border:0;border-radius:0;background:#FFF}.relatorios-info-grid article+article{border-left:1px solid #E2E8F0}.relatorios-preview{padding:20px;border:1px solid #D9E3ED;border-radius:12px;background:#FFF}.relatorios-painel-aba>.dataTables_wrapper{overflow:hidden;border:1px solid #D9E3ED;border-radius:12px;background:#FFF}.relatorios-painel-aba>.dataTables_wrapper table.dataTable{width:100%!important}.relatorios-painel-aba>.dataTables_wrapper .dataTables_length,.relatorios-painel-aba>.dataTables_wrapper .dataTables_filter{padding:15px 16px}.relatorios-painel-aba>.dataTables_wrapper .dataTables_info{padding-left:16px!important} .relatorios-hero-acoes{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto} .relatorios-imprimir{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--email-verde);border-radius:8px;background:var(--email-verde);color:#FFF;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer} .relatorios-imprimir:hover{filter:brightness(.95)} .relatorio-impressao-grafico{display:none} @media(max-width:900px){.relatorios-info-grid article:nth-child(3){border-left:0;border-top:1px solid #E2E8F0}.relatorios-info-grid article:nth-child(4){border-top:1px solid #E2E8F0}} @media(max-width:620px){.relatorios-abas{gap:16px}.relatorios-info-grid article+article{border-top:1px solid #E2E8F0;border-left:0}.relatorios-painel-aba{padding:0}} @media(max-width:620px){.relatorios-hero-acoes{width:100%;align-items:stretch;flex-direction:column}.relatorios-hero-acoes .relatorios-voltar,.relatorios-hero-acoes .relatorios-imprimir{width:100%}} @media print{ @page{size:A4 portrait;margin:11mm} body.relatorio-em-impressao{background:#FFF!important} body.relatorio-em-impressao *{visibility:hidden!important} body.relatorio-em-impressao .relatorios-v2,body.relatorio-em-impressao .relatorios-v2 *{visibility:visible!important} body.relatorio-em-impressao .relatorios-v2{position:absolute!important;top:0!important;left:0!important;width:100%!important;display:block!important;color:#253247!important;background:#FFF!important} body.relatorio-em-impressao .relatorios-v2>*{margin:0 0 10px!important} body.relatorio-em-impressao .relatorios-hero{padding:0 0 10px!important;border:0!important;border-bottom:2px solid #239150!important;border-radius:0!important;background:#FFF!important} body.relatorio-em-impressao .relatorios-hero h1{font-size:21px!important} body.relatorio-em-impressao .relatorios-hero p{font-size:11px!important} body.relatorio-em-impressao .relatorios-hero-acoes,body.relatorio-em-impressao .relatorios-hero-icone,body.relatorio-em-impressao .relatorios-taxa-aviso,body.relatorio-em-impressao .relatorios-abas,body.relatorio-em-impressao .dataTables_length,body.relatorio-em-impressao .dataTables_filter,body.relatorio-em-impressao .dataTables_info,body.relatorio-em-impressao .dataTables_paginate,body.relatorio-em-impressao #rel-mensagem{display:none!important} body.relatorio-em-impressao .relatorios-resumo{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important} body.relatorio-em-impressao .relatorios-resumo article{min-height:0!important;padding:8px!important;border-radius:6px!important;break-inside:avoid} body.relatorio-em-impressao .relatorios-resumo article>span{display:none!important} body.relatorio-em-impressao .relatorios-resumo small{font-size:8px!important} body.relatorio-em-impressao .relatorios-resumo strong,body.relatorio-em-impressao .relatorios-resumo .destaque strong{font-size:17px!important} body.relatorio-em-impressao .relatorios-resumo p{font-size:7px!important} body.relatorio-em-impressao .relatorios-listagem,body.relatorio-em-impressao .relatorios-conteudo-abas{overflow:visible!important;border:0!important;border-radius:0!important} body.relatorio-em-impressao .relatorios-listagem>header{padding:7px 0!important} body.relatorio-em-impressao .relatorios-listagem>header h2{font-size:15px!important} body.relatorio-em-impressao .relatorios-listagem>header>small{display:none!important} body.relatorio-em-impressao .relatorios-painel-aba{display:block!important;margin-bottom:12px!important} body.relatorio-em-impressao #rel-aberturas:before,body.relatorio-em-impressao #rel-cancelados:before{display:block;margin:0 0 6px;color:#253247;font-size:14px;font-weight:700} body.relatorio-em-impressao #rel-aberturas:before{content:"Aberturas registradas"} body.relatorio-em-impressao #rel-cancelados:before{content:"Descadastros registrados"} body.relatorio-em-impressao .relatorios-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-radius:6px!important;break-inside:avoid} body.relatorio-em-impressao .relatorios-info-grid article{min-height:0!important;padding:9px!important} body.relatorio-em-impressao .relatorios-painel-aba>.dataTables_wrapper{overflow:visible!important;border:0!important;border-radius:0!important} body.relatorio-em-impressao table.dataTable{width:100%!important;border-collapse:collapse!important} body.relatorio-em-impressao table.dataTable thead th{padding:6px!important;border:1px solid #CDD6DF!important;background:#EEF3F6!important;color:#33445A!important;font-size:8px!important} body.relatorio-em-impressao table.dataTable tbody td{padding:6px!important;border:1px solid #DCE3EA!important;background:#FFF!important;color:#33445A!important;font-size:8px!important} body.relatorio-em-impressao table.dataTable tbody tr{display:table-row!important;break-inside:avoid} body.relatorio-em-impressao .relatorios-campanha>span{display:none!important} body.relatorio-em-impressao .relatorios-campanha>b{max-width:none!important;font-size:8px!important;white-space:normal!important} body.relatorio-em-impressao .relatorios-v2-detalhe>*:not(.relatorio-impressao-grafico){display:none!important} body.relatorio-em-impressao .relatorio-impressao-grafico{display:block!important;color:#243247!important;font-family:Arial,sans-serif!important} body.relatorio-em-impressao .relatorio-impressao-grafico *{visibility:visible!important;box-sizing:border-box!important} body.relatorio-em-impressao .relatorio-print-cabecalho{display:grid!important;grid-template-columns:minmax(0,1fr) 250px!important;gap:24px!important;align-items:end!important;padding:0 0 13px!important;border-bottom:3px solid #239150!important} body.relatorio-em-impressao .relatorio-print-cabecalho span{display:block!important;margin-bottom:7px!important;color:#239150!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important} body.relatorio-em-impressao .relatorio-print-cabecalho h1{margin:0 0 4px!important;color:#172338!important;font-size:30px!important;line-height:1.1!important} body.relatorio-em-impressao .relatorio-print-cabecalho p{margin:0!important;color:#485A70!important;font-size:16px!important} body.relatorio-em-impressao .relatorio-print-cabecalho aside{text-align:right!important} body.relatorio-em-impressao .relatorio-print-cabecalho aside strong,body.relatorio-em-impressao .relatorio-print-cabecalho aside small{display:block!important} body.relatorio-em-impressao .relatorio-print-cabecalho aside strong{margin-bottom:6px!important;color:#239150!important;font-size:18px!important} body.relatorio-em-impressao .relatorio-print-cabecalho aside small{margin-top:4px!important;color:#6D7B8D!important;font-size:10px!important} body.relatorio-em-impressao .relatorio-print-metricas{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;margin:12px 0!important} body.relatorio-em-impressao .relatorio-print-metricas article{padding:10px!important;border:1px solid #DCE4EB!important;border-radius:7px!important;background:#F7F9FB!important;break-inside:avoid!important} body.relatorio-em-impressao .relatorio-print-metricas article.destaque{border-color:#AED7BE!important;background:#EFF9F3!important} body.relatorio-em-impressao .relatorio-print-metricas small,body.relatorio-em-impressao .relatorio-print-metricas strong,body.relatorio-em-impressao .relatorio-print-metricas span{display:block!important} body.relatorio-em-impressao .relatorio-print-metricas small{color:#6C7A8D!important;font-size:10px!important} body.relatorio-em-impressao .relatorio-print-metricas strong{margin:6px 0 4px!important;color:#223047!important;font-size:34px!important;line-height:1!important} body.relatorio-em-impressao .relatorio-print-metricas .destaque strong{color:#239150!important} body.relatorio-em-impressao .relatorio-print-metricas span{color:#8793A2!important;font-size:9px!important} body.relatorio-em-impressao .relatorio-print-corpo{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:start!important} body.relatorio-em-impressao .relatorio-print-mensagem,body.relatorio-em-impressao .relatorio-print-atividade>section{overflow:hidden!important;border:1px solid #D9E2EA!important;border-radius:8px!important;background:#FFF!important;break-inside:avoid!important} body.relatorio-em-impressao .relatorio-print-mensagem>header,body.relatorio-em-impressao .relatorio-print-atividade>section>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 11px!important;border-bottom:1px solid #E1E7ED!important;background:#F5F8FA!important} body.relatorio-em-impressao .relatorio-print-mensagem header span,body.relatorio-em-impressao .relatorio-print-atividade header span{display:block!important;margin-bottom:3px!important;color:#239150!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important} body.relatorio-em-impressao .relatorio-print-mensagem h2,body.relatorio-em-impressao .relatorio-print-atividade h2{margin:0!important;color:#29384D!important;font-size:16px!important} body.relatorio-em-impressao .relatorio-print-mensagem-conteudo{max-height:540px!important;overflow:hidden!important;padding:8px!important;background:#FFF!important;text-align:center!important} body.relatorio-em-impressao .relatorio-print-mensagem-conteudo>table{width:100%!important;max-width:100%!important;margin:0 auto!important} body.relatorio-em-impressao .relatorio-print-mensagem-conteudo table{max-width:100%!important} body.relatorio-em-impressao .relatorio-print-mensagem-conteudo img{max-width:100%!important;height:auto!important} body.relatorio-em-impressao .relatorio-print-atividade{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding-top:8px!important;break-before:page!important;page-break-before:always!important} body.relatorio-em-impressao .relatorio-print-atividade header>strong{min-width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#E3F4E9!important;color:#239150!important;font-size:11px!important} body.relatorio-em-impressao .relatorio-print-eventos article{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px 12px!important;border-bottom:1px solid #E8EDF1!important} body.relatorio-em-impressao .relatorio-print-eventos article:last-child{border-bottom:0!important} body.relatorio-em-impressao .relatorio-print-eventos strong,body.relatorio-em-impressao .relatorio-print-eventos small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} body.relatorio-em-impressao .relatorio-print-eventos strong{color:#334258!important;font-size:11px!important} body.relatorio-em-impressao .relatorio-print-eventos small{margin-top:3px!important;color:#7A8798!important;font-size:9px!important} body.relatorio-em-impressao .relatorio-print-eventos time{color:#6B7889!important;font-size:9px!important;white-space:nowrap!important} body.relatorio-em-impressao .relatorio-print-eventos>p{margin:0!important;padding:15px!important;color:#748196!important;font-size:10px!important} body.relatorio-em-impressao .relatorio-impressao-grafico>footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-top:12px!important;padding-top:9px!important;border-top:1px solid #DCE4EA!important;color:#758295!important;font-size:9px!important} body.relatorio-em-impressao .relatorio-impressao-grafico>footer strong{color:#239150!important} /* Relatorio executivo: quatro indicadores, mais respiro e leitura rapida. */ body.relatorio-em-impressao .relatorio-print-metricas{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;margin:17px 0 13px!important} body.relatorio-em-impressao .relatorio-print-metricas article{min-height:104px!important;padding:15px!important;border:1px solid #DCE4EB!important;border-top:5px solid #347FD0!important;border-radius:8px!important;background:#FFF!important} body.relatorio-em-impressao .relatorio-print-metricas article.unicas{border-top-color:#805AD5!important} body.relatorio-em-impressao .relatorio-print-metricas article.destaque{border-color:#AED7BE!important;border-top-color:#239150!important;background:#F5FCF8!important} body.relatorio-em-impressao .relatorio-print-metricas article.descadastros{border-top-color:#D95562!important} body.relatorio-em-impressao .relatorio-print-metricas strong{margin:9px 0 6px!important;font-size:38px!important} body.relatorio-em-impressao .relatorio-print-metricas article.destaque strong{font-size:44px!important} body.relatorio-em-impressao .relatorio-print-privacidade{margin:0 0 17px!important;padding:12px 14px!important;border-left:4px solid #239150!important;background:#F1F8F4!important;break-inside:avoid!important} body.relatorio-em-impressao .relatorio-print-privacidade strong{display:block!important;margin-bottom:4px!important;color:#284239!important;font-size:12px!important} body.relatorio-em-impressao .relatorio-print-privacidade p{margin:0!important;color:#546A61!important;font-size:10px!important;line-height:1.5!important} body.relatorio-em-impressao .relatorio-print-mensagem{overflow:hidden!important;border:0!important;border-radius:0!important;background:#FFF!important} body.relatorio-em-impressao .relatorio-print-mensagem>header{padding:10px 0!important;border-bottom:3px solid #239150!important;background:#FFF!important} body.relatorio-em-impressao .relatorio-print-mensagem-conteudo{max-height:480px!important;padding:14px 0 0!important} body.relatorio-em-impressao .relatorio-print-atividade{gap:18px!important;padding-top:16px!important} body.relatorio-em-impressao .relatorio-print-atividade h2{font-size:19px!important} body.relatorio-em-impressao .relatorio-print-eventos article{gap:14px!important;padding:13px 15px!important} body.relatorio-em-impressao .relatorio-print-eventos strong{font-size:13px!important} body.relatorio-em-impressao .relatorio-print-eventos small{margin-top:4px!important;font-size:11px!important} body.relatorio-em-impressao .relatorio-print-eventos time{font-size:10px!important} /* Taxa integrada a explicacao e separacao ampla entre os blocos. */ body.relatorio-em-impressao .relatorio-print-metricas{margin:50px 0!important;gap:16px!important} body.relatorio-em-impressao .relatorio-print-metricas article.enviados{border-top-color:#2877CF!important;background:#F5F9FF!important} body.relatorio-em-impressao .relatorio-print-metricas article.aberturas{border-top-color:#E98A25!important;background:#FFF9F2!important} body.relatorio-em-impressao .relatorio-print-metricas article.unicas{border-top-color:#805AD5!important;background:#FAF7FF!important} body.relatorio-em-impressao .relatorio-print-metricas article.descadastros{border-top-color:#D95562!important;background:#FFF7F8!important} body.relatorio-em-impressao .relatorio-print-privacidade{display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;align-items:center!important;gap:26px!important;margin:0 0 50px!important;padding:20px 22px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#EAF8F0,#F8FCFA)!important} body.relatorio-em-impressao .relatorio-print-privacidade>div{padding-right:22px!important;border-right:1px solid #C8E4D3!important} body.relatorio-em-impressao .relatorio-print-privacidade small,body.relatorio-em-impressao .relatorio-print-privacidade strong,body.relatorio-em-impressao .relatorio-print-privacidade span{display:block!important} body.relatorio-em-impressao .relatorio-print-privacidade small{color:#397451!important;font-size:10px!important;font-weight:700!important} body.relatorio-em-impressao .relatorio-print-privacidade strong{margin:7px 0 5px!important;color:#178441!important;font-size:42px!important;line-height:1!important} body.relatorio-em-impressao .relatorio-print-privacidade span{color:#668071!important;font-size:9px!important} body.relatorio-em-impressao .relatorio-print-privacidade p{color:#4F665A!important;font-size:11px!important;line-height:1.65!important} body.relatorio-em-impressao .relatorio-print-privacidade p b{display:block!important;margin-bottom:4px!important;color:#274D38!important;font-size:13px!important} body.relatorio-em-impressao .relatorio-print-mensagem>header{padding:12px 0!important} /* Cor na base dos indicadores e taxa em uma caixa de destaque. */ body.relatorio-em-impressao .relatorio-print-metricas article{border-top:1px solid #DCE4EB!important;border-bottom:6px solid #347FD0!important} body.relatorio-em-impressao .relatorio-print-metricas article.enviados{border-top-color:#DCE4EB!important;border-bottom-color:#2877CF!important} body.relatorio-em-impressao .relatorio-print-metricas article.aberturas{border-top-color:#DCE4EB!important;border-bottom-color:#E98A25!important} body.relatorio-em-impressao .relatorio-print-metricas article.unicas{border-top-color:#DCE4EB!important;border-bottom-color:#805AD5!important} body.relatorio-em-impressao .relatorio-print-metricas article.descadastros{border-top-color:#DCE4EB!important;border-bottom-color:#D95562!important} body.relatorio-em-impressao .relatorio-print-metricas small{font-size:12px!important} body.relatorio-em-impressao .relatorio-print-metricas strong{font-size:42px!important} body.relatorio-em-impressao .relatorio-print-metricas span{font-size:11px!important} body.relatorio-em-impressao .relatorio-print-privacidade>div{padding:18px!important;border:0!important;border-radius:9px!important;background:#239150!important} body.relatorio-em-impressao .relatorio-print-privacidade small{color:#DDF4E6!important;font-size:12px!important} body.relatorio-em-impressao .relatorio-print-privacidade strong{color:#FFF!important;font-size:46px!important} body.relatorio-em-impressao .relatorio-print-privacidade span{color:#E3F5E9!important;font-size:10px!important} body.relatorio-em-impressao .relatorio-print-privacidade p{font-size:13px!important;line-height:1.7!important} body.relatorio-em-impressao .relatorio-print-privacidade p b{margin-bottom:6px!important;font-size:16px!important} body.relatorio-em-impressao .relatorio-impressao-grafico,body.relatorio-em-impressao .relatorio-impressao-grafico *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important} body.relatorio-em-impressao .relatorio-print-metricas small{font-size:14px!important} body.relatorio-em-impressao .relatorio-print-metricas strong{font-size:48px!important} body.relatorio-em-impressao .relatorio-print-metricas span{font-size:12px!important} body.relatorio-em-impressao .relatorio-print-privacidade{grid-template-columns:270px minmax(0,1fr)!important;padding:22px!important;border:1px solid #B9DEC7!important;background:#F0F9F4!important} body.relatorio-em-impressao .relatorio-print-privacidade>div{padding:22px!important;border:3px solid #14763A!important;border-radius:10px!important;background:#239150!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important} body.relatorio-em-impressao .relatorio-print-privacidade small{font-size:13px!important} body.relatorio-em-impressao .relatorio-print-privacidade strong{font-size:58px!important} body.relatorio-em-impressao .relatorio-print-privacidade span{font-size:11px!important} body.relatorio-em-impressao .relatorio-print-privacidade p{font-size:15px!important;line-height:1.72!important} body.relatorio-em-impressao .relatorio-print-privacidade p b{font-size:18px!important} } .financeiro-exportar{min-height:42px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #BFD8CA;border-radius:8px;background:#FFF;color:var(--email-verde);font-size:13px;font-weight:700;text-decoration:none}.financeiro-exportar:hover{border-color:var(--email-verde);background:#F1FAF5;color:var(--email-verde-escuro)} @media(max-width:620px){.financeiro-exportar{width:100%}} /*- MODELOS V2 ------------------------------------------------------------------------------------------------------------------------------*/ .modelos-v2{display:grid;gap:16px;color:#2E3B4E}.modelos-v2 *{box-sizing:border-box}.modelos-v2-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.modelos-v2-hero>div{max-width:850px}.modelos-v2-hero>div>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.modelos-v2-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.modelos-v2-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.modelos-v2-hero>a{min-height:42px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--email-verde);border-radius:8px;background:var(--email-verde);color:#FFF;font-size:13px;font-weight:700;text-decoration:none}.modelos-v2-hero>a:hover{background:var(--email-verde-escuro)} .modelos-v2-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.modelos-v2-categorias{position:sticky;top:90px;overflow:hidden;border:1px solid #D9E3ED;border-radius:13px;background:#FFF}.modelos-v2-categorias>header{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid #E2E8F0;background:#F8FAFC}.modelos-v2-categorias>header>span{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:9px;background:#E8F7EE;color:var(--email-verde);font-size:16px}.modelos-v2-categorias strong,.modelos-v2-categorias small{display:block}.modelos-v2-categorias strong{color:#34455B;font-size:14px}.modelos-v2-categorias small{margin-top:2px;color:#8290A2;font-size:10px}.modelos-v2-categorias nav{padding:7px}.modelos-v2-categorias nav a{min-height:43px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:8px;color:#5C6B7F;font-size:12px;text-decoration:none}.modelos-v2-categorias nav a:hover{background:#F3F7FA;color:#34455B}.modelos-v2-categorias nav a.ativo{background:#EAF7EF;color:var(--email-verde);font-weight:700}.modelos-v2-categorias nav a>i{width:18px;text-align:center;font-size:14px}.modelos-v2-categorias nav a>span{min-width:0;flex:1}.modelos-v2-categorias nav a>b{min-width:25px;padding:4px 6px;border-radius:999px;background:#EDF2F7;color:#758397;font-size:9px;text-align:center}.modelos-v2-categorias nav a.ativo>b{background:#D9EFE2;color:var(--email-verde)} .modelos-v2-area{min-width:0;padding:18px;border:1px solid #D9E3ED;border-radius:13px;background:#FFF}.modelos-v2-titulo{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modelos-v2-titulo span{color:var(--email-verde);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.modelos-v2-titulo h2{margin:3px 0 0;color:#2D3C51;font-size:20px}.modelos-v2-titulo>small{padding:6px 9px;border-radius:999px;background:#F0F4F8;color:#718096;font-size:10px}.modelos-v2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.modelo-v2-card{min-width:0;overflow:hidden;border:1px solid #DCE4ED;border-radius:12px;background:#FFF;transition:border-color .2s,box-shadow .2s}.modelo-v2-card:hover{border-color:#B8C9D9;box-shadow:0 9px 24px rgba(42,57,76,.09)}.modelo-v2-imagem{position:relative;display:block;aspect-ratio:4/5;background-position:top center;background-repeat:no-repeat;background-size:cover;text-decoration:none}.modelo-v2-imagem:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,31,45,.7));opacity:0;transition:opacity .2s}.modelo-v2-imagem>span{position:absolute;z-index:1;right:14px;bottom:14px;left:14px;min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;background:#FFF;color:#34455B;font-size:12px;font-weight:700;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.modelo-v2-imagem:hover:after,.modelo-v2-imagem:hover>span{opacity:1}.modelo-v2-imagem:hover>span{transform:translateY(0)}.modelo-v2-info{padding:13px 14px 10px}.modelo-v2-info small{display:block;margin-bottom:3px;color:#8794A5;font-size:10px}.modelo-v2-info h3{min-height:20px;margin:0;color:#33445A;font-size:14px;line-height:1.4}.modelo-v2-acoes{display:flex;gap:7px;padding:0 14px 14px}.modelo-v2-acoes>a{min-height:39px;display:flex;flex:1;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:1px solid #CAD6E2;border-radius:8px;background:#FFF;color:#526176;font-size:11px;font-weight:700;text-decoration:none}.modelo-v2-acoes>a:hover{border-color:#8DA4B9;color:#33445B}.modelo-v2-acoes>a.usar{border-color:var(--email-verde);background:var(--email-verde);color:#FFF}.modelo-v2-acoes>a.usar:hover{background:var(--email-verde-escuro)}.modelo-v2-acoes>a.apagar{flex:0 0 68px;border-color:#F0C3C7;color:#C84B57}.modelo-v2-acoes>a.apagar:hover{background:#FFF5F6}.modelos-v2-vazio{min-height:180px;display:flex;align-items:center;justify-content:center;gap:15px;padding:22px;border:1px dashed #BFCFDE;border-radius:12px;background:#F9FBFD}.modelos-v2-vazio>span{width:50px;height:50px;display:grid;flex:0 0 50px;place-items:center;border-radius:12px;background:#E8F7EE;color:var(--email-verde);font-size:21px}.modelos-v2-vazio>div{flex:1}.modelos-v2-vazio h2{margin:0 0 5px;color:#34455B;font-size:17px}.modelos-v2-vazio p{margin:0;color:#748195;font-size:12px}.modelos-v2-vazio>a{min-height:40px;display:flex;align-items:center;padding:0 14px;border-radius:8px;background:var(--email-verde);color:#FFF;font-size:12px;font-weight:700;text-decoration:none} @media(max-width:1450px){.modelos-v2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:1100px){.modelos-v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.modelos-v2-layout{grid-template-columns:1fr}.modelos-v2-categorias{position:static}.modelos-v2-categorias nav{display:flex;overflow-x:auto}.modelos-v2-categorias nav a{flex:0 0 auto}.modelos-v2-categorias>header{display:none}} @media(max-width:620px){.modelos-v2-hero{align-items:flex-start;flex-direction:column;padding:19px}.modelos-v2-hero h1{font-size:24px!important}.modelos-v2-hero p{font-size:13px}.modelos-v2-hero>a{width:100%}.modelos-v2-area{padding:14px}.modelos-v2-grid{grid-template-columns:1fr}.modelos-v2-vazio{align-items:flex-start;flex-direction:column}.modelos-v2-vazio>a{width:100%;justify-content:center}.modelo-v2-acoes{flex-wrap:wrap}.modelo-v2-acoes>a.apagar{flex:1}} .modelo-v2-imagem:after{display:none}.modelo-v2-imagem>span{top:12px;right:12px;bottom:auto;left:auto;width:38px;height:38px;min-height:38px;padding:0;border:1px solid rgba(203,214,226,.9);border-radius:10px;background:rgba(255,255,255,.94);color:#34455B;font-size:0;opacity:1;transform:none;box-shadow:0 4px 12px rgba(35,49,67,.12)}.modelo-v2-imagem>span i{font-size:14px}.modelo-v2-imagem:hover>span{border-color:var(--email-verde);background:var(--email-verde);color:#FFF;transform:none} .modelo-v2-imagem+.modelo-v2-acoes{display:block;padding:0}.modelo-v2-imagem+.modelo-v2-acoes>a.usar{width:100%;min-height:48px;border:0;border-radius:0;background:#344154;color:#FFF}.modelo-v2-imagem+.modelo-v2-acoes>a.usar:hover{background:#222D3C;color:#FFF} .modelos-v2-vazio{min-height:110px;padding:16px 18px} .modelos-cliente-listagem{padding:0;overflow:hidden}.modelos-cliente-listagem>.modelos-v2-titulo{margin:0;padding:18px 20px;border-bottom:1px solid #E0E7EF}.modelos-cliente-lista{width:100%}.modelo-cliente-cabecalho,.modelo-cliente-linha{display:grid;grid-template-columns:minmax(260px,1fr) 155px 145px minmax(420px,.9fr);align-items:center;gap:18px}.modelo-cliente-cabecalho{min-height:42px;padding:0 20px;border-bottom:1px solid #DCE5EE;background:#F3F7FA;color:#6A788C;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.modelo-cliente-linha{min-height:88px;padding:13px 20px;border-bottom:1px solid #E3E9F0;background:#FFF}.modelo-cliente-linha:last-child{border-bottom:0}.modelo-cliente-linha:hover{background:#F8FBF9}.modelo-cliente-identidade{min-width:0;display:flex;align-items:center;gap:12px}.modelo-cliente-identidade>i{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:10px;background:#E8F7EE;color:var(--email-verde);font-size:18px}.modelo-cliente-identidade span,.modelo-cliente-identidade strong,.modelo-cliente-identidade small{min-width:0;display:block}.modelo-cliente-identidade strong{overflow:hidden;color:#304158;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.modelo-cliente-identidade small,.modelo-cliente-data small,.modelo-cliente-conteudo small{margin-top:4px;color:#8995A5;font-size:10px}.modelo-cliente-data small,.modelo-cliente-conteudo small{display:none}.modelo-cliente-data span{color:#56667B;font-size:12px}.modelo-cliente-conteudo{display:flex;align-items:baseline;gap:6px}.modelo-cliente-conteudo strong{color:#3B4D63;font-size:12px}.modelo-cliente-conteudo span{color:#8995A5;font-size:10px}.modelo-cliente-acoes{display:flex;justify-content:flex-end;gap:7px}.modelo-cliente-acoes>a{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #C9D5E1;border-radius:8px;background:#FFF;color:#536277;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.modelo-cliente-acoes>a:hover{border-color:#8EA4B8;background:#F7FAFC;color:#34455B}.modelo-cliente-acoes>a.usar{border-color:var(--email-verde);background:var(--email-verde);color:#FFF}.modelo-cliente-acoes>a.usar:hover{background:var(--email-verde-escuro)}.modelo-cliente-acoes>a.baixar{border-color:#B9D3EE;color:#2570BB}.modelo-cliente-acoes>a.apagar{width:38px;padding:0;border-color:#F0C3C7;color:#C84B57;font-size:0}.modelo-cliente-acoes>a.apagar i{font-size:12px}.modelo-cliente-acoes>a.apagar:hover{background:#FFF5F6} .modelos-cliente-listagem>.modelos-v2-vazio{min-height:110px;justify-content:flex-start;margin:0;padding:22px 20px;border:0;border-radius:0;background:#F8FAFC} .modelo-cliente-acoes>a.apagar i{font-family:"Font Awesome 5 Pro"!important;font-style:normal!important;font-weight:900!important} .modelo-cliente-acoes>a.apagar{gap:0!important;border-color:#C0392B99!important;background:#C0392B22!important;color:#C0392B!important} .modelo-cliente-acoes>a.apagar:hover{border-color:#C0392B!important;background:#C0392B!important;color:#FFF!important} .swal2-container{z-index:20000!important} .swal-email-teste{max-width:calc(100vw - 28px)!important;padding:0 0 18px!important;overflow:hidden!important;border-radius:14px!important;font-family:inherit!important} .swal-email-teste .swal2-html-container{margin:0!important;padding:0!important;text-align:left!important} .envio-teste-modal-conteudo header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #DCE5ED;background:#F1FAF5} .envio-teste-modal-conteudo header>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:10px;background:#DFF3E7;color:var(--email-verde);font-size:17px} .envio-teste-modal-conteudo header small{display:block;margin-bottom:2px;color:var(--email-verde);font-size:10px;font-weight:800;text-transform:uppercase} .envio-teste-modal-conteudo header h2{margin:0;color:#33445A;font-size:20px;line-height:1.2} .envio-teste-modal-conteudo>p{margin:17px 20px 15px!important;color:#65758A!important;font-size:13px!important;line-height:1.55!important;text-align:left!important} .envio-teste-modal-conteudo label{display:block;margin:0 20px} .envio-teste-modal-conteudo label strong{display:block;margin-bottom:7px;color:#405168;font-size:12px} .envio-teste-modal-conteudo input{display:block;width:100%;height:44px;margin:0;padding:0 13px;border:1px solid #C9D6E2;border-radius:8px;background:#FFF;color:#33445A;font:inherit;box-sizing:border-box;outline:0} .envio-teste-modal-conteudo input:focus{border-color:var(--email-verde);box-shadow:0 0 0 3px rgba(35,145,80,.10)} .swal-email-teste .swal2-actions{width:auto;margin:17px 20px 0!important;justify-content:flex-end;gap:8px} .swal-email-teste-confirmar,.swal-email-teste-cancelar{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer} .swal-email-teste-confirmar{border:1px solid var(--email-verde);background:var(--email-verde);color:#FFF} .swal-email-teste-cancelar{border:1px solid #C9D6E2;background:#FFF;color:#52657A} .swal-email-teste .swal2-validation-message{margin:12px 20px 0!important;border-radius:8px;font-size:12px} @media(max-width:1300px){.modelo-cliente-cabecalho,.modelo-cliente-linha{grid-template-columns:minmax(230px,1fr) 130px minmax(380px,1fr)}.modelo-cliente-cabecalho span:nth-child(3),.modelo-cliente-conteudo{display:none}} @media(max-width:900px){.modelo-cliente-cabecalho{display:none}.modelo-cliente-linha{grid-template-columns:1fr;gap:12px;padding:16px 18px}.modelo-cliente-data small,.modelo-cliente-conteudo small{display:block}.modelo-cliente-conteudo{display:flex}.modelo-cliente-acoes{justify-content:flex-start;flex-wrap:wrap}.modelo-cliente-acoes>a{flex:1}.modelo-cliente-acoes>a.apagar{flex:0 0 40px}} @media(max-width:560px){.modelo-cliente-listagem>.modelos-v2-titulo{padding:16px}.modelo-cliente-linha{padding:15px}.modelo-cliente-acoes>a{min-width:calc(50% - 4px)}.modelo-cliente-acoes>a.apagar{min-width:40px;flex:1}} /*- ENVIAR TEMPLATE V2 ----------------------------------------------------------------------------------------------------------------------*/ .template-upload-v2{display:grid;gap:16px;color:#2E3B4E}.template-upload-v2 *{box-sizing:border-box}.template-upload-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.template-upload-hero>div{max-width:850px}.template-upload-hero>div>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.template-upload-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.template-upload-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.template-upload-hero>a{min-height:42px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #BFD8CA;border-radius:8px;background:#FFF;color:var(--email-verde);font-size:13px;font-weight:700;text-decoration:none}.template-upload-hero>a:hover{border-color:var(--email-verde);background:#F1FAF5} .template-upload-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.72fr) minmax(310px,.78fr);gap:16px;align-items:stretch}.template-upload-formulario,.template-upload-checklist,.template-upload-estrutura{border:1px solid #D9E3ED;border-radius:13px;background:#FFF;padding:18px}.template-upload-formulario>header,.template-upload-checklist>header,.template-upload-estrutura>header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.template-upload-formulario>header>span,.template-upload-checklist>header>span,.template-upload-estrutura>header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E8F7EE;color:var(--email-verde);font-size:18px}.template-upload-checklist>header>span{background:#EAF3FF;color:#2877CF}.template-upload-estrutura>header>span{background:#FFF3E5;color:#D97A12}.template-upload-formulario header small,.template-upload-formulario header h2,.template-upload-checklist header small,.template-upload-checklist header h2,.template-upload-estrutura header small,.template-upload-estrutura header h2{display:block}.template-upload-formulario header small,.template-upload-checklist header small,.template-upload-estrutura header small{margin-bottom:3px;color:#7B899B;font-size:10px}.template-upload-formulario header h2,.template-upload-checklist header h2,.template-upload-estrutura header h2{margin:0;color:#34455B;font-size:17px}.template-upload-formulario form{margin:0;padding:0;border:0}.template-upload-campo{min-height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px;border:1px dashed #AFC5D8;border-radius:12px;background:#F8FBFD;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.template-upload-campo:hover{border-color:var(--email-verde);background:#F4FBF7}.template-upload-campo>i{margin-bottom:10px;color:var(--email-verde);font-size:29px}.template-upload-campo>strong{color:#34455B;font-size:14px}.template-upload-campo>span{margin:5px 0 14px;color:#7E8B9C;font-size:11px}.template-upload-campo input[type=file]{width:min(100%,460px);min-height:43px;padding:7px;border:1px solid #CAD5E1;border-radius:8px;background:#FFF;color:#526176;font-family:inherit;font-size:12px}.template-upload-campo>b{display:block;margin-top:10px;color:#617086;font-size:11px;font-weight:600}.template-upload-formulario button[type=submit]{width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;border:1px solid var(--email-verde);border-radius:8px;background:var(--email-verde);color:#FFF;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.template-upload-formulario button[type=submit]:hover{background:var(--email-verde-escuro)} .template-upload-checklist>div{display:grid;gap:8px}.template-upload-checklist article{min-height:65px;display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border:1px solid #E0E7EF;border-radius:9px;background:#F8FAFC}.template-upload-checklist article>i{width:24px;margin-top:2px;color:var(--email-verde);font-size:16px;text-align:center}.template-upload-checklist article span,.template-upload-checklist article strong,.template-upload-checklist article small{display:block}.template-upload-checklist article strong{margin-bottom:3px;color:#405168;font-size:12px}.template-upload-checklist article small{color:#7C899A;font-size:10px;line-height:1.4}.template-upload-estrutura{display:flex;min-width:0;flex-direction:column}.template-upload-estrutura-texto>p{margin:0 0 12px;color:#68788D;font-size:11px;line-height:1.5}.template-upload-aviso{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px;border-left:3px solid #2E7CD0;border-radius:8px;background:#F2F7FD;color:#617188;font-size:10px;line-height:1.4}.template-upload-aviso i{margin-top:2px;color:#2E7CD0}.template-upload-arvore{overflow:hidden;border:1px solid #DCE4ED;border-radius:11px;background:#F9FBFD}.template-upload-arvore>div{display:flex;align-items:center;gap:9px;padding:11px 12px;border-bottom:1px solid #E0E7EF;background:#EEF3F8;color:#34455B;font-size:12px}.template-upload-arvore>div i{color:#D88A1C;font-size:16px}.template-upload-arvore ul{margin:0;padding:7px 8px 8px;list-style:none}.template-upload-arvore li{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 7px;border-radius:7px;color:#617086;font-size:10px}.template-upload-arvore li:hover{background:#FFF}.template-upload-arvore li i{width:17px;color:#2877CF;text-align:center}.template-upload-arvore li span{flex:1}.template-upload-arvore li b{padding:4px 6px;border-radius:999px;background:#EDF2F7;color:#7B899B;font-size:7px}.template-upload-arvore li.principal{color:#34455B;font-weight:700}.template-upload-arvore li.principal b{background:#DFF3E7;color:var(--email-verde)} @media(max-width:1200px){.template-upload-layout{grid-template-columns:1fr}.template-upload-estrutura{display:flex}} @media(max-width:620px){.template-upload-hero{align-items:flex-start;flex-direction:column;padding:19px}.template-upload-hero h1{font-size:24px!important}.template-upload-hero p{font-size:13px}.template-upload-hero>a{width:100%}.template-upload-formulario,.template-upload-checklist,.template-upload-estrutura{padding:15px}.template-upload-campo{min-height:185px}} /* Pré-visualização dos templates: remove folgas e a rolagem horizontal residual do iframe. */ .fancybox-slide--iframe .fancybox-content { padding: 0 !important; overflow: hidden !important; } .fancybox-slide--iframe .fancybox-iframe { display: block; margin: 0 !important; padding: 0 !important; } /*- CENTRAL DE AJUDA V2 --------------------------------------------------------------------------------------------------------------------*/ .ajuda-v2{display:grid;gap:16px;color:#2E3B4E}.ajuda-v2 *{box-sizing:border-box}.ajuda-v2-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F5FBF7,#FFF 58%,#EDF7F1)}.ajuda-v2-hero>div:first-child{max-width:800px}.ajuda-v2-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:13px;font-weight:700}.ajuda-v2-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.ajuda-v2-hero p{margin:0;color:#69778A;font-size:14px;line-height:1.55}.ajuda-v2-contatos{display:flex;flex:0 0 auto;gap:10px}.ajuda-v2-contatos>a{min-width:205px;min-height:52px;display:flex;align-items:center;gap:11px;padding:8px 13px;border:1px solid #C8D8E5;border-radius:10px;background:#FFF;color:#34455B;text-decoration:none}.ajuda-v2-contatos>a:hover{border-color:var(--email-verde);background:#F5FBF7}.ajuda-v2-contatos>a>i{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:8px;background:#E8F7EE;color:var(--email-verde);font-size:15px}.ajuda-v2-contatos span,.ajuda-v2-contatos small{display:block}.ajuda-v2-contatos span{font-size:11px;font-weight:700}.ajuda-v2-contatos small{margin-bottom:2px;color:#8290A2;font-size:9px;font-weight:400} .ajuda-v2-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px;align-items:start}.ajuda-v2-lateral{position:sticky;top:92px;overflow:hidden;border:1px solid #D9E3ED;border-radius:13px;background:#FFF}.ajuda-v2-lateral>header{display:flex;align-items:center;gap:11px;padding:16px;border-bottom:1px solid #E2E8F0;background:#F8FAFC}.ajuda-v2-lateral>header>span{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;border-radius:10px;background:#E8F7EE;color:var(--email-verde);font-size:16px}.ajuda-v2-lateral>header strong,.ajuda-v2-lateral>header small{display:block}.ajuda-v2-lateral>header strong{color:#34455B;font-size:14px}.ajuda-v2-lateral>header small{margin-top:2px;color:#8290A2;font-size:10px}.ajuda-v2-lateral nav{display:grid;gap:4px;padding:8px}.ajuda-v2-lateral nav>a{min-height:58px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:#607086;text-decoration:none}.ajuda-v2-lateral nav>a:hover{background:#F3F7FA;color:#34455B}.ajuda-v2-lateral nav>a.ativo{background:#EAF7EF;color:var(--email-verde)}.ajuda-v2-lateral nav>a>i:first-child{width:30px;text-align:center;font-size:15px}.ajuda-v2-lateral nav>a>i:last-child{font-size:10px}.ajuda-v2-lateral nav>a>span{min-width:0;flex:1}.ajuda-v2-lateral nav strong,.ajuda-v2-lateral nav small{display:block}.ajuda-v2-lateral nav strong{font-size:12px}.ajuda-v2-lateral nav small{overflow:hidden;margin-top:3px;color:#8A97A7;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ajuda-v2-horario{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-top:1px solid #E2E8F0;background:#F8FAFC;color:#64748B}.ajuda-v2-horario>i{margin-top:2px;color:var(--email-verde)}.ajuda-v2-horario strong,.ajuda-v2-horario small{display:block}.ajuda-v2-horario strong{color:#475569;font-size:10px}.ajuda-v2-horario small{margin-top:3px;font-size:9px;line-height:1.4} .ajuda-v2-conteudo{min-width:0;padding:18px;border:1px solid #D9E3ED;border-radius:13px;background:#FFF}.ajuda-v2-conteudo>.caixa-introducao-conteudo{width:100%;float:none;margin:0 0 15px;padding:20px 21px;border:0;border-left:4px solid var(--email-verde);border-radius:10px;background:#F4FAF6;color:#5E6E82}.ajuda-v2-conteudo>.caixa-introducao-conteudo p{margin:0;padding:0;color:#66768A;font-size:13px;line-height:1.65;text-align:left}.ajuda-v2-conteudo>.caixa-introducao-conteudo p>b{display:block;margin-bottom:5px;color:#2E3E53;font-size:20px;line-height:1.25}.ajuda-v2-conteudo>.caixa-introducao-conteudo p>b+br{display:none}.ajuda-v2-conteudo .pergunta{width:100%;min-height:58px;float:none;display:flex;align-items:center;justify-content:space-between;margin:0 0 9px;padding:12px 14px;border:1px solid #DCE5EE;border-radius:9px;background:#F8FAFC;color:#43536A;transition:border-color .18s,background .18s}.ajuda-v2-conteudo .pergunta:hover{border-color:#B8C9D8;background:#F2F7FA}.ajuda-v2-conteudo .pergunta .texto{width:auto;float:none;display:flex;align-items:center;gap:9px;padding:0;color:#43536A;font-size:13px;font-weight:600}.ajuda-v2-conteudo .pergunta .texto>i{color:var(--email-verde);font-size:11px}.ajuda-v2-conteudo .pergunta .icone{width:30px;height:30px;float:none;display:grid;flex:0 0 30px;place-items:center;margin:0;border-radius:8px;background:#E9F1F6;color:#65758A;font-size:12px}.ajuda-v2-conteudo .pergunta-aberta{margin-bottom:0!important;border-color:#BBD7C6!important;border-radius:9px 9px 0 0!important;background:#EAF7EF!important}.ajuda-v2-conteudo .pergunta-aberta .texto,.ajuda-v2-conteudo .pergunta-aberta .icone{color:var(--email-verde)!important}.ajuda-v2-conteudo .pergunta-aberta .icone{background:#D9EFE2}.ajuda-v2-conteudo .resposta{width:100%;float:none;margin:-1px 0 9px;padding:17px 18px;border:1px solid #BBD7C6;border-top:0;border-radius:0 0 9px 9px;background:#FFF;color:#58687D;font-size:13px;line-height:1.7;text-align:left} @media(max-width:1180px){.ajuda-v2-hero{align-items:flex-start;flex-direction:column}.ajuda-v2-contatos{width:100%}.ajuda-v2-contatos>a{min-width:0;flex:1}} @media(max-width:900px){.ajuda-v2-layout{grid-template-columns:1fr}.ajuda-v2-lateral{position:static}.ajuda-v2-lateral nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ajuda-v2-horario{display:none}} @media(max-width:620px){.ajuda-v2-hero{padding:19px}.ajuda-v2-hero h1{font-size:24px!important}.ajuda-v2-contatos{flex-direction:column}.ajuda-v2-contatos>a{width:100%}.ajuda-v2-lateral nav{grid-template-columns:1fr}.ajuda-v2-conteudo{padding:14px}.ajuda-v2-conteudo>.caixa-introducao-conteudo{padding:17px}.ajuda-v2-conteudo .pergunta .texto{font-size:12px}} .ajuda-v2-lateral>header>span{width:38px;height:38px;flex-basis:38px;border-radius:9px}.ajuda-v2-lateral nav{display:block;padding:7px}.ajuda-v2-lateral nav>a{min-height:43px;gap:10px;padding:0 10px;border-radius:8px;font-size:12px}.ajuda-v2-lateral nav>a>i:first-child{width:18px;font-size:14px}.ajuda-v2-lateral nav>a>span{min-width:0;display:block;flex:1;font-weight:400}.ajuda-v2-lateral nav>a.ativo>span{font-weight:700}.ajuda-v2-lateral nav>a>b{min-width:25px;padding:4px 6px;border-radius:999px;background:#EDF2F7;color:#758397;font-size:9px;text-align:center}.ajuda-v2-lateral nav>a.ativo>b{background:#D9EFE2;color:var(--email-verde)} @media(max-width:900px){.ajuda-v2-lateral nav{display:flex;overflow-x:auto}.ajuda-v2-lateral nav>a{flex:0 0 auto}.ajuda-v2-lateral nav>a>span{min-width:max-content}} .ajuda-v2-conteudo>.caixa-introducao-conteudo p,.ajuda-v2-conteudo .pergunta .texto,.ajuda-v2-conteudo .resposta{font-size:14px} /*- CONFIGURAÇÕES V2 ----------------------------------------------------------------------------------------------------------------------*/ .configuracoes-v2{display:grid;gap:16px;color:#2E3B4E}.configuracoes-v2 *{box-sizing:border-box}.configuracoes-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.configuracoes-hero>div:first-child{max-width:850px}.configuracoes-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.configuracoes-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.configuracoes-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.configuracoes-hero-icone{width:54px;height:54px;display:grid;flex:0 0 54px;place-items:center;border-radius:13px;background:#E3F5EA;color:var(--email-verde);font-size:22px}.configuracoes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.configuracoes-grid>a{min-height:132px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:15px;padding:19px 20px;border:1px solid #DCE4ED;border-radius:13px;background:#FFF;color:#34455B;text-decoration:none;transition:border-color .18s,background .18s}.configuracoes-grid>a:hover{border-color:#AFCFBC;background:#F7FCF9}.configuracoes-grid>a>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;font-size:19px}.configuracoes-grid>a>span.verde{background:#E5F6EC;color:var(--email-verde)}.configuracoes-grid>a>span.azul{background:#EAF3FF;color:#2877CF}.configuracoes-grid>a>span.roxo{background:#F0EAFE;color:#805AD5}.configuracoes-grid>a>span.laranja{background:#FFF1E2;color:#D97A12}.configuracoes-grid>a>span.rosa{background:#FDECEF;color:#C94B68}.configuracoes-grid small,.configuracoes-grid strong,.configuracoes-grid p{display:block}.configuracoes-grid small{margin-bottom:4px;color:#8190A3;font-size:10px}.configuracoes-grid strong{color:#304057;font-size:17px}.configuracoes-grid p{margin:5px 0 0;color:#718096;font-size:13px;line-height:1.45}.configuracoes-grid>a>i{color:#9AABBC;font-size:12px;text-align:center}.configuracoes-grid>a:last-child{grid-column:1/-1} .email-home-legal{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 18px;border:1px solid #DCE5ED;border-radius:13px;background:#F8FAFC}.email-home-legal>div{display:flex;align-items:center;gap:12px}.email-home-legal>div:first-child>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#E5F6EC;color:var(--email-verde);font-size:17px}.email-home-legal strong,.email-home-legal small{display:block}.email-home-legal strong{color:#3A4A60;font-size:13px}.email-home-legal small{margin-top:3px;color:#7D8999;font-size:11px}.email-home-legal a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #C9D5E1;border-radius:8px;background:#FFF;color:#46566B;font-size:12px;font-weight:700;text-decoration:none}.email-home-legal a:hover{border-color:var(--email-verde);color:var(--email-verde)} @media(max-width:800px){.configuracoes-grid{grid-template-columns:1fr}.configuracoes-grid>a:last-child{grid-column:auto}.email-home-legal{align-items:flex-start;flex-direction:column}.email-home-legal>div:last-child{width:100%;flex-wrap:wrap}.email-home-legal a{flex:1}} @media(max-width:620px){.configuracoes-hero{padding:19px}.configuracoes-hero h1{font-size:24px!important}.configuracoes-hero p{font-size:13px}.configuracoes-hero-icone{display:none}.configuracoes-grid>a{min-height:112px;padding:16px}.email-home-legal>div:last-child{display:grid;grid-template-columns:1fr}.email-home-legal a{width:100%}} /*- E-MAIL REMETENTE V2 ------------------------------------------------------------------------------------------------------------------*/ .remetente-v2{display:grid;gap:16px;color:#2E3B4E}.remetente-v2 *{box-sizing:border-box}.remetente-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.remetente-hero>div:first-child{max-width:850px}.remetente-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.remetente-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.remetente-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.remetente-hero-contador{min-width:150px;padding:12px 15px;border:1px solid #CFE4D7;border-radius:11px;background:#FFF;text-align:center}.remetente-hero-contador strong,.remetente-hero-contador span{display:block}.remetente-hero-contador strong{color:var(--email-verde);font-size:24px}.remetente-hero-contador span{margin-top:2px;color:#77859A;font-size:10px} .remetente-configuracao{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:14px}.remetente-configuracao>form,.remetente-orientacoes{margin:0!important;padding:19px!important;border:1px solid #D9E3ED!important;border-radius:13px!important;background:#FFF!important}.remetente-configuracao header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.remetente-configuracao header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E5F6EC;color:var(--email-verde);font-size:18px}.remetente-configuracao header small,.remetente-configuracao header h2{display:block}.remetente-configuracao header small{margin-bottom:2px;color:#8190A3;font-size:10px}.remetente-configuracao header h2{margin:0;color:#33445A;font-size:18px}.remetente-configuracao form>label{display:block;margin-bottom:7px;color:#47576C;font-size:12px;font-weight:700}.remetente-campo{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #C8D5E2;border-radius:9px;background:#FFF}.remetente-campo:focus-within{border-color:var(--email-verde);box-shadow:0 0 0 3px rgba(35,134,74,.09)}.remetente-campo>i{color:#8391A2;text-align:center}.remetente-campo input{width:100%!important;height:46px!important;margin:0!important;padding:0 10px!important;border:0!important;border-left:1px solid #E0E7EF!important;border-radius:0!important;background:#FFF!important;color:#34455B!important;font-family:inherit!important;font-size:14px!important;outline:0!important}.remetente-campo button{height:46px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0!important;padding:0 16px;border:0;background:var(--email-verde);color:#FFF;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.remetente-campo button:hover{background:var(--email-verde-escuro)}.remetente-configuracao form>p{margin:10px 0 0!important;color:#7D8999!important;font-size:11px!important;line-height:1.5!important}.remetente-orientacoes header>span{background:#EAF3FF;color:#2877CF}.remetente-orientacoes ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.remetente-orientacoes li{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid #E2E8F0;border-radius:9px;background:#F8FAFC}.remetente-orientacoes li>i{width:26px;height:26px;display:grid;flex:0 0 26px;place-items:center;border-radius:7px;background:#E3F4EA;color:var(--email-verde);font-size:11px}.remetente-orientacoes li:last-child>i{background:#FDEBEC;color:#C94B57}.remetente-orientacoes strong,.remetente-orientacoes small{display:block}.remetente-orientacoes strong{color:#405168;font-size:12px}.remetente-orientacoes small{margin-top:3px;color:#7F8C9D;font-size:10px;line-height:1.4}.remetente-orientacoes>a{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--email-verde);font-size:11px;font-weight:700;text-decoration:none}.remetente-orientacoes>a i:last-child{margin-left:auto} .remetente-listagem{overflow:hidden;border:1px solid #D9E3ED;border-radius:14px;background:#FFF}.remetente-listagem>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.remetente-listagem>header span{color:var(--email-verde);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.remetente-listagem>header h2{margin:3px 0 0;color:#2D3C51;font-size:20px}.remetente-listagem>header>small{padding:6px 9px;border-radius:999px;background:#F0F4F8;color:#718096;font-size:10px}.remetente-tabela-wrap{overflow-x:auto}.remetente-v2 .dataTables_wrapper{border:0;border-top:1px solid #E2E8F0;border-radius:0;color:#4C5B70;font-size:13px}.remetente-v2 table.dataTable{width:100%!important;margin:0!important}.remetente-v2 table.dataTable thead th{padding:13px 15px;border-color:#DCE4ED;background:#F3F6FA;color:#64738A;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.remetente-v2 table.dataTable thead th:first-child{text-align:left}.remetente-v2 table.dataTable tbody td{padding:14px 15px;border-color:#E7ECF2;background:#FFF!important;color:#405168;font-size:13px;vertical-align:middle}.remetente-v2 table.dataTable tbody tr:nth-child(even)>td,.remetente-v2 table.dataTable tbody tr:nth-child(even)>.sorting_1{background:#F8FAFC!important}.remetente-v2 table.dataTable tbody tr:hover>td,.remetente-v2 table.dataTable tbody tr:hover>.sorting_1{background:#F2F8F4!important}.remetente-v2 .dataTables_length,.remetente-v2 .dataTables_filter{padding:14px}.remetente-v2 .dataTables_filter input,.remetente-v2 .dataTables_length select{height:40px;border:1px solid #CBD6E2;border-radius:8px;font-family:inherit;font-size:13px}.remetente-v2 .dataTables_info{padding:18px 15px!important}.remetente-v2 .dataTables_paginate{padding:11px 14px 14px!important}.remetente-email{display:flex;align-items:center;gap:10px}.remetente-email>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:8px;background:#EAF3FF;color:#2877CF}.remetente-email strong{color:#34455B;font-size:13px}.remetente-status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.remetente-status i{font-size:6px}.remetente-status.aprovado{background:#E4F5EB;color:var(--email-verde)}.remetente-status.pendente{background:#FFF2DE;color:#B36A12}.remetente-excluir{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid #ECA9AE;border-radius:8px;background:#FDEEEF;color:#C9343C;text-decoration:none}.remetente-excluir:hover{border-color:#C9343C;background:#C9343C;color:#FFF} @media(max-width:980px){.remetente-configuracao{grid-template-columns:1fr}.remetente-v2 table.dataTable{min-width:760px}} @media(max-width:620px){.remetente-hero{align-items:flex-start;flex-direction:column;padding:19px}.remetente-hero h1{font-size:24px!important}.remetente-hero p{font-size:13px}.remetente-hero-contador{width:100%}.remetente-configuracao>form,.remetente-orientacoes{padding:16px!important}.remetente-campo{grid-template-columns:36px minmax(0,1fr)}.remetente-campo button{grid-column:1/-1;width:100%}} /*- CAMPOS EXTRAS V2 ---------------------------------------------------------------------------------------------------------------------*/ .campos-extras-v2{display:grid;gap:16px;color:#2E3B4E}.campos-extras-v2 *{box-sizing:border-box}.campos-extras-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.campos-extras-hero>div:first-child{max-width:900px}.campos-extras-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.campos-extras-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.campos-extras-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.campos-extras-limite{min-width:150px;padding:12px 15px;border:1px solid #CFE4D7;border-radius:11px;background:#FFF;text-align:center}.campos-extras-limite strong,.campos-extras-limite span{display:block}.campos-extras-limite strong{color:var(--email-verde);font-size:24px}.campos-extras-limite strong small{font-size:13px}.campos-extras-limite span{margin-top:2px;color:#77859A;font-size:10px} .campos-extras-fluxo{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;padding:13px;border:1px solid #DCE5ED;border-radius:13px;background:#FFF}.campos-extras-fluxo>article{min-height:72px;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;background:#F7F9FC}.campos-extras-fluxo>article>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:9px;background:#E5F6EC;color:var(--email-verde);font-size:12px;font-weight:800}.campos-extras-fluxo strong,.campos-extras-fluxo p{display:block}.campos-extras-fluxo strong{color:#3B4B61;font-size:13px}.campos-extras-fluxo p{margin:4px 0 0;color:#7C899A;font-size:10px;line-height:1.4}.campos-extras-fluxo>i{color:#A0ADBC;text-align:center} .campos-extras-configuracao{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:14px}.campos-extras-configuracao>form,.campos-extras-exemplo{margin:0!important;padding:19px!important;border:1px solid #D9E3ED!important;border-radius:13px!important;background:#FFF!important}.campos-extras-configuracao header{display:flex;align-items:center;gap:12px;margin-bottom:17px}.campos-extras-configuracao header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E5F6EC;color:var(--email-verde);font-size:18px}.campos-extras-configuracao header small,.campos-extras-configuracao header h2{display:block}.campos-extras-configuracao header small{margin-bottom:2px;color:#8190A3;font-size:10px}.campos-extras-configuracao header h2{margin:0;color:#33445A;font-size:18px}.campos-extras-form-grid{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:10px}.campos-extras-form-grid label>span{display:block;margin-bottom:7px;color:#47576C;font-size:12px;font-weight:700}.campos-extras-form-grid select,.campos-extras-form-grid input{width:100%!important;height:46px!important;margin:0!important;border:1px solid #C8D5E2!important;border-radius:9px!important;background:#FFF!important;color:#3B4B61!important;font-family:inherit!important;font-size:13px!important}.campos-extras-form-grid select{padding:0 11px!important}.campos-extras-form-grid input{padding:0 13px!important}.campos-extras-form-grid select:focus,.campos-extras-form-grid input:focus{border-color:var(--email-verde)!important;box-shadow:0 0 0 3px rgba(35,134,74,.09);outline:0}.campos-extras-form-rodape{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px}.campos-extras-form-rodape p{margin:0!important;color:#7D8999!important;font-size:11px!important;line-height:1.5!important}.campos-extras-form-rodape p i{margin-right:5px;color:#2877CF}.campos-extras-form-rodape button{min-width:135px;height:43px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0!important;padding:0 15px;border:0;border-radius:8px;background:var(--email-verde);color:#FFF;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.campos-extras-form-rodape button:hover{background:var(--email-verde-escuro)}.campos-extras-form-rodape button:disabled{background:#AAB5C1;cursor:not-allowed}.campos-extras-lotado{margin-top:12px;padding:10px 12px;border-radius:8px;background:#FFF3E2;color:#A76614;font-size:11px}.campos-extras-exemplo header>span{background:#F0EAFE;color:#805AD5}.campos-extras-exemplo-linha,.campos-extras-exemplo-mensagem{padding:11px 12px;border:1px solid #E0E7EF;border-radius:9px;background:#F8FAFC}.campos-extras-exemplo-mensagem{margin-top:8px;background:#FFF}.campos-extras-exemplo-linha small,.campos-extras-exemplo-linha strong,.campos-extras-exemplo-mensagem small{display:block}.campos-extras-exemplo-linha small,.campos-extras-exemplo-mensagem small{margin-bottom:5px;color:#8190A3;font-size:9px}.campos-extras-exemplo-linha strong{overflow:hidden;color:#405168;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.campos-extras-exemplo-mensagem p{margin:0!important;color:#4D5D72!important;font-size:11px!important;line-height:1.55!important}.campos-extras-exemplo-mensagem mark{padding:2px 4px;border-radius:4px;background:#FFF0C7;color:#8B6319}.campos-extras-exemplo>p{margin:11px 0 0!important;color:#758397!important;font-size:10px!important;line-height:1.5!important}.campos-extras-exemplo>p i{margin-right:5px;color:#805AD5} .campos-extras-listagem{overflow:hidden;border:1px solid #D9E3ED;border-radius:14px;background:#FFF}.campos-extras-listagem>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.campos-extras-listagem>header span{color:var(--email-verde);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.campos-extras-listagem>header h2{margin:3px 0 0;color:#2D3C51;font-size:20px}.campos-extras-listagem>header>small{padding:6px 9px;border-radius:999px;background:#F0F4F8;color:#718096;font-size:10px}.campos-extras-tabela-wrap{overflow-x:auto}.campos-extras-v2 .dataTables_wrapper{border:0;border-top:1px solid #E2E8F0;border-radius:0;color:#4C5B70;font-size:13px}.campos-extras-v2 table.dataTable{width:100%!important;margin:0!important}.campos-extras-v2 table.dataTable thead th{padding:13px 15px;border-color:#DCE4ED;background:#F3F6FA;color:#64738A;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.campos-extras-v2 table.dataTable thead th:first-child{text-align:left}.campos-extras-v2 table.dataTable tbody td{padding:14px 15px;border-color:#E7ECF2;background:#FFF!important;color:#405168;font-size:13px;vertical-align:middle}.campos-extras-v2 table.dataTable tbody tr:nth-child(even)>td,.campos-extras-v2 table.dataTable tbody tr:nth-child(even)>.sorting_1{background:#F8FAFC!important}.campos-extras-v2 table.dataTable tbody tr:hover>td,.campos-extras-v2 table.dataTable tbody tr:hover>.sorting_1{background:#F2F8F4!important}.campos-extras-v2 .dataTables_length,.campos-extras-v2 .dataTables_filter{padding:14px}.campos-extras-v2 .dataTables_filter input,.campos-extras-v2 .dataTables_length select{height:40px;border:1px solid #CBD6E2;border-radius:8px;font-family:inherit;font-size:13px}.campos-extras-v2 .dataTables_info{padding:18px 15px!important}.campos-extras-v2 .dataTables_paginate{padding:11px 14px 14px!important}.campo-extra-nome{display:flex;align-items:center;gap:10px}.campo-extra-nome>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:8px;background:#EAF3FF;color:#2877CF}.campo-extra-nome strong,.campo-extra-nome small{display:block}.campo-extra-nome strong{color:#34455B;font-size:13px}.campo-extra-nome small{margin-top:2px;color:#8794A5;font-size:9px}.campo-extra-token{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #D6E1EB;border-radius:8px;background:#F8FAFC;color:#526277;cursor:pointer}.campo-extra-token:hover{border-color:#97B9D7;background:#F1F7FC}.campo-extra-token code{font-family:monospace;font-size:11px}.campo-extra-token i{color:#2877CF}.campo-extra-excluir{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid #ECA9AE;border-radius:8px;background:#FDEEEF;color:#C9343C;text-decoration:none}.campo-extra-excluir:hover{border-color:#C9343C;background:#C9343C;color:#FFF} .campos-extras-exemplo-dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.campos-extras-exemplo-dados>div{padding:10px 11px;border:1px solid #E0E7EF;border-radius:9px;background:#F8FAFC}.campos-extras-exemplo-dados small,.campos-extras-exemplo-dados strong,.campos-extras-exemplo-dados code{display:block}.campos-extras-exemplo-dados small{margin-bottom:5px;color:#8190A3;font-size:9px}.campos-extras-exemplo-dados strong,.campos-extras-exemplo-dados code{color:#405168;font-size:11px;font-weight:700}.campos-extras-exemplo-dados code{color:#6B46C1} @media(max-width:1050px){.campos-extras-configuracao{grid-template-columns:1fr}.campos-extras-v2 table.dataTable{min-width:800px}} @media(max-width:760px){.campos-extras-fluxo{grid-template-columns:1fr}.campos-extras-fluxo>i{transform:rotate(90deg)}.campos-extras-form-grid{grid-template-columns:1fr}.campos-extras-form-rodape{align-items:stretch;flex-direction:column}.campos-extras-form-rodape button{width:100%}} @media(max-width:620px){.campos-extras-hero{align-items:flex-start;flex-direction:column;padding:19px}.campos-extras-hero h1{font-size:24px!important}.campos-extras-hero p{font-size:13px}.campos-extras-limite{width:100%}.campos-extras-configuracao>form,.campos-extras-exemplo{padding:16px!important}} /*- INTEGRAÇÃO API V2 --------------------------------------------------------------------------------------------------------------------*/ .integracao-api-v2{display:grid;gap:16px;color:#2E3B4E}.integracao-api-v2 *{box-sizing:border-box}.integracao-api-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.integracao-api-hero>div:first-child{max-width:900px}.integracao-api-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.integracao-api-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.integracao-api-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.integracao-api-hero-status{min-width:160px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #CFE4D7;border-radius:11px;background:#FFF}.integracao-api-hero-status>i{color:#27A55D;font-size:8px}.integracao-api-hero-status strong,.integracao-api-hero-status small{display:block}.integracao-api-hero-status strong{color:#405168;font-size:12px}.integracao-api-hero-status small{margin-top:2px;color:#8190A3;font-size:9px} .integracao-api-fluxo{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;padding:13px;border:1px solid #DCE5ED;border-radius:13px;background:#FFF}.integracao-api-fluxo>article{min-height:72px;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;background:#F7F9FC}.integracao-api-fluxo>article>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:9px;background:#E5F6EC;color:var(--email-verde);font-size:12px;font-weight:800}.integracao-api-fluxo strong,.integracao-api-fluxo p{display:block}.integracao-api-fluxo strong{color:#3B4B61;font-size:13px}.integracao-api-fluxo p{margin:4px 0 0;color:#7C899A;font-size:10px;line-height:1.4}.integracao-api-fluxo>i{color:#A0ADBC;text-align:center} .integracao-api-configuracao{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:14px}.integracao-api-credenciais,.integracao-api-recursos{padding:19px;border:1px solid #D9E3ED;border-radius:13px;background:#FFF}.integracao-api-configuracao header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.integracao-api-configuracao header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#E5F6EC;color:var(--email-verde);font-size:18px}.integracao-api-configuracao header small,.integracao-api-configuracao header h2{display:block}.integracao-api-configuracao header small{margin-bottom:2px;color:#8190A3;font-size:10px}.integracao-api-configuracao header h2{margin:0;color:#33445A;font-size:18px}.integracao-api-credenciais>p{margin:0 0 13px;color:#6F7E91;font-size:12px;line-height:1.55}.integracao-api-credenciais>p code{padding:2px 4px;border-radius:4px;background:#F0F3F7;color:#42526A}.integracao-api-token{display:grid;grid-template-columns:minmax(0,1fr) 43px auto;align-items:center;overflow:hidden;border:1px solid #C9D5E1;border-radius:9px;background:#F8FAFC}.integracao-api-token>code{overflow:hidden;padding:0 13px;color:#47576C;font-family:monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.integracao-api-token>button{height:44px;margin:0;border:0;border-left:1px solid #D8E1EA;background:#FFF;color:#617187;cursor:pointer}.integracao-api-token>button:last-child{display:flex;align-items:center;gap:7px;padding:0 14px;background:var(--email-verde);color:#FFF;font-size:11px;font-weight:700}.integracao-api-token>button:hover{background:#EEF4F8}.integracao-api-token>button:last-child:hover{background:var(--email-verde-escuro)}.integracao-api-endpoint{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:8px;background:#F2F7FD;color:#607086;font-size:11px}.integracao-api-endpoint span{display:flex;align-items:center;gap:6px;color:#2877CF;font-weight:700}.integracao-api-endpoint code{font-size:11px}.integracao-api-recursos header>span{background:#EAF3FF;color:#2877CF}.integracao-api-recursos>a{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:11px;border:1px solid #E0E7EF;border-radius:9px;background:#F8FAFC;color:#405168;text-decoration:none}.integracao-api-recursos>a+a{margin-top:8px}.integracao-api-recursos>a:hover{border-color:#A9C6DD;background:#F2F7FB}.integracao-api-recursos>a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#EAF3FF;color:#2877CF;font-size:16px}.integracao-api-recursos>a:nth-of-type(2)>span{background:#E5F6EC;color:var(--email-verde)}.integracao-api-recursos strong,.integracao-api-recursos small{display:block}.integracao-api-recursos strong{font-size:12px}.integracao-api-recursos small{margin-top:3px;color:#8190A3;font-size:9px}.integracao-api-recursos>a>i{color:#94A3B5;font-size:11px;text-align:center} .integracao-api-aviso{display:flex;align-items:flex-start;gap:13px;padding:15px 17px;border-left:4px solid #2877CF;border-radius:10px;background:#F3F7FC}.integracao-api-aviso>span{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:9px;background:#E5F0FF;color:#2877CF;font-size:16px}.integracao-api-aviso strong{display:block;margin-bottom:4px;color:#3B4C62;font-size:13px}.integracao-api-aviso p{margin:0;color:#66768A;font-size:12px;line-height:1.55} .integracao-api-listagem{overflow:hidden;border:1px solid #D9E3ED;border-radius:14px;background:#FFF}.integracao-api-listagem>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.integracao-api-listagem>header span{color:var(--email-verde);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.integracao-api-listagem>header h2{margin:3px 0 0;color:#2D3C51;font-size:20px}.integracao-api-listagem>header>small{padding:6px 9px;border-radius:999px;background:#F0F4F8;color:#718096;font-size:10px}.integracao-api-tabela-wrap{overflow-x:auto}.integracao-api-v2 .dataTables_wrapper{border:0;border-top:1px solid #E2E8F0;border-radius:0;color:#4C5B70;font-size:13px}.integracao-api-v2 table.dataTable{width:100%!important;margin:0!important}.integracao-api-v2 table.dataTable thead th{padding:13px 15px;border-color:#DCE4ED;background:#F3F6FA;color:#64738A;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.integracao-api-v2 table.dataTable thead th:first-child{text-align:left}.integracao-api-v2 table.dataTable tbody td{padding:14px 15px;border-color:#E7ECF2;background:#FFF!important;color:#405168;font-size:13px;vertical-align:middle}.integracao-api-v2 table.dataTable tbody tr:nth-child(even)>td,.integracao-api-v2 table.dataTable tbody tr:nth-child(even)>.sorting_1{background:#F8FAFC!important}.integracao-api-v2 table.dataTable tbody tr:hover>td,.integracao-api-v2 table.dataTable tbody tr:hover>.sorting_1{background:#F2F8F4!important}.integracao-api-v2 .dataTables_length,.integracao-api-v2 .dataTables_filter{padding:14px}.integracao-api-v2 .dataTables_filter input,.integracao-api-v2 .dataTables_length select{height:40px;border:1px solid #CBD6E2;border-radius:8px;font-family:inherit;font-size:13px}.integracao-api-v2 .dataTables_info{padding:18px 15px!important}.integracao-api-v2 .dataTables_paginate{padding:11px 14px 14px!important}.integracao-api-lista{display:flex;align-items:center;gap:10px}.integracao-api-lista>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:8px;background:#EAF3FF;color:#2877CF}.integracao-api-lista strong{color:#34455B;font-size:13px}.integracao-api-token-mascarado{font-family:monospace;font-size:11px;white-space:nowrap}.integracao-api-acoes{display:flex;justify-content:center;gap:6px}.integracao-api-acoes button{width:35px;height:35px;display:grid;place-items:center;border:1px solid #C8D6E2;border-radius:8px;background:#FFF;color:#557086;cursor:pointer}.integracao-api-acoes button:hover,.integracao-api-acoes button.visivel{border-color:#2877CF;background:#EAF3FF;color:#2877CF} .integracao-api-toast{position:fixed;z-index:21000;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;max-width:390px;padding:13px 16px;border:1px solid #BFE2CD;border-radius:10px;background:#F0FAF4;color:#237A46;font-size:13px;font-weight:700;box-shadow:0 12px 32px rgba(31,47,66,.16);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s,transform .2s}.integracao-api-toast.visivel{opacity:1;transform:translateY(0)}.integracao-api-toast i{font-size:17px}.integracao-api-toast.erro{border-color:#F0C3C7;background:#FFF5F6;color:#C03948} @media(max-width:1050px){.integracao-api-configuracao{grid-template-columns:1fr}.integracao-api-v2 table.dataTable{min-width:800px}} @media(max-width:760px){.integracao-api-fluxo{grid-template-columns:1fr}.integracao-api-fluxo>i{transform:rotate(90deg)}} @media(max-width:620px){.integracao-api-hero{align-items:flex-start;flex-direction:column;padding:19px}.integracao-api-hero h1{font-size:24px!important}.integracao-api-hero p{font-size:13px}.integracao-api-hero-status{width:100%}.integracao-api-credenciais,.integracao-api-recursos{padding:16px}.integracao-api-token{grid-template-columns:minmax(0,1fr) 42px}.integracao-api-token>button:last-child{grid-column:1/-1;width:100%;border-top:1px solid #D8E1EA;border-left:0;justify-content:center}} /*- REGRAS DE DNS V2 ---------------------------------------------------------------------------------------------------------------------*/ .dns-v2{display:grid;gap:16px;color:#2E3B4E}.dns-v2 *{box-sizing:border-box}.dns-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#FFF9F1,#FFF 58%,#F7FCF9)}.dns-hero>div:first-child{max-width:900px}.dns-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#C96F12;font-size:14px;font-weight:700}.dns-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.dns-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.dns-hero-status{min-width:155px;padding:12px 15px;border:1px solid #F0D8BC;border-radius:11px;background:#FFF;text-align:center}.dns-hero-status strong,.dns-hero-status span{display:block}.dns-hero-status strong{color:#C96F12;font-size:24px}.dns-hero-status span{margin-top:2px;color:#77859A;font-size:10px} .dns-fluxo{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;padding:13px;border:1px solid #DCE5ED;border-radius:13px;background:#FFF}.dns-fluxo>article{min-height:72px;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;background:#F7F9FC}.dns-fluxo>article>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:9px;background:#FFF0DF;color:#C96F12;font-size:12px;font-weight:800}.dns-fluxo strong,.dns-fluxo p{display:block}.dns-fluxo strong{color:#3B4B61;font-size:13px}.dns-fluxo p{margin:4px 0 0;color:#7C899A;font-size:10px;line-height:1.4}.dns-fluxo>i{color:#A0ADBC;text-align:center} .dns-conteudo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:14px;align-items:start}.dns-registros,.dns-entenda{overflow:hidden;border:1px solid #D9E3ED;border-radius:13px;background:#FFF}.dns-registros>header,.dns-entenda>header{display:flex;align-items:center;gap:12px;padding:18px 19px;border-bottom:1px solid #E2E8F0}.dns-registros>header>span,.dns-entenda>header>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#FFF0DF;color:#C96F12;font-size:18px}.dns-registros header small,.dns-registros header h2,.dns-entenda header small,.dns-entenda header h2{display:block}.dns-registros header small,.dns-entenda header small{margin-bottom:2px;color:#8190A3;font-size:10px}.dns-registros header h2,.dns-entenda header h2{margin:0;color:#33445A;font-size:18px}.dns-registros>header>a{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;padding:0 13px;border:1px solid #BED0E0;border-radius:8px;background:#FFF;color:#2877CF;font-size:11px;font-weight:700;text-decoration:none}.dns-registros>header>a:hover{border-color:#2877CF;background:#F2F7FD}.dns-lista{display:grid}.dns-lista>article{display:grid;grid-template-columns:80px minmax(160px,.55fr) minmax(260px,1fr) auto;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #E4EAF0}.dns-lista>article:last-child{border-bottom:0}.dns-lista>article:nth-child(even){background:#F8FAFC}.dns-tipo,.dns-dado{min-width:0}.dns-tipo small,.dns-tipo strong,.dns-dado small,.dns-dado code{display:block}.dns-tipo small,.dns-dado small{margin-bottom:5px;color:#8592A3;font-size:9px}.dns-tipo strong{width:max-content;padding:6px 8px;border-radius:6px;background:#FFF0DF;color:#B9630D;font-size:11px}.dns-dado code{overflow:hidden;color:#42526A;font-family:monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dns-valor code{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.dns-acoes{display:flex;gap:6px}.dns-acoes button{min-height:35px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:1px solid #C8D6E2;border-radius:8px;background:#FFF;color:#557086;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer}.dns-acoes button:hover{border-color:var(--email-verde);background:#EFF8F3;color:var(--email-verde)}.dns-vazio{display:flex;align-items:flex-start;gap:13px;padding:22px;background:#F8FAFC}.dns-vazio>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#EAF3FF;color:#2877CF;font-size:17px}.dns-vazio strong{display:block;margin-bottom:4px;color:#3B4C62;font-size:13px}.dns-vazio p{margin:0;color:#6F7E91;font-size:11px;line-height:1.55} .dns-entenda>header>span{background:#E5F6EC;color:var(--email-verde)}.dns-entenda>article{display:flex;align-items:flex-start;gap:11px;margin:0 16px;padding:13px 2px;border-bottom:1px solid #E6EBF1}.dns-entenda>article>b{width:48px;min-height:30px;display:grid;flex:0 0 48px;place-items:center;border-radius:7px;background:#EAF3FF;color:#2877CF;font-size:10px}.dns-entenda>article:nth-of-type(2)>b{background:#E5F6EC;color:var(--email-verde)}.dns-entenda>article:nth-of-type(3)>b{background:#F2EAFE;color:#805AD5}.dns-entenda article strong,.dns-entenda article p{display:block}.dns-entenda article strong{color:#405168;font-size:12px}.dns-entenda article p{margin:3px 0 0;color:#7C899A;font-size:10px;line-height:1.45}.dns-prazo{display:flex;align-items:flex-start;gap:10px;margin:15px;padding:11px;border-radius:9px;background:#FFF7E9;color:#A76614}.dns-prazo>i{margin-top:2px}.dns-prazo p{margin:0!important;font-size:10px!important;line-height:1.5!important}.dns-prazo strong{display:block;margin-bottom:2px;color:#9A5B0C;font-size:11px}.dns-aviso{display:flex;align-items:flex-start;gap:13px;padding:15px 17px;border-left:4px solid #2877CF;border-radius:10px;background:#F3F7FC}.dns-aviso>span{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:9px;background:#E5F0FF;color:#2877CF;font-size:16px}.dns-aviso strong{display:block;margin-bottom:4px;color:#3B4C62;font-size:13px}.dns-aviso p{margin:0;color:#66768A;font-size:12px;line-height:1.55} @media(max-width:1150px){.dns-conteudo{grid-template-columns:1fr}.dns-lista>article{grid-template-columns:75px minmax(160px,.55fr) minmax(240px,1fr) auto}} @media(max-width:800px){.dns-fluxo{grid-template-columns:1fr}.dns-fluxo>i{transform:rotate(90deg)}.dns-lista>article{grid-template-columns:75px minmax(0,1fr)}.dns-valor,.dns-acoes{grid-column:1/-1}.dns-acoes{justify-content:flex-end}} @media(max-width:620px){.dns-hero{align-items:flex-start;flex-direction:column;padding:19px}.dns-hero h1{font-size:24px!important}.dns-hero p{font-size:13px}.dns-hero-status{width:100%}.dns-registros>header{align-items:flex-start;flex-wrap:wrap}.dns-registros>header>a{width:100%;margin-left:0}.dns-lista>article{grid-template-columns:1fr}.dns-valor,.dns-acoes{grid-column:auto}.dns-acoes{justify-content:stretch}.dns-acoes button{flex:1}} /* Situação automática dos registros DNS */ .dns-hero>div:first-child{max-width:820px}.dns-hero-acoes{display:grid;grid-template-columns:140px 140px;align-items:center;gap:7px 9px}.dns-hero-acoes .dns-hero-status,.dns-hero-acoes>button{width:140px;height:44px}.dns-hero-acoes .dns-hero-status{min-width:140px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.dns-hero-acoes .dns-hero-status strong,.dns-hero-acoes .dns-hero-status span{display:inline;margin:0}.dns-hero-acoes .dns-hero-status strong{font-size:18px}.dns-hero-acoes .dns-hero-status.concluido{flex-direction:column;gap:0;border-color:#BFE5CD;background:#F2FBF6}.dns-hero-acoes .dns-hero-status.concluido strong{color:var(--email-verde);font-size:11px;line-height:1.2}.dns-hero-acoes .dns-hero-status.concluido span{font-size:9px}.dns-hero-acoes>button{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--email-verde);border-radius:9px;background:var(--email-verde);color:#FFF;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.dns-hero-acoes>button:hover{background:var(--email-verde-escuro)}.dns-hero-acoes>button:disabled{opacity:.7;cursor:wait}.dns-hero-acoes>small{grid-column:1/-1;color:#7D899A;font-size:9px;text-align:right}.dns-hero-acoes>small i{margin-right:4px;color:#2877CF}.dns-verificacao-icone{width:35px;height:35px;display:grid;flex:0 0 35px;place-items:center;border:1px solid #C8D6E2;border-radius:8px;background:#F3F5F7;color:#AAB4C0;font-size:11px}.dns-verificacao-icone.ok{border-color:#BFE5CD;background:#E4F5EB;color:var(--email-verde)} @media(max-width:620px){.dns-hero-acoes{width:100%;grid-template-columns:1fr}.dns-hero-acoes .dns-hero-status,.dns-hero-acoes>button{width:100%}.dns-hero-acoes>small{grid-column:auto;text-align:left}} /* Usuários da conta */ .usuarios-v2{display:grid;gap:16px;color:#2E3B4E}.usuarios-v2 *{box-sizing:border-box}.usuarios-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #D9E4EF;border-radius:14px;background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.usuarios-hero>div:first-child{max-width:850px}.usuarios-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--email-verde);font-size:14px;font-weight:700}.usuarios-hero h1{margin:0 0 7px!important;color:#263448!important;font-size:28px!important;line-height:1.2}.usuarios-hero p{margin:0;color:#697586;font-size:15px;line-height:1.5}.usuarios-hero-contador{min-width:155px;padding:12px 15px;border:1px solid #CBE5D5;border-radius:11px;background:#FFF;text-align:center}.usuarios-hero-contador strong,.usuarios-hero-contador span{display:block}.usuarios-hero-contador strong{color:var(--email-verde);font-size:24px}.usuarios-hero-contador span{margin-top:2px;color:#77859A;font-size:10px}.usuarios-configuracao{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:14px;align-items:stretch}.usuarios-formulario,.usuarios-orientacoes,.usuarios-listagem{overflow:hidden;border:1px solid #D9E3ED;border-radius:13px;background:#FFF}.usuarios-formulario>header,.usuarios-orientacoes>header{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid #E2E8F0}.usuarios-formulario>header>span,.usuarios-orientacoes>header>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:10px;background:#E5F6EC;color:var(--email-verde);font-size:17px}.usuarios-formulario header small,.usuarios-formulario header h2,.usuarios-orientacoes header small,.usuarios-orientacoes header h2{display:block}.usuarios-formulario header small,.usuarios-orientacoes header small{margin-bottom:2px;color:#8190A3;font-size:10px}.usuarios-formulario header h2,.usuarios-orientacoes header h2{margin:0;color:#33445A;font-size:18px}.usuarios-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px}.usuarios-campos label:last-child{grid-column:1/-1}.usuarios-campos label>span{display:block;margin-bottom:6px;color:#526278;font-size:11px;font-weight:700}.usuarios-campos label>div{min-height:44px;display:flex;align-items:center;border:1px solid #CAD7E4;border-radius:8px;background:#FFF}.usuarios-campos label>div:focus-within{border-color:var(--email-verde);box-shadow:0 0 0 3px rgba(35,134,74,.09)}.usuarios-campos label i{width:41px;color:#8292A5;text-align:center}.usuarios-campos input{width:100%;height:42px!important;margin:0!important;padding:0 12px 0 0!important;border:0!important;outline:0!important;background:transparent!important;color:#34455B!important;font-family:inherit!important;font-size:13px!important;box-shadow:none!important}.usuarios-form-acoes{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 18px 18px}.usuarios-form-acoes a,.usuarios-form-acoes button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border-radius:8px;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}.usuarios-form-acoes a{border:1px solid #CAD7E4;background:#FFF;color:#5A6B80}.usuarios-form-acoes button{border:1px solid var(--email-verde);background:var(--email-verde);color:#FFF}.usuarios-form-acoes button:hover{background:var(--email-verde-escuro)}.usuarios-orientacoes ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.usuarios-orientacoes li{display:flex;align-items:flex-start;gap:11px;padding:15px 17px;border-bottom:1px solid #E6EBF0}.usuarios-orientacoes li:last-child{border-bottom:0}.usuarios-orientacoes li>i{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:9px;background:#F0F7F3;color:var(--email-verde);font-size:13px}.usuarios-orientacoes strong,.usuarios-orientacoes small{display:block}.usuarios-orientacoes strong{margin-bottom:3px;color:#405168;font-size:12px}.usuarios-orientacoes small{color:#8190A3;font-size:10px;line-height:1.4}.usuarios-listagem>header{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid #E2E8F0}.usuarios-listagem>header span{display:block;margin-bottom:3px;color:var(--email-verde);font-size:10px;font-weight:700;text-transform:uppercase}.usuarios-listagem>header h2{margin:0;color:#33445A;font-size:19px}.usuarios-listagem>header>small{padding:6px 9px;border-radius:999px;background:#F0F4F7;color:#718096;font-size:9px}.usuarios-tabela-wrap{overflow-x:auto}.usuarios-listagem table.dataTable{width:100%!important;margin:0!important;border-collapse:collapse!important}.usuarios-listagem table.dataTable thead th{padding:13px 16px!important;border-bottom:1px solid #DDE5ED!important;background:#F3F6FA!important;color:#64748B!important;font-size:10px!important;text-transform:uppercase}.usuarios-listagem table.dataTable tbody td{padding:13px 16px!important;border-bottom:1px solid #E4EAF0!important;color:#526278!important;font-size:12px!important}.usuarios-listagem table.dataTable tbody tr:hover td{background:#F7FCF9!important}.usuarios-identidade{display:flex;align-items:center;gap:10px}.usuarios-identidade>span{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border-radius:9px;background:#EAF3FF;color:#2877CF;font-size:12px;font-weight:800}.usuarios-identidade strong{color:#34455B;font-size:12px}.usuarios-acoes{display:flex;justify-content:center;gap:7px}.usuarios-acoes a{width:36px;height:36px;display:grid;place-items:center;border:1px solid;border-radius:8px;text-decoration:none;font-size:13px}.usuarios-acoes .editar{border-color:#89C2F4;background:#EEF7FF;color:#2386D8}.usuarios-acoes .excluir{border-color:#F2A3A7;background:#FFF1F1;color:#D9363E}.usuarios-sem-permissao{display:flex;align-items:flex-start;gap:13px;padding:20px;border:1px solid #E0E7EF;border-radius:13px;background:#FFF}.usuarios-sem-permissao>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#FFF1E2;color:#D97A12;font-size:18px}.usuarios-sem-permissao strong{display:block;margin-bottom:4px;color:#34455B;font-size:15px}.usuarios-sem-permissao p{margin:0;color:#718096;font-size:12px} @media(max-width:980px){.usuarios-configuracao{grid-template-columns:1fr}.usuarios-orientacoes ul{grid-template-columns:repeat(3,1fr)}.usuarios-orientacoes li{border-right:1px solid #E6EBF0;border-bottom:0}.usuarios-orientacoes li:last-child{border-right:0}} @media(max-width:700px){.usuarios-hero{align-items:flex-start;flex-direction:column;padding:19px}.usuarios-hero h1{font-size:24px!important}.usuarios-hero p{font-size:13px}.usuarios-hero-contador{width:100%}.usuarios-campos{grid-template-columns:1fr}.usuarios-campos label:last-child{grid-column:auto}.usuarios-orientacoes ul{grid-template-columns:1fr}.usuarios-orientacoes li{border-right:0;border-bottom:1px solid #E6EBF0}.usuarios-form-acoes{align-items:stretch;flex-direction:column-reverse}.usuarios-form-acoes a,.usuarios-form-acoes button{width:100%}} .usuarios-lista-cabecalho,.usuarios-lista-simples>article{display:grid;grid-template-columns:minmax(220px,1fr) minmax(240px,.9fr) 130px 90px;align-items:center;gap:14px}.usuarios-lista-cabecalho{padding:12px 16px;border-bottom:1px solid #DDE5ED;background:#F3F6FA}.usuarios-lista-cabecalho span{color:#64748B;font-size:10px;font-weight:700;text-transform:uppercase}.usuarios-lista-cabecalho span:nth-child(n+3){text-align:center}.usuarios-lista-simples>article{min-height:66px;padding:11px 16px;border-bottom:1px solid #E4EAF0}.usuarios-lista-simples>article:last-child{border-bottom:0}.usuarios-lista-simples>article:nth-child(even){background:#F8FAFC}.usuarios-lista-simples>article:hover{background:#F2F8F4}.usuarios-email,.usuarios-data{display:flex;align-items:center;gap:8px;min-width:0;color:#526278;font-size:12px}.usuarios-email i,.usuarios-data i{color:#8292A5}.usuarios-email span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usuarios-data{justify-content:center}.usuarios-vazio{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px;padding:20px;color:#718096}.usuarios-vazio>i{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#E5F6EC;color:var(--email-verde);font-size:16px}.usuarios-vazio strong{display:block;margin-bottom:3px;color:#405168;font-size:13px}.usuarios-vazio p{margin:0;font-size:11px} @media(max-width:850px){.usuarios-lista-cabecalho{display:none}.usuarios-lista-simples>article{grid-template-columns:minmax(0,1fr) auto}.usuarios-email,.usuarios-data{grid-column:1}.usuarios-data{justify-content:flex-start}.usuarios-acoes{grid-column:2;grid-row:1/4}} .usuarios-identidade>span{background:#E5F6EC;color:var(--email-verde)}.usuarios-sem-permissao{border-color:#D6E8DD;background:#F7FCF9}.usuarios-sem-permissao>span{background:#E5F6EC;color:var(--email-verde)} .dns-hero{background:linear-gradient(135deg,#F7FCF9,#FFF 58%,#EEF8F2)}.dns-hero>div:first-child>span{color:var(--email-verde)}.dns-hero-status{border-color:#CBE5D5}.dns-hero-status strong{color:var(--email-verde)}.dns-fluxo>article>span{background:#E5F6EC;color:var(--email-verde)}.dns-registros>header>span,.dns-entenda>header>span{background:#E5F6EC;color:var(--email-verde)}.dns-tipo strong{background:#E5F6EC;color:var(--email-verde)}