.dspp-wrap .nav-tabs { margin-top: 10px; }
.dspp-tab { margin-top: 20px; }

.dspp-grid-3 {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 16px;
}
.dspp-grid-4 {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 16px;
}
.dspp-grid-2 {
  display: grid; grid-template-columns: repeat(2,1fr); gap: 16px;
}
@media (max-width: 1200px) {
  .dspp-grid-4 { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
  .dspp-grid-3, .dspp-grid-4, .dspp-grid-2 { grid-template-columns: 1fr; }
}

.dspp-card {
  background: #fff; border: 1px solid #e6e6e6; border-radius: 10px;
  padding: 18px; box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.dspp-kpi { font-size: 28px; font-weight: 700; }
.dspp-title { color: #2c3338; margin-top: 6px; font-weight: 600; }
.dspp-sub { font-size: 12px; color: #6b7280; }

.dspp-panel {
  background: #fff; border: 1px solid #e6e6e6; border-radius: 10px;
  padding: 16px; margin-bottom: 18px; box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.dspp-form .form-label { font-weight: 600; }
.ul-disc { list-style: disc; padding-left: 20px; }

.table .text-truncate { max-width: 280px; }