/*
 * Required-field marker — global admin polish.
 *
 * Unfold's UnfoldAdminField.label_tag (unfold/fields.py) marks a required
 * field by adding the class `required` to its <label> and appending a bare red
 * asterisk `<span class="text-red-600 dark:text-red-500">*</span>` glued to the
 * label text (e.g. "Thiết bị*"). That reads as cheap.
 *
 * Replace it with a small red dot set off from the label. Pure CSS (no Tailwind
 * utilities, so it survives Unfold's precompiled build); loaded on every admin
 * page via UNFOLD["STYLES"] so every form shares the same marker.
 */
label.required > span.text-red-600 {
  /* Hide the asterisk glyph without removing it (screen readers still read the
   * label's `required` semantics from the field). */
  display: none;
}

label.required::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 6px;
  border-radius: 9999px;
  background: #dc2626;
  vertical-align: middle;
}

.dark label.required::after {
  background: #ef4444;
}