/* Dashboard de cliques: componentes escopados, sem recursos externos ou estilos inline. */
.cliques-painel { --cliques-turquesa:#087f78; }
.cliques-painel .cliques-status { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:24px; margin-bottom:22px; border:1px solid #c3e8e2; border-radius:18px; background:linear-gradient(115deg,#effcf9,#f6fafc); }
.cliques-painel .cliques-status h2 { margin:12px 0 6px; font-size:1.2rem; color:#164f4a; }
.cliques-painel .cliques-status p { margin:0; max-width:72ch; color:#425c65; line-height:1.6; }
.cliques-painel .cliques-status-acao { flex:0 0 auto; max-width:100%; }
.cliques-painel .cliques-status-acao form { margin:0; }
.cliques-painel .cliques-filtros { border-radius:14px; margin-block:18px 24px; }
.cliques-painel .cliques-filtros .campo { min-width:0; flex:1 1 180px; max-width:none; }
.cliques-painel .cliques-filtros select { width:100%; min-width:0; text-overflow:ellipsis; }
.cliques-painel .cliques-filtro-acoes { display:flex; flex-wrap:wrap; gap:10px; align-items:center; align-self:flex-end; margin-bottom:16px; }
.cliques-painel .cliques-filtro-ajuda { flex:1 1 100%; margin:0; }
.cliques-painel .cliques-kpis { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); margin-bottom:24px; }
.cliques-painel .cliques-kpis .kpi { height:100%; }
.cliques-painel .cliques-kpis .kpi-valor { color:var(--cliques-turquesa); font-variant-numeric:tabular-nums; }
.cliques-painel .cliques-grade { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; align-items:start; }
.cliques-painel .cliques-grade > .cartao { min-width:0; margin:0; }
.cliques-painel .cliques-grade + .cartao { margin-top:20px; }
.cliques-painel .cliques-barras { display:grid; gap:16px; margin:0; padding:0; list-style:none; }
.cliques-painel .cliques-barras li { min-width:0; }
.cliques-painel .cliques-barra-cab { display:flex; justify-content:space-between; gap:14px; align-items:start; font-size:.88rem; margin-bottom:7px; }
.cliques-painel .cliques-barra-cab span { min-width:0; overflow-wrap:anywhere; line-height:1.45; }
.cliques-painel .cliques-barra-cab strong { flex:0 0 auto; font-variant-numeric:tabular-nums; color:#145c55; }
.cliques-painel .cliques-trilho { height:9px; border-radius:99px; background:#e8f2f0; overflow:hidden; }
.cliques-painel .cliques-trilho > span { display:block; height:100%; border-radius:99px; background:#15978b; }
.cliques-painel .cliques-horas, .cliques-painel .cliques-dias { max-height:380px; overflow:auto; padding-right:8px; }
.cliques-painel .cliques-link-produto { max-width:300px; font-weight:600; overflow-wrap:anywhere; }
.cliques-painel .cliques-endereco { max-width:300px; margin-top:7px; font-size:.78rem; overflow-wrap:anywhere; }
.cliques-painel .cliques-metodo { border:1px solid var(--borda); border-radius:12px; margin-top:24px; padding:14px 18px; background:var(--superficie); }
.cliques-painel .cliques-metodo > summary { min-height:32px; font-weight:650; }
.cliques-painel .cliques-metodo p { max-width:105ch; line-height:1.65; }
.cliques-painel code { white-space:normal; overflow-wrap:anywhere; }
.cliques-painel .acoes-linha { flex-wrap:wrap; }
@media(max-width:1000px) { .cliques-painel .cliques-status { align-items:flex-start; flex-direction:column; gap:16px; } }
@media(max-width:800px) { .cliques-painel .cliques-grade { grid-template-columns:1fr; } }
@media(max-width:640px) { .cliques-painel .cliques-status { padding:18px; } .cliques-painel .cliques-status-acao { width:100%; } .cliques-painel .cliques-status-acao .botao { width:100%; height:auto; min-height:44px; white-space:normal; padding-block:10px; } .cliques-painel .cliques-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .cliques-painel .cliques-kpis .kpi { padding:14px; } .cliques-painel .cliques-filtros .campo { flex:1 1 100%; } .cliques-painel .cliques-filtro-acoes { width:100%; } .cliques-painel .cliques-filtro-acoes .botao { flex:1 1 auto; min-height:44px; } .cliques-painel .cliques-link-produto,.cliques-painel .cliques-endereco { max-width:100%; } .cliques-painel .cliques-metodo > summary { min-height:44px; } .cliques-painel .acoes-linha .botao { min-height:44px; } }
@media(prefers-reduced-motion:reduce) { .cliques-painel * { scroll-behavior:auto; } }
.cliques-painel .cliques-largura-0 { width:0%; }
.cliques-painel .cliques-largura-5 { width:5%; }
.cliques-painel .cliques-largura-10 { width:10%; }
.cliques-painel .cliques-largura-15 { width:15%; }
.cliques-painel .cliques-largura-20 { width:20%; }
.cliques-painel .cliques-largura-25 { width:25%; }
.cliques-painel .cliques-largura-30 { width:30%; }
.cliques-painel .cliques-largura-35 { width:35%; }
.cliques-painel .cliques-largura-40 { width:40%; }
.cliques-painel .cliques-largura-45 { width:45%; }
.cliques-painel .cliques-largura-50 { width:50%; }
.cliques-painel .cliques-largura-55 { width:55%; }
.cliques-painel .cliques-largura-60 { width:60%; }
.cliques-painel .cliques-largura-65 { width:65%; }
.cliques-painel .cliques-largura-70 { width:70%; }
.cliques-painel .cliques-largura-75 { width:75%; }
.cliques-painel .cliques-largura-80 { width:80%; }
.cliques-painel .cliques-largura-85 { width:85%; }
.cliques-painel .cliques-largura-90 { width:90%; }
.cliques-painel .cliques-largura-95 { width:95%; }
.cliques-painel .cliques-largura-100 { width:100%; }

.cliques-painel .cliques-filtros-detalhes{margin:18px 0 24px;border:1px solid #d8e4ea;border-radius:14px;background:#fff;overflow:hidden}
.cliques-painel .cliques-filtros-detalhes>summary{padding:16px 18px;cursor:pointer;min-height:24px;font-weight:700;color:#145a63}
.cliques-painel .cliques-filtros-detalhes>summary span{font-weight:400;color:#536b76;margin-left:12px;font-size:.85rem}
.cliques-painel .cliques-filtros-detalhes .cliques-filtros{margin:0;border:0;border-radius:0;box-shadow:none}
@media(max-width:640px){.cliques-painel .cliques-filtros-detalhes>summary span{display:block;margin:5px 0 0 16px}}

@media(max-width:1100px){
 .cliques-painel .cliques-lista-links .tabela thead{display:none}
 .cliques-painel .cliques-lista-links .tabela,.cliques-painel .cliques-lista-links .tabela tbody,.cliques-painel .cliques-lista-links .tabela tr,.cliques-painel .cliques-lista-links .tabela td{display:block;width:100%}
 .cliques-painel .cliques-lista-links .tabela tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;border-bottom:1px solid var(--borda)}
 .cliques-painel .cliques-lista-links .tabela td{grid-column:1/-1;min-width:0!important;border:0;padding:0;white-space:normal;text-align:left;box-sizing:border-box;overflow-wrap:anywhere}
 .cliques-painel .cliques-lista-links .tabela td[data-rotulo]::before{content:attr(data-rotulo);display:block;font-size:.7rem;text-transform:uppercase;color:var(--texto-suave);font-weight:600;margin-bottom:5px}
 .cliques-painel .cliques-lista-links .tabela td.num{grid-column:span 1}
 .cliques-painel .cliques-lista-links .tabela td.acoes{position:static;box-shadow:none;grid-column:1/-1}
 .cliques-painel .cliques-lista-links .tabela td.acoes .acoes-linha{justify-content:flex-start}
 .cliques-painel .cliques-lista-links .cliques-link-produto,.cliques-painel .cliques-lista-links .cliques-endereco{max-width:none}
}