/**
 * VATECH Asia Corporate Branding & Glassmorphism Theme
 * Extrapolated from vatechasia-web Design System
 */

:root {
  --vat-brand-red: #db072f;
  --vat-accent-blue: #c1daee;
  --vat-dark-slate: #0b1120;
  --vat-glass-bg: rgba(255, 255, 255, 0.92);
  --vat-glass-border: rgba(226, 232, 240, 0.85);
}

.glass-panel {
  background: var(--vat-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--vat-glass-border);
  border-radius: var(--radius-lg, 8px);
}

/* Card Subtle Elevation Transitions */
.card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  box-shadow: var(--shadow-card-hover) !important;
}

/* Category & Status Badges */
.badge-tag {
  font-size: 0.75rem;
  padding: 0.35em 0.65em;
  border-radius: 9999px;
  background-color: #f1f5f9;
  color: #475569;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.badge-status-active {
  background-color: #dcfce7;
  color: #15803d;
  border: 1px solid #bbf7d0;
}

.badge-status-inactive {
  background-color: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.badge-status-pending {
  background-color: #fef3c7;
  color: #b45309;
  border: 1px solid #fde68a;
}

.badge-status-priority {
  background-color: var(--color-brand-red, #db072f);
  color: #ffffff;
}

/* Filter Toolbar */
.filter-toolbar {
  background: #ffffff;
  border: 1px solid var(--color-card-border, #e2e8f0);
  border-radius: var(--radius-lg, 8px);
  padding: 14px 18px;
  margin-bottom: 20px;
  box-shadow: var(--shadow-sm);
}

/* Upload & Drag Drop Zone */
.upload-dropzone {
  border: 2px dashed #cbd5e1;
  border-radius: 8px;
  padding: 32px 20px;
  text-align: center;
  background: #f8fafc;
  transition: all 0.2s ease;
  cursor: pointer;
}

.upload-dropzone:hover,
.upload-dropzone.dragover {
  border-color: var(--color-brand-red, #db072f);
  background: rgba(219, 7, 47, 0.02);
}