/* ============================================================
pink-box.css — Theme overrides for Hộp Hồng
Extends: data-table.css, form-editor.css, form-detail.css
============================================================ */
:root {
  --dt-primary:     #f5576c;
  --dt-primary-dim: rgba(245,87,108,0.08);
  
  --fe-primary:     #f5576c;
  --fe-primary-h:   #e0455a;
  --fe-primary-dim: rgba(245,87,108,0.08);
  
  --fd-primary:       #f5576c;
  --fd-primary-hover: #e0455a;
  --fd-primary-dim:   rgba(245,87,108,0.08);
  
  --box-accent: #f093fb;
  --box-icon-bg: rgba(245,87,108,0.1);
  --box-icon-color: #f5576c;
}

/* Header accent bar */
.box-accent-bar {
  height: 4px;
  background: linear-gradient(90deg, var(--box-accent), var(--dt-primary));
  border-radius: var(--dt-radius) var(--dt-radius) 0 0;
}

/* Icon tint for card headers */
.fe-card__header-icon {
  background: var(--box-icon-bg) !important;
  color: var(--box-icon-color) !important;
}

/* Badge override for pink */
.fe-badge--new, .fd-badge--new { background: var(--dt-primary-dim) !important; color: var(--dt-primary) !important; }