/* V1761.74 — Avaliação de fornecimento › Configuração › Tipos e fornecedores.
   Tipos em cartões (filtram a lista) e o card de fornecedores com a mesma altura do card de tipos. */
#main .fav-tipos-grade{ align-items:stretch; }
#main .fav-tipos-card, #main .fav-forn-card{ display:flex; flex-direction:column; min-width:0; margin:0!important; }
#main .fav-forn-card{ overflow:hidden; }
/* o card de fornecedores acompanha a altura do card de tipos (a lista rola por dentro) */
@media (min-width:901px){
  #main .fav-forn-card{ height:0; min-height:100%; }
}
#main .fav-forn-resumo{ display:flex; flex-wrap:wrap; gap:6px; margin:2px 0 8px; }
#main .fav-forn-resumo span{ padding:3px 10px; border-radius:999px; background:#eef3f9; color:#4f5f75; font-size:12px; }
#main .fav-forn-resumo span b{ color:#12345f; }
#main .fav-forn-resumo span.pend{ background:#fff1e3; color:#9f4f0c; }
#main .fav-forn-resumo span.pend b{ color:#9f4f0c; }

#main .fav-tipos-lista{ display:flex; flex-direction:column; gap:8px; margin:4px 0 10px; }
#main .fav-tipo{
  display:grid; grid-template-columns:34px minmax(0,1fr) auto 30px; align-items:center; gap:10px;
  padding:10px 10px 10px 12px; border:1px solid #dfe7f1; border-radius:10px; background:#fff; cursor:pointer;
  transition:border-color .15s, background .15s, box-shadow .15s;
}
#main .fav-tipo:hover{ border-color:#9cc3f0; background:#f8fbff; }
#main .fav-tipo:focus-visible{ outline:2px solid #1766b3; outline-offset:2px; }
#main .fav-tipo.is-on{ border-color:#ef7d1a; background:#fff7ef; box-shadow:inset 3px 0 0 #ef7d1a; }
#main .fav-tipo.is-inativo{ opacity:.65; }
#main .fav-tipo-ini{ display:inline-grid; place-items:center; width:34px; height:34px; border-radius:9px; background:#e7f1fd; color:#1766b3; font-weight:800; font-size:15px; }
#main .fav-tipo--sem .fav-tipo-ini{ background:#fff1e3; color:#9f4f0c; }
#main .fav-tipo-txt{ display:flex; flex-direction:column; gap:3px; min-width:0; }
#main .fav-tipo-txt b{ color:#12345f; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main .fav-tipo-mod{ display:inline-flex; align-items:center; gap:4px; font-size:11.5px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main .fav-tipo-mod svg{ width:12px; height:12px; stroke:currentColor; fill:none; flex:0 0 auto; }
#main .fav-tipo-mod.ok{ color:#1f7a3f; }
#main .fav-tipo-mod.pend{ color:#9f4f0c; }
#main .fav-tipo-qtd{ display:flex; flex-direction:column; align-items:flex-end; line-height:1.1; }
#main .fav-tipo-qtd b{ font-size:18px; color:#12345f; }
#main .fav-tipo-qtd small{ font-size:10.5px; color:#6b7c93; }
#main .fav-tipo-edit{ width:30px; height:30px; }
#main .fav-tipos-dica{ margin:auto 0 0; padding-top:10px; border-top:1px solid #eef1f5; color:#5b6b82; font-size:12px; line-height:1.4; }

#main .fav-forn-filtros{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(160px,220px); gap:8px; margin:6px 0 8px; }
#main .fav-forn-lista{ flex:1 1 auto; min-height:150px; overflow:auto; border:1px solid #eef1f5; border-radius:8px; }
#main .fav-forn{ display:grid; grid-template-columns:minmax(0,1fr) minmax(140px,180px); align-items:center; gap:10px; padding:8px 12px; border-bottom:1px solid #eef1f5; }
#main .fav-forn:last-child{ border-bottom:0; }
#main .fav-forn.is-alterado{ background:#fff7ef; box-shadow:inset 3px 0 0 #ef7d1a; }
#main .fav-forn-nome{ display:flex; flex-direction:column; min-width:0; }
#main .fav-forn-nome b{ font-size:13px; font-weight:600; color:#1f2d3d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main .fav-forn-nome small{ font-size:11.5px; }
#main .fav-forn select{ height:34px; font-size:13px; }
#main .fav-forn-rodape{ margin:8px 0 0; font-size:12px; flex:0 0 auto; }
@media (max-width:900px){
  #main .fav-forn-lista{ max-height:460px; }
}
@media (max-width:560px){
  #main .fav-forn-filtros, #main .fav-forn{ grid-template-columns:1fr; }
}

/* V1761.74 — cards de indicadores do Painel e do Ciclo: ícone, cor pelo significado e linha de contexto */
#main .fav-kpis2{ grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; }
#main .fav-kpi2{
  --kc:#1766b3; --kf:#e7f1fd;
  position:relative; display:grid!important; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px;
  padding:14px 16px!important; border:1px solid #dfe7f1!important; border-radius:12px!important; background:#fff!important;
  box-shadow:0 1px 2px rgba(18,52,95,.05); overflow:hidden; text-align:left; min-height:86px;
}
#main .fav-kpi2::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--kc); }
#main .fav-kpi2--laranja{ --kc:#ef7d1a; --kf:#fff1e3; }
#main .fav-kpi2--verde{ --kc:#1f9254; --kf:#e5f6ec; }
#main .fav-kpi2--vermelho{ --kc:#c9302c; --kf:#fdeceb; }
#main .fav-kpi2--cinza{ --kc:#8a9bb0; --kf:#eef2f6; }
#main .fav-kpi2-ico{ display:inline-grid; place-items:center; width:42px; height:42px; border-radius:11px; background:var(--kf); color:var(--kc); }
#main .fav-kpi2-ico svg{ width:20px; height:20px; stroke:currentColor; fill:none; }
#main .fav-kpi2-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; }
#main .fav-kpi2 .fav-kpi2-rot{ font-size:11.5px!important; font-weight:700!important; color:#5b6b82!important; text-transform:uppercase; letter-spacing:.03em; line-height:1.25; }
#main .fav-kpi2 strong{ font-size:26px!important; line-height:1.1; color:#12345f!important; }
#main .fav-kpi2--vermelho strong{ color:#b42722!important; }
#main .fav-kpi2--laranja strong{ color:#a9520c!important; }
#main .fav-kpi2 small{ font-size:12px; color:#6b7c93; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main .fav-kpi2-ir{ color:#9fb0c6; font-size:22px; line-height:1; }
#main button.fav-kpi2{ cursor:pointer; transition:border-color .15s, box-shadow .15s, transform .15s; }
#main button.fav-kpi2:hover{ border-color:var(--kc)!important; box-shadow:0 4px 14px rgba(18,52,95,.10); }
#main button.fav-kpi2:hover .fav-kpi2-ir{ color:var(--kc); }
#main button.fav-kpi2:focus-visible{ outline:2px solid var(--kc); outline-offset:2px; }
@media (max-width:560px){ #main .fav-kpis2{ grid-template-columns:1fr 1fr; } #main .fav-kpi2{ grid-template-columns:36px minmax(0,1fr); padding:12px!important; } #main .fav-kpi2-ico{ width:36px; height:36px; } #main .fav-kpi2-ir{ display:none; } #main .fav-kpi2 strong{ font-size:22px!important; } }

/* Cadastro de fornecedores dentro de Configuração: o cabeçalho da tela de cadastro vira só a barra de ações */
#main .fav-cadastro-forn > .topbar{ border:0!important; background:transparent!important; box-shadow:none!important; padding:0!important; margin:0 0 10px!important; justify-content:flex-end!important; min-height:0!important; }
#main .fav-cadastro-forn > .topbar > div:first-child{ display:none!important; }
/* cards de indicador não esticam quando há poucos (ex.: Resultados com 2 cards) */
#main .fav-kpis2--compacto{ grid-template-columns:repeat(auto-fill, minmax(220px, 280px)); }
#main .fav-kpi2--destaque{ --kc:#ef7d1a; --kf:rgba(255,255,255,.12); background:#12345f!important; border-color:#12345f!important; }
#main .fav-kpi2--destaque .fav-kpi2-ico{ color:#fff; }
#main .fav-kpi2--destaque .fav-kpi2-rot{ color:#c9d6e8!important; }
#main .fav-kpi2--destaque strong{ color:#fff!important; }
#main .fav-kpi2--destaque small{ color:#b9c8dc; }
@media (max-width:560px){ #main .fav-kpis2--compacto{ grid-template-columns:1fr 1fr; } }
#main .fav-kpi2 .fav-kpi2-txt, #main .fav-kpi2 .fav-kpi2-ico, #main .fav-kpi2 .fav-kpi2-ir{ text-transform:none!important; letter-spacing:0!important; font-weight:400; }

/* V1761.78 — Avaliações com os ciclos no topo (antes na aba Programação) */
#main .fav-ciclos-faixa{ margin:0 0 14px; }
#main .fav-ciclos-cab{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:0 0 8px; }
#main .fav-ciclos-cab h3{ margin:0; font-size:15px; color:#12345f; }
#main .fav-ciclos-cab label{ font-size:12.5px; color:#4f5f75; display:inline-flex; gap:6px; align-items:center; }
#main .fav-ciclos-cards{ display:grid; grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); gap:12px; }
#main .fav-ciclo-card{ display:flex; flex-direction:column; gap:4px; padding:12px 14px; background:#fff; border:1px solid #dfe7f1; border-left:4px solid #1766b3; border-radius:12px; cursor:pointer; min-width:0; transition:border-color .15s, box-shadow .15s; }
#main .fav-ciclo-card:hover{ border-color:#9cc3f0; box-shadow:0 4px 14px rgba(18,52,95,.08); }
#main .fav-ciclo-card:focus-visible{ outline:2px solid #1766b3; outline-offset:2px; }
#main .fav-ciclo-card.is-on{ border-color:#ef7d1a; border-left-color:#ef7d1a; background:#fff8f1; }
#main .fav-ciclo-card--rascunho{ border-left-color:#ef7d1a; }
#main .fav-ciclo-card--concluido, #main .fav-ciclo-card--cancelado{ border-left-color:#8a9bb0; opacity:.85; }
#main .fav-ciclo-card header{ display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
#main .fav-ciclo-card header strong{ color:#12345f; font-size:14px; line-height:1.3; }
#main .fav-ciclo-card small{ font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#main .fav-ciclo-prog{ display:flex; flex-direction:column; gap:4px; margin:6px 0 4px; font-size:12px; color:#4f5f75; }
#main .fav-ciclo-prog em{ color:#b42722; font-style:normal; font-weight:700; }
#main .fav-ciclo-rasc{ margin:6px 0 4px; font-size:12px; color:#9f4f0c; }
#main .fav-ciclo-card > button{ align-self:flex-start; margin-top:4px; }

/* janela "Avaliação concluída" */
.fav-concl{ display:flex; flex-direction:column; gap:14px; }
.fav-concl-nota{ display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:16px; align-items:center; padding:14px 16px; border-radius:12px;
  background:color-mix(in srgb, var(--fav-cor) 10%, #fff); border:1px solid color-mix(in srgb, var(--fav-cor) 35%, #fff); }
.fav-concl-nota > span:first-child{ grid-column:1 / -1; font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#5b6b82; }
.fav-concl-nota strong{ font-size:36px; line-height:1.1; color:var(--fav-cor); font-variant-numeric:tabular-nums; }
.fav-concl-nota .fav-faixa{ justify-self:start; font-size:13px; }
.fav-concl-acoes{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.fav-concl-acoes li{ display:flex; align-items:flex-start; gap:10px; padding:10px 12px; border:1px solid #e3e9f1; border-radius:10px; background:#f8fafc; font-size:13.5px; color:#1f2d3d; line-height:1.4; }
.fav-concl-acoes li svg{ flex:0 0 auto; width:16px; height:16px; margin-top:2px; stroke:currentColor; fill:none; }
.fav-concl-mail{ color:#1766b3; } .fav-concl-mail span{ color:#1f2d3d; }
.fav-concl-oc{ color:#a9520c; } .fav-concl-oc span{ color:#1f2d3d; }
.fav-concl-erro{ color:#b42722; background:#fdeceb!important; border-color:#f5c2bf!important; }
.fav-concl-sem{ margin:0; }

/* V1761.78 — enviar resultados ao fornecedor */
#main .fav-envio-barra{ display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; margin:0 0 10px; padding:10px 14px; background:#fff; border:1px solid #dfe7f1; border-radius:10px; }
#main .fav-envio-barra label{ display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#1f2d3d; }
#main .fav-envio-barra .fav-link{ background:none!important; border:0!important; padding:0!important; color:#1766b3!important; font-size:13px; text-decoration:underline; cursor:pointer; box-shadow:none!important; }
#main .fav-envio-qtd{ margin-left:auto; font-size:12.5px; color:#5b6b82; }
#main .fav-col-sel{ text-align:center; width:36px; }
#main .fav-col-sel input{ width:16px; height:16px; cursor:pointer; }
#main .fav-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
#main .fav-enviado{ display:block; margin-top:3px; font-size:11px; color:#1f7a3f; white-space:nowrap; }
.fav-envio{ display:flex; flex-direction:column; gap:12px; }
.fav-envio-intro{ margin:0; color:#4f5f75; font-size:13px; line-height:1.45; }
.fav-envio-lista{ list-style:none; margin:0; padding:0; max-height:220px; overflow:auto; border:1px solid #e3e9f1; border-radius:10px; }
.fav-envio-lista li{ display:flex; flex-wrap:wrap; gap:2px 10px; align-items:baseline; padding:8px 12px; border-bottom:1px solid #eef1f5; font-size:13px; }
.fav-envio-lista li:last-child{ border-bottom:0; }
.fav-envio-lista li span{ color:#5b6b82; }
.fav-envio-lista li small{ color:#1f7a3f; font-size:11.5px; }
.fav-envio-lista li.sem span{ color:#b42722; }
.fav-envio-aviso{ margin:0; padding:8px 12px; border-radius:8px; background:#fff1e3; color:#9f4f0c; font-size:12.5px; }
.fav-envio-res ul{ margin:4px 0 12px; padding-left:18px; font-size:13px; }
.fav-envio-ok{ color:#1f7a3f; margin:0; } .fav-envio-falha{ color:#b42722; margin:0; }

/* V1761.79 — botão PDF na lista de avaliações */
#main .fav-acoes-linha{ display:inline-flex; gap:6px; justify-content:flex-end; flex-wrap:nowrap; }
#main .fav-btn-pdf{ min-width:0!important; padding-left:10px!important; padding-right:10px!important; }