/* === Utility classes for module UI === */

/* Subtle helper text (replaces style="color:#888;font-weight:normal;margin-left:10px" etc) */
.dsheet-label-hint {
  color: var(--dolargb-rgb, #888);
  opacity: var(--dolargb-opacitymedium, 0.6);
  font-weight: normal;
  margin-left: 10px;
}

/* Drag handle for sortable rows */
.dsheet-drag-handle {
  cursor: grab;
  font-size: 11px;
  color: var(--dolargb-rgb, #888);
  opacity: 0.5;
}
.dsheet-drag-handle:active {
  cursor: grabbing;
}

/* Narrow fixed-width cells */
.dsheet-cell-narrow {
  width: 30px;
  text-align: center;
}
.dsheet-cell-medium {
  width: 140px;
}

/* Color preview swatch */
.dsheet-color-swatch {
  width: 24px;
  height: 24px;
  border: 1px solid var(--dolargb-highlight, #ccc);
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

/* Badge inside table cells for font family names */
.dsheet-font-label {
  font-size: 11px;
  color: var(--dolargb-rgb, #888);
  white-space: nowrap;
}

/* Section header within forms */
.dsheet-section-header {
  font-weight: bold;
  color: var(--dolargb-rgb, #333);
  margin-top: 16px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--dolargb-bgalternb, #ddd);
  padding-bottom: 4px;
}

/* Table header cell background (replaces inline background-color:silver) */
.dsheet-table-header {
  background-color: silver;
}

/* Font cell for symbol table (replaces inline font-family:YGM-Basic) */
.dsheet-font-cell {
  font-family: "YGM-Basic";
}

/* Selected cell in font picker (replaces inline background-color:#eecfa5) */
.dsheet-cell-selected {
  background-color: #eecfa5;
}

/* Highlighted cell in font picker (replaces inline background-color:antiquewhite) */
.dsheet-cell-highlight {
  background-color: antiquewhite;
}