/* Central Di Sotti — visual no formato do sistema anterior (levantamento de cores, tamanhos e espaçamentos). */
:root {
  --turquesa: #00ACAC;
  --turquesa-escuro: #008F8F;
  --azul: #0079BF;
  --azul-claro: #2F8EE5;
  --verde: #57C279;
  --vermelho: #F7685B;
  --amarelo: #FFB946;
  --gunmetal: #0C334A;
  --cinza: #5F666C;
  --cinza-medio: #999999;
  --cinza-claro: #D9D9D9;
  --cinza-suave: #F1F3F5;
  --cinza-extra: #F4F4F4;
  --vinho: #5D171F;
  --global-fundo: #263F50;
  --fundo: #EFF1F4;
  --raio: 10px;
  --raio-botao: 6px;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
[hidden] { display: none !important; }
body { font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; background: var(--fundo); color: var(--cinza); font-size: 14px; line-height: 1.4; }
a { color: var(--turquesa); }
a:hover { color: #00C6C6; }
h1 { font-size: 1.3rem; margin: 0 0 16px; color: #24344A; }
h2 { font-size: 1rem; margin: 0 0 12px; }
.carregando { padding: 40px 16px; text-align: center; color: var(--cinza-medio); }
.visualmente-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ico { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ico-pontos { stroke-width: 3.6; }
.barra-espaco { flex: 1; }
.avatar { border-radius: 50%; background: var(--vinho); color: #fff; display: inline-grid; place-items: center; font-weight: 400; flex: none; line-height: 1; }

/* ---------- componentes gerais ---------- */
.cartao { background: #fff; border-radius: var(--raio); padding: 18px; margin-bottom: 14px; border: 1px solid var(--cinza-claro); }
.estreito { max-width: 440px; margin: 48px auto; }
.cabecalho { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.cabecalho h1 { margin: 0; flex: 1; }
.num { color: var(--cinza-medio); font-weight: 400; }
label { display: block; font-size: 14px; font-weight: 700; margin: 12px 0 6px; color: var(--cinza); }
input[type=text], input[type=password], input[type=date], input[type=number], input[type=search], select, textarea {
  width: 100%; padding: 6px 12px; min-height: 32px; border: 1px solid var(--cinza-claro); border-radius: var(--raio-botao); font: inherit; background: #fff; color: var(--cinza);
}
input::placeholder, textarea::placeholder { color: var(--cinza-medio); }
textarea { min-height: 120px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: none; border-color: rgba(0,121,191,.565); }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--azul); outline-offset: 1px; }
.marcar { display: flex; align-items: flex-start; gap: 8px; font-weight: 400; font-size: 14px; margin: 6px 0; }
.marcar input { margin-top: 3px; }
.grupo { border: 1px solid var(--cinza-claro); border-radius: var(--raio-botao); padding: 8px 12px; margin-top: 4px; background: #fff; }
.lista-colunas { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0 12px; }
.dica { color: var(--cinza-medio); font-size: 12px; margin: 4px 0 0; }
button {
  font: inherit; padding: 8px 14px; border-radius: var(--raio-botao); border: 1px solid var(--turquesa);
  background: var(--turquesa); color: #fff; cursor: pointer; font-weight: 400; display: inline-flex; align-items: center; gap: 6px;
}
button:hover { filter: brightness(.95); }
button.secundario { background: #fff; color: var(--turquesa); }
button.perigo { background: #fff; color: var(--vermelho); border-color: var(--vermelho); }
button:disabled { opacity: .5; cursor: default; filter: none; }
.acoes { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.erro { background: #fdecea; color: #c0262d; border: 1px solid #f3c1bc; padding: 10px 12px; border-radius: var(--raio-botao); margin: 12px 0; }
.sucesso { background: #e8f5ee; color: #1f7a4d; border: 1px solid #b9dfc8; padding: 10px 12px; border-radius: var(--raio-botao); margin: 12px 0; }
.vazio { color: var(--cinza-medio); text-align: center; padding: 28px 12px; margin: 0; background: #fff; }
.filtros { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 4px 14px; align-items: end; }
.item { display: block; text-decoration: none; color: inherit; background: #fff; border-radius: var(--raio); padding: 12px 14px; margin-bottom: 8px; border: 1px solid var(--cinza-claro); border-left: 5px solid transparent; }
.item:hover { border-color: #BBC0C6; }
.item.novo { border-left-color: var(--turquesa); }
.item-titulo { font-weight: 700; display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.item-info { color: var(--cinza-medio); font-size: 12px; margin-top: 4px; }
.etiqueta { display: inline-block; padding: 1px 9px; border-radius: 12px; font-size: 11px; font-weight: 700; border: 1px solid currentColor; }
.etq { display: inline-block; padding: 1px 8px; margin-left: 6px; border-radius: 6px; font-size: 11px; font-weight: 700; background: #FFF3DD; color: #B26A00; vertical-align: middle; }
.msg { border-radius: var(--raio-botao); padding: 10px 12px; margin-bottom: 8px; background: #fff; }
.msg-topo { font-size: 12px; color: var(--cinza-medio); margin-bottom: 4px; }
.msg-texto { white-space: pre-wrap; overflow-wrap: anywhere; }
.anexos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.anexos a { font-size: 13px; font-weight: 700; color: #1155CC; }
.anexos img { display: block; max-width: 140px; max-height: 140px; border-radius: var(--raio-botao); border: 1px solid var(--cinza-claro); }
.dados { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; }
.dados div > span:first-child { display: block; font-size: 11px; color: var(--cinza-medio); text-transform: uppercase; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--cinza-claro); vertical-align: top; }
th { font-size: 12px; font-weight: 700; color: var(--cinza); }
.rolagem { overflow-x: auto; }
.inativo { opacity: .55; }
.linha-edicao { display: grid; grid-template-columns: 2fr 1fr auto auto; gap: 8px; align-items: end; margin-bottom: 8px; }
.atrasado { color: var(--vermelho); font-weight: 700; }
.selo { display: inline-block; min-width: 20px; padding: 0 6px; border-radius: 10px; background: #FA3E3E; color: #fff; font-size: 12px; font-weight: 600; text-align: center; line-height: 20px; }
.pilula { display: inline-block; height: 15px; line-height: 15px; border-radius: 12px; padding: 0 6px; color: #fff; font-size: 11px; font-weight: 400; white-space: nowrap; }
.pilula.grande { height: auto; line-height: 1.4; padding: 3px 12px; font-size: 12px; }
.pilula.pequena { height: 17px; line-height: 17px; border-radius: 6px; padding: 0 12px; }
.pilula-atrasado { display: inline-block; margin-left: 8px; background: #EF6565; color: #fff; border-radius: 12px; padding: 1px 6px; font-size: 12px; }

/* ---------- menus suspensos ---------- */
.suspenso { position: relative; display: inline-block; }
.suspenso > summary { list-style: none; cursor: pointer; }
.suspenso > summary::-webkit-details-marker { display: none; }
.suspenso-lista {
  position: absolute; top: calc(100% + 6px); left: 0; min-width: 210px; background: #fff; color: var(--cinza); border-radius: var(--raio-botao);
  box-shadow: 0 8px 24px rgba(0,0,0,.18); padding: 6px; z-index: 60; display: flex; flex-direction: column;
}
.suspenso-lista a, .suspenso-lista button { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 6px; color: var(--cinza); text-decoration: none; background: none; border: 0; font: inherit; cursor: pointer; }
.suspenso-lista a:hover, .suspenso-lista button:hover { background: rgba(0,0,0,.05); filter: none; }
.suspenso-lista .marcar { padding: 2px 8px; white-space: nowrap; }
.usuario { display: inline-flex; align-items: center; }
.usuario .avatar { background: #D9E0E6; color: var(--gunmetal); }
.menu-usuario { position: absolute; right: 0; top: calc(100% + 8px); width: 300px; background: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.2); padding: 6px 0; z-index: 60; }
.mu-topo { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px; }
.mu-topo b { color: #202124; font-size: 15px; }
.mu-topo span { color: #5F6368; font-size: 14px; }
.menu-usuario hr { border: 0; border-top: 1px solid rgba(9,30,66,.13); margin: 6px 10px; }
.menu-usuario a, .menu-usuario button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 33px; padding: 6px 12px; background: none; border: 0; border-radius: 0; color: var(--cinza); font: inherit; text-decoration: none; cursor: pointer; }
.menu-usuario a:hover, .menu-usuario button:hover { background: rgba(0,0,0,.05); filter: none; color: var(--cinza); }

/* ---------- moldura global (Home e configuração) ---------- */
.casca { display: flex; min-height: 100vh; }
.lateral { width: 250px; flex: none; background: var(--global-fundo); display: flex; flex-direction: column; position: sticky; top: 0; height: 100vh; overflow-y: auto; z-index: 30; }
.lateral-marca { display: flex; align-items: center; gap: 10px; background: var(--turquesa); color: #fff; text-decoration: none; padding: 0 18px; height: 60px; flex: none; }
.lateral-marca:hover { color: #fff; }
.lateral-logo { width: 34px; height: 34px; border-radius: 9px; border: 2px solid rgba(255,255,255,.9); display: grid; place-items: center; font-weight: 800; font-size: 13px; }
.lateral-marca > span:last-child { display: flex; flex-direction: column; line-height: 1.1; font-size: 12px; }
.lateral-marca b { font-size: 16px; letter-spacing: .14em; }
.lateral-nav { padding: 12px 10px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.lateral-rodape { padding: 10px; border-top: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; gap: 4px; }
.lateral-item { display: flex; align-items: center; gap: 12px; height: 43px; padding: 12px; border-radius: 10px; color: #C3CDD6; text-decoration: none; font-weight: 600; font-size: 14px; background: none; border: 0; width: 100%; text-align: left; cursor: pointer; font-family: inherit; }
.lateral-item .ico { width: 18px; height: 18px; }
.lateral-item:hover, .lateral-item.ativo { background: rgba(0,0,0,.2); color: #fff; filter: none; }
.lateral-item .selo { margin-left: auto; }
.principal { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.barra-topo { background: var(--global-fundo); color: #fff; display: flex; align-items: center; gap: 14px; padding: 0 20px; height: 60px; position: sticky; top: 0; z-index: 20; }
.botao-menu { display: none; background: none; border: 0; color: #fff; padding: 6px; }
.botao-acoes { display: inline-flex; align-items: center; gap: 8px; background: var(--turquesa); color: #fff; border-radius: 999px; padding: 10px 16px; font-weight: 700; font-size: 13px; }
.botao-acoes:hover { background: #029191; box-shadow: 0 6px 14px -6px rgba(0,172,172,.5); }
.botao-acoes .ico { width: 14px; height: 14px; transition: transform .2s; }
.acoes-rapidas[open] .ico-gira { transform: rotate(45deg); }
.painel-acoes { position: absolute; right: 0; top: calc(100% + 10px); width: 320px; background: #fff; border: 1px solid #E6EAEF; border-radius: 14px; box-shadow: 0 22px 48px -14px rgba(16,32,48,.32); padding: 8px; z-index: 60; }
.painel-acoes a { display: flex; align-items: center; gap: 11px; min-height: 52px; padding: 8px; border-radius: 10px; text-decoration: none; }
.painel-acoes a:hover { background: var(--cinza-suave); }
.ar-ico { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; color: #fff; flex: none; }
.ar-ico .ico { width: 18px; height: 18px; }
.painel-acoes b { display: block; font-size: 13px; color: #24344A; }
.painel-acoes small { display: block; font-size: 11px; color: #8A94A0; }
.fundo-lateral { display: none; }
main { padding: 24px; width: 100%; max-width: 1400px; margin: 0 auto; }

/* ---------- Home ---------- */
.inicio { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(280px, 1fr); gap: 20px; align-items: start; }
.cartao-modulos { padding: 22px; border: 0; }
.busca-modulo { position: relative; display: flex; align-items: center; max-width: 360px; margin-bottom: 18px; }
.busca-modulo .ico { position: absolute; left: 12px; color: var(--turquesa); }
.busca-modulo input { padding-left: 40px; border-radius: 999px; height: 40px; }
.modulos { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 22px 10px; }
.modulo { display: flex; flex-direction: column; align-items: center; gap: 9px; text-decoration: none; color: #24344A; text-align: center; padding: 4px; }
.modulo:hover { color: #24344A; }
.modulo:hover .modulo-icone { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(0,0,0,.2); }
.modulo-icone { position: relative; width: 76px; height: 76px; border-radius: 20px; display: grid; place-items: center; transition: transform .15s, box-shadow .15s; box-shadow: 0 4px 10px rgba(0,0,0,.15); color: #fff; }
.modulo-icone .ico { width: 36px; height: 36px; }
.modulo-nome { font-size: 14px; font-weight: 600; line-height: 1.25; }
.selo-modulo { position: absolute; top: -6px; right: -6px; border: 2px solid #fff; }
.c1 { background: linear-gradient(160deg, #3d8bf0, #1D6EDE); }
.c2 { background: linear-gradient(160deg, #8a78e6, #6156CE); }
.c3 { background: linear-gradient(160deg, #1fb3ac, #00918A); }
.c4 { background: linear-gradient(160deg, #4f5d73, #36414f); }
.c5 { background: linear-gradient(160deg, #36b36a, #219348); }
.c6 { background: linear-gradient(160deg, #f0a24a, #E07B2C); }
.c7 { background: linear-gradient(160deg, #7a2430, #5D171F); }
.perfil { padding: 0; overflow: hidden; text-align: center; border: 0; }
.perfil-faixa { background: var(--vinho); color: #fff; height: 120px; display: grid; place-items: center; }
.perfil-marca { letter-spacing: .32em; font-size: 26px; font-weight: 300; padding-left: .32em; }
.perfil-avatar { margin-top: -43px; }
.perfil-avatar .avatar { border: 4px solid #fff; }
.perfil-nome { font-weight: 700; font-size: 18px; margin-top: 8px; color: #24344A; }
.perfil .dica { padding: 0 12px 18px; font-size: 14px; }
.titulo-comunicados { font-size: 18px; color: #24344A; }
.comunicado-destaque { display: flex; flex-direction: column; gap: 10px; background: var(--turquesa); color: #fff; text-decoration: none; border-radius: var(--raio); padding: 16px; margin-bottom: 8px; }
.comunicado-destaque:hover { color: #fff; filter: brightness(.95); }
.destaque-titulo { font-weight: 800; text-transform: uppercase; font-size: 17px; line-height: 1.25; }
.recente { display: flex; gap: 12px; align-items: flex-start; text-decoration: none; color: #24344A; padding: 10px 2px; border-bottom: 1px solid #EEF1F4; }
.recente:hover { color: #24344A; }
.recente-icone { width: 40px; height: 40px; border-radius: 10px; background: #E0F5F5; color: var(--turquesa); display: grid; place-items: center; flex: none; }
.recente.novo .recente-titulo::after { content: ' •'; color: var(--vermelho); }
.recente-titulo { display: block; font-weight: 700; }
.ver-todos { display: inline-block; margin-top: 12px; font-weight: 600; }

/* ---------- moldura dos módulos (Chamados e Comunicados) ---------- */
.casca-modulo { background: var(--cinza-claro); }
.menu-modulo { width: 80px; flex: none; background: var(--gunmetal); position: sticky; top: 0; height: 100vh; overflow-y: auto; z-index: 30; display: flex; flex-direction: column; }
.menu-modulo.mm-com { background: #284255; }
.mm-logo { height: 48px; display: grid; place-items: center; border-bottom: 1px solid #202C3A; color: #fff; text-decoration: none; font-weight: 800; font-size: 15px; flex: none; }
.mm-logo:hover { color: #fff; }
.menu-modulo nav { display: flex; flex-direction: column; gap: 3px; padding: 6px 4px; }
.mm-item { flex-direction: column; justify-content: center; gap: 2px; width: 72px; min-height: 57px; padding: 6px 0; border: 0; border-radius: 6px; background: none; color: #fff; font-size: 12px; line-height: 12px; text-align: center; position: relative; }
.mm-item:hover { filter: none; }
.mm-item .ico { width: 20px; height: 20px; }
.mm-item small { font-size: 10px; line-height: 12px; min-height: 12px; }
.mm-item.ativo { background: var(--cinza-extra); color: var(--gunmetal); }
.mm-com .mm-item { color: #A8ACB1; }
.mm-com .mm-item.ativo { background: var(--cinza-suave); color: var(--gunmetal); }
.topo-modulo { height: 48px; background: #fff; border-bottom: 1px solid var(--cinza-claro); display: flex; align-items: center; gap: 12px; padding: 0 12px; position: sticky; top: 0; z-index: 20; }
.botao-dividido { display: flex; }
.bd-principal { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; background: var(--verde); color: #fff; border-radius: 6px 0 0 6px; text-decoration: none; font-size: 14px; }
.bd-principal:hover { color: #fff; filter: brightness(.95); }
.bd-principal .ico { width: 14px; height: 14px; }
.bd-solo, .botao-dividido > .bd-principal:only-child { border-radius: 6px; }
.bd-seta { display: grid; place-items: center; width: 40px; height: 36px; background: var(--verde); color: #fff; border-radius: 0 6px 6px 0; border-left: 1px solid rgba(255,255,255,.35); }
.tm-grade { color: var(--cinza); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 6px; }
.tm-grade:hover { background: var(--cinza-extra); color: var(--cinza); }
.tm-grade .ico { width: 26px; height: 26px; }
.main-modulo { padding: 0; max-width: none; position: relative; }

/* ---------- Chamados: lista ---------- */
.area-lista { min-height: calc(100vh - 48px); }
.toolbar-lista { background: #455A70; display: flex; align-items: center; gap: 6px; padding: 6px 12px; flex-wrap: wrap; min-height: 34px; }
.tb-titulo { display: inline-flex; align-items: center; gap: 6px; color: #CCCCCC; font-size: 18px; text-transform: capitalize; }
.tb-prazo select { width: 150px; height: 24px; min-height: 24px; padding: 0 6px; background: #324150; border: 1px solid transparent; border-radius: 0; color: #fff; font-size: 14px; }
.tb-busca { display: flex; align-items: center; gap: 4px; background: #324150; padding: 0 6px 0 0; height: 26px; }
.tb-busca input { width: 192px; height: 26px; min-height: 26px; border: 0; border-radius: 6px; background: #324150; color: #fff; padding: 4px 9px; }
.tb-busca .ico { width: 18px; height: 18px; color: #fff; }
.tb-abas { display: flex; }
.tb-aba { height: 26px; padding: 0 8px; border: 0; border-radius: 0; background: #99B0C3; color: #fff; font-size: 14px; }
.tb-aba.ativa { background: var(--turquesa); }
.tb-filtros { height: 26px; padding: 0 6px; border: 0; border-radius: 0; background: var(--turquesa); font-size: 14px; }
.tb-filtros .ico { width: 16px; height: 16px; }
.tb-filtros.com-filtro { background: var(--amarelo); }
.aviso-lote { background: #FFF6E5; color: var(--cinza); padding: 8px 12px; border-bottom: 1px solid #C9CDD2; }
.lista-chamados { background: #fff; }
.lista-rodape { display: flex; justify-content: center; padding: 12px; }
.linha-chamado { display: grid; grid-template-columns: 70px 350px minmax(0, 1fr) 70px; min-height: 83px; text-decoration: none; color: var(--cinza); border-bottom: 1px solid #C9CDD2; }
.linha-chamado:hover { color: var(--cinza); }
.linha-chamado.par { background: #F0F3F5; }
.linha-chamado.impar { background: #fff; }
.linha-chamado > div { border-right: 1px solid #C9CDD2; }
.lc-id { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border-left: 1px solid #C9CDD2; }
.lc-bola { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--azul); }
.lc-bola.cheia { background: var(--azul); }
.lc-num { font-size: 11px; color: var(--turquesa); }
.lc-pessoa { display: flex; align-items: center; gap: 6px; padding: 6px 12px; }
.lc-pessoa .avatar { border: 2px solid transparent; }
.lc-pessoa > div { display: flex; flex-direction: column; min-width: 0; }
.lc-nome { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lc-unidade { font-size: 12px; }
.lc-conteudo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 6px 12px; gap: 12px; }
.lc-titulo { font-size: 14px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lc-datas { font-size: 10px; padding-top: 10px; }
.lc-depto { font-size: 10px; }
.lc-dir { display: flex; align-items: center; justify-content: flex-end; gap: 18px; padding: 6px; flex-wrap: wrap; }
.lc-atrasado { color: var(--vermelho); font-size: 12px; font-weight: 700; }
.lc-prazo { font-size: 11px; }
.lc-contas { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.lc-interacoes { min-width: 30px; height: 20px; line-height: 20px; border-radius: 25px; padding: 0 4px; background: rgba(0,0,0,.27); color: #fff; font-size: 12px; font-weight: 700; text-align: center; }
.lc-interacoes.nova { background: #25D366; }
.lc-visto { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: var(--cinza); white-space: nowrap; }
.lc-visto .ico { width: 12px; height: 12px; }
.lc-visto.completo { color: var(--verde); }

/* gaveta de filtros */
.gaveta-filtros { position: fixed; top: 48px; right: 0; bottom: 0; width: 300px; background: #54769A; box-shadow: 0 4px 6px rgba(0,0,0,.2); transform: translateX(105%); transition: transform .3s; z-index: 40; display: flex; flex-direction: column; color: #fff; }
.gaveta-filtros.aberta { transform: none; }
.gf-cabeca { height: 31px; background: #47525F; display: flex; align-items: center; justify-content: space-between; padding: 6px 12px; font-weight: 700; flex: none; }
.gf-cabeca > span { display: inline-flex; align-items: center; gap: 6px; }
.gf-cabeca .ico { width: 14px; height: 14px; }
.gf-recolher { background: none; border: 0; padding: 0; font-weight: 700; color: #fff; }
.gf-recolher:hover { transform: scale(1.1); filter: none; }
.gf-corpo { padding: 12px; display: flex; flex-direction: column; gap: 6px; overflow-y: auto; flex: 1; }
.gf-secao label { color: #fff; font-weight: 400; margin: 0 0 3px; }
.gf-secao select, .gf-secao input { height: 32px; }
.gf-datas { display: flex; gap: 6px; }
.gf-datas input { min-width: 0; font-size: 13.33px; padding: 4px 6px; }
.gf-rodape { display: flex; gap: 6px; padding: 6px 12px; min-height: 47px; align-items: center; flex: none; }
.gf-rodape button { height: 35px; padding: 9px 12px; font-size: 12px; font-weight: 700; border: 0; }
.gf-rodape .ico { width: 16px; height: 16px; }
.gf-limpar { background: var(--turquesa); }
.gf-limpar:hover { background: #009393; }
.gf-aplicar { background: #0B5CAB; }
.gf-aplicar:hover { background: #0B5C8B; }

/* ---------- Chamados: aberto ---------- */
.chamado-aberto { background: var(--cinza-extra); min-height: calc(100vh - 48px); padding: 0 12px 12px; }
.ca-cabeca { height: 56px; background: #455A70; border-radius: 0 0 6px 6px; display: flex; align-items: center; gap: 9px; padding: 12px 6px; color: #fff; }
.ca-voltar { color: #fff; display: grid; place-items: center; width: 40px; }
.ca-voltar:hover { color: #fff; }
.ca-voltar .ico { width: 28px; height: 28px; }
.ca-titulo { flex: 1; text-align: center; font-size: 20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ca-espaco { width: 40px; }
.ca-colunas { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(0, 2fr); gap: 12px; margin-top: 12px; align-items: start; }
.ca-esquerda, .ca-direita { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.cc-cartao { background: #fff; border-radius: 2px; padding: 12px; }
.cc-cartao > h2 { font-size: 12px; font-weight: 700; color: var(--cinza); border-bottom: 1px solid var(--cinza-claro); padding-bottom: 6px; margin: 0; }
.cc-corpo { padding: 12px 0 0; display: flex; flex-direction: column; gap: 12px; }
.cc-acoes { display: flex; flex-wrap: wrap; gap: 8px 4%; }
.cc-acao { width: 48%; height: 33px; background: #fff; border: 1px solid var(--turquesa); border-radius: 3px; padding: 6px 10px; color: var(--turquesa); font-size: 14px; }
.cc-acao:hover { border-color: rgba(0,172,172,.604); color: rgba(0,172,172,.604); filter: none; }
.cc-acao .ico { width: 16px; height: 16px; }
.cc-painel-acao { border-top: 1px solid var(--cinza-claro); padding-top: 4px; }
.cc-painel-acao label { margin-top: 6px; }
.cc-situacoes { display: flex; gap: 6px; }
.cc-sit { flex: 1; flex-direction: column; justify-content: center; gap: 3px; min-height: 64px; border-radius: 3px; padding: 12px 6px; border: 1px solid #C0C0C0; background: #EEEEEE; color: var(--cinza); font-size: 12px; text-align: center; }
.cc-sit .ico { width: 18px; height: 18px; }
.cc-sit.atual { color: #fff; cursor: initial; opacity: 1; }
.cc-par { display: grid; grid-template-columns: 146px minmax(0, 1fr); gap: 12px; align-items: center; font-size: 12px; }
.cc-par > span { font-weight: 700; color: var(--cinza); }
.cc-etiquetas { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.cc-sem-etq { font-size: 12px; font-weight: 700; color: var(--cinza-claro); }
.cc-mais { display: grid; place-items: center; width: 24px; height: 22px; border-radius: 50%; background: rgba(0,0,0,.565); color: #fff; }
.cc-mais .ico { width: 14px; height: 14px; }
.hs-tabela { border: 1px solid var(--cinza-claro); border-radius: 6px; overflow: hidden; }
.hs-tabela table { font-size: 11.5px; }
.hs-tabela th { background: #EEF1F6; color: #6B7688; font-size: 11px; padding: 8px 10px 8px 12px; border-right: 1px solid var(--cinza-claro); }
.hs-tabela td { padding: 8px 10px 8px 12px; border-bottom: 1px solid var(--cinza-claro); }
.hs-tabela tr.corrente td { background: rgba(47,128,237,.14); }
.hs-tabela tr.corrente td:first-child { box-shadow: inset 4px 0 0 var(--cor-hs, #2F80ED); }
.hs-nome { font-size: 13.5px; display: block; }
.hs-quem { display: flex; align-items: center; gap: 5px; color: #667085; margin-top: 3px; }
.hs-ate { color: #98A1B0; }
.hs-tempo { font-weight: 700; white-space: nowrap; }
.hs-tabela tr.corrente .hs-tempo { color: #2F80ED; }
.hs-mais { width: 100%; justify-content: center; height: 40px; background: #F7F9FB; border: 0; border-radius: 0; color: #2F80ED; font-size: 12px; font-weight: 700; }
.hs-total { display: flex; justify-content: space-between; align-items: center; background: #F1F4F8; border: 1px solid var(--cinza-claro); border-radius: 6px; padding: 10px 12px; font-size: 12px; }
.hs-total b { font-size: 13.5px; }
.ts-titulo { font-size: 11px; font-weight: 700; margin-bottom: 6px; }
.ts-linha { display: flex; align-items: center; gap: 8px; font-size: 12px; padding: 3px 0; }
.ts-bola { width: 12px; height: 12px; border-radius: 50%; flex: none; }
.ts-valor { margin-left: auto; border-radius: 10px; padding: 2px 9px; font-size: 11px; font-weight: 700; }
.cc-pessoa { display: flex; align-items: center; gap: 12px; }
.cc-pessoa > div { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.cc-pessoa b { font-size: 14px; }
.cc-pessoa span { font-size: 12px; }
.cc-remover { width: 30px; height: 30px; padding: 0; justify-content: center; background: none; border: 0; color: var(--cinza); }
.cc-remover:hover { background: var(--cinza-extra); color: var(--vermelho); filter: none; }

/* nova interação */
.nova-interacao { border-radius: 6px; }
.ni-cabeca { display: flex; align-items: center; gap: 6px; min-height: 45px; background: var(--verde); border: 1px solid var(--verde); border-radius: 6px 6px 0 0; padding: 8px 15px; color: #fff; cursor: pointer; }
.ni-cabeca .ico { width: 16px; height: 16px; }
.nova-interacao.aberta .ni-cabeca { background: var(--cinza-extra); border-color: var(--cinza-claro); color: var(--cinza); cursor: default; }
.ni-cancelar { height: 27px; padding: 3px 9px; background: #fff; border: 1px solid #C0C0C0; border-radius: 3px; color: var(--cinza); }
.ni-cancelar:hover { color: #000; filter: none; }
.ni-cancelar .ico { width: 16px; height: 16px; }
.ni-corpo { background: #fff; border: 1px solid var(--cinza-claro); border-top: 0; border-radius: 0 0 6px 6px; padding: 12px; }
.ni-convite { width: 100%; background: none; border: 0; color: var(--cinza-medio); font-size: 15px; gap: 12px; padding: 0; text-align: left; }
.ni-convite:hover { filter: none; }
.ni-aberto { display: flex; flex-direction: column; gap: 12px; }
.ni-aberto textarea { min-height: 200px; border: 2px solid #EEEEEE; border-radius: 10px; padding: 12px; }
.ni-situacoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px; }
.ni-sit { position: relative; flex-direction: column; justify-content: center; gap: 3px; min-height: 60px; border-radius: 6px; padding: 2px 12px; background: var(--cinza-extra); border: 1px solid var(--cinza-claro); color: var(--cinza); font-size: 12px; }
.ni-sit:hover { background: rgba(0,0,0,.1); filter: none; }
.ni-sit.sel { color: #fff; font-weight: 700; }
.ni-sit .ico { width: 18px; height: 18px; }
.ni-atalho { position: absolute; top: -8px; right: 4px; font-size: 10px; font-weight: 700; color: var(--cinza-medio); background: #fff; padding: 0 3px; }
.ni-rodape { display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--cinza-claro); padding: 18px 0 3px; flex-wrap: wrap; }
.ni-redondo { width: 50px; height: 36px; justify-content: center; padding: 0; background: var(--cinza-extra); border: 1px solid var(--cinza-claro); border-radius: 24px; color: var(--cinza); }
.ni-redondo:hover { background: var(--cinza-claro); filter: none; }
.botao-interagir { height: 36px; border-radius: 24px; background: var(--azul); border-color: var(--azul); padding: 0 18px; font-weight: 700; }

/* interações na conversa */
.ca-conversa { display: flex; flex-direction: column; gap: 12px; }
.int { display: grid; grid-template-columns: 17% minmax(0, 1fr); border: 1px solid var(--cinza-claro); border-radius: 6px; background: #D7E1F8; }
.int-solicitante { background: #C3EAC6; }
.int-primeira { border-color: #2F8EE5; }
.int-pessoa { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 6px; text-align: center; }
.int-pessoa .avatar { border: 2px solid transparent; }
.int-pessoa b { font-size: 14px; color: var(--azul); overflow-wrap: anywhere; }
.int-pessoa span { font-size: 11px; color: var(--cinza); }
.int:not(.int-evento) .int-pessoa::after { content: ''; position: absolute; right: 0; top: 27px; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #fff transparent transparent; }
.int-conteudo { background: #fff; border-radius: 0 4px 4px 0; display: flex; flex-direction: column; min-width: 0; }
.int-texto { padding: 12px 18px; font-size: 14px; white-space: pre-line; overflow-wrap: anywhere; flex: 1; }
.int-arquivos { margin: 0 18px 12px; border-top: 1px solid var(--cinza-claro); position: relative; padding-top: 10px; }
.int-arq-titulo { position: absolute; top: -9px; left: 0; background: #fff; padding-right: 8px; font-size: 12px; font-weight: 700; }
.int-rodape { display: flex; align-items: center; gap: 6px; min-height: 30px; border-top: 1px solid var(--cinza-claro); padding: 6px; }
.int-visto { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--cinza-medio); white-space: pre; }
.int-visto .ico { width: 16px; height: 16px; }
.int-visto.completo { color: var(--verde); }
.int-data { font-size: 11px; color: var(--cinza); white-space: nowrap; }
.int-evento { background: #F3F3F3; border-top: 3px solid #2F8EE5; }
.int-evento .int-conteudo { flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; flex-wrap: wrap; }
.int-evento-texto { font-size: 14px; }
.int-fim { border: 3px solid var(--verde); }

/* ---------- Chamados: novo (assistente) ---------- */
.novo-chamado { display: grid; grid-template-columns: 355px minmax(0, 1fr); gap: 12px; padding: 12px; background: var(--fundo); min-height: calc(100vh - 48px); align-items: start; }
.nc-etapas { background: #fff; border: 1px solid var(--cinza-claro); border-radius: 10px; overflow: hidden; position: sticky; top: 60px; }
.nce-topo { display: flex; align-items: center; justify-content: space-between; gap: 18px; background: var(--gunmetal); color: #fff; padding: 12px 24px; font-weight: 700; }
.nce-topo b { color: var(--turquesa); }
.nce-nome { background: rgba(0,0,0,.27); border-radius: 6px; padding: 3px 12px; font-weight: 400; }
.nce-lista { padding: 12px; display: flex; flex-direction: column; gap: 12px; }
.nce-cartao { display: flex; align-items: center; gap: 12px; min-height: 66px; border: 1px solid var(--cinza-claro); border-radius: 10px; padding: 12px; }
.nce-disco { width: 40px; height: 40px; border-radius: 40px; background: var(--cinza-claro); color: #fff; display: grid; place-items: center; flex: none; }
.nce-disco .ico { width: 22px; height: 22px; }
.nce-titulo { display: block; font-weight: 700; color: var(--cinza); }
.nce-sub { display: block; font-size: 12px; color: var(--cinza-medio); }
.nce-cartao.feita { border-color: var(--verde); }
.nce-cartao.feita .nce-disco { background: var(--verde); }
.nce-cartao.feita .nce-titulo { color: var(--verde); }
.nce-cartao.atual { border-color: var(--turquesa); }
.nce-cartao.atual .nce-disco { background: var(--turquesa); }
.nce-resp { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--cinza-medio); }
.nce-resp > span { display: flex; flex-direction: column; }
.nce-rodape { padding: 12px; }
.botao-verde { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; background: var(--verde); border: 1px solid var(--verde); border-radius: 6px; color: #fff; font-size: 12px; text-decoration: none; }
.botao-verde:hover { color: #fff; filter: brightness(.95); }
.botao-verde.grande { height: 42px; padding: 0 14px; font-size: 14px; }
.nc-centro { max-width: 960px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.nc-faixa { background: var(--gunmetal); color: #fff; border-radius: 10px; padding: 12px; text-align: center; font-size: 16px; font-weight: 700; }
.nc-faixa.clara { background: #fff; color: var(--cinza); border: 1px solid var(--cinza-claro); text-align: left; padding: 12px 18px; font-weight: 600; }
.nc-destinos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.nc-destino { flex-direction: column; justify-content: center; gap: 10px; min-height: 157px; background: #fff; border: 1px solid var(--cinza-claro); border-radius: 10px; padding: 36px 12px; color: var(--gunmetal); }
.nc-destino:hover { border-color: var(--turquesa); filter: none; }
.nc-destino b { font-size: 14px; }
.ncd-icones { display: flex; align-items: flex-end; }
.ncd-grande { width: 64px; height: 64px; stroke-width: 1.5; }
.ncd-pequeno { width: 48px; height: 48px; stroke-width: 1.5; margin-left: -14px; }
.nc-caixa { background: #fff; border: 1px solid var(--cinza-claro); border-radius: 10px; overflow: hidden; }
.ncc-topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--cinza-claro); flex-wrap: wrap; }
.ncc-topo > b { font-size: 16px; }
.ncc-busca { position: relative; display: flex; align-items: center; width: min(462px, 100%); }
.ncc-busca input { height: 30px; min-height: 30px; padding-right: 34px; }
.ncc-busca .ico { position: absolute; right: 8px; width: 18px; height: 18px; }
.ncc-corpo { padding: 6px 18px 18px; }
.nc-linhas { display: flex; flex-direction: column; }
.nc-linha { display: flex; align-items: center; gap: 6px; min-height: 55px; padding: 9px 18px; border-bottom: 1px solid var(--cinza-claro); border-left: 12px solid transparent; }
.nc-linha.com-avatar { min-height: 61px; }
.nc-linha:hover { background: var(--cinza-extra); border-left-color: var(--cinza-claro); }
.nc-linha:hover .botao-selecionar { background: var(--turquesa-escuro); }
.ncl-texto { flex: 1; display: flex; flex-direction: column; margin-left: 10px; }
.ncl-texto b { font-size: 14px; }
.ncl-texto span { font-size: 12px; color: var(--cinza-medio); }
.botao-selecionar { height: 30px; padding: 0 12px; font-size: 12px; font-weight: 700; justify-content: center; min-width: 132px; }
.botao-selecionar .ico { width: 18px; height: 18px; }
.nc-form { background: #fff; border: 1px solid var(--cinza-claro); border-radius: 10px; padding: 18px; display: flex; flex-direction: column; gap: 6px; }
.nc-form label { margin-top: 6px; }
.nc-para { background: var(--cinza-extra); border-radius: 6px; padding: 8px 12px; margin: 0; }
.nc-prazo { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.nc-prazo input { width: auto; }
.link-turquesa { background: none; border: 0; padding: 0; color: var(--turquesa); font-size: 14px; }
.link-turquesa:hover { color: #00C6C6; filter: none; }
.link-turquesa .ico { width: 18px; height: 18px; }
.nc-form textarea { min-height: 260px; border: 2px solid #EEEEEE; border-radius: 10px; padding: 12px; }
.nc-anexos { border: 1px solid var(--cinza-claro); border-radius: 6px; padding: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.nc-anexos.arrastando { background: var(--verde); color: #fff; }
.nc-aux { font-size: 13px; color: #808080; margin: 0; }
.nc-envio { background: #fff; border: 1px solid var(--cinza-claro); border-radius: 10px; padding: 6px 12px 12px; }
.botao-enviar { width: 100%; height: 48px; justify-content: center; background: var(--verde); border-color: var(--verde); font-size: 12px; font-weight: 700; }

/* ---------- Comunicados ---------- */
.com-recebido { display: grid; grid-template-columns: 300px minmax(0, 1fr); min-height: calc(100vh - 48px); }
.com-filtros { background: #406988; color: #fff; }
.cf-cabeca { background: #425D71; height: 40px; display: flex; align-items: center; padding: 0 14px; font-size: 16px; }
.cf-corpo { padding: 14px; }
.cf-corpo label { color: #fff; font-weight: 700; margin: 12px 0 6px; }
.cf-busca { display: flex; }
.cf-busca input { height: 40px; border-radius: 10px 0 0 10px; border: 0; }
.cf-busca span { display: grid; place-items: center; width: 44px; background: var(--turquesa); border-radius: 0 10px 10px 0; }
.cf-linha { display: flex; justify-content: space-between; min-height: 26px; padding: 3px; font-size: 15px; }
.cf-linha.ativo { font-weight: 700; }
.com-conteudo { background: #E9EBEE; padding: 18px 24px; }
.com-h2 { font-size: 21px; font-weight: 700; margin: 6px 0 12px; }
.com-h2.novos { color: #00A2A2; }
.com-h2.lidos { color: #0057A2; margin-top: 24px; }
.com-vazio { background: #E9EBEE; color: var(--cinza); padding: 4px 10px; margin: 0; }
.com-cartao { display: grid; grid-template-columns: 110px 220px minmax(0, 1fr); align-items: center; min-height: 100px; background: #fff; border-left: 5px solid #0057A2; border-radius: 10px; box-shadow: 0 1px 1px -1px rgba(0,0,0,.25); padding: 7px 10px 7px 7px; margin-bottom: 10px; text-decoration: none; color: var(--cinza); }
.com-cartao:hover { color: var(--cinza); box-shadow: 0 3px 10px rgba(0,0,0,.12); }
.com-cartao.novo { border-left-color: #00A2A2; }
.com-cartao b { font-size: 14px; }
.cc1, .cc3 { display: flex; flex-direction: column; }
.cc2 { display: flex; align-items: center; gap: 10px; }
.cc3 { padding-left: 20px; }
.cc-titulo { font-size: 16px; font-weight: 700; color: #0057A2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.com-enviados { padding: 12px; }
.ce-topo { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #E5E5E5; border-radius: 10px; padding: 7px 14px; min-height: 64px; flex-wrap: wrap; margin-bottom: 12px; }
.ce-tit { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: #00A2A2; }
.ce-todos { border: 1px solid #EDF2F9; border-radius: 2px; padding: 5px 10px; }
.ce-busca { position: relative; display: flex; align-items: center; width: min(320px, 100%); }
.ce-busca .ico { position: absolute; left: 8px; width: 18px; height: 18px; }
.ce-busca input { padding-left: 34px; border-color: #EDF2F9; border-radius: 2px; height: 34px; }
.ce-tabela { background: #fff; border: 1px solid #D8D8D8; border-radius: 10px; overflow: auto; }
.ce-tabela th { position: sticky; top: 0; background: #fff; color: #213E9A; font-size: 14px; padding: 8px 14px; white-space: nowrap; }
.ce-tabela th:nth-child(-n+2) { background: #E0E0E0; }
.ce-tabela td { padding: 8px 14px; vertical-align: middle; }
.ce-tabela tbody tr:nth-child(even) { background: #F0F3F5; }
.ce-tabela tbody tr { cursor: pointer; }
.ce-tabela tbody tr:hover { background: #C9CDD2; }
.ce-id { color: var(--cinza-medio); }
.ce-titulo { color: #0057A2; font-weight: 700; }
.ce-visto { display: flex; align-items: center; gap: 6px; }
.ce-barra { width: 70px; height: 6px; border-radius: 3px; background: #E5E5E5; overflow: hidden; }
.ce-barra span { display: block; height: 100%; background: var(--verde); }
.ce-de { font-size: 12px; white-space: nowrap; }
.ce-autor { display: inline-flex; align-items: center; gap: 8px; }
.com-novo { padding: 12px; max-width: 984px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.com-aberto { background: #E9EBEE; min-height: calc(100vh - 48px); padding: 24px 12px; position: relative; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.co-voltar { position: absolute; left: 12px; top: 24px; width: 40px; height: 33px; display: grid; place-items: center; background: #fff; border-radius: 8px 0 0; color: var(--cinza); }
.co-peca { width: min(750px, 100%); background: #fff; }
.co-cabeca { background: var(--vinho); height: 124px; display: grid; place-items: center; padding: 20px 40px; }
.co-marca { color: #fff; letter-spacing: .32em; font-size: 34px; font-weight: 300; padding-left: .32em; }
.co-corpo { padding: 0 40px 24px; }
.co-titulo { display: inline-block; font-size: 18.67px; font-weight: 400; color: var(--vinho); padding: 20px 30px 20px 0; border-right: 2px solid var(--vinho); border-bottom: 2px solid var(--vinho); margin: 0 0 18px; }
.co-texto { font-family: Arial, sans-serif; font-size: 16px; color: #000; white-space: pre-line; overflow-wrap: anywhere; }
.co-arquivos { margin-top: 20px; }
.co-arq-cabeca { background: var(--azul-claro); color: #fff; border-radius: 4px 4px 0 0; padding: 10px 20px; text-align: center; font-size: 18px; font-weight: 700; }
.co-arquivos table { border: 1px solid #C0C0C0; }
.co-arquivos td { border-bottom: 1px solid #C0C0C0; vertical-align: middle; }
.co-arquivos a { color: #1155CC; font-weight: 700; }
.co-arq-ico { width: 38px; }
.co-arq-baixar { width: 73px; border-left: 1px solid #C0C0C0; text-align: center; }
.co-rodape { background: var(--vinho); color: #fff; min-height: 75px; display: flex; align-items: center; gap: 12px; padding: 10px 20px; }
.co-rodape .avatar { background: #fff; color: var(--vinho); }
.co-rodape > div { display: flex; flex-direction: column; font-size: 14px; }
.co-rodape small { font-size: 12px; }
.co-extras { width: min(750px, 100%); display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.co-leitura { width: 100%; }

/* ---------- telas menores ---------- */
@media (max-width: 1100px) {
  .linha-chamado { grid-template-columns: 60px 230px minmax(0, 1fr) 60px; }
  .lc-conteudo { grid-template-columns: 1fr; }
  .lc-dir { justify-content: flex-start; padding: 0; gap: 10px; }
  .ca-colunas, .inicio, .novo-chamado { grid-template-columns: 1fr; }
  .nc-etapas { position: static; }
  .com-recebido { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .lateral { position: fixed; left: 0; top: 0; transform: translateX(-100%); transition: transform .2s; }
  body.lateral-aberta .lateral { transform: none; }
  body.lateral-aberta .fundo-lateral { display: block; position: fixed; inset: 0; background: rgba(0,0,0,.4); z-index: 25; }
  .botao-menu { display: inline-flex; }
  .barra-topo { padding: 0 12px; }
  main { padding: 16px; }
  .main-modulo { padding: 0; }
  .menu-modulo { width: 64px; }
  .mm-item { width: 56px; font-size: 10px; }
  .modulos { grid-template-columns: repeat(3, 1fr); }
  .modulo-icone { width: 62px; height: 62px; }
  .linha-chamado { grid-template-columns: 1fr auto; grid-template-areas: "pessoa contas" "conteudo conteudo"; }
  .lc-id { display: none; }
  .lc-pessoa { grid-area: pessoa; }
  .lc-contas { grid-area: contas; padding: 0 8px; }
  .lc-conteudo { grid-area: conteudo; }
  .linha-chamado > div { border-right: 0; }
  .tb-busca input { width: 130px; }
  .int { grid-template-columns: 1fr; }
  .int-pessoa { flex-direction: row; justify-content: flex-start; padding: 8px 12px; }
  .int:not(.int-evento) .int-pessoa::after { display: none; }
  .int-conteudo { border-radius: 0 0 4px 4px; }
  .nc-destinos { grid-template-columns: 1fr; }
  .com-cartao { grid-template-columns: 1fr; gap: 8px; }
  .cc3 { padding-left: 0; }
  .linha-edicao { grid-template-columns: 1fr 1fr; }
  .cc-par { grid-template-columns: 120px minmax(0, 1fr); }
  .gaveta-filtros { width: 100%; }
}

/* ---------- ajustes para ficar igual ao sistema anterior (levantamento de diferenças, nov/2026) ---------- */
/* Usuário na barra de cima da Home: foto + nome + seta */
.usuario.com-nome { gap: 10px; color: #fff; }
.usuario-nome { font-size: 19px; color: #fff; white-space: nowrap; }
.usuario-seta { width: 18px; height: 18px; color: #fff; }
@media (max-width: 700px) { .usuario-nome, .usuario-seta { display: none; } }

/* Sino de novidades (barra branca dos módulos) */
.sino-botao { position: relative; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 6px; color: var(--cinza); }
.sino-botao:hover { background: var(--cinza-extra); }
.sino-botao .ico { width: 24px; height: 24px; fill: var(--cinza); stroke: var(--cinza); }
.sino-selo { position: absolute; top: 0; right: -2px; min-width: 18px; height: 18px; line-height: 18px; padding: 0 4px; border-radius: 6px; background: #F7685B; color: #fff; font-size: 10px; font-weight: 700; text-align: center; }
.sino-lista { position: absolute; right: 0; top: calc(100% + 8px); width: 340px; max-height: 70vh; overflow-y: auto; background: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.2); padding: 6px 0; z-index: 60; }
.sino-topo { font-weight: 700; color: var(--gunmetal); padding: 6px 14px 8px; border-bottom: 1px solid var(--cinza-claro); }
.sino-item { display: flex; align-items: center; gap: 10px; padding: 8px 14px; text-decoration: none; color: var(--cinza); }
.sino-item:hover { background: var(--cinza-extra); color: var(--cinza); }
.sino-item > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.sino-item b { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sino-item small { font-size: 11px; color: var(--cinza-medio); }
.sino-ico { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: #1D6EDE; color: #fff; }
.sino-ico.roxo { background: #6156CE; }
.sino-ico .ico { width: 16px; height: 16px; }
.sino-vazio { padding: 10px 14px; color: var(--cinza-medio); margin: 0; }
.sino-mais { display: block; text-align: center; padding: 8px; font-weight: 600; }

/* Selo verde de não lidos no menu estreito do módulo */
.mm-selo { position: absolute; top: 2px; right: 6px; min-width: 18px; height: 16px; line-height: 16px; padding: 0 4px; border-radius: 6px; background: #57C279; color: #fff; font-size: 10px; font-weight: 700; text-align: center; }
.mm-com .mm-item.ativo { color: #A8ACB1; }

/* Linha do chamado: Atrasado + prazo em cima, situação embaixo, à direita */
.lc-dir { flex-direction: column; align-items: flex-end; justify-content: center; gap: 6px; flex-wrap: nowrap; }
.lc-dir-linha { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.lc-dir-linha:empty { display: none; }

/* Painel de filtros: fundo escurecido, campos com busca e datas com botão de calendário */
.gaveta-fundo { position: fixed; inset: 0; background: rgba(0,0,0,.227); z-index: 39; display: none; }
.gaveta-fundo.aberta { display: block; }
.buscavel { position: relative; display: flex; align-items: center; }
.buscavel input { width: 100%; height: 32px; padding-right: 32px; }
.buscavel .ico { position: absolute; right: 10px; width: 16px; height: 16px; color: var(--cinza); pointer-events: none; }
.gf-data { display: flex; flex: 1; min-width: 0; }
.gf-data input { flex: 1; min-width: 0; border-radius: 6px 0 0 6px; }
.gf-data input::-webkit-calendar-picker-indicator { display: none; }
.gf-cal { flex: none; width: 40px; height: 32px; padding: 0; justify-content: center; border: 0; border-radius: 0 6px 6px 0; background: var(--turquesa); }
.gf-cal .ico { width: 18px; height: 18px; }

/* Chamado aberto */
.cc-situacoes.apagado { opacity: .5; pointer-events: none; }
.cc-pessoa .cc-contato { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--cinza); }
.cc-contato .ico { width: 12px; height: 12px; }
.cc-concluir { width: 100%; height: 48px; justify-content: center; gap: 10px; position: relative; background: var(--verde); border: 0; border-radius: 4px; color: #fff; font-size: 16px; }
.cc-concluir .ico { position: absolute; left: 14px; width: 26px; height: 26px; padding: 4px; border: 2px solid #fff; border-radius: 50%; }
.cc-concluir:hover { filter: brightness(.95); }

/* Novo chamado: cartão de destino pinta de turquesa ao passar o mouse; botão Enviar sempre visível */
.nc-destino:hover { background: var(--turquesa); border-color: var(--turquesa); color: #fff; }
.nc-envio { position: sticky; bottom: 0; z-index: 5; box-shadow: 0 -6px 12px var(--fundo); }

/* Comunicados enviados: lista "Todos", Pesquisar, Filtros e colunas novas */
.ce-todos { border: 0; padding: 0; }
.ce-todos select { width: 220px; height: 32px; border-color: #EDF2F9; border-radius: 2px; }
.ce-busca { flex: 1; width: auto; min-width: 200px; }
.ce-pesquisar { height: 32px; background: #00CDAC; border-color: #00CDAC; border-radius: 2px; font-weight: 700; gap: 6px; }
.ce-filtrar { height: 32px; background: #2F8EE5; border-color: #2F8EE5; border-radius: 2px; gap: 6px; }
.ce-pesquisar .ico, .ce-filtrar .ico { width: 16px; height: 16px; }
.ce-filtros { display: flex; gap: 12px; flex-wrap: wrap; background: #fff; border: 1px solid #E5E5E5; border-radius: 10px; padding: 10px 14px; margin-bottom: 12px; }
.ce-filtros[hidden] { display: none; }
.ce-titulo-cel { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 360px; }
.ce-titulo { color: #213E9A; font-size: 13px; }
.ce-visto { flex: none; font-size: 10px; font-weight: 700; color: #708090; }
.ce-tabela tbody tr:nth-child(even) { background: #E6E6E6; }
.ce-tabela td { white-space: nowrap; font-size: 13px; }
.ce-status { display: inline-flex; align-items: center; gap: 6px; }
.ce-bola { width: 12px; height: 12px; border-radius: 50%; background: #25D366; }
.ce-link { height: auto; padding: 0; gap: 4px; background: none; border: 0; color: var(--cinza); font-size: 13px; }
.ce-link:hover { color: #000; filter: none; }
.ce-link .ico { width: 14px; height: 14px; }

/* Comunicado aberto: seta de voltar dentro da faixa vinho */
.co-cabeca { position: relative; }
.co-voltar { position: absolute; left: 10px; top: 10px; width: 32px; height: 32px; background: none; border-radius: 0; color: #fff; }
.co-voltar:hover { color: #fff; }
.co-voltar .ico { width: 26px; height: 26px; stroke-width: 3; }
.co-titulo { display: block; }

/* Comunicados no menu largo (mural) */
.mural { display: flex; flex-direction: column; }
.mural .com-cartao { grid-template-columns: 140px 220px minmax(0, 1fr); }