/* =========================
   Services – Edit Icon Button
========================= */

.sm-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sm-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.7);
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  transition: all 0.18s ease;
}

.sm-icon-btn:hover {
  background: rgba(59,130,246,0.1);
  border-color: rgba(59,130,246,0.35);
  transform: translateY(-1px);
}

/* Pencil-specific (optional color cue) */
.sm-edit-btn {
  color: var(--sm-primary); /* blue-600 */
}

/* Archive stays destructive */
.sm-btn[data-archive] {
  border-color: rgba(239,68,68,0.5);
  color: var(--sm-danger);
}

.sm-btn[data-archive]:hover {
  background: rgba(239,68,68,0.1);
}
/* =========================================
   SERVICES TABLE – ACTIONS ALIGNMENT FIX
========================================= */

/* Lock Actions column width */
.sm-table-services th:last-child,
.sm-table-services td:last-child {
  width: 140px;
  min-width: 140px;
  text-align: right;
  padding-right: 16px;
}

/* Make action buttons sit closer together */
.sm-table-services .sm-row-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* Prevent table from stretching Actions too far */
.sm-table-services {
  table-layout: fixed;
}

/* Optional: slightly reduce spacing on Price column */
.sm-table-services th:nth-child(2),
.sm-table-services td:nth-child(2) {
  width: 140px;
}


/* Services table enhancements */
.sm-service-name{font-weight:700;}
.sm-service-desc{font-size:12px;opacity:.75;margin-top:2px;line-height:1.2;}