/* ===================================================================
   Hub de Soluções — Vermeer
   Paleta e estilo alinhados aos portais (Inventário, GED, Miner).
   =================================================================== */

:root{
  --amarelo:    #FFC425;   /* amarelo oficial Vermeer */
  --amarelo-2:  #ffca3d;
  --verde:      #00703C;   /* verde oficial Vermeer */
  --verde-esc:  #00532f;
  --preto:      #000000;
  --painel:     #161615;
  --painel-2:   #1e1e1c;
  --borda:      #3a3a35;
  --texto:      #ffffff;
  --texto-mut:  #b8b8b1;
  --texto-mut2: #a6a69f;
  --erro:       #ff8080;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family:"Segoe UI", system-ui, sans-serif;
  background:
    radial-gradient(1100px 520px at 88% -10%, rgba(255,196,37,.05), transparent 62%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.014) 0 1px, transparent 1px 24px),
    var(--preto);
  background-attachment:fixed;
  color:var(--texto);
  min-height:100%;
  -webkit-font-smoothing:antialiased;
}

/* ============================ LOGIN ============================ */
body.tela-login{
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:var(--preto); color:#fff;
}
.caixa-login{ width:340px; max-width:90vw; text-align:center; padding:20px; }
.logo-login{ display:block; margin:0 auto 14px; width:220px; max-width:100%; }
.caixa-login .tagline{
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--texto-mut); margin-bottom:28px;
}
.caixa-login h1{ font-size:20px; letter-spacing:.16em; text-transform:uppercase; margin:0 0 6px; }
.caixa-login .sub{ font-size:12.5px; color:var(--texto-mut2); margin-bottom:24px; }
.caixa-login .campo{ margin-bottom:16px; text-align:left; }
.caixa-login .campo label{
  display:block; font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--texto-mut); margin-bottom:6px; font-weight:600;
}
.caixa-login .campo input{
  width:100%; padding:11px 12px; background:var(--painel-2); border:1px solid var(--borda);
  border-radius:4px; color:#fff; font-size:14px; font-family:inherit;
}
.caixa-login .campo input:focus{ outline:none; border-color:var(--amarelo); }
.caixa-login button{
  width:100%; margin-top:8px; padding:13px; background:var(--amarelo); color:var(--preto);
  font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:13px; border:none;
  cursor:pointer; font-family:inherit;
  clip-path:polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
}
.caixa-login button:hover{ background:var(--amarelo-2); }
.flash{ text-align:left; font-size:12.5px; margin-bottom:14px; padding:9px 12px; border-radius:4px; }
.flash.erro{ background:rgba(255,80,80,.12); color:var(--erro); border:1px solid rgba(255,80,80,.3); }
.flash.ok{ background:rgba(0,112,60,.15); color:#7fd4a3; border:1px solid rgba(0,112,60,.4); }

/* ============================ TOPO ============================ */
.topo{
  background:var(--preto); display:flex; align-items:stretch;
  min-height:52px; flex-wrap:wrap; border-bottom:1px solid #202019;
}
.topo .marca{
  background:var(--amarelo); color:var(--preto); font-weight:700; text-decoration:none;
  display:flex; align-items:center; gap:10px; padding:0 32px 0 18px;
  clip-path:polygon(0 0, 100% 0, calc(100% - 18px) 100%, 0 100%);
}
.logo-topo{ height:26px; display:block; }
.topo .marca span{ font-size:14px; letter-spacing:.05em; text-transform:uppercase; }
.topo-dir{
  margin-left:auto; align-self:center; margin-right:16px;
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
}
.topo-dir .usuario{
  color:var(--texto); font-size:12.5px; font-weight:600; letter-spacing:.04em;
  padding-right:4px; border-right:1px solid var(--borda); padding-right:16px;
}
.topo-dir a{
  color:var(--texto-mut); text-decoration:none; font-size:12px;
  letter-spacing:.06em; text-transform:uppercase;
}
.topo-dir a:hover{ color:var(--amarelo); }
.topo-dir .sair{ border:1px solid var(--borda); padding:7px 14px; }
.topo-dir .sair:hover{ border-color:var(--amarelo); color:var(--amarelo); }

/* ============================ HUB ============================ */
.conteudo{ max-width:1180px; margin:0 auto; padding:38px 26px 70px; }
.cabecalho{ position:relative; margin-bottom:40px; padding-left:22px; }
.cabecalho::before{
  content:''; position:absolute; left:0; top:2px; bottom:2px; width:9px; background:var(--amarelo);
  clip-path:polygon(0 0, 100% 0, 100% 80%, 45% 100%, 0 100%);
}
.saudacao{
  font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--amarelo);
  font-weight:700; margin-bottom:9px;
}
.cabecalho h1{ font-size:31px; letter-spacing:.01em; margin:0; }
.cabecalho p{ color:var(--texto-mut2); font-size:14.5px; margin:9px 0 0; }

.titulo-secao{
  font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--texto-mut);
  margin:0 0 16px; display:flex; align-items:center; gap:12px;
}
.titulo-secao::before{ content:''; width:22px; height:3px; background:var(--amarelo); }

.grade{ display:grid; gap:18px; grid-template-columns:repeat(auto-fill, minmax(285px, 1fr)); }

.card{
  position:relative; display:block; text-decoration:none; color:inherit;
  background:var(--painel); border:1px solid #262523; padding:24px 22px 20px;
  overflow:hidden; transition:transform .16s ease, border-color .16s ease;
}
.card::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--amarelo);
  transition:width .16s ease;
}
.card:hover{ transform:translateY(-4px); border-color:var(--amarelo); }
.card:hover::before{ width:7px; }
.card .icone{ color:var(--amarelo); margin-bottom:16px; }
.card .icone svg{ width:34px; height:34px; display:block; }
.card h3{ font-size:19px; letter-spacing:.03em; text-transform:uppercase; margin:0; }
.card p{ color:var(--texto-mut2); font-size:13.5px; margin:8px 0 0; line-height:1.45; }
.card .abrir{
  margin-top:16px; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--amarelo); font-weight:700;
}
.card .abrir::after{ content:'→'; display:inline-block; margin-left:6px; transition:transform .16s ease; }
.card:hover .abrir::after{ transform:translateX(4px); }

.card.breve{ opacity:.5; cursor:default; }
.card.breve::before{ background:var(--verde); }
.card.breve .icone{ color:var(--texto-mut); }
.card.breve:hover{ transform:none; border-color:#262523; }
.card.breve:hover::before{ width:4px; }
.badge{
  position:absolute; top:0; right:0; background:var(--verde); color:#fff;
  font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  padding:5px 14px 5px 18px;
  clip-path:polygon(14px 0, 100% 0, 100% 100%, 0 100%);
}

footer{
  margin-top:46px; padding-top:20px; border-top:1px solid #202019; color:var(--texto-mut2);
  font-size:12px; letter-spacing:.04em; display:flex; justify-content:space-between;
  flex-wrap:wrap; gap:10px;
}

/* flash no conteúdo (fora da tela de login) */
.conteudo .flash{ max-width:720px; margin:0 0 18px; }

/* ============================ FORMULÁRIOS / ADMIN ============================ */
.conteudo.estreito{ max-width:560px; }

.form-hub{
  background:var(--painel); border:1px solid #262523; padding:22px; margin-bottom:8px;
}
.form-hub .linha-form{
  display:grid; gap:16px; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); margin-bottom:16px;
}
.form-hub .campo{ margin-bottom:16px; }
.form-hub .linha-form .campo{ margin-bottom:0; }
.form-hub label{
  display:block; font-size:11px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--texto-mut); margin-bottom:6px; font-weight:600;
}
.form-hub input, .form-hub select{
  width:100%; padding:10px 12px; background:var(--painel-2); border:1px solid var(--borda);
  border-radius:4px; color:#fff; font-size:14px; font-family:inherit;
}
.form-hub input:focus, .form-hub select:focus{ outline:none; border-color:var(--amarelo); }
.form-hub .dica{ font-size:11.5px; color:var(--texto-mut2); margin-top:5px; }

.acoes{ display:flex; gap:10px; align-items:center; margin-top:6px; }

/* botões */
button, .btn{
  display:inline-block; background:var(--amarelo); color:var(--preto); border:none;
  padding:11px 22px; font-family:inherit; font-size:12.5px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; cursor:pointer; text-decoration:none;
  clip-path:polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
}
button:hover, .btn:hover{ background:var(--amarelo-2); }
.btn.secundario, button.secundario{
  background:transparent; color:var(--texto-mut); border:1px solid var(--borda); clip-path:none;
}
.btn.secundario:hover, button.secundario:hover{ border-color:var(--amarelo); color:var(--amarelo); background:transparent; }
.btn.perigo, button.perigo{ background:transparent; color:#ff8080; border:1px solid rgba(255,80,80,.4); clip-path:none; }
.btn.perigo:hover, button.perigo:hover{ background:rgba(255,80,80,.12); color:#ff8080; }
.btn.pequeno, button.pequeno{ padding:7px 12px; font-size:11px; letter-spacing:.06em; }

/* tabelas */
.tabela-wrap{ overflow-x:auto; }
table{ width:100%; border-collapse:collapse; background:var(--painel); border:1px solid #262523; }
th{
  text-align:left; padding:11px 14px; background:#111110; color:var(--texto-mut);
  font-size:11px; text-transform:uppercase; letter-spacing:.08em; border-bottom:2px solid var(--amarelo);
  white-space:nowrap;
}
td{ padding:11px 14px; border-bottom:1px solid #262523; font-size:14px; vertical-align:middle; }
tr:last-child td{ border-bottom:none; }
td .inline{ display:flex; gap:8px; align-items:center; margin:0; }
td select, td input{
  padding:7px 10px; background:var(--painel-2); border:1px solid var(--borda);
  border-radius:4px; color:#fff; font-size:13px; font-family:inherit;
}
td input[type=password]{ width:140px; }
.vazio{ color:var(--texto-mut2); text-align:center; padding:22px; }

/* checkboxes de acesso aos apps */
.apps-check{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
.app-chip{ display:inline-flex; align-items:center; gap:7px; font-size:13px; color:var(--texto);
  background:var(--painel-2); border:1px solid var(--borda); padding:7px 12px; cursor:pointer; }
.app-chip input{ width:15px; height:15px; accent-color:var(--amarelo); margin:0; }
.apps-linha{ gap:6px; flex-wrap:wrap; }
.apps-linha .app-chip{ padding:5px 8px; gap:5px; }
.apps-linha .app-chip span{ font-size:15px; }

.sub-email{ font-size:12px; color:var(--texto-mut2); margin-top:2px; }
.acoes-linha{ display:flex; gap:8px; align-items:center; }
.acoes-linha form{ margin:0; }

/* ===================================================================
   Painel do Cadastro SAP (funil, pendências, base de referência)
   =================================================================== */
.funil{ display:grid; gap:12px; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); }
.etapa{
  background:var(--painel); border:1px solid var(--borda); border-top:3px solid var(--borda);
  padding:18px 16px 16px; position:relative;
}
.etapa-qtd{ font-size:34px; font-weight:700; line-height:1; color:var(--texto); }
.etapa-rotulo{ margin-top:8px; font-size:12px; letter-spacing:.04em; color:var(--texto-mut); }
.etapa-triagem, .etapa-planejamento, .etapa-fiscal, .etapa-pronto_dtw{ border-top-color:var(--amarelo); }
.etapa-cadastrado{ border-top-color:var(--verde); }
.etapa-cadastrado .etapa-qtd{ color:var(--verde); }
.etapa-rejeitado{ border-top-color:var(--erro); }
.etapa-rejeitado .etapa-qtd{ color:var(--erro); }

.contador{
  display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px;
  padding:0 6px; border-radius:10px; background:var(--amarelo); color:var(--preto);
  font-size:12px; font-weight:700; letter-spacing:0;
}

.lista-pendencias{ display:flex; flex-direction:column; gap:8px; }
.pendencia{
  display:flex; align-items:center; gap:14px;
  background:var(--painel); border:1px solid var(--borda); padding:12px 16px;
}
.pend-codigo{ font-weight:600; color:var(--texto); }
.pend-status{ color:var(--texto-mut); font-size:13px; margin-left:auto; }
.semaforo{ width:12px; height:12px; border-radius:50%; background:var(--texto-mut); flex:0 0 auto; }
.cor-verde{ background:var(--verde); }
.cor-amarelo{ background:var(--amarelo); }
.cor-vermelho{ background:var(--erro); }
.cor-cinza{ background:var(--texto-mut); }

.vazio{ color:var(--texto-mut); font-size:14px; padding:8px 0; }

.refs{ display:grid; gap:14px; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); }
.ref-card{ background:var(--painel-2); border:1px solid var(--borda); padding:16px 18px; }
.ref-n{ font-size:24px; font-weight:700; color:var(--amarelo); line-height:1; }
.ref-rotulo{ margin-top:6px; font-size:12px; color:var(--texto-mut); }

.etapa{ text-decoration:none; color:inherit; transition:border-color .15s, transform .15s; }
a.etapa:hover{ border-color:var(--amarelo); transform:translateY(-2px); }
a.pendencia{ text-decoration:none; color:inherit; transition:border-color .15s; }
a.pendencia:hover{ border-color:var(--amarelo); }

/* ===================================================================
   Telas do fluxo (fila, nova solicitação, detalhe/triagem)
   =================================================================== */
.linha-titulo{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.linha-titulo .btn{ flex:0 0 auto; }
.cab-acoes{ display:flex; flex-direction:column; align-items:flex-end; gap:10px; flex:0 0 auto; }

.filtros{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.chip{
  text-decoration:none; font-size:13px; color:var(--texto-mut);
  background:var(--painel); border:1px solid var(--borda); padding:6px 12px;
}
.chip:hover{ color:var(--texto); border-color:var(--texto-mut); }
.chip.ativo{ background:var(--amarelo); border-color:var(--amarelo); color:var(--preto); font-weight:600; }

.tabela{ width:100%; border-collapse:collapse; background:var(--painel); border:1px solid var(--borda); }
.tabela th, .tabela td{ text-align:left; padding:12px 14px; border-bottom:1px solid var(--borda); }
.tabela th{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--texto-mut); }
.tabela tbody tr{ cursor:pointer; }
.tabela tbody tr:hover{ background:var(--painel-2); }
.tabela td.cod a{ color:var(--amarelo); text-decoration:none; font-weight:600; }
.tabela tr:last-child td{ border-bottom:none; }

.pill{
  display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600;
  padding:4px 10px; border:1px solid var(--borda); background:var(--painel-2); color:var(--texto-mut);
}
.pill.grande{ font-size:14px; padding:7px 14px; }
.pill-triagem, .pill-planejamento, .pill-fiscal, .pill-pronto_dtw{ color:var(--amarelo); border-color:rgba(255,196,37,.4); }
.pill-cadastrado{ color:var(--verde); border-color:rgba(0,112,60,.55); }
.pill-rejeitado{ color:var(--erro); border-color:rgba(255,128,128,.4); }
.pill-rascunho{ color:var(--texto-mut); }

.voltar{ display:inline-block; margin-bottom:12px; color:var(--texto-mut); text-decoration:none; font-size:13px; }
.voltar:hover{ color:var(--amarelo); }

.ficha{ display:grid; gap:1px; background:var(--borda); border:1px solid var(--borda); margin-top:8px; }
.ficha > div{ display:flex; gap:16px; background:var(--painel); padding:12px 16px; }
.ficha .rot{ flex:0 0 200px; color:var(--texto-mut); font-size:13px; }
.ficha .val{ color:var(--texto); }

.aviso{ font-size:14px; padding:11px 14px; border:1px solid var(--borda); }
.aviso.bloco{ margin:12px 0; }
.aviso-ok{ color:#8fe0b0; border-color:rgba(0,112,60,.5); background:rgba(0,112,60,.10); }
.aviso-alerta{ color:var(--amarelo); border-color:rgba(255,196,37,.45); background:rgba(255,196,37,.08); }
.aviso-erro{ color:var(--erro); border-color:rgba(255,128,128,.45); background:rgba(255,128,128,.08); }
.aviso .obs{ margin-top:6px; color:var(--texto-mut); font-size:13px; }

.painel-acao{ display:grid; gap:18px; margin-top:18px;
  grid-template-columns:minmax(0,1fr); }
.acao-encaminhar{ background:var(--painel); border:1px solid rgba(0,112,60,.4); padding:16px; margin:0; }
.acao-rejeitar{ background:var(--painel); border:1px solid var(--borda); padding:16px; margin:0; }
.dois-campos{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }
.btn-perigo{ background:transparent; color:var(--erro); border:1px solid rgba(255,128,128,.55); }
.btn-perigo:hover{ background:rgba(255,128,128,.10); }
.opc{ color:var(--texto-mut2); font-weight:400; font-size:12px; }

.timeline{ list-style:none; margin:0; padding:0; }
.timeline li{ display:flex; flex-wrap:wrap; gap:10px; align-items:baseline;
  padding:10px 0; border-bottom:1px solid var(--borda); }
.timeline li:last-child{ border-bottom:none; }
.tl-acao{ color:var(--texto); font-weight:600; }
.tl-motivo{ color:var(--amarelo); font-size:13px; }
.tl-quem{ color:var(--texto-mut); font-size:13px; }
.tl-quando{ color:var(--texto-mut2); font-size:12px; margin-left:auto; }

.bloco-cta{ display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:var(--painel); border:1px solid rgba(255,196,37,.4); padding:16px; margin-top:18px; }
.bloco-cta .cta-sub{ color:var(--texto-mut); font-size:13px; margin-left:8px; }
.req{ color:var(--amarelo); }

/* Planejamento: formulário + preview de derivação ao vivo */
.plan-layout{ display:grid; gap:24px; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  align-items:start; max-width:none; }
.plan-form .titulo-secao{ margin-top:22px; }
.plan-form .titulo-secao:first-child{ margin-top:0; }

.plan-preview{ position:sticky; top:16px; background:var(--painel);
  border:1px solid var(--borda); border-top:3px solid var(--amarelo); padding:18px; }
.preview-titulo{ display:flex; align-items:center; justify-content:space-between; gap:10px;
  font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--texto-mut); }
.preview-cod{ color:var(--amarelo); font-weight:700; letter-spacing:0; font-size:14px; }
.preview-nota{ font-size:12px; color:var(--texto-mut2); margin:8px 0 4px; }
.preview-nota code{ color:var(--texto-mut); }
.preview-grupo{ margin-top:16px; }
.pg-titulo{ font-size:12px; color:var(--amarelo); margin-bottom:6px; }
.kv{ display:flex; justify-content:space-between; gap:12px; padding:6px 0;
  border-bottom:1px solid var(--borda); font-size:13px; }
.kv:last-child{ border-bottom:none; }
.kv > span:first-child{ color:var(--texto-mut); }
.kv > span:last-child{ color:var(--texto); font-weight:600; text-align:right; word-break:break-word; }

@media (max-width:820px){ .plan-layout{ grid-template-columns:1fr; }
  .plan-preview{ position:static; } .dois-campos{ grid-template-columns:1fr; } }

/* Validação fiscal: rádios Sim/Não com dica do código derivado */
.radio-linha{ display:flex; gap:14px; flex-wrap:wrap; }
.radio{ display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  background:var(--painel-2); border:1px solid var(--borda); padding:9px 14px; color:var(--texto); }
.radio:hover{ border-color:var(--texto-mut); }
.radio input{ accent-color:var(--amarelo); width:16px; height:16px; margin:0; }
.radio:has(input:checked){ border-color:var(--amarelo); }
.cod-hint{ color:var(--texto-mut2); font-size:12px; }

/* ===================================================================
   Sino de notificações, painel de SLA e lista de notificações
   =================================================================== */
.sino{ position:relative; display:inline-flex; align-items:center; color:var(--texto-mut); }
.sino:hover{ color:var(--amarelo); }
.sino svg{ width:20px; height:20px; }
.sino-badge{ position:absolute; top:-7px; right:-8px; min-width:16px; height:16px; padding:0 4px;
  border-radius:8px; background:var(--erro); color:#1a0000; font-size:11px; font-weight:700;
  display:inline-flex; align-items:center; justify-content:center; }

.sla-cards{ display:grid; gap:14px; grid-template-columns:repeat(auto-fit, minmax(150px,1fr)); }
.sla-card{ background:var(--painel); border:1px solid var(--borda); border-left:3px solid var(--borda);
  padding:16px 18px; }
.sla-n{ font-size:30px; font-weight:700; line-height:1; color:var(--texto); }
.sla-rot{ margin-top:6px; font-size:12px; color:var(--texto-mut); }
.sla-vermelho{ border-left-color:var(--erro); } .sla-vermelho .sla-n{ color:var(--erro); }
.sla-amarelo{ border-left-color:var(--amarelo); } .sla-amarelo .sla-n{ color:var(--amarelo); }
.sla-verde{ border-left-color:var(--verde); } .sla-verde .sla-n{ color:#8fe0b0; }

.pend-parado{ color:var(--texto-mut2); font-size:12px; margin-left:12px; }
.tabela td.parado{ color:var(--texto-mut2); font-size:13px; }

.lista-notif{ display:flex; flex-direction:column; gap:8px; }
.notif{ display:flex; gap:12px; align-items:flex-start; text-decoration:none; color:inherit;
  background:var(--painel); border:1px solid var(--borda); padding:13px 16px; }
.notif:hover{ border-color:var(--texto-mut); }
.notif-nova{ border-left:3px solid var(--amarelo); }
.notif-dot{ width:9px; height:9px; border-radius:50%; background:var(--amarelo); margin-top:5px; flex:0 0 auto; }
.notif-texto{ color:var(--texto); }
.notif-meta{ margin-top:4px; font-size:12px; color:var(--texto-mut2); }

/* Aba Versão (changelog) */
.versao-atual{ color:var(--amarelo); font-size:16px; vertical-align:middle; }
.releases{ display:flex; flex-direction:column; gap:16px; }
.release{ background:var(--painel); border:1px solid var(--borda); border-left:3px solid var(--amarelo); padding:16px 18px; }
.release-cab{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.release-versao{ font-weight:700; color:var(--amarelo); font-size:16px; }
.release-titulo{ color:var(--texto); font-weight:600; }
.release-data{ color:var(--texto-mut2); font-size:12px; margin-left:auto; }
.mudanca-grupo{ margin-top:10px; }
.mudanca-rotulo{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:4px; }
.mudanca-grupo ul{ margin:0; padding-left:18px; }
.mudanca-grupo li{ color:var(--texto-mut); font-size:14px; margin:2px 0; }
.mudanca-adicionado .mudanca-rotulo{ color:#8fe0b0; }
.mudanca-alterado .mudanca-rotulo{ color:var(--amarelo); }
.mudanca-removido .mudanca-rotulo{ color:var(--erro); }
.mudanca-corrigido .mudanca-rotulo{ color:#7db5ff; }