.customer-insights .kpi-card[data-v-d0f7e7d2] {
  -webkit-box-shadow: 0 2px 12px rgba(31, 45, 61, 0.08);
          box-shadow: 0 2px 12px rgba(31, 45, 61, 0.08);
  border: none;
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.customer-insights .kpi-card[data-v-d0f7e7d2]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 16px rgba(31, 45, 61, 0.12);
          box-shadow: 0 4px 16px rgba(31, 45, 61, 0.12);
}
.customer-insights .kpi-value[data-v-d0f7e7d2] {
  font-size: 21px;
  font-weight: 700;
  margin-top: 4px;
}
.customer-insights .kpi-hint[data-v-d0f7e7d2] {
  font-size: 12px;
}
.filter-row label[data-v-d0f7e7d2] {
  font-weight: 600;
}
.heatmap[data-v-d0f7e7d2] {
  border: 1px solid #e3e9ef;
  border-radius: 8px;
  padding: 12px;
  max-height: 260px;
  overflow-y: auto;
}
.heatmap-row[data-v-d0f7e7d2] {
  display: grid;
  grid-template-columns: 140px 1fr 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.heatmap-bar[data-v-d0f7e7d2] {
  background: #f1f3f5;
  border-radius: 12px;
  overflow: hidden;
  height: 10px;
}
.heatmap-bar-fill[data-v-d0f7e7d2] {
  background: -webkit-gradient(linear, left top, right top, from(#2f78ff), to(#20c997));
  background: linear-gradient(90deg, #2f78ff, #20c997);
  height: 100%;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}
.heatmap-count[data-v-d0f7e7d2] {
  text-align: left;
  font-weight: 600;
}
.insight-text[data-v-d0f7e7d2] {
  font-size: 16px;
  font-weight: 600;
}
.clickable-row[data-v-d0f7e7d2] {
  cursor: pointer;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, transform 0.2s ease;
  transition: background 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}
.clickable-row[data-v-d0f7e7d2]:hover {
  background: #f5f7fb;
}
.industry-breadcrumb .badge[data-v-d0f7e7d2] {
  border: 1px solid #e5e7eb;
}
/* Responsive improvements */
@media (max-width: 768px) {
.heatmap-row[data-v-d0f7e7d2] {
    grid-template-columns: 100px 1fr 40px;
}
.heatmap-count[data-v-d0f7e7d2] {
    font-size: 12px;
}
}
/* Animation for loading states */
@-webkit-keyframes pulse-data-v-d0f7e7d2 {
0% { opacity: 1;
}
50% { opacity: 0.5;
}
100% { opacity: 1;
}
}
@keyframes pulse-data-v-d0f7e7d2 {
0% { opacity: 1;
}
50% { opacity: 0.5;
}
100% { opacity: 1;
}
}
.loading-placeholder[data-v-d0f7e7d2] {
  -webkit-animation: pulse-data-v-d0f7e7d2 1.5s infinite;
          animation: pulse-data-v-d0f7e7d2 1.5s infinite;
}
/* Improved table responsiveness */
.table-responsive[data-v-d0f7e7d2] {
  border-radius: 0.25rem;
}
/* Improved card header */
.card-header[data-v-d0f7e7d2] {
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}
/* Improved button hover states */
.btn[data-v-d0f7e7d2] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn[data-v-d0f7e7d2]:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
/* Improved focus states for accessibility */
.form-control[data-v-d0f7e7d2]:focus, .btn[data-v-d0f7e7d2]:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}