/* Central Star — ajustes carregados depois do chamados.css (o visual novo prevalece) */
.ch-abas { display: none; }
.ch-alerta { border-radius: var(--cs-raio-sm); }
.ch-alerta-ok   { color: var(--cs-verde);    background: var(--cs-verde-bg);    border-color: #b7e2c4; }
.ch-alerta-erro { color: var(--cs-vermelho); background: var(--cs-vermelho-bg); border-color: #f3c0c3; }
.ch-desc, .chamado-side { background: var(--cs-superficie-2); }
.ch-msg { background: var(--cs-superficie); }
.ch-msg.ch-proprio { background: var(--cs-primaria-clara); border-color: #b9dcdd; }
.ch-passos li.atual { background: var(--cs-primaria); }
.ch-cartao { background: var(--cs-superficie); }
.ch-cartao:hover, .ch-cartao:focus-visible { border-color: var(--cs-primaria); background: var(--cs-primaria-clara); }
.ch-row-foco td { background: var(--cs-primaria-clara); }
.ch-stat-alerta strong { color: var(--cs-vermelho); }

/* barra inferior do celular com ícones de linha */
@media (max-width: 700px) {
  .ch-bottom-nav { background: var(--cs-superficie); border-top: 1px solid var(--cs-borda); box-shadow: 0 -2px 12px rgba(16, 24, 40, .06); }
  .ch-bottom-nav a { color: var(--cs-muted); font-size: .68rem; font-weight: 500; }
  .ch-bottom-nav a svg.cs-ic { width: 22px; height: 22px; }
  .ch-bottom-nav a .rot { font-size: .68rem; filter: none; opacity: 1; line-height: 1.2; }
  .ch-bottom-nav a.ativo { color: var(--cs-primaria); font-weight: 700; }
  .ch-filtros { padding: 12px 14px; }
  table.ch-cards tr { background: var(--cs-superficie); }
  .panel { overflow: visible; }
  .panel > .table-wrap { padding: 12px; }
}
.tag.prio-critica, .tag.prio-alta, .tag.prio-media, .tag.prio-baixa, .tag.prio-projeto, .tag.prio-onboarding, .tag.prio-normal, .tag.prio-urgente { border: 0; }
.tag.prio-critica { background: var(--cs-vermelho-bg); color: var(--cs-vermelho); }
.tag.prio-alta    { background: var(--cs-laranja-bg);  color: var(--cs-laranja); }
.tag.prio-media   { background: var(--cs-primaria-clara); color: var(--cs-primaria-texto); }
.tag.prio-baixa   { background: var(--cs-cinza-bg); color: var(--cs-texto-2); }
.tag.prio-projeto { background: var(--cs-roxo-bg); color: var(--cs-roxo); }
.tag.prio-onboarding { background: var(--cs-verde-bg); color: var(--cs-verde); }
.ch-setor { color: var(--cs-texto-2); background: var(--cs-cinza-bg); border: 0; border-radius: 6px; padding: 1px 8px; font-size: .72rem; font-weight: 700; }
table.ch-cards td[data-label="Protocolo"] { white-space: nowrap; }
.ch-etapas li { background: var(--cs-superficie); }
.ch-etapas li.atual { background: var(--cs-primaria-clara); border-color: var(--cs-primaria); color: var(--cs-primaria-texto); }
.ch-etapas li.feito { color: var(--cs-verde); border-color: #b7e2c4; }
.ch-migalha { font-size: .84rem; }
/* chamados.css redefine estas variáveis no :root; aqui prevalecem as do visual novo */
:root {
  --ch-azul: var(--cs-primaria); --ch-verde: var(--cs-verde); --ch-ambar: var(--cs-laranja); --ch-vermelho: var(--cs-vermelho);
  --ch-borda: var(--cs-borda); --ch-fundo: var(--cs-superficie-2); --ch-muted: var(--cs-muted); --muted: var(--cs-muted);
}
.ch-passos li.feito { background: var(--cs-primaria-clara); color: var(--cs-primaria-texto); }
.btn.ch-btn-sm, .ch-btn-sm { min-height: 32px; padding: 0 10px; font-size: .8rem; }
.ch-acoes { flex-wrap: nowrap; }
td.ch-acoes { white-space: nowrap; }
.ch-periodo { align-items: center; }
.ch-periodo-custom input[type=date] { width: auto; min-height: 32px; padding: 4px 8px; }
.ch-periodo .btn { min-height: 32px; }
.ch-perfil { border-radius: 999px; }
.ch-badge { border-radius: 999px; }
.ch-envio-lote { align-items: center; }

/* Atualização de cadastro */
.ch-cadastro { max-width: 760px; margin: 28px auto; }
.ch-cadastro h2 { font-size: 1.35rem; }
.ch-cadastro .form-grid { margin-top: 18px; }
.ch-campo-erro { color: var(--cs-vermelho); font-size: .8rem; margin-top: 4px; }
.ch-com-erro input, .ch-com-erro select { border-color: var(--cs-vermelho); }
.ch-cadastro-confirmo { margin-top: 18px; font-size: .95rem; }
.ch-cadastro-confirmo.ch-com-erro { color: var(--cs-vermelho); }
.ch-cadastro-lgpd { margin: 14px 0 0; font-size: .82rem; line-height: 1.5; }
.topbar.ch-topbar-cadastro { justify-content: space-between; max-width: 760px; margin: 0 auto; gap: 12px; }
@media (max-width: 700px) { .ch-cadastro { margin: 14px auto; } }

/* Respostas prontas */
.ch-respostas { margin: 0 0 8px; }
.ch-respostas select { width: auto; max-width: 100%; min-height: 34px; padding: 4px 10px; font-size: .85rem; }
.ch-respostas-lista { display: grid; gap: 10px; }
.ch-resposta-item { border: 1px solid var(--cs-borda, #e5e7eb); border-radius: 10px; padding: 12px 14px; }
.ch-resposta-item header { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.ch-resposta-item pre { white-space: pre-wrap; font: inherit; font-size: .88rem; margin: 8px 0 0; color: var(--cs-texto-2, inherit); }
.ch-resposta-item.inativa { opacity: .55; }
.ch-vars code { font-size: .8rem; }

/* Base de conhecimento */
.kb-busca { display: flex; gap: 8px; margin-bottom: 14px; }
.kb-busca input { flex: 1; min-height: 46px; font-size: 1rem; }
.kb-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.kb-filtros .cs-chip { text-decoration: none; padding: 6px 12px; }
.kb-filtros .cs-chip.ativo { background: var(--cs-primaria); color: #fff; }
.kb-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.kb-item { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px; border: 1px solid var(--cs-borda); border-radius: 12px;
  background: var(--cs-superficie); color: inherit; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.kb-item:hover { border-color: var(--cs-primaria); box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.kb-item strong { font-size: .98rem; }
.kb-item-resumo { font-size: .85rem; color: var(--cs-muted); line-height: 1.4; }
.kb-item-meta { display: flex; gap: 8px; align-items: center; font-size: .75rem; color: var(--cs-muted); margin-top: auto; }
.kb-artigo { max-width: 860px; }
.kb-artigo-topo { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.kb-artigo h1 { font-size: 1.6rem; margin: 0 0 6px; }
.kb-meta { font-size: .85rem; margin: 0 0 14px; }
.kb-resumo { font-size: 1.05rem; color: var(--cs-texto-2); margin: 0 0 18px; }
.kb-corpo { line-height: 1.65; font-size: .98rem; }
.kb-corpo h3 { font-size: 1.15rem; margin: 26px 0 8px; }
.kb-corpo h4 { font-size: 1rem; margin: 20px 0 6px; }
.kb-corpo ol, .kb-corpo ul { padding-left: 22px; }
.kb-corpo li { margin: 4px 0; }
.kb-corpo code { background: var(--cs-cinza-bg); padding: 1px 6px; border-radius: 5px; font-size: .9em; }
.kb-corpo hr { border: 0; border-top: 1px solid var(--cs-borda); margin: 22px 0; }
.kb-dica { border-left: 4px solid var(--cs-primaria); background: rgba(23,105,110,.07); padding: 10px 14px; border-radius: 6px; margin: 12px 0; }
.kb-img { margin: 12px 0; }
.kb-img img { max-width: 100%; border: 1px solid var(--cs-borda); border-radius: 8px; }
.kb-img figcaption { font-size: .8rem; color: var(--cs-muted); margin-top: 4px; }
.kb-anexos { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--cs-borda); }
.kb-voto { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 24px; padding: 14px 16px; border-radius: 10px; background: var(--cs-fundo); }
.kb-voto p { margin: 0; }
.kb-voto form { display: flex; gap: 8px; }
.kb-sugestoes { border: 1px solid var(--cs-primaria); background: rgba(23,105,110,.06); border-radius: 12px; padding: 12px 14px; margin: 0 0 16px; }
.kb-sugestoes-lista { display: grid; gap: 6px; margin-top: 8px; }
.kb-sugestoes-lista a { font-weight: 600; text-decoration: none; }
.kb-sugestoes-lista small { display: block; font-weight: 400; color: var(--cs-muted); }
.kb-rel { margin: 0 0 6px; font-size: .88rem; }
.kb-editor-topo { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; align-items: baseline; margin-bottom: 14px; }
.kb-textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88rem; line-height: 1.55; }
.kb-ajuda-formato code { font-size: .78rem; }
.kb-anexos-ed { list-style: none; padding: 0; margin: 10px 0 0; display: grid; gap: 8px; }
.kb-anexos-ed li { display: flex; gap: 10px; align-items: center; }
.kb-anexos-ed img { width: 64px; height: 44px; object-fit: cover; border-radius: 6px; border: 1px solid var(--cs-borda); }
.kb-anexo-nome { flex: 1; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; font-size: .85rem; }
.kb-codigo { width: auto; min-height: 28px; padding: 2px 8px; font-size: .78rem; font-family: ui-monospace, monospace; }
@media (max-width: 700px) { .kb-artigo h1 { font-size: 1.3rem; } .kb-busca { flex-direction: column; } }
.kb-busca-home { margin: 0 0 18px; } .kb-busca-home input { min-height: 44px; font-size: .95rem; }

/* Chamado cancelado */
.tag.status-cancelado { background: var(--cs-cinza-bg); color: var(--cs-muted); text-decoration: line-through; text-decoration-thickness: 1px; }
.ch-etapas li.cancelado { color: var(--cs-vermelho); font-weight: 600; }
.ch-alerta.ch-cancelado { background: var(--cs-cinza-bg); border-color: var(--cs-borda-forte); color: var(--cs-texto-2); }
.ch-cancelar-box summary { color: var(--cs-vermelho); }

/* ---- Vídeo aulas ---- */
.vd-grade { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: start; }
.vd-player video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: 10px; }
.vd-player { padding: 14px; }
.vd-titulo { margin: 14px 2px 4px; font-size: 1.15rem; }
.vd-desc { margin: 6px 0; line-height: 1.5; }
.vd-meta { margin: 8px 2px 2px; font-size: .85rem; }
.vd-desc { margin-left: 2px; margin-right: 2px; }
.vd-vazio { aspect-ratio: 16 / 9; display: grid; place-content: center; text-align: center; gap: 6px;
            background: #0f172a; color: #94a3b8; border-radius: 10px; }
.vd-vazio span { font-size: 2.4rem; }
.vd-vazio p { margin: 0; }
.vd-lista ul { list-style: none; margin: 0; padding: 6px; }
.vd-lista li + li { border-top: 1px solid var(--border, #e5e7eb); }
.vd-lista a { display: flex; gap: 12px; align-items: center; padding: 11px 8px; border-radius: 8px; color: inherit; text-decoration: none; }
.vd-lista a:hover { background: var(--hover, rgba(15, 118, 110, .06)); }
.vd-lista a.ativo { background: rgba(15, 118, 110, .12); }
.vd-lista a.ativo strong { color: var(--primary, #0f766e); }
.vd-num { flex: none; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%;
          background: var(--muted-bg, #f1f5f9); font-size: .8rem; font-weight: 600; }
.vd-lista a.ativo .vd-num { background: var(--primary, #0f766e); color: #fff; }
.vd-item { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-width: 0; }
.vd-item strong { font-weight: 600; font-size: .93rem; overflow-wrap: anywhere; }
.vd-novo { font-size: .7rem; font-weight: 700; padding: 1px 7px; border-radius: 99px; background: #dcfce7; color: #166534; }
[data-tema="escuro"] .vd-num { background: rgba(255, 255, 255, .08); }
@media (max-width: 900px) { .vd-grade { grid-template-columns: 1fr; } }