/* Grundstil för alla nummerfält */
input[type="number"] {
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 3px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* ✅ Svag bakgrund för redigerbara fält */
input[type="number"]:not([readonly]) {
  background-color: #f3f7fb;
}

/* ✅ Fokus-highlight – endast för redigerbara fält */
input[type="number"]:not([readonly]):focus {
  outline: none;
  border-color: #4a90e2;              /* diskret blå */
  box-shadow: 0 0 0 2px rgba(74,144,226,0.25);
  background-color: #eef5ff;          /* något starkare vid fokus */
}

/* ✅ Readonly-fält */
input[type="number"][readonly] {
  background-color: #ffffff;
  color: #555;
  cursor: default;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}