@charset "UTF-8";
/* Copyright (c) 1996 - 2026
.---------------------------------------------------------------------------.
| SGI - Sistema de Gestão Imagenet                                          |
| Version: 1.0                                                              |
| Release: 1.0                                                              |
| Contato: Imagenet Tecnologia (19) 3422-1523 / (19) 3422-4896              |
| Info: http://www.imagenet.com.br                                          |
| Suporte: robsonwr@imagenet.com.br                                         |
| ------------------------------------------------------------------------- |
| Admin: Robson W. Rissato (administrador de projeto)                       |
| Autor: Imagenet Tecnologia - robsonwr@imagenet.com.br                     |
| Copyright (c) 1996-2026, Todos os direitos reservados.                    |
| ------------------------------------------------------------------------- |
| License: Imagenet é uma marca registrada da empresa IMAGENET COMERCIO     |
| E SERVICOS LTDA ME conforme registro 819741655                            |
| O sistema SGI não poderá ser redistribuído sem autorização.               |
| Somente a Imagenet está autorizada a comercializar o Sistema de Gestão    |
| Imagenet - SGI.                                                           |
| Qualquer tentativa de comercialização do sistema está sujeito as          |
| penalidades legais, judiciais.                                            |
| O sistema é comercializado em comodato ( aluguel mensal ).                |
| ------------------------------------------------------------------------- |
| Arquivo : view/css/ImagenetTopo.css                                       |
| Versão  : 1.9                                                             |
| Alterado: 30/10/2026 23:59 - Robson W. Rissato                            |
'---------------------------------------------------------------------------'
*/

/* HISTÓRICO DE ALTERAÇÕES (mais recente primeiro)
 * 1.9 - 30/10/2026 23:59 - Título das telas (faixa abaixo do menu): fundo claro, nome maior em negrito e ícone em quadrado azul
 * 1.8 - 30/10/2026 23:59 - Ícones do menu coloridos de forma sutil: tons claros na barra azul e tons médios nos submenus (8 cores em sequência)
 * 1.7 - 30/10/2026 23:59 - Rodapé em 3 partes: sistema à esquerda, © Imagenet centralizado, suporte à direita
 * 1.6 - 30/10/2026 23:59 - Cabeçalho das tabelas de todas as telas (antigas e novas) em azul-escuro com texto branco
 * 1.5 - 30/10/2026 23:59 - Rodapé: telefone do suporte com ícone do WhatsApp verde (.emp-rodape-wa)
 * 1.4 - 30/10/2026 23:30 - Avisos (sucesso/erro/alerta) em cartão com respiro e ícone; visual novo do formulário Dados de bobinagem (só na rota dadosbobinagem)
 * 1.3 - 30/10/2026 20:00 - Botões de ação (Salvar, Cancelar, Excluir, Cadastrar...) no modelo novo: 34 px, cantos 8 px, ícone + texto
 * 1.2 - 30/10/2026 17:55 - Menu nunca sobrepõe as ações: modo compacto (botão Menu) ligado quando não cabe; nome do usuário só na foto/menu do usuário
 * 1.1 - 30/10/2026 17:45 - Topo com a mesma largura máxima do conteúdo (1340 px), centralizado em telas largas
 * 1.0 - 30/10/2026 17:10 - Criação: topo em faixa azul única, menu do tablet e rodapé fino
 */

/* Topo (faixa azul única) e rodapé fino - carregado depois do Imagenet.css.
   Só visual: os menus, submenus, popups e links são os mesmos de antes. */

@font-face{font-family:'Barlow';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/barlow-latin-600-normal.woff2') format('woff2')}

body.emp-fluido{min-width:0}

/* ---------- Topo ---------- */
.emp-topo.imagenet-topo-bg{height:auto;padding:0;border:0;background:#1C5793;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(16,40,70,.18);font-family:'Barlow','Open Sans',Arial,sans-serif;letter-spacing:0}
.emp-topo-in{height:60px;display:flex;align-items:center;gap:8px;padding:0 20px;position:relative;max-width:1340px;margin:0 auto;box-sizing:border-box} /* [v1.1] mesma largura do conteúdo: centralizado em telas largas */
.emp-topo #imagenet.emp-topo-logo{position:static;flex:0 0 auto;display:flex;align-items:center;background:#fff;border-radius:8px;padding:4px 8px;margin-right:6px;line-height:0}
.emp-topo #imagenet.emp-topo-logo img{max-height:32px;height:32px;width:auto}

/* menu */
.emp-nav{flex:1 1 auto;min-width:0;display:flex}
.emp-topo .imagenet-menu{max-width:none;min-height:0;margin:0;display:flex;align-items:center;flex-wrap:nowrap;font-size:14.5px;text-align:left;color:#E3EDF7}
.emp-topo .imagenet-menu:before,.emp-topo .imagenet-menu:after{display:none}
.emp-topo .imagenet-menu > li{height:auto;float:none;margin:0;border:0}
.emp-topo .imagenet-menu > li + li{border-left:0}
.emp-topo .imagenet-menu > li > a{display:flex;align-items:center;gap:6px;height:40px;padding:0 8px;border-radius:8px;color:#E3EDF7;font-weight:500;white-space:nowrap}
.emp-topo .imagenet-menu > li > a i{margin:0;font-size:14px;color:#A9C6E4}
.emp-topo .imagenet-menu > li:hover > a,.emp-topo .imagenet-menu > li > a:focus{background:rgba(255,255,255,.14);color:#fff}
.emp-topo .imagenet-menu > li:hover > a i{color:#fff}
.emp-topo .imagenet-submenu{top:100%;left:0;padding-top:6px}
.emp-topo .imagenet-menu > li:last-child:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) .imagenet-submenu{left:auto;right:0}

/* menus que abrem (submenu e usuário) */
.emp-topo .imagenet-menu-flutuante{border:0;border-radius:10px;box-shadow:0 8px 24px rgba(16,40,70,.18);overflow:visible}
.emp-topo .imagenet-menu-flutuante:before,.emp-topo .imagenet-menu-flutuante:after{display:none}
.emp-topo .imagenet-menu-flutuante-menu{padding:6px 0;font-family:'Barlow','Open Sans',Arial,sans-serif;font-size:14.5px;color:#2B3440;border-radius:10px}
.emp-topo .imagenet-menu-flutuante-menu a,.emp-topo .imagenet-menu-flutuante-menu span{padding:8px 16px;color:#2B3440}
.emp-topo .imagenet-menu-flutuante-menu li:hover{background:#EEF4FA}
.emp-topo .imagenet-menu-flutuante-menu li:hover > a{color:#1C5793}
.emp-topo .imagenet-menu-flutuante-menu i,.emp-topo .imagenet-menu-flutuante-menu a i{color:#7C8896}
.emp-topo .imagenet-subsubmenu .imagenet-menu-flutuante:before,.emp-topo .imagenet-subsubmenu .imagenet-menu-flutuante:after{display:none}

.emp-nome-vazio{display:none}

/* ações à direita */
.emp-acoes{display:flex;align-items:center;gap:2px;flex:0 0 auto;margin-left:auto}
.emp-ic{position:relative;width:38px;height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;color:#E3EDF7;font-size:17px}
.emp-ic:hover,.emp-ic:focus{background:rgba(255,255,255,.14);color:#fff}
.emp-badge{position:absolute;top:2px;right:1px;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#E5484D;color:#fff;font-size:10.5px;font-weight:600;line-height:17px;text-align:center;box-shadow:0 0 0 2px #1C5793}
.emp-topo #imagenet-welcome-seg.emp-usuario{float:none;position:relative;margin:0 2px 0 4px}
.emp-topo #imagenet-welcome-topo{display:flex;align-items:center;gap:7px;height:38px;padding:0 10px 0 4px;border-radius:19px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;overflow:visible}
.emp-topo #imagenet-welcome-imagem{float:none;margin:0;width:30px;height:30px;border-radius:15px;overflow:hidden;background:#fff}
.emp-topo #imagenet-welcome-imagem img{width:30px;height:30px;border-radius:15px;display:block;object-fit:cover}
.emp-topo #imagenet-welcome-nome{float:none;font-size:13.5px;font-weight:500;letter-spacing:.02em;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.emp-topo #imagenet-welcome-topo i{float:none;margin:0;font-size:9px;color:#D6E4F2}
.emp-topo #imagenet-welcome-seg .imagenet-seg-menu-flutuante{top:100%;right:0;padding-top:6px}
.emp-topo #imagenet-welcome-seg:focus-within .imagenet-seg-menu-flutuante{display:block}

/* botão Menu (aparece quando o menu não cabe numa linha) */
.emp-menu-botao{display:none;align-items:center;gap:8px;height:40px;padding:0 14px;border:0;border-radius:8px;background:rgba(255,255,255,.14);color:#fff;font:500 15px 'Barlow','Open Sans',Arial,sans-serif;cursor:pointer}
.emp-menu-botao i{font-size:15px}

/* [v1.2] Modo compacto (botão Menu): ligado pelo script do topo quando o menu não cabe na linha
   (tablet, janela estreita, nome de usuário longo ou muitos itens) - nunca sobrepõe as ações */
.emp-topo.emp-compacto .emp-menu-botao{display:flex}
.emp-topo.emp-compacto .emp-nav{display:none;position:absolute;top:60px;left:0;right:0;max-height:calc(100vh - 60px);overflow:auto;background:#fff;box-shadow:0 10px 24px rgba(16,40,70,.22);padding:8px}
.emp-topo.emp-compacto .emp-nav.aberto{display:block}
.emp-topo.emp-compacto .emp-nav .imagenet-menu{display:block;color:#2B3440;font-size:16px}
.emp-topo.emp-compacto .emp-nav .imagenet-menu > li{border-bottom:1px solid #EEF1F4}
.emp-topo.emp-compacto .emp-nav .imagenet-menu > li:last-child{border-bottom:0}
.emp-topo.emp-compacto .emp-nav .imagenet-menu > li > a{height:48px;padding:0 12px;color:#2B3440}
.emp-topo.emp-compacto .emp-nav .imagenet-menu > li > a i{color:#1C5793;width:20px;text-align:center}
.emp-topo.emp-compacto .emp-nav .imagenet-menu > li:hover > a{background:#EEF4FA;color:#1C5793}
/* no menu aberto, os submenus abrem com toque (sem depender do "passar o mouse") */
.emp-topo.emp-compacto .emp-nav .imagenet-seg-menu-flutuante{position:static;padding:0 0 6px 28px;display:none}
.emp-topo.emp-compacto .emp-nav .imagenet-menu > li:hover > .imagenet-submenu,
.emp-topo.emp-compacto .emp-nav .imagenet-submenu > .imagenet-menu-flutuante > .imagenet-menu-flutuante-menu > li:hover > .imagenet-subsubmenu{display:none}
.emp-topo.emp-compacto .emp-nav li.emp-aberto > .imagenet-seg-menu-flutuante{display:block !important}
.emp-topo.emp-compacto .emp-nav .imagenet-menu > li > a[href^="javascript"]:after{content:"\25BE";margin-left:auto;font-size:12px;color:#9AA4AF}
.emp-topo.emp-compacto .emp-nav .emp-nome-vazio{display:inline}
.emp-topo.emp-compacto .emp-nav .imagenet-menu-flutuante{box-shadow:none;min-width:0;background:transparent}
.emp-topo.emp-compacto .emp-nav .imagenet-menu-flutuante-menu{white-space:normal;padding:0}
.emp-topo.emp-compacto .emp-nav .imagenet-menu-flutuante-menu a{padding:11px 12px;font-size:15.5px}
.emp-topo.emp-compacto .emp-nav .imagenet-subsubmenu{padding-left:20px}
/* só a foto do usuário no topo (o nome aparece ao passar o mouse e no menu do usuário), para o menu caber na largura do conteúdo */
.emp-topo #imagenet-welcome-nome{display:none}
@media (max-width:600px){
    .emp-topo #imagenet-welcome-nome{display:none}
    .emp-topo-in{padding:0 8px;gap:4px}
}

/* ---------- Rodapé ---------- */
.emp-rodape{border-top:1px solid #DDE3EA;background:#fff;margin-top:24px;font-family:'Barlow','Open Sans',Arial,sans-serif;letter-spacing:0}
.emp-rodape-in{max-width:1340px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:#66727F}
.emp-rodape a{color:#1C5793}
.emp-rodape a:hover{text-decoration:underline}
.emp-rodape-sis a{color:#66727F}
.emp-rodape-sis b{color:#2B3440;font-weight:600}
.emp-sep{margin:0 8px;color:#C5CDD6}

/* [v1.3 30/10/2026] Botões de ação no modelo novo (todas as telas): barra .imagenet-opcoes */
.imagenet-opcoes{display:flex;align-items:center;gap:8px}
.imagenet-opcoes .imagenet-btn{display:inline-flex;align-items:center;gap:7px;height:34px;margin:0;padding:0 14px;border-radius:8px;font-size:13.5px;font-weight:600;line-height:1;box-sizing:border-box;box-shadow:0 1px 2px rgba(16,40,70,.12);transition:background .2s,box-shadow .2s,transform .1s}
.imagenet-opcoes .imagenet-btn i{margin:0;font-size:12px}
.imagenet-opcoes .imagenet-btn:hover{box-shadow:0 3px 8px rgba(16,40,70,.18)}
.imagenet-opcoes .imagenet-btn:active{transform:translateY(1px)}
.imagenet-opcoes .imagenet-btn-cancelar{background:#E6EAEF;color:#2B3440}
.imagenet-opcoes .imagenet-btn-cancelar:hover{background:#D7DDE4}

/* ============ [v1.4 30/10/2026] avisos (sucesso, erro, alerta) em cartão, com respiro ============ */
.imagenet-corpo > .imagenet-aviso-sucesso,.imagenet-corpo > .imagenet-aviso-erro,.imagenet-corpo > .imagenet-aviso-alerta,.imagenet-corpo > .imagenet-aviso-mensagem{max-width:1300px;margin:14px auto 4px;border:1px solid #BFE0C8;border-left:5px solid #2E7D4F;border-radius:10px;background:#F1FAF4;box-shadow:0 2px 8px rgba(16,40,63,.06);text-shadow:none;box-sizing:border-box}
.imagenet-corpo > .imagenet-aviso-erro{border-color:#F3C6C2;border-left-color:#B3261E;background:#FDF2F1}
.imagenet-corpo > .imagenet-aviso-alerta{border-color:#F5DDB0;border-left-color:#C77700;background:#FFF8EC}
.imagenet-corpo > .imagenet-aviso-mensagem{border-color:#C9DCF0;border-left-color:#1C5793;background:#EEF4FA}
.imagenet-corpo > [class^="imagenet-aviso-"] > .imagenet-content{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;line-height:1.4;color:#1F2A37}
.imagenet-corpo > [class^="imagenet-aviso-"] > div:before{float:none;flex:0 0 26px;width:26px;height:26px;margin:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#fff !important;background:#2E7D4F}
.imagenet-corpo > .imagenet-aviso-erro > div:before{background:#B3261E}
.imagenet-corpo > .imagenet-aviso-alerta > div:before{background:#C77700}
.imagenet-corpo > .imagenet-aviso-mensagem > div:before{background:#1C5793}
@media (max-width:1340px){.imagenet-corpo > [class^="imagenet-aviso-"]{margin-left:16px;margin-right:16px}}
/* avisos dentro das janelas rápidas */
#imagenet-popup .imagenet-aviso-sucesso,#imagenet-popup .imagenet-aviso-erro{margin:10px 18px 0;border-radius:8px;text-shadow:none}
#imagenet-popup .imagenet-aviso-sucesso > div,#imagenet-popup .imagenet-aviso-erro > div{padding:9px 12px}

/* ============ [v1.4 30/10/2026] Dados de bobinagem (formulário compartilhado do processo; só nesta rota) ============ */
form[name="frm-dadosbobinagem"] .imagenet-tab-conteudo{border:0;padding:4px 0 0;min-height:0;background:none}
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset{float:none;clear:both;margin:0 0 14px;padding:12px 14px 14px;background:#fff;border:1px solid #DDE3EA;border-radius:12px;box-shadow:0 1px 2px rgba(16,40,63,.04);display:flow-root}
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset > legend{float:left;width:100%;box-sizing:border-box;margin:0 0 10px;padding:0 0 8px 2px;border-bottom:1px solid #EEF1F4;font-size:15px;font-weight:600;color:#1C5793}
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset > legend:before{font-family:"icomoon";content:"\e97b";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:9px;border-radius:8px;background:#EEF4FA;color:#1C5793;font-size:14px;font-weight:400;vertical-align:middle}
/* 1º cartão (cliente e data) vira faixa de identificação */
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset:first-of-type{background:#F7FAFD;border-color:#D6E3F0}
form[name="frm-dadosbobinagem"] .imagenet-campo{box-sizing:border-box;padding-right:10px}
form[name="frm-dadosbobinagem"] .imagenet-campo > label{display:block;height:auto;margin:0 0 4px;font-size:12.5px;line-height:1.3;color:#5B6675;font-weight:600;letter-spacing:.1px}
form[name="frm-dadosbobinagem"] .imagenet-campo input[type=text],form[name="frm-dadosbobinagem"] .imagenet-campo select{height:34px;padding:0 10px;border:1px solid #D5DCE4;border-radius:7px;background:#fff;font-size:14px;color:#1F2A37;box-sizing:border-box}
form[name="frm-dadosbobinagem"] .imagenet-campo input[readonly],form[name="frm-dadosbobinagem"] .imagenet-campo input:disabled,form[name="frm-dadosbobinagem"] .imagenet-campo select:disabled{background:#F3F5F8;border-color:#E3E8EE;color:#2B3440;font-weight:600}
form[name="frm-dadosbobinagem"] .imagenet-campo input:focus,form[name="frm-dadosbobinagem"] .imagenet-campo select:focus,form[name="frm-dadosbobinagem"] textarea:focus{outline:0;border-color:#1C5793;box-shadow:0 0 0 3px rgba(28,87,147,.12)}
form[name="frm-dadosbobinagem"] .imagenet-campo .imagenet-unidade{top:auto;bottom:9px;right:20px;background:transparent;color:#8A97A5;font-size:12.5px}
form[name="frm-dadosbobinagem"] .imagenet-campo .imagenet-unidade.disabled{background:transparent}
form[name="frm-dadosbobinagem"] .imagenet-campo{margin-bottom:10px}
/* bloco do rebobinamento: cada grupo (nome do enrolamento) começa numa linha destacada */
form[name="frm-dadosbobinagem"] fieldset.add-border{background:#FAFBFD !important}
form[name="frm-dadosbobinagem"] fieldset.add-border > .imagenet-campo:has(+ .clear){width:100% !important;margin:6px 0 8px;padding:8px 0 0;border-top:1px dashed #D5DCE4}
form[name="frm-dadosbobinagem"] fieldset.add-border > .imagenet-campo:has(+ .clear):first-child{border-top:0;padding-top:0;margin-top:0}
form[name="frm-dadosbobinagem"] fieldset.add-border > .imagenet-campo:has(+ .clear) > label{display:none}
form[name="frm-dadosbobinagem"] fieldset.add-border > .imagenet-campo:has(+ .clear) > input{width:auto;min-width:220px;max-width:420px;height:32px;border:0;border-radius:16px;background:#E3EDF7;color:#1C5793;font-weight:700;padding:0 14px}
form[name="frm-dadosbobinagem"] textarea{border:1px solid #D5DCE4;border-radius:8px;padding:8px 10px;font-size:14px;box-sizing:border-box}
/* caixa de ligação (setas) */
form[name="frm-dadosbobinagem"] .imagenet-campo.arrow .imagenet-switch-container label{border-radius:8px}
/* Salvar / Cancelar com respiro */
form[name="frm-dadosbobinagem"] > .imagenet-conteudo > .imagenet-opcoes{margin:10px 0}
/* observação em largura total, sem caixa dentro de caixa */
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset > .add-border.col-33{float:none;width:100% !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important}
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset > .add-border.col-33 > .imagenet-campo{width:100% !important;padding-right:0}
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset > .add-border.col-33 textarea{width:100% !important;min-height:110px;height:110px}
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset > .imagenet-list-add.add-border{border:1px solid #E3E8EE;border-radius:10px;background:#FAFBFD;height:auto;min-height:0}
form[name="frm-dadosbobinagem"] #imagenet-tab-conteudo-tab1 > fieldset:first-of-type .imagenet-campo{margin-bottom:0}

/* ============ [v1.5 30/10/2026] rodapé: telefone do suporte com WhatsApp ============ */
.emp-rodape .emp-rodape-wa{display:inline-flex;align-items:center;gap:5px;margin-left:6px;color:#2B3440;font-weight:600;text-decoration:none}
.emp-rodape .emp-rodape-wa i{color:#25D366;font-size:15px;line-height:1}
.emp-rodape .emp-rodape-wa:hover{color:#128C7E;text-decoration:none}

/* ============ [v1.6 30/10/2026] cabeçalho das tabelas em azul-escuro (todas as telas) ============ */
/* telas antigas (.imagenet-tbl); a linha de marcar (.imagenet-linha-check) mantém a cor própria */
body .imagenet-tbl thead tr{background:#24496F;border-left-color:#24496F}
body .imagenet-tbl thead th{color:#E3ECF5}
body .imagenet-tbl thead th a{color:#E3ECF5}
body .imagenet-tbl thead th a:hover{color:#fff}
body .imagenet-tbl thead th i{color:#fff}
/* telas novas */
body .emp-cad .emp-cad-tbl thead tr,body .emp-ra .emp-ra-tbl thead tr,body .emp-usl .emp-usl-tbl thead tr{background:#24496F;border-bottom:0}
body .emp-cad .emp-cad-tbl thead th,body .emp-ra .emp-ra-tbl thead th,body .emp-usl .emp-usl-tbl thead th,body .emp-erros .emp-erros-tabela th,body form.emp-ugrp .emp-ugrp-tabela thead tr:first-child th{background:#24496F;color:#E3ECF5;font-weight:700;border-bottom:0}
body .emp-cad .emp-cad-tbl thead th a,body .emp-usl .emp-usl-tbl thead th a{color:#E3ECF5}
body .emp-cad .emp-cad-tbl thead th a:hover,body .emp-cad .emp-cad-tbl thead th a.ativo,body .emp-usl .emp-usl-tbl thead th a:hover,body .emp-usl .emp-usl-tbl thead th a.ativo,body .emp-ra .emp-ra-tbl thead th:hover{color:#fff}
body .emp-cad .emp-cad-tbl thead th a.ativo,body .emp-usl .emp-usl-tbl thead th a.ativo{text-decoration:underline;text-underline-offset:3px}
body .emp-ra .emp-ra-tbl thead th.asc:after,body .emp-ra .emp-ra-tbl thead th.desc:after{color:#fff}
body .emp-cad .emp-cad-tbl thead th i,body .emp-usl .emp-usl-tbl thead th i{color:#fff}
body .emp-cad .emp-cad-tbl thead .emp-cad-sep{color:#8FA9C4}

/* ============ [v1.7 30/10/2026] rodapé: © Imagenet no centro ============ */
.emp-rodape .emp-rodape-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.emp-rodape .emp-rodape-copy{text-align:center;color:#66727F;white-space:nowrap}
.emp-rodape .emp-rodape-contato{justify-self:end;text-align:right}
@media (max-width:760px){.emp-rodape .emp-rodape-in{grid-template-columns:1fr;justify-items:center;text-align:center}.emp-rodape .emp-rodape-contato{justify-self:center;text-align:center}}

/* ============ [v1.8 30/10/2026] ícones do menu coloridos (sutil) ============ */
/* barra azul: tons claros */
#emp-topo ul.imagenet-menu > li:nth-child(8n+1) > a > i{color:#9CCBFF}
#emp-topo ul.imagenet-menu > li:nth-child(8n+2) > a > i{color:#9BE3B8}
#emp-topo ul.imagenet-menu > li:nth-child(8n+3) > a > i{color:#FFCB8E}
#emp-topo ul.imagenet-menu > li:nth-child(8n+4) > a > i{color:#C7B6FF}
#emp-topo ul.imagenet-menu > li:nth-child(8n+5) > a > i{color:#86DDE3}
#emp-topo ul.imagenet-menu > li:nth-child(8n+6) > a > i{color:#FFAFBE}
#emp-topo ul.imagenet-menu > li:nth-child(8n+7) > a > i{color:#F5DC86}
#emp-topo ul.imagenet-menu > li:nth-child(8n+8) > a > i{color:#B7C3FF}
/* submenus (fundo claro): tons médios */
#emp-topo .imagenet-menu-flutuante-menu > li:nth-child(8n+1) > a > i{color:#2F7BD0}
#emp-topo .imagenet-menu-flutuante-menu > li:nth-child(8n+2) > a > i{color:#2E9A5C}
#emp-topo .imagenet-menu-flutuante-menu > li:nth-child(8n+3) > a > i{color:#D9822B}
#emp-topo .imagenet-menu-flutuante-menu > li:nth-child(8n+4) > a > i{color:#7A55D3}
#emp-topo .imagenet-menu-flutuante-menu > li:nth-child(8n+5) > a > i{color:#159AA3}
#emp-topo .imagenet-menu-flutuante-menu > li:nth-child(8n+6) > a > i{color:#C9475F}
#emp-topo .imagenet-menu-flutuante-menu > li:nth-child(8n+7) > a > i{color:#B58A0B}
#emp-topo .imagenet-menu-flutuante-menu > li:nth-child(8n+8) > a > i{color:#4A5DBF}

/* ============ [v1.9 30/10/2026] título das telas (faixa abaixo do menu) ============ */
.imagenet-corpo .imagenet-titulo{background:linear-gradient(180deg,#F7FAFD 0%,#fff 100%);color:#10283F;border-bottom:1px solid #DDE3EA;box-shadow:0 1px 2px rgba(16,40,63,.04);overflow:visible}
.imagenet-corpo .imagenet-titulo .imagenet-content{box-sizing:border-box;padding:12px 20px}
.imagenet-corpo .imagenet-titulo h1{float:none;display:flex;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;line-height:1.25;color:#10283F;letter-spacing:0}
.imagenet-corpo .imagenet-titulo h1 i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;margin:0;border-radius:10px;background:#1C5793;color:#fff;font-size:17px;box-shadow:0 3px 8px rgba(28,87,147,.25)}
@media (max-width:600px){.imagenet-corpo .imagenet-titulo h1{font-size:17px}.imagenet-corpo .imagenet-titulo h1 i{flex-basis:32px;width:32px;height:32px;font-size:15px}}