.ui-card {
  @apply bg-white rounded-lg overflow-hidden;
}

.ui-card--small {
  @apply p-4;
}

.ui-card--default {
  @apply p-0;
}

.ui-card--large {
  @apply p-8;
}

.ui-card--elevated {
  box-shadow: none !important;
}

.ui-card--outlined {
  @apply border-2 border-gray-200;
}

.ui-card--filled {
  @apply bg-gray-50;
}

.ui-card--shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.ui-card--shadow {
  box-shadow: none !important;
}

.ui-card--shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.ui-card--shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.ui-card--shadow-xl {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.ui-card--no-border {
  @apply border-0;
}

.ui-card--rounded {
  @apply rounded-lg;
}

.ui-card--hover {
  @apply transition-all duration-200 ease-in-out;
}

.ui-card--hover:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  transform: translateY(-2px);
}

.ui-card-header {
  @apply px-6 pb-2 pt-6;
}

.ui-card-title {
  @apply flex flex-col;
}

.ui-card-title-text {
  @apply text-lg font-semibold text-gray-900 m-0;
}

.ui-card-subtitle {
  @apply text-sm text-gray-600 mt-1 m-0;
}

.ui-card-content {
  @apply min-h-0;
}

.ui-card-footer {
  @apply border-t border-gray-200 pt-4 mt-4;
}

.ui-card .p-card {
  @apply bg-white;
}

.ui-card .p-card .p-card-body {
  @apply p-0;
}

.ui-card .p-card .p-card-content {
  @apply p-0;
}

.ui-card .p-card .p-card-footer {
  @apply p-0;
}
.title-generic{
    @apply grid relative grid-cols-2a before:content-[''] before:w-[30%] before:h-1 after:bg-complement-100 before:absolute before:top-full after:mt-[1px] before:right-0 after:content-[''] after:w-[75%] after:h-0.5 before:!bg-dominant-400 before:!shadow-sm before:!shadow-dominant-100 after:absolute after:top-full after:right-[38%] pb-3
}