.painel-inicial {
padding-bottom: 8px;
}

.painel-inicial .faixa-resumo {
border: 1px solid #dfe4ec;
border-radius: 14px;
background: linear-gradient(120deg, #f7f9fd 0%, #eef2f8 100%);
}

.painel-inicial .cartao-painel {
border: 1px solid #dfe4ec;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 8px 22px rgba(27, 39, 56, 0.06);
}

.painel-inicial .cabecalho-painel {
background: #f7f9fd;
border-bottom: 1px solid #e7ecf3;
}

.painel-inicial .corpo-grafico {
background: #ffffff;
border-top: 4px solid #93406ce3;
}

.painel-inicial .painel-vendas-dia {
border: 1px solid #d8dee8;
border-radius: 16px;
background: #f7f8fa;
box-shadow: 0 8px 24px rgba(30, 42, 58, 0.06);
}

.painel-inicial .cabecalho-vendas-dia {
margin-bottom: 18px;
}

.painel-inicial .botao-acao-vendas {
border: 1px solid #b8c3d3;
background: #ffffff;
color: #2d4666;
border-radius: 10px;
font-weight: 600;
padding: 8px 14px;
}

.painel-inicial .botao-acao-vendas:hover {
background: #eef3fb;
color: #17325a;
}

.painel-inicial .linha-indicadores-vendas {
margin-top: 6px;
}

.painel-inicial .cartao-indicador {
border: 0;
border-radius: 14px;
box-shadow: none;
min-height: 130px;
transition: transform .16s ease, filter .16s ease;
}

.painel-inicial .cartao-indicador:hover {
transform: translateY(-2px);
filter: brightness(0.98);
}

.painel-inicial .cartao-indicador .card-body {
padding: 16px;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 6px;
}

.painel-inicial .cartao-indicador--vendas {
background: #f4dce2;
}

.painel-inicial .cartao-indicador--meta {
background: #f2e7cb;
}

.painel-inicial .cartao-indicador--media {
background: #cdecd8;
}

.painel-inicial .cartao-indicador--estoque {
background: #e5daf7;
}

.painel-inicial .bolha-icone {
width: 38px;
height: 38px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 16px;
margin-bottom: 8px;
}

.painel-inicial .bolha-icone--vendas {
background: #ef5f88;
}

.painel-inicial .bolha-icone--meta {
background: #f08a64;
}

.painel-inicial .bolha-icone--media {
background: #32bf54;
}

.painel-inicial .bolha-icone--estoque {
background: #ad73e8;
}

.painel-inicial .valor-indicador {
font-size: 1.5rem;
line-height: 1;
margin: 2px 0 6px;
color: #1b2b54;
font-weight: 700;
}

.painel-inicial .titulo-indicador {
font-size: 1.2rem;
line-height: 1.2;
color: #2b3658;
font-weight: 600;
}

.painel-inicial .descricao-indicador {
font-size: 18px;
line-height: 1.25;
color: #35518b;
font-weight: 500;
}

.painel-inicial .lista-estoque-minimo {
display: flex;
flex-direction: column;
gap: 10px;
}

.painel-inicial .cabecalho-lista-estoque {
align-items: center;
padding: 0 10px 8px;
border-bottom: 1px solid #e7ecf3;
font-size: 13px;
color: #9aa7bc;
font-weight: 600;
}

.painel-inicial .item-estoque-minimo {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 10px;
border-bottom: 1px solid #edf1f6;
}

.painel-inicial .coluna-posicao {
width: 48px;
flex-shrink: 0;
font-size: 0.75rem;
font-weight: 600;
color: #4f5f7f;
}

.painel-inicial .coluna-produto {
width: 46%;
min-width: 240px;
}

.painel-inicial .nome-produto-estoque {
font-size: 0.75rem;
line-height: 1.2;
color: #2f3f62;
font-weight: 500;
}

.painel-inicial .codigo-produto-estoque {
margin-top: 2px;
font-size: 12px;
color: #8d9bb2;
}

.painel-inicial .coluna-progresso {
flex: 1;
min-width: 220px;
}

.painel-inicial .barra-progresso-estoque {
height: 6px;
border-radius: 999px;
background: #e6edf7;
overflow: hidden;
}

.painel-inicial .preenchimento-progresso {
display: block;
height: 100%;
border-radius: 999px;
}

.painel-inicial .meta-estoque {
display: inline-block;
margin-top: 6px;
font-size: 12px;
color: #8b98ad;
}

.painel-inicial .coluna-percentual {
width: 74px;
text-align: right;
}

.painel-inicial .badge-percentual {
display: inline-block;
font-size: 13px;
font-weight: 600;
line-height: 1;
padding: 7px 10px;
border-radius: 999px;
border: 1px solid transparent;
background: #f2f5fa;
color: #4f5f7f;
}

.painel-inicial .item-estoque-minimo--azul .preenchimento-progresso {
background: #2f9cf4;
}

.painel-inicial .item-estoque-minimo--azul .badge-percentual {
background: #eaf4ff;
border-color: #79bfff;
color: #2f84d7;
}

.painel-inicial .item-estoque-minimo--verde .preenchimento-progresso {
background: #22c67d;
}

.painel-inicial .item-estoque-minimo--verde .badge-percentual {
background: #e8fbf2;
border-color: #79dfb0;
color: #15955c;
}

.painel-inicial .item-estoque-minimo--roxo .preenchimento-progresso {
background: #8a61f0;
}

.painel-inicial .item-estoque-minimo--roxo .badge-percentual {
background: #f1ebff;
border-color: #c1abff;
color: #6a49cb;
}

.painel-inicial .item-estoque-minimo--laranja .preenchimento-progresso {
background: #f28b1d;
}

.painel-inicial .item-estoque-minimo--laranja .badge-percentual {
background: #fff4e7;
border-color: #f5bf7e;
color: #cf7412;
}

@media (max-width: 767px) {
.painel-inicial .faixa-resumo .btn {
  margin-top: 10px;
}

.painel-inicial .corpo-grafico {
  padding-left: 8px;
  padding-right: 8px;
}

.painel-inicial .valor-indicador {
  font-size: 30px;
}

.painel-inicial .titulo-indicador {
  font-size: 1.5rem;
}

.painel-inicial .descricao-indicador {
  font-size: 16px;
}

.painel-inicial .item-estoque-minimo {
  flex-wrap: wrap;
  padding: 10px 0;
}

.painel-inicial .coluna-posicao {
  width: 36px;
  font-size: 0.75rem;
}

.painel-inicial .coluna-produto {
  width: calc(100% - 48px);
  min-width: 0;
}

.painel-inicial .nome-produto-estoque {
  font-size: 0.75rem;
}

.painel-inicial .coluna-progresso {
  width: 100%;
  min-width: 0;
  order: 3;
}

.painel-inicial .coluna-percentual {
  width: auto;
  order: 2;
  margin-left: auto;
}
}