body { font-family: sans-serif; max-width: 1100px; margin: 20px auto; padding: 0 14px; }
nav a { margin-right: 12px; }
table { border-collapse: collapse; width: 100%; margin-top: 10px; }
th, td { border: 1px solid #ddd; padding: 6px 8px; }
th { background: #f6f6f6; text-align: left; }
small { color: #666; }
.actions form { display: inline; }
@media print {
  nav, .no-print { display: none; }
  body { margin: 0; max-width: none; }
  table { font-size: 11pt; }
}
.qty-btn {
  margin: 0 2px;
  padding: 2px 6px;
  border: 1px solid #999;
  background: #eee;
  cursor: pointer;
}

.qty-btn.active {
  background: #333;
  color: #fff;
  font-weight: bold;
  border-color: #333;
}

.qty-btn:hover {
  background: #ccc;
}